.sobre-nosotros {
    background-color: #0d163e;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.75rem 10%; /* 60px → 3.75rem */
    font-family: 'Poppins', sans-serif;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.sobre-nosotros::before {
    content: "";
    position: absolute;
    top: -0.625rem; /* -10px */
    left: 0;
    width: 100%;
    height: 8.125rem; /* 130px */
    background: white;
    z-index: 1;
    clip-path: path('M0,30 C400,-40 1040,120 1600,30 L1600,0 L0,0 Z');
    transform: scaleX(-1);
}

.sobre-nosotros::after {
    content: "";
    position: absolute;
    bottom: -0.0625rem; /* -1px */
    left: 0;
    width: 100%;
    height: 7.5rem; /* 120px */
    background: white;
    z-index: 1;
    clip-path: path('M0,100 C400,180 1040,20 1600,100 L1600,130 L0,130 Z');
}

.sobre-nosotros h2 {
    font-size: 2rem; 
    font-weight: bold;
    flex: 1;
    text-align: left;
    margin-left: 8vw;
    opacity: 0;
    transform: translateX(-3.125rem); /* -50px */
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.sobre-nosotros.visible h2 {
    opacity: 1;
    transform: translateX(0);
}

.sobre-nosotros .contenido {
    flex: 2;
    text-align: left;
    max-width: 37.5rem; /* 600px */
    opacity: 0;
    transform: translateX(3.125rem); /* 50px */
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.sobre-nosotros.visible .contenido {
    opacity: 1;
    transform: translateX(0);
}

.sobre-nosotros p {
    font-size: 1.125rem; /* 18px */
    line-height: 1.6;
    margin-bottom: 1.25rem; /* 20px */
}

.sobre-nosotros .btn {
    background-color: #c81851;
    color: white;
    font-size: 1.125rem; /* 18px */
    padding: 0.75rem 1.5rem; /* 12px 24px */
    border-radius: 0.5rem; /* 8px */
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s;
    display: inline-block;
    border: 0.125rem solid #0d163e; /* 2px */
}

.sobre-nosotros .btn:hover {
    background-color: #9c0d40;
    border-color: #c81851;
    color: white;
}


/* RESPONSIVE */


/* Ajuste para móviles */
@media (max-width: 768px) {
    .sobre-nosotros {
        flex-direction: column;
        text-align: center;
        padding: 40px 5%;
    }

    .sobre-nosotros::before,
    .sobre-nosotros::after {
        height: 3.5rem;
    }
    .sobre-nosotros::before {
        clip-path: path('M0,20 C200,-10 600,60 900,20 L900,0 L0,0 Z');
    }
    .sobre-nosotros::after {
       clip-path: path('M0,40 C300,100 600,-20 900,40 L900,56 L0,56 Z');
    }

    .sobre-nosotros h2 {
        font-size: 1.2rem; 
        margin: 0 auto;
    }

    .sobre-nosotros .contenido {
        text-align: center;
    }

    .sobre-nosotros p {
        font-size: 1rem; 
        text-align: justify;
        margin-top: 1.5rem;
    }
    
    .sobre-nosotros .btn {
        font-size: 0.75rem;       
        padding: 0.625rem 0.625rem;
        margin: 0 auto;
        display: inline-block;
        
    }
}