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

/* == heroe == */
/* PROPUESTA fila 3: párrafo «Hace 25 años…» a 16 px, paso 1,12, caja de 480 px (servido 13,84 px, paso 19,4, caja 498). */
[data-ficha="londres-the-seduction"] .heroe .texto-grande{font-size:16px;line-height:1.12;max-width:480px}



/* 22-oct (V9/V12, en vivo a 1100 en): la franja del pie del héroe («THE SEDUCTION · ARCHITECTURE & INTERIOR DESIGN» / nota / «BARCELONA · DUBAI · INTERNATIONAL») se partía en 2 líneas en inglés: de 1000 a 1279 px, en una sola línea con letra de 10 px (suelo 4163) y menos espaciado; por debajo de 1000 sigue en 2 líneas (no se baja de 10 px). */
@media (min-width:1000px) and (max-width:1279.98px){
[data-ficha="londres-the-seduction"] .heroe--proyecto .banda__fila{flex-wrap:nowrap;justify-content:space-between;gap:var(--e-2);font-size:.625rem;letter-spacing:.02em;white-space:nowrap}
[data-ficha="londres-the-seduction"] .heroe--proyecto .banda__frase{flex:0 1 auto;font-size:.8rem;letter-spacing:.03em;gap:var(--e-2)}
[data-ficha="londres-the-seduction"] .heroe--proyecto .banda__frase::before,[data-ficha="londres-the-seduction"] .heroe--proyecto .banda__frase::after{width:.8rem}
}
/* 22-oct (V9/regla 4900, medida con la escala de W10 a 1440/1920/2356): el subtítulo del héroe («Arquitectura e interiorismo de lujo en Londres», hasta el 43 % del ancho) caía a p99 3,1-3,7 sobre la tienda clara; degradado oscuro local detrás de la columna del texto desde 1100 px, negro del sistema, sin color nuevo (4428). */
@media (min-width:1100px){
[data-ficha="londres-the-seduction"] .heroe--proyecto .heroe__fondo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.6) 36%,rgba(0,0,0,.45) 43%,rgba(0,0,0,.2) 49%,rgba(0,0,0,0) 56%)}
}
/* 22-oct (V9 19:5x, medida en vivo a 2356×1325 y ×1216: brillo 0,61 y 0,50 de la diap.; titular ≈13 % más estrecho): foto aclarada ×1,2 desde 1100 px y ×1,4 desde 1900 px (V9: brillo ≥0,8 a 2356×1216; a 1100 y 1440 en ×1,4 bajaba el contraste del párrafo en 4 líneas <4,5) (brillo lineal ≈ +50 %, el contraste del texto se remide) y titular a 1,12 desde 1900 px (el 0,9 era para pantallas de 900 de alto). Sin color nuevo (4428). La escala de la foto NO se toca: igualar el zoom de la diap. (×1,38 más) la ampliaría a ×2,1 (regla 4912: ≤ ×1,2). */
@media (min-width:1100px){
[data-ficha="londres-the-seduction"] .heroe--proyecto .heroe__fondo img{filter:brightness(1.15)}
}
/* 23-oct (PRIO 0 de Víctor, DECIDIDO 5445; V3, medido en pod en la mitad derecha, luminancia lineal): el ×1,4 desde 1900 dejaba la foto 1,16-1,30 de media y 1,42-1,52 de p90 frente a la diap. 1 (suelo y tienda lavados); con ×1,15 desde 1100 (y sin el de 1900) queda 0,81-1,01 de media y 0,97-1,05 de p90 (decidido 5450: foto más oscura y de más contraste). Se quita el filtro de ≥1900 y el de 1100 baja de ×1,2 a ×1,15; el titular 1,12 y el velo tablet 700-1099 no se tocan. */
@media (min-width:1900px){
[data-ficha="londres-the-seduction"] .heroe--proyecto{--heroe-titular:1.12!important}
}
/* == fin heroe == */

/* == proyecto == */



/* == fin proyecto == */

/* == espacios == */
/* 22-oct 13:3x (Víctor 13:17): «La experiencia» y «Los espacios» son dos diapositivas, cada una su sección con su rejilla: un corte entre las dos (franja de aire de 2,5 rem y filete) en vez de rejillas pegadas. */
[data-ficha="londres-the-seduction"] .proyecto-diapositiva--espacios + .proyecto-diapositiva--espacios{margin-top:2.5rem;border-top:1px solid rgba(0,0,0,.18);box-shadow:0 -2.5rem 0 #fff}
/* PROPUESTA fila 7: columna de texto de 24fr (antes 27fr) y sangría de 2,8rem: texto de x 45 a 332 y fotos de 541 px (servido 303 y 520). */
@media (min-width:1100px){
[data-ficha="londres-the-seduction"] .proyecto-diapositiva--espacios .proyecto-c{grid-template-columns:minmax(0,24fr) minmax(0,76fr)}
[data-ficha="londres-the-seduction"] .proyecto-diapositiva--espacios .proyecto-c__texto{padding-left:2.8rem;padding-right:1rem}
/* W8 (regla 4900): desde 1440 el texto en x 42,2 como su diap. 3 (45 con los 2,8 rem) y, sin tope, proporcional a 2356 (69): 2,93 vw. */
@media (min-width:1440px){
[data-ficha="londres-the-seduction"] .proyecto-diapositiva--espacios .proyecto-c__texto{padding-left:2.93vw}
}
/* Fila 8: «El origen de / una visión / y una marca» tras THE SEDUCTION (la ciudad sigue en su span teja). */
[data-ficha="londres-the-seduction"] .proyecto-diapositiva--espacios .proyecto-ref:not(.proyecto-nota) span:first-child{white-space:pre-line}
[data-ficha="londres-the-seduction"] .proyecto-diapositiva--espacios .proyecto-ref:not(.proyecto-nota) span:first-child::after{content:"\A El origen de\A una visión\A y una marca"}
[data-ficha="londres-the-seduction"]:lang(en) .proyecto-diapositiva--espacios .proyecto-ref:not(.proyecto-nota) span:first-child::after{content:"\A The origin of\A a vision\A and a brand"}
/* Fila 10: «LONDRES · REINO UNIDO» de ≈14 px y 181 px de ancho (servido 11,8 px y 150). */
[data-ficha="londres-the-seduction"] .proyecto-diapositiva--espacios .proyecto-ref--pais:not(.proyecto-nota) span+span{font-size:1.02em;letter-spacing:.06em}
}



/* Fila 9: «LA» / «LOS» mayores que la palabra acento (diapositiva: LA cap 57 px y EXPERIENCIA 43; LOS 58 y ESPACIOS 42; servido: la misma letra en las dos). Solo con alto > 860, donde la plantilla escala el titular con el alto. */
@media (min-width:1100px) and (min-height:861px){
[data-ficha="londres-the-seduction"] #los-espacios .proyecto-b__titular{font-size:min(calc(5.3*var(--vw)),28cqi)}
[data-ficha="londres-the-seduction"] #los-espacios .proyecto-b__titular .acento{font-size:min(calc(2.9*var(--vw)),14.4cqi)}
[data-ficha="londres-the-seduction"] #diapositiva-2 .proyecto-b__titular{font-size:min(calc(5.35*var(--vw)),28cqi)}
[data-ficha="londres-the-seduction"] #diapositiva-2 .proyecto-b__titular .acento{font-size:min(calc(4.07*var(--vw)),20cqi)}
}

/* W8 (lon-sa-get-pt729, punto 1; puente): el cuerpo de la columna de «La experiencia» y «Los espacios» medía 14,16 px a 1440 y 23,17 a 2356; la diapositiva (paso de línea 22 y 36 px) ≈17,7 y 28,5, es decir 1,22 vw. */
@media (min-width:1100px) and (min-height:861px){
[data-ficha="londres-the-seduction"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-texto{font-size:1.22vw;line-height:1.26}
}
/* == fin espacios == */

/* == galeria == */



/* == fin galeria == */

/* == pie == */



/* == fin pie == */

/* == espacios-movil (V6) == */
/* DIFERENCIAS-VISIBLES l.212 (W5 lo suelta a V6): el antetítulo de la columna «THE SEDUCTION / EL ORIGEN DE / UNA VISIÓN / Y UNA MARCA / LONDRES · REINO UNIDO»
   también por debajo de 1100 (la fila 8 de V12, en «espacios», solo va desde 1100; a 390 salía solo THE SEDUCTION y la ciudad). Mismo texto es/en, sin YAML. */
@media (max-width:1099.98px){
[data-ficha="londres-the-seduction"] .proyecto-diapositiva--espacios .proyecto-ref:not(.proyecto-nota) span:first-child{white-space:pre-line}
[data-ficha="londres-the-seduction"] .proyecto-diapositiva--espacios .proyecto-ref:not(.proyecto-nota) span:first-child::after{content:"\A El origen de\A una visión\A y una marca"}
[data-ficha="londres-the-seduction"]:lang(en) .proyecto-diapositiva--espacios .proyecto-ref:not(.proyecto-nota) span:first-child::after{content:"\A The origin of\A a vision\A and a brand"}
}
/* == fin espacios-movil (V6) == */

/* == escala >1440 (W10, puente 4938) == */
@media (min-width:1441px){
[data-ficha="londres-the-seduction"] .heroe .texto-grande{font-size:1rem;max-width:30rem}
}
/* == fin escala >1440 == */

/* == héroe en una pantalla y franja en una línea (W13, rev3-p3-londres, V9 pieza por unidad; medido en pod 23-oct) == */
/* ≥1441: el héroe de Londres seguía la proporción de la foto (1545 px a 2356×1325, 1515 en inglés) y la franja de datos y la banda quedaban fuera de la
   primera pantalla; ahora mide la pantalla (100svh) y su contenido (titular, párrafo, botones, datos, banda) se escala para caber (zoom .85 a 16:9, .78 a
   2356×1216; .66·100vw = alto natural del héroe, medido en 0,656-0,657·vw). El zoom de la primera línea es el respaldo de navegadores sin división tipada
   de calc (Chrome <140, Safari <18.2, Firefox <134). 1440 y por debajo no cambian (md5 de captura idéntico a 1440, 1280 y 1100). */
@media (min-width:1441px){
[data-ficha="londres-the-seduction"] .heroe--proyecto{min-height:0;height:100svh}
[data-ficha="londres-the-seduction"] .heroe--proyecto .heroe__contenido,[data-ficha="londres-the-seduction"] .heroe--proyecto .heroe__pie{zoom:.85;zoom:min(1,calc(100svh / (.66 * 100vw)))}
}
/* la franja del héroe, como la diapositiva 1, en UNA línea (con el lema «de lujo» y las ciudades sin Dubái la fila saltaba a 2 líneas y se solapaba desde 1280) */
@media (min-width:1280px){
[data-ficha="londres-the-seduction"] .heroe--proyecto .banda__fila{flex-wrap:nowrap;white-space:nowrap}
[data-ficha="londres-the-seduction"] .heroe--proyecto .banda__frase{flex:0 1 auto;font-size:.8rem}
}
/* == fin héroe en una pantalla y franja (W13) == */

/* == datos del héroe y letra de «la experiencia / los espacios» como las diapositivas 1-3 (W13, medir-londres-detalles 23-oct, V12; acotado a ≥1100) == */
/* Diap. 1 (medida @1440): separadores blancos de 1 px (≈90 %), ≈30 px al dato siguiente, etiquetas de 10,5 px peso 600 con 0,04 em y valores un 17 % mayores (servido: .35 de opacidad, 24 px, 0,14 em/500, 14 px). El color del acento y el gris de «Ver vídeo» son decididos y no se tocan. */
@media (min-width:1100px){
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-datos>div:not(:first-child){border-left-color:rgba(255,255,255,.9);padding-left:1.9rem}
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-datos dt{font-weight:600;letter-spacing:.04em}
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-datos dd{font-size:1.025rem}
/* Diap. 2 y 3: antetítulo «Retail experiencial» a 0,22 em (servido 0,14) y «The Seduction / El origen de…» a 0,04 em (servido 0,10, líneas 8-12 % más anchas). */
[data-ficha="londres-the-seduction"] .proyecto-diapositiva--espacios .proyecto-antetitulo{letter-spacing:.22em}
[data-ficha="londres-the-seduction"] .proyecto-diapositiva--espacios .proyecto-ref:not(.proyecto-nota) span:first-child{letter-spacing:.04em}
/* Acento de d2/d3 muestreado de las diapositivas (V9 con V3, 2321; como Escuela 38b5aa8477): antetítulo #B94F26 («The Seduction / El origen de…» sigue negro como las diap., muestreado #000); «Londres · Reino Unido» #AB3E1A (La experiencia, id #los-espacios) y #B74822 (Los espacios, id #diapositiva-2); «Experiencia» #B16239 y «Espacios» #B9663D. OJO: los ids van al revés de los números de diapositiva. El resto sigue en --teja. */
[data-ficha="londres-the-seduction"] .proyecto-diapositiva--espacios .proyecto-antetitulo{color:#B94F26}
[data-ficha="londres-the-seduction"] #los-espacios .proyecto-ref--pais:not(.proyecto-nota) span+span{color:#AB3E1A}
[data-ficha="londres-the-seduction"] #diapositiva-2 .proyecto-ref--pais:not(.proyecto-nota) span+span{color:#B74822}
[data-ficha="londres-the-seduction"] #los-espacios .proyecto-b__titular .acento{color:#B16239}
[data-ficha="londres-the-seduction"] #diapositiva-2 .proyecto-b__titular .acento{color:#B9663D}
}
/* == fin datos del héroe y letra (W13) == */

/* == escala de letra como las diapositivas 1-3 (W13, pieza 4; medir-londres-escala 23-oct: título del héroe al 0,64-0,77 de la diap. a 1440, subtítulo en 1 línea, LA/EXPERIENCIA 1,84 en vez de 1,35) == */
/* d1 (1100-1440): el zoom .82 del héroe común dejaba el título, el párrafo y el subtítulo en 0,64-0,80 de la diapositiva ×(ancho/1672); a 1 sale a su tamaño y el héroe, si no cabe, crece por abajo (puente: prioriza la letra). El subtítulo en 2 líneas como la diap. («ARQUITECTURA E INTERIORISMO / DE LUJO EN LONDRES»: caja ≈26 % de W; 28vw es el mínimo que no deja huérfana a 1100, pod riesgos-londres-pieza4). */
@media (min-width:1100px) and (max-width:1440.98px){
[data-ficha="londres-the-seduction"] .heroe--proyecto .heroe__contenido{zoom:1;padding-top:calc(var(--alto-cabecera) + .8vw);padding-bottom:.5rem}
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-titular--largo::after{margin-top:.25rem}
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-subtitulo{margin-top:.25rem}
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-subtitulo::after{margin-top:.3rem}
[data-ficha="londres-the-seduction"] .heroe--proyecto .texto-grande{margin-top:.4rem;margin-bottom:0}
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-botones{margin-top:.2rem}
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-botones .boton--doble{padding-block:0}
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-datos{padding-block:.3rem}
[data-ficha="londres-the-seduction"] .heroe--proyecto .banda__fila{min-height:2.9rem;padding-block:.45rem}
}
/* los huecos verticales a la proporción de la diap. (encaje-heroe-londres, pod 05:01: héroe = ventana y 0 elementos bajo el pliegue a 1100-1440 × 620-899, es y en) y la letra por alto: la mayor zoom que cabe */
@media (min-width:1100px) and (max-width:1440.98px) and (max-height:739.98px){[data-ficha="londres-the-seduction"] .heroe--proyecto .heroe__contenido{zoom:.96}}
@media (min-width:1100px) and (max-width:1440.98px) and (max-height:719.98px){[data-ficha="londres-the-seduction"] .heroe--proyecto .heroe__contenido{zoom:.92}}
@media (min-width:1100px) and (max-width:1440.98px) and (max-height:699.98px){[data-ficha="londres-the-seduction"] .heroe--proyecto .heroe__contenido{zoom:.86}}
@media (min-width:1100px) and (max-width:1440.98px) and (max-height:659.98px){[data-ficha="londres-the-seduction"] .heroe--proyecto .heroe__contenido{zoom:.84}}
@media (min-width:1100px) and (max-width:1440.98px) and (max-height:619.98px){[data-ficha="londres-the-seduction"] .heroe--proyecto .heroe__contenido{zoom:.76}}
@media (min-width:1100px){
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-subtitulo{max-width:28vw;text-wrap:balance}
/* d2 «La experiencia» (#los-espacios) y d3 «Los espacios» (#diapositiva-2) al tamaño del servido y de las diap. a 1440, 1100 y 2356 (lámina 10605: el cqi de cada palabra se mide contra el titular, ≈0,83 de la columna, no contra la columna; 22/13,5/22,3/16,7 encogían ≈17 %): LA 26,4 y LOS 26,9 (cap de la diap.), ESPACIOS 20,1 (máx. que cabe 20,8) y EXPERIENCIA 14 (máx. 14,6; la diap. usa una cara más condensada, no cabe más alta). */
[data-ficha="londres-the-seduction"] #los-espacios .proyecto-b__titular{font-size:26.4cqi}
[data-ficha="londres-the-seduction"] #los-espacios .proyecto-b__titular .acento{font-size:14cqi}
[data-ficha="londres-the-seduction"] #diapositiva-2 .proyecto-b__titular{font-size:26.9cqi}
[data-ficha="londres-the-seduction"] #diapositiva-2 .proyecto-b__titular .acento{font-size:20.1cqi}
}
/* EN d3: «SPACES» (6 letras) con los 20,1 cqi de «ESPACIOS» bajaba −25 % a 1100 y −7 % a 1280 frente al servido (lamina-londres-pieza4c). Un solo valor continuo de 1100 en adelante (spaces-en-retoque, pod: 21 cqi → cap 0,99-1,10 de la diap. y ancho 1,04 del servido sin salto; 20,6 deja margen a 2356). */
@media (min-width:1100px){[data-ficha="londres-the-seduction"]:lang(en) #diapositiva-2 .proyecto-b__titular .acento{font-size:20.6cqi}}
/* == fin escala de letra (W13) == */

/* == pieza 5 (W13): título del héroe a ≥0,95 de la diapositiva ×(ancho/1672) == */
@media (min-width:1100px){
[data-ficha="londres-the-seduction"] .heroe--proyecto{--z5:1;--c5:166px}
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-titular--largo{white-space:nowrap;line-height:.84;margin-top:.4rem}
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-titular--largo .acento{white-space:normal}
[data-ficha="londres-the-seduction"] .heroe--proyecto .volver{margin-bottom:.2rem}
[data-ficha="londres-the-seduction"] .heroe--proyecto .antetitulo{margin-bottom:.2rem}
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-subtitulo{margin-top:0}
[data-ficha="londres-the-seduction"] .heroe--proyecto .texto-grande{line-height:1.02;margin-top:.2rem}
[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-botones{margin-top:0}
}
@media (min-width:1100px) and (max-width:1440.98px){
[data-ficha="londres-the-seduction"] .heroe--proyecto[style*="--heroe-titular"] .proyecto-titular--largo{font-size:calc(min(4.52vw,29.76svh - var(--c5) * var(--z5)) / var(--z5))!important}
}
@media (min-width:1100px) and (max-width:1440.98px) and (max-height:739.98px){[data-ficha="londres-the-seduction"] .heroe--proyecto{--z5:.96;--c5:calc(116px + 3.75vw)}}
@media (min-width:1100px) and (max-width:1440.98px) and (max-height:719.98px){[data-ficha="londres-the-seduction"] .heroe--proyecto{--z5:.92;--c5:168px}}
@media (min-width:1100px) and (max-width:1440.98px) and (max-height:699.98px){[data-ficha="londres-the-seduction"] .heroe--proyecto{--z5:.86;--c5:170px}}
@media (min-width:1100px) and (max-width:1440.98px) and (max-height:659.98px){[data-ficha="londres-the-seduction"] .heroe--proyecto{--z5:.84;--c5:170px}}
@media (min-width:1100px) and (max-width:1440.98px) and (max-height:619.98px){[data-ficha="londres-the-seduction"] .heroe--proyecto{--z5:.76;--c5:174px}}
@media (min-width:1441px){
[data-ficha="londres-the-seduction"] .heroe--proyecto{--z5:.85;--z5:min(1,calc(100svh / (.66 * 100vw)))}
[data-ficha="londres-the-seduction"] .heroe--proyecto[style*="--heroe-titular"] .proyecto-titular--largo,[data-ficha="londres-the-seduction"] .heroe--proyecto .proyecto-titular--largo{font-size:calc(min(4.52vw,8.5svh) / .85)!important;font-size:calc(min(4.52vw,8.5svh) / var(--z5))!important}
}
/* == fin pieza 5 título == */