/* Elementor 697. Valores confirmados y decisiones pendientes: docs/quienes-somos.md. */
@font-face { font-family: Roboto; src: url('../fonts/roboto/static/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
.quienes { background: #fff; }
.quienes h1, .quienes h2, .quienes h3, .quienes h4, .quienes p { margin: 0; }
.quienes h1, .quienes h2, .quienes h3 { font-family: 'Hanken Grotesk', sans-serif; }
.quienes b { font-weight: 700; }
.quienes__foto { background-image: var(--quienes-contraste, linear-gradient(transparent, transparent)), linear-gradient(rgb(122 122 122 / 40%), rgb(122 122 122 / 40%)), url('../img/quienes-somos/hero.webp'); background-position: top center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; }
.quienes__cabecera { position: relative; z-index: 1; background-image: linear-gradient(rgb(91 90 91 / 30%), rgb(91 90 91 / 30%)), url('../img/quienes-somos/hero.webp'); }
.quienes__introduccion { display: flex; flex-direction: column; gap: 20px; padding: 0 0 50px; background: #fff; }
.quienes .quienes__titulo { position: relative; z-index: 3; margin-top: -65px; color: #fff; font-size: 85px; font-weight: 600; line-height: 75px; }
.quienes .quienes__bajada { margin-top: -20px; color: #7a7a7a; font-size: 70px; font-weight: 200; line-height: 80px; }
.quienes__titulo, .quienes__bajada { text-transform: uppercase; }
.quienes__entrada { width: 100%; max-width: 680px; padding-right: 0; color: #7a7a7a; font: 400 18px/1.6 Roboto, sans-serif; }
.quienes__proposito, .quienes__contacto { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px; min-height: 500px; padding: 50px; }
.quienes__texto { width: 100%; color: #fff; font: 500 17px/1.6 Roboto, sans-serif; }
.quienes__proposito, .quienes__contacto { --quienes-contraste: linear-gradient(90deg, rgb(0 0 0 / 22%), rgb(0 0 0 / 14%) 50%, transparent 85%); }
.quienes__texto p + p { margin-top: 5px; }
.quienes__texto-proposito { padding-right: 48%; }
.quienes__indicadores { display: flex; flex-direction: column; align-items: center; gap: 50px 10px; padding: 50px 50px 100px; background: #fff; }
.quienes__encabezados { display: flex; flex-direction: column; align-items: flex-end; width: 100%; color: #7a7a7a; }
.quienes__desarrolladora { width: 100%; max-width: 100%; text-align: left; font-size: 75px; font-weight: 200; line-height: 75px; text-transform: uppercase; }
.quienes__hogar { width: 100%; max-width: 100%; text-align: left; font-size: 35px; font-weight: 300; line-height: 45px; text-transform: uppercase; }
.quienes__cifras { display: flex; width: 100%; }
.quienes__indicador { display: flex; align-items: center; width: 33.3333%; min-width: 0; }
.quienes__icono { display: flex; align-items: center; justify-content: center; width: 40%; flex-shrink: 0; color: #f77900; font-size: 100px; line-height: 1; }
.quienes__icono .ph-thin { display: block; line-height: 1; }
.quienes__indicador h4 { width: 60%; text-transform: none; color: #5b5a5b; font: 300 16px/1.5 Roboto, sans-serif; }
.quienes__contacto { padding-bottom: 100px; }
.quienes .quienes__diferencia { margin-bottom: -20px; color: #f7f7f7; font-size: 75px; font-weight: 200; line-height: 1.1; text-transform: uppercase; }
.quienes__texto-contacto { padding-right: 40%; }
.quienes .quienes__whatsapp { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; margin-top: 25px; padding: 14px 28px; border: 1px solid #f77900; border-radius: 25px; background: transparent; color: #fff; font: 600 16px/1.4 'Hanken Grotesk', sans-serif; transition: background-color .2s, border-color .2s; }
.quienes__whatsapp .ph { flex-shrink: 0; font-size: 22px; }
.quienes .quienes__whatsapp:hover { background: #f77900; border-color: transparent; }
.quienes .quienes__whatsapp:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 1024px) {
    .quienes .quienes__titulo { margin-top: -60px; font-size: 60px; }
    .quienes .quienes__bajada { margin-top: -30px; font-size: 45px; line-height: 55px; }
    .quienes__entrada { padding-right: 0; }
    .quienes__proposito, .quienes__contacto { justify-content: flex-end; }
    .quienes__texto-proposito, .quienes__texto-contacto { padding-right: 20%; }
    .quienes__indicadores { padding: 25px 25px 80px; }
    .quienes__desarrolladora { font-size: 45px; line-height: 55px; }
    .quienes__hogar { font-size: 24px; line-height: 1.3; }
    .quienes__indicador { flex-direction: column; }
    .quienes__icono, .quienes__indicador h4 { width: 100%; }
    .quienes__indicador h4 { margin-top: 10px; text-align: center; }
    .quienes .quienes__diferencia { margin-bottom: 0; font-size: 45px; }
}
@media (max-width: 767px) {
    .quienes__introduccion { gap: 0; padding: 0 0 25px; }
    .quienes .quienes__titulo { margin-top: -48px; font-size: 38px; }
    .quienes .quienes__bajada { margin-top: -20px; font-size: 7.3vw; line-height: max(35px, 1.1em); }
    .quienes__entrada { margin-top: 20px; font-size: 16px; }
    .quienes__texto { padding: 0; font-size: 16px; text-align: center; }
    .quienes__proposito, .quienes__contacto { --quienes-contraste: linear-gradient(90deg, rgb(0 0 0 / 18%), rgb(0 0 0 / 12%) 65%, transparent); }
    .quienes__indicadores { padding: 50px 25px; }
    .quienes__encabezados { align-items: center; text-align: center; }
    .quienes__desarrolladora, .quienes__hogar { text-align: center; }
    .quienes__desarrolladora { font-size: 30px; line-height: 35px; }
    .quienes .quienes__hogar { margin-top: 5px; font-size: 18px; line-height: 25px; }
    .quienes__cifras { flex-direction: column; gap: 50px 0; }
    .quienes__indicador { width: 100%; }
    .quienes__contacto { align-items: stretch; }
    .quienes .quienes__diferencia { margin-bottom: -20px; font-size: 30px; text-align: center; }
    .quienes .quienes__whatsapp { align-self: flex-start; margin: 10px 0 25px; padding: 14px 20px; font-size: clamp(15px, 3.5vw, 16px); }
}
/* Fondo móvil estable y sin desplazamiento forzado en dispositivos táctiles. */
@media (max-width: 1024px), (prefers-reduced-motion: reduce) {
    .quienes__foto { background-attachment: scroll; }
}
@media (prefers-reduced-motion: reduce) {
    .quienes__whatsapp { transition: none; }
}

/* Contenido acotado; fotografías y fondos conservan el ancho completo. */
.quienes__proposito, .quienes__contacto { padding-inline: 0; }
.quienes__interior { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.quienes__interior .quienes__whatsapp { align-self: flex-start; }
@media (max-width: 767px) {
    .quienes .quienes__entrada { margin-top: 28px; }
    .quienes__encabezados { align-items: flex-start; text-align: left; }
    .quienes__desarrolladora, .quienes__hogar { text-align: left; }
    .quienes__proposito, .quienes__contacto { min-height: clamp(240px, 65vw, 300px); padding-block: 32px; justify-content: center; background-position: center; }
    .quienes__texto { text-align: left; }
    .quienes .quienes__diferencia { margin-bottom: 0; text-align: left; }
    .quienes .quienes__whatsapp { margin-block: 0; }
}

.quienes__encabezado { display: flex; flex-direction: column; gap: 20px; }
@media (max-width: 767px) {
    .quienes__encabezado { gap: 0; }
}