/* Ficha vietnam-escuela: lo propio de esta ficha, siempre acotado a [data-ficha="vietnam-escuela"] (V12, puente 4420). Una mano por sección: cada ventana escribe SOLO entre las marcas de la suya. */

/* == heroe == */
[data-ficha="vietnam-escuela"] .heroe h1 .acento{font-size:64px!important;line-height:.9}   /* «VIETNAM» ≈64 px como la diapositiva 1 (antes 47,6: 247 px de ancho; ahora 333); el héroe sigue en 900 a 1440x900 */
[data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-datos dt{font-size:10px;font-weight:600;letter-spacing:.03em}   /* etiquetas de la fila de datos: 10 px y casi sin interletra (antes 11 px y 1,54 px) */
[data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-datos>div:first-child{padding-left:0}   /* la 1.ª columna alineada con el titular (x=57; antes 77) */
[data-ficha="vietnam-escuela"] .banda__frase{letter-spacing:.01em;font-size:20px}   /* frase de la franja: 20 px y sin interletra (antes 17,92 px y 2,5 px: 574 → 520 px) */
/* == fin heroe == */

/* == proyecto == */
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__titular{font-size:60px!important;font-weight:600;transform:scaleX(.7);transform-origin:left top}   /* «EL PROYECTO» alto y condensado como la diapositiva 2 (Bodoni no tiene versión condensada: PROYECTO ≈237 px de ancho, antes 247 y 36 px de mayúscula) */
@media (min-width:1366px) and (max-width:1919px){   /* filas 11-12 (a 1920 el plano al 100 % crecía a 868 px y la sección a 1241 > 1080: ahí sigue el reparto anterior): medidas de la diapositiva escaladas a 1440; por debajo sigue el reparto flexible */
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b{grid-template-columns:325px minmax(0,1fr) 373px}   /* fila 11: columna de texto de 325 px (antes 320), plano flexible, fotos 373 px */
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__plano{margin:0 97px 0 69px;padding-inline:15px!important}   /* 69 px de margen a la izquierda: el plano queda en x≈409→955 (antes 340→892) y el título y los pies centrados sobre él */
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__plano img{max-width:100%!important}   /* el plano y los planos menores a todo el ancho de su caja (plano 546 px, cubiertas 176, sección 508; antes el 76 %) */
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__planos-menores{grid-template-columns:176px minmax(0,508px);width:min(702px,calc(100% + 161px));max-width:none;margin-left:-64px}   /* planta de cubiertas ≈176 px (x≈345) y «sección» a 508 px (x≈539; antes 180 y 360) */
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__texto .proyecto-texto p{font-size:15.2px;line-height:19px}   /* párrafos 15,2/19 px (antes 14,16/17,8) */
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__fotos figure:first-child img{transform:scale(1.5);transform-origin:25% 80%}   /* fila 12: «Aula» con el encuadre más cerrado de la diapositiva (pupitres y alumnos en primer plano); el tono (color) no se toca */
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__texto{padding-top:16px!important}   /* la sección entera cabe en la ventana (1440x900 es: 934 → ≤900; los párrafos 15,2/19 ocupan 2 líneas más que antes) */
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__volver{margin-bottom:12px}
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__texto .proyecto-cifras{margin-top:12px!important;padding-top:12px!important}
}
/* == fin proyecto == */

/* == espacios == */
/* Filas 13 y 14 de la propuesta (diap. 3 a 1440): titular condensado (la fuente no tiene versión estrecha: más letra y scaleX), subtítulo, texto, antetítulo, pie «Visualizaciones conceptuales» en minúsculas y pies de foto. Solo desde 1400 (debajo no cabe en el alto de las fotos: queda como estaba). */
@media (min-width:1400px){
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-b__titular{font-size:calc(100cqi / 3.54);font-weight:600;line-height:.8;transform:scaleX(.72);transform-origin:left top}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-subtitulo.proyecto-subtitulo--serif{font-size:min(1.4rem,calc(100cqi / 12.7));letter-spacing:.05em}
  /* el subtítulo inglés es más largo (3 líneas, +29 px): algo más pequeño para que la columna no pase del alto de las fotos */
  [data-ficha="vietnam-escuela"]:lang(en) .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-subtitulo.proyecto-subtitulo--serif{font-size:min(1.4rem,calc(100cqi / 15.5));letter-spacing:.03em}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-texto{font-size:clamp(.72rem,calc(.5vw + 6.1px),.84rem);line-height:1.46}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-antetitulo{font-size:clamp(.9rem,calc(calc(.59*var(--vw)) + .5rem),1.05rem)}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--espacios .proyecto-cifras dt{text-transform:none;letter-spacing:.03em}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--espacios .proyecto-c__texto{padding-left:2.7rem;padding-top:1.2rem;padding-bottom:0}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--espacios .proyecto-cifras{margin-top:.6rem;padding-top:.6rem}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-b__titular{margin-bottom:.7rem}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-texto{margin-top:.5rem}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--espacios .proyecto-c__galeria.proyecto-c__galeria.proyecto-c__galeria figcaption{font-size:clamp(.8rem,calc(.78vw + 4.4px),.98rem)}
}
/* == fin espacios == */

/* == galeria == */



/* == fin galeria == */

/* == pie == */



/* == fin pie == */

/* == plano de cubiertas sin ampliar (V3) == */
/* «Planta de cubiertas» (plano-cubiertas.webp) es un recorte de la diapositiva 2 del Drive a su tamaño real: 212x166 px (la diap. es de 1672 px; no hay original mayor ni la carpeta trae PLANOS). A 390 se pintaba a 358 px (x1,69, V16 en vivo) por debajo de 1920, fuera de la regla 4912, y a 2356 a 297 (x1,40 > x1,2 desde 1920). A 390 se pinta a su natural (212 px, centrado, la sección debajo igual de ancha); desde 1921 con tope de x1,2 (254 px). A 600-1920 ya medía 110-211. */
@media (max-width:599.98px){
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__planos-menores figure:first-child{justify-self:center;width:100%;max-width:212px}
}
@media (min-width:1921px){
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__planos-menores figure:first-child{--plano-ancho:100%;max-width:254px}
}
/* == fin plano de cubiertas sin ampliar (V3) == */

/* == heroe (V3) == */
/* Escuela, filas 3-6 de PROPUESTA (V3): subtítulo ≈25 px, raya 58x3 bajo él, párrafo en serifa ≈15,5 px (columna 445) y botones 213x36, como la diapositiva 1; el héroe sigue en 900 a 1440x900. El color es el token (--oro), sin color propio (4428). */
@media (min-width:1100px){
  [data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-subtitulo{font-size:25px;line-height:32px;letter-spacing:.17em}
  [data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-subtitulo::after{width:58px;height:3px;margin-top:14px}
  [data-ficha="vietnam-escuela"] .heroe--proyecto .texto-grande{font-family:"TS Didot",serif;font-size:14px;line-height:17.4px;max-width:470px;font-weight:400}
  [data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-botones{gap:13px}
  [data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-botones .boton{min-width:213px;min-height:36px;height:36px;padding-block:0}
}

/* == fin heroe (V3) == */

/* == heroe (V16) == */
/* Escuela, titular de su diapositiva 1 (DECIDIDO 4558, fila SEG-VS-d2-1440-aa0c38c5): «ROSARIO» en su línea (titular_lineas del YAML, envoltorio común de W10) y a ≈271 px de ancho a 1440 como la diapositiva (antes 238); la regla va en em del h1, así que escala igual que el resto del titular. La 1.ª línea se elige sin :first-child porque el primer hijo del h1 es la antetitulo. «VIETNAM» (64 px, sección heroe) no cambia; el héroe sigue = ventana a 1100x800, 1280x800, 1366x768 y 1440x900. Sin color propio. */
@media (min-width:1100px){
  [data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-titular .proyecto-titular__linea:not(.proyecto-titular__linea ~ .proyecto-titular__linea){font-size:calc(271em / 238)}
}
/* == fin heroe (V16) == */

/* == heroe encuadre (V3) == */
/* Escuela, portada como la diapositiva 1 (orden de Víctor «iguales a su diapositiva», puente 4720): en la diapositiva la foto no va a sangre sino ENTERA, desde el 20,8 % del ancho y a 1167 px (a 1440) de ancho, justo bajo la cabecera, con la franja negra de los datos debajo (medido por correlación de bordes del recorte de la diapositiva con la portada: ventana de 672x712 px de la foto en x 736, y 32). Con cover a pantalla completa sobraba un 11 % por los lados y se perdía la escena de la derecha. El alto del héroe (900) no cambia. */
@media (min-width:1100px){
  [data-ficha="vietnam-escuela"] .heroe--proyecto .heroe__fondo{inset:62px 0 auto 20.8%;height:auto}
  [data-ficha="vietnam-escuela"] .heroe--proyecto .heroe__fondo img{width:100%;height:auto}
}

/* == fin heroe encuadre (V3) == */

/* == proyecto alto >1440 (V3) == */
/* «El proyecto» de Escuela con la escala común: a 2356x1216 (la ventana real de Víctor) el rem lo limita el alto (21,6 px) pero la planta grande y las dos menores siguen el ANCHO de su columna y la sección medía 1300 (84 px por encima de la ventana). Se limita su alto con el de la ventana (57,2vh y 17,8vh, sin deformar: object-fit contain); a 2356x1325 y 2560x1440 solo bajan 7 px, y a 1440 no cambia. Medido en pod: 845/1075/1319/1214/1433 a 1440x900, 1920x1080, 2356x1325, 2356x1216 y 2560x1440. */
@media (min-width:1441px){
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__plano>img{max-height:57.2vh;object-fit:contain}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__planos-menores img{max-height:17.8vh;object-fit:contain;object-position:left bottom}
}
/* == fin proyecto alto >1440 (V3) == */

/* == escala >1440 (W10, puente 4938) == */
/* Los px de esta ficha pasan a rem (N/16): desde 1441 la raíz crece con el ancho (sistema.css) y héroe, «El proyecto» y planos escalan juntos; a 1440 son los mismos valores. */
@media (min-width:1441px){
  [data-ficha="vietnam-escuela"] .heroe h1 .acento{font-size:4rem!important}
  [data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-datos dt{font-size:.625rem}
  [data-ficha="vietnam-escuela"] .banda__frase{font-size:1.25rem}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__titular{font-size:3.75rem!important}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__texto .proyecto-texto p{font-size:.95rem;line-height:1.1875rem}
  [data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-subtitulo{font-size:1.5625rem;line-height:2rem}
  [data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-subtitulo::after{width:3.625rem;height:.1875rem;margin-top:.875rem}
  [data-ficha="vietnam-escuela"] .heroe--proyecto .texto-grande{font-size:.875rem;line-height:1.0875rem;max-width:29.375rem}
  [data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-botones{gap:.8125rem}
  [data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-botones .boton{min-width:13.3125rem;min-height:2.25rem;height:2.25rem}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__texto{padding-top:1rem!important}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__volver{margin-bottom:.75rem}
}
@media (min-width:1441px) and (max-width:1919px){
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b{grid-template-columns:20.3125rem minmax(0,1fr) 23.3125rem}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__plano{margin:0 6.0625rem 0 4.3125rem;padding-inline:.9375rem!important}
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__planos-menores{grid-template-columns:11rem minmax(0,31.75rem);width:min(43.875rem,calc(100% + 10.0625rem));margin-left:-4rem}
}
/* == fin escala >1440 == */

/* == heroe alto >1440 (V3) == */
/* Escuela con la escala común (62b9edf835): el héroe medía 1096/1344/1460 px a 1920x1080/2356x1325/2560x1440, de 16 a 20 px por encima de la ventana. La separación entre los elementos del texto (subtítulo, párrafo, botones) pasa de fija a proporcional a la altura de la ventana, con suelo y techo, y el héroe vuelve a ser = ventana. Solo >1440: a 1440x900 no cambia. */
@media (min-width:1441px){
  [data-ficha="vietnam-escuela"] .heroe--proyecto .heroe__texto>*+*{margin-top:clamp(.2rem,.45vh,.7rem)}
}
/* A 2356x1216 (la ventana real de Víctor) el rem lo limita el alto (21,6 px) y el titular, que sigue el ancho, hacía caer «International School» a dos líneas (héroe 1299 > 1216). En ventanas más anchas que 16:9 el titular va en rem (3,23 rem = lo que mide a 16:9), con lo que acompaña al alto. */
@media (min-width:1441px) and (min-aspect-ratio:16/9){
  [data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-titular{font-size:3.23rem!important}
}
/* == fin heroe alto >1440 (V3) == */
/* «Los espacios»: margen izquierdo del texto en vw desde 1441 (W8 midió 64 frente a 70,5 de la diap. a 2356; 3vw = 43,2 a 1440 y 70,7 a 2356) */
@media (min-width:1441px){
  [data-ficha="vietnam-escuela"] .proyecto-diapositiva--espacios .proyecto-c__texto{padding-left:3vw}
}

/* == revisión final (V9, medida esc3-medida de la W8) == */
/* (1) Héroe a ≥1440: el velo izquierdo común cubría ≈2× más que el de la diapositiva 1 (alfa media .29 frente a .14; las montañas salían negras, L 4 frente a 88). La capa de 90deg pasa a ::before con máscara que la retira en el 14-30 % de arriba (solo montañas, sin texto) y mantiene .55 tras el título hasta el 26 %: línea más justa CR ≥4,7 de 1440 a 2356 con los topes en el 32 % y el 54 % (4,73 a 1600×900; con el 26/44 daba 4,09); el alto del héroe no cambia. */
@media (min-width:1440px){
  [data-ficha="vietnam-escuela"][data-ficha][data-ficha][data-ficha][data-ficha][data-ficha] .heroe--proyecto .heroe__fondo::after{background:linear-gradient(0deg,var(--negro) 0%,rgba(0,0,0,.6) 9%,rgba(0,0,0,.18) 20%,rgba(0,0,0,0) 30%),linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 14%)}
  [data-ficha="vietnam-escuela"] .heroe--proyecto .heroe__fondo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.83) 0%,rgba(0,0,0,.72) 7%,rgba(0,0,0,.55) 13%,rgba(0,0,0,.55) 32%,rgba(0,0,0,0) 54%);-webkit-mask-image:linear-gradient(180deg,transparent 14%,#000 30%);mask-image:linear-gradient(180deg,transparent 14%,#000 30%)}
  [data-ficha="vietnam-escuela"] .heroe--proyecto .heroe__fondo img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}   /* borde izquierdo de la foto difuminado: sin el velo viejo las montañas empezaban en seco sobre el negro de la página */
}
/* (2) «Colegio y paisaje» (diapositiva 3): con el 24 % el edificio salía cortado por abajo; al 35 % entero y sin cambiar el alto de la sección. */
[data-ficha="vietnam-escuela"][data-ficha] .proyecto-diapositiva--espacios .proyecto-c__galeria--3 li:first-child img{object-position:50% 35%}
/* (3) Rótulos de d2 y d3 en el naranja-óxido de la diapositiva (muestreado en sus trazos; CR sobre blanco 4,8-6,9). */
[data-ficha="vietnam-escuela"][data-ficha][data-ficha][data-ficha] .proyecto-diapositiva--proyecto .proyecto-b__volver{color:#B94B16}
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-antetitulo{color:#BA5420}
/* A <1100 la columna de «El proyecto» es crema (#f3efe8), no blanca (W11, medido en vivo pt775b): «Todos los proyectos» #B94B16 daba 4,49:1 y el antetítulo #BA5420 4,19:1; el mismo óxido apenas más oscuro llega a 4,63 y 4,60 (el 4,60 va justo: si cambia el crema, volver a medir). Desde 1100, sobre blanco, los de la diapositiva. Los [data-ficha] repetidos no sobran: el de «Todos los proyectos» (×4) iguala al de la l.149 y gana por ir después; el del antetítulo (×2) gana al de arriba (×1) por especificidad. */
@media (max-width:1099.98px){[data-ficha="vietnam-escuela"][data-ficha][data-ficha][data-ficha] .proyecto-diapositiva--proyecto .proyecto-b__volver{color:#B54A16}[data-ficha="vietnam-escuela"][data-ficha] .proyecto-diapositiva--proyecto .proyecto-antetitulo{color:#B04F1E}}
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--proyecto .proyecto-b__titular .acento{color:#A74500}
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-antetitulo{color:#9D421B}
[data-ficha="vietnam-escuela"] .proyecto-diapositiva--espacios .proyecto-b__titular .acento{color:#874A24}
/* (4) Titular del héroe en 3 líneas como la diapositiva 1 (V6, 2356×1216: «INTERNATIONAL SCHOOL» se partía y salían 4); la línea no se parte y puede pasar sobre la foto. */
@media (min-width:1100px){
  [data-ficha="vietnam-escuela"] .heroe--proyecto .proyecto-titular .proyecto-titular__linea{white-space:nowrap}
}
/* == fin revisión final == */