/* =========================================================
   Proyecto Raíces — PAGES · Nosotros (nosotros.html)
   ---------------------------------------------------------
   Historia, equipo y propuesta.
   ========================================================= */

/* ---------- Nosotros — página editorial ----------
   La página tenía estilos sueltos inline (fondo blanco fijo en .about,
   un "var(--crema)" que no es un token real, tamaños/colores de texto
   hardcodeados) que rompían la superficie continua del resto del
   sitio. Ahora Nosotros se sumó a la familia Experiencias/Tours/
   Travesías/Paquetes (ver bloque de arriba) para su lienzo de fondo:
   sin eso, el fondo base (crema) se leía como blanco liso al no tener
   ningún lavado de color detrás. Acá sólo quedan los componentes
   propios: la foto orgánica de "Nuestra historia" (mismo radio
   asimétrico que destinos.html, para no clonar el de Inicio), la
   grilla de equipo integrada en la misma sección, y una versión más
   editorial (sin caja) de los .valor-card de "Nuestra propuesta". */
body[data-page="nosotros"] .about-photo{border-radius:12px 40px 12px 40px; overflow:hidden; aspect-ratio:0.86; box-shadow:var(--shadow-sm);}
body[data-page="nosotros"] .about-photo img{width:100%; height:100%; object-fit:cover; display:block;}
body[data-page="nosotros"] .about-lead{margin-top:var(--space-5); font-size:var(--text-xl); color:var(--text-primary); line-height:1.7; max-width:460px;}
body[data-page="nosotros"] .about-lead + p{margin-top:var(--space-4); font-size:var(--text-lg); color:var(--text-secondary); line-height:1.7; max-width:460px;}
/* Equipo — integrado dentro de "Nuestra historia" (mismo <section>,
   sin kicker+h2 propio) en vez de ser un bloque independiente. Fotos
   con proporción idéntica entre sí a propósito (a diferencia del
   resto de la página, acá se pidió consistencia, no asimetría) y el
   mismo radio orgánico que ya usa .about-photo arriba. Rol/descripción
   son placeholders reales marcados como tales (cursiva + tono apagado)
   — no hay biografías inventadas. */
body[data-page="nosotros"] .equipo{margin-top:var(--space-9);}
body[data-page="nosotros"] .equipo > .kicker{margin-bottom:var(--space-5);}
body[data-page="nosotros"] .equipo-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-6);}
body[data-page="nosotros"] .equipo-persona{margin:0;}
body[data-page="nosotros"] .equipo-foto{position:relative; aspect-ratio:0.86; border-radius:12px 40px 12px 40px; overflow:hidden; box-shadow:var(--shadow-sm);}
body[data-page="nosotros"] .equipo-foto img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease;}
body[data-page="nosotros"] .equipo-persona:hover .equipo-foto img{transform:scale(1.04);}
body[data-page="nosotros"] .equipo-persona figcaption{margin-top:var(--space-4);}
body[data-page="nosotros"] .equipo-persona h3{font-size:19px; color:var(--text-primary);}
/* "Nuestra propuesta" — de card en caja a bloques abiertos separados
   por un filete (mismo recurso que ya usa Destinos entre grupos de
   país), con un leve desnivel en la del medio para que no se sienta
   una grilla de precios de SaaS. Contenido intacto. */
body[data-page="nosotros"] .valor-card{background:transparent; border:none; box-shadow:none; padding:0; border-top:1px solid var(--border-color-strong); padding-top:var(--space-5);}
body[data-page="nosotros"] .valor-card h3{font-size:var(--text-2xl);}
body[data-page="nosotros"] .valor-card p{font-size:var(--text-lg); line-height:1.6;}
body[data-page="nosotros"] .valores-grid > .valor-card:nth-child(2){margin-top:var(--space-6);}
@media (max-width:860px){
  body[data-page="nosotros"] .about-photo{aspect-ratio:1.15;}
  body[data-page="nosotros"] .equipo-grid{grid-template-columns:repeat(2,1fr);}
  body[data-page="nosotros"] .valores-grid > .valor-card:nth-child(2){margin-top:0;}
}
@media (max-width:640px){
  body[data-page="nosotros"] .about-photo{aspect-ratio:1.3; border-radius:var(--radius-organic-lg-r);}
  body[data-page="nosotros"] .about-lead,
  body[data-page="nosotros"] .about-lead + p{max-width:none;}
  body[data-page="nosotros"] .equipo{margin-top:var(--space-7);}
  body[data-page="nosotros"] .equipo-grid{grid-template-columns:1fr; gap:var(--space-5);}
  body[data-page="nosotros"] .equipo-foto{aspect-ratio:1.05;}
}