/* =========================================================
   CEVINED
   NOSOTROS
   ========================================================= */


/* =========================================================
   CONTENIDO DE NOSOTROS
   ========================================================= */

.nosotros-main {

    flex: 1;

    background:
        var(--gris);
}


.nosotros-page {

    width:
        100%;

    min-height:
        550px;

    padding:
        75px 20px;
}


.nosotros-contenido {

    max-width:
        950px;

    margin:
        0 auto;

    padding:
        45px 50px;

    background:
        var(--blanco);

    border:
        1px solid
        #e0e6ee;

    border-radius:
        28px;

    box-shadow:
        0 12px 35px
        rgba(
            8,
            43,
            76,
            0.08
        );
}


.nosotros-etiqueta {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    padding:
        9px 18px;

    margin-bottom:
        20px;

    border-radius:
        30px;

    background:
        var(--azul-claro);

    color:
        var(--azul-principal);

    font-size:
        13px;

    font-weight:
        700;

    letter-spacing:
        1px;
}


.nosotros-etiqueta i {

    font-size:
        15px;
}


.nosotros-contenido h2 {

    margin:
        0 0 22px;

    color:
        var(--azul-oscuro);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        44px;

    font-weight:
        700;

    line-height:
        1.15;
}


.nosotros-contenido h2 span {

    display:
        block;

    color:
        var(--azul-principal);
}


.nosotros-intro {

    margin:
        0 0 15px;

    color:
        var(--gris-texto);

    font-size:
        20px;

    line-height:
        1.65;

    font-weight:
        500;
}


.nosotros-texto {

    margin:
        0;

    color:
        #666666;

    font-size:
        17px;

    line-height:
        1.75;
}


/* =========================================================
   MISIÓN Y VISIÓN
   ========================================================= */

.mision-vision {

    margin-top:
        30px;
}


.mision-vision-card {

    height:
        100%;

    padding:
        38px 36px;

    background:
        var(--blanco);

    border:
        1px solid
        #dce5ee;

    border-radius:
        24px;

    box-shadow:
        0 10px 28px
        rgba(
            8,
            43,
            76,
            0.07
        );

    position:
        relative;

    overflow:
        hidden;

    transition:
        var(--transicion);
}


.mision-vision-card::before {

    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        100%;

    height:
        5px;

    background:
        linear-gradient(
            90deg,
            var(--azul-principal),
            var(--turquesa)
        );
}


.mision-vision-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 15px 32px
        rgba(
            8,
            43,
            76,
            0.11
        );
}


.mision-vision-icon {

    width:
        54px;

    height:
        54px;

    margin-bottom:
        20px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        15px;

    background:
        var(--azul-claro);

    color:
        var(--azul-principal);

    font-size:
        25px;
}


.mision-vision-label {

    display:
        inline-block;

    margin-bottom:
        8px;

    color:
        var(--turquesa);

    font-size:
        13px;

    font-weight:
        800;

    letter-spacing:
        1.5px;
}


.mision-vision-content h3 {

    margin:
        0 0 18px;

    color:
        var(--azul-oscuro);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        27px;

    line-height:
        1.25;
}


.mision-vision-content p {

    margin:
        0 0 16px;

    color:
        #5f6872;

    font-size:
        15px;

    line-height:
        1.75;
}


.mision-vision-content p:last-child {

    margin-bottom:
        0;
}


.mision-vision-content strong {

    color:
        var(--azul-principal);
}


.mision-vision-content em {

    color:
        var(--azul-oscuro);
}


/* =========================================================
   TABLET
   ========================================================= */



@media (max-width: 991px) {

    .mision-vision {

        margin-top:
            25px;
    }


    .mision-vision-card {

        padding:
            32px 28px;
    }


    .nosotros-page {

        padding:
            55px 20px;
    }


    .nosotros-contenido {

        padding:
            38px 35px;
    }


    .nosotros-contenido h2 {

        font-size:
            38px;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 600px) {

    .mision-vision {

        margin-top:
            20px;
    }


    .mision-vision-card {

        padding:
            28px 22px;

        border-radius:
            20px;
    }


    .mision-vision-content h3 {

        font-size:
            24px;
    }


    .mision-vision-content p {

        font-size:
            14px;

        line-height:
            1.7;
    }


    .nosotros-page {

        padding:
            40px 15px;
    }


    .nosotros-contenido {

        padding:
            30px 22px;

        border-radius:
            22px;
    }


    .nosotros-etiqueta {

        font-size:
            11px;

        padding:
            8px 14px;
    }


    .nosotros-contenido h2 {

        font-size:
            31px;

        line-height:
            1.15;
    }


    .nosotros-intro {

        font-size:
            17px;

        line-height:
            1.6;
    }


    .nosotros-texto {

        font-size:
            15px;

        line-height:
            1.7;
    }

}


/* =========================================================
   CELULARES MUY PEQUEÑOS
   ========================================================= */

@media (max-width: 400px) {

    .nosotros-page {

        padding:
            30px 12px;
    }


    .nosotros-contenido {

        padding:
            25px 18px;
    }


    .nosotros-contenido h2 {

        font-size:
            27px;
    }


    .nosotros-intro {

        font-size:
            16px;
    }


    .nosotros-texto {

        font-size:
            14px;
    }

}