/* Inka Terra Asociación · un solo margen lateral en el móvil para todo el sitio (Rodrigo, 11 oct)
   32 px a cada lado en todas las secciones y páginas (antes había 14, 28 y 40 según la sección). Se carga la última; el
   :not(#b) le da prioridad. Quedan fuera los bloques que van a sangre a propósito (Our connection y Mission & vision de
   Who We Are, y el carrusel de proyectos de la Field Station, que lleva el margen por dentro) */
@media (max-width:620px){
  :root{--gm:32px}
  .wrap:not(.about .conexion .wrap,.about .mv .wrap,.sede .wrap):not(#b){width:calc(100% - 2 * var(--gm))}
  .sede .noche .wrap:not(#b){width:calc(100% - 2 * var(--gm))}
  .sede .partes:not(#b){padding-left:var(--gm);padding-right:var(--gm);scroll-padding:0 var(--gm)}
  .sede .proyectos .sub-campo:not(#b){padding:0 var(--gm)}
  .sede .proyectos .pie-campo:not(#b){margin-left:var(--gm);margin-right:var(--gm)}
}
@media (max-width:620px){
  .about .conexion .texto:not(#b){padding-left:var(--gm);padding-right:var(--gm)}
  .about .mv article:not(#b){padding-left:var(--gm);padding-right:var(--gm)}
}
/* How ITA works en el móvil: el aire de arriba y de abajo, igual al de los lados (Rodrigo, 11 oct) */
@media (max-width:620px){.modelo:not(#b){padding-top:var(--gm);padding-bottom:var(--gm)}}
/* una sola escala de texto en el móvil para todo el sitio (Rodrigo, 11 oct): la de la vista previa de Claude (~412 px) y
   que en teléfonos más angostos (360–393 px) baje en proporción, en vez de partir líneas. Titulares de página (H1),
   titulares de sección (H2), rótulos y párrafos de entrada. La Field Station conserva su titular mayor (sede.css) */
@media (max-width:620px){
  :is(body > section,main > section) h1:not(#b){font-size:clamp(30px,8.8vw,36px)}
  :is(body > section,main > section) h2:not(article h2,#estacion-t,#b){font-size:clamp(27px,7.6vw,31px)}
  .rotulo:not(#b){font-size:10.5px;letter-spacing:.2em}
  .intro:not(#estacion .intro,#b){font-size:clamp(14.5px,3.9vw,16px)}
}

/* (Rodrigo, 12 oct) un solo tamaño para los párrafos de entrada de todas las secciones del home (el que va bajo cada
   titular): 18 px en pantallas grandes, 16 px en tableta y móvil, interlineado 1,6. Los textos secundarios (fichas,
   tarjetas, listas) siguen en su tamaño menor */
:is(#hero .texto > p,#hero p:not(.rotulo):not([class]),#como .frase,#como .det p,#donde .intro,#estacion .noche .intro,#descubre .intro-d,#bienestar .intro-b,#ultimo .intro,#visita .texto > p:not(.rotulo)):not(#b){font-size:clamp(16px,1.25vw,18px);line-height:1.6}

/* ── Escala tipográfica del home (Rodrigo, 12 oct): cada tipo de texto, un solo tamaño en todas las secciones ──
   · Rótulo (eyebrow, mayúsculas): 11,5 px · 10,5 en móvil (arriba)
   · Titular de sección H2: 36–54 px · 27–31 en móvil (arriba). Titular menor (Latest, boletín del pie): 28–34 px
   · Párrafo de entrada (bajo cada titular): 18 px · 16 en tableta y móvil (arriba)
   · Título de tarjeta H3: 20 px · 18 en tableta y móvil
   · Texto de cuerpo (panel de una iniciativa): 16 px
   · Texto secundario (descripción de tarjeta, pie): 15 px
   · Dato (fecha, tipo, nota legal): 13,5 px
   · Botones y enlaces de acción: 16 px
   Quedan fuera, por ser piezas propias: el titular grande del hero, el nombre de la iniciativa en There's more to
   discover, la frase de Impact (escala de cita) y las etiquetas sobre el mapa y la foto */
:is(#descubre .et):not(#b){font-size:11.5px;letter-spacing:.2em}
@media (max-width:620px){:is(#descubre .et,footer.pie h4):not(#b){font-size:10.5px}}
footer.pie .tit-bol:not(#b){font-size:clamp(28px,2.3vw,34px)}
:is(#estacion .proyectos h3:not(.sub-campo),#ultimo h3):not(#b){font-size:clamp(18px,1.4vw,20px);line-height:1.2}
#descubre .par:not(#b){font-size:16px}
:is(#estacion .ds,footer.pie .boletin-pie p,footer.pie .marca p):not(#b){font-size:15px}
:is(#hero .btn,#como .boton,#estacion .ir-campo,#descubre .ir-d,#bienestar .ir-b,#ultimo .btn-ahora,#visita .btn,#como .det .mas,#como .det .volver,#como .det .sig,footer.pie .boletin-pie button):not(#b){font-size:16px}
:is(#como .etq,#descubre .tema):not(#b){font-size:16px}
@media (max-width:620px){#como .etq:not(#b){font-size:13.5px}}