/* QUIENES SOMOS */

.nosotros-info {

    padding: 50px 8%;

    background: white;

}

.titulo-seccion {
    text-align: center;
    font-size: 34px;
    margin-bottom: 40px;
    color: #0a2c5a;
}

.contenedor {

    max-width: 1000px;

    margin: auto;

}

.nosotros-info p {

    margin-bottom: 20px;

    line-height: 1.7;

    color: #444;

}

/* MISION Y VISION */

.mision-vision {

    padding: 80px 8%;

    background: #eef3f9;

}

.contenedor-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

    gap: 40px;

    max-width: 1200px;

    margin: auto;

}

.card {

    background: white;

    padding: 40px;

    border-radius: 10px;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

    text-align: center;

    transition: 0.3s;

}

.card:hover {

    transform: translateY(-5px);

}

.card i {

    font-size: 40px;

    color: #0099ff;

    margin-bottom: 15px;

}

.card h3 {

    margin-bottom: 15px;

    color: #0a2c5a;

}

.card p {

    line-height: 1.6;

    color: #444;

    margin-bottom: 10px;

}

/*ESTILO NOSOTROS*/
/* CONTENEDOR QUIENES SOMOS */

.contenedor-nosotros {

    display: flex;

    align-items: center;

    gap: 50px;

    max-width: 1200px;

    margin: auto;

}

/* TEXTO */

.nosotros-texto {

    flex: 1;

}

.nosotros-texto p {

    margin-bottom: 18px;

    line-height: 1.7;

    color: #444;

}

/* IMAGEN */

.nosotros-imagen {

    flex: 1;

}

.nosotros-imagen img {

    width: 100%;

    border-radius: 10px;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);

}

/* RESPONSIVE */

@media(max-width:900px) {

    .contenedor-nosotros {

        flex-direction: column;

    }

    .nosotros-imagen {

        margin-top: 20px;

    }

}