/* El hotel de Vietnam (templates/web/showroom/vietnam.html.twig), según sus 8 diapositivas. Solo esta página lo carga. */
.hotel-heroe .hotel-resumen{max-width:34em}
.hotel-heroe .hotel-resumen p+p{margin-top:var(--e-3)}
.hotel-heroe .proyecto-subtitulo{max-width:24em}
.hotel-heroe .hotel-botones{display:flex;flex-wrap:wrap;gap:var(--e-3)}

/* Las secciones claras de las diapositivas 2 a 8 */
.hotel-seccion{padding:0;background:#fff;--hotel-serif:"Times New Roman","Liberation Serif",Times,serif;--siena:var(--oro-sobre-claro)}  /* DECIDIDO 4428/4475: el oro de sistema, sin color propio */
/* Diapositivas 2 a 8 (revisión VS, SEG-VS-d2-*): fondo blanco, serif clásico sin interletraje, «LOS»/«PLANTA» en negro y la segunda palabra en siena. */
.hotel-seccion .hotel-resort,.hotel-seccion .hotel-grande,.hotel-seccion .hotel-sub,.hotel-seccion .hotel-parrafos,.hotel-seccion .hotel-ambientes,.hotel-seccion .hotel-plano__titulo{font-family:var(--hotel-serif);letter-spacing:0}
.hotel-seccion .hotel-grande .acento{color:var(--siena)}
.hotel-villa .hotel-resort span{color:inherit}
.hotel-seccion .volver{margin-bottom:var(--e-5);color:var(--siena);font:400 var(--t-s)/1 var(--fuente-texto);letter-spacing:0}
.hotel-galeria img{cursor:zoom-in}
.hotel-texto{padding:clamp(1.5rem,3vw,3rem) clamp(1rem,2vw,2rem) var(--e-6) var(--margen)}
.hotel-ante{margin:0 0 var(--e-4);font:400 var(--t-xs)/1.4 var(--fuente-titulares);letter-spacing:.32em;text-transform:uppercase;color:var(--oro-sobre-claro)}
.hotel-resort{margin:0 0 var(--e-6);font:400 clamp(1.4rem,1rem + 1vw,2rem)/1.3 var(--fuente-titulares);text-transform:uppercase}
.hotel-resort span{display:block;color:var(--oro-sobre-claro);font-size:.8em}
.hotel-resort::after{content:"";display:block;width:4.2rem;height:2px;margin-top:var(--e-3);background:var(--oro-sobre-claro)}
/* El titular cabe entero en la columna de texto (24 % del ancho): sin guion de sílaba ni palabra partida («CUBIERT/A», «WELLNE/SS» a 1440 con 5rem); medido de 390 a 1920 px en es y en. */
.hotel-grande{font-size:clamp(2rem,.5rem + 2.7vw,4rem);font-weight:500;line-height:.95;margin-bottom:var(--e-5);hyphens:none;overflow-wrap:normal}
/* El serif de la diapositiva mide ≈51 px a 1440 en las villas («PLANTA») y ≈42 px en los pabellones («WELLNESS» cabe en su columna sin pisar el plano). */
.hotel-villa .hotel-grande{font-size:clamp(2.4rem,.6rem + 2.9vw,4.4rem)}
.hotel-pabellon .hotel-grande{font-size:clamp(2.4rem,.6rem + 2.3vw,3.6rem)}
.hotel-sub{margin:0 0 var(--e-4);font:400 clamp(1.1rem,.9rem + .5vw,1.5rem)/1.3 var(--fuente-titulares);text-transform:uppercase}
.hotel-parrafos{font:400 clamp(.95rem,.85rem + .3vw,1.15rem)/1.4 var(--fuente-titulares)}
.hotel-parrafos p+p{margin-top:var(--e-4)}
.hotel-vis{display:flex;flex-direction:column;gap:.15rem;margin:var(--e-5) 0 0;font:400 var(--t-2xs)/1.5 var(--fuente-titulares);letter-spacing:.06em;text-transform:uppercase}
.hotel-vis strong{font-weight:400}.hotel-vis span{text-transform:none;letter-spacing:0}
.hotel-foto{display:flex;flex-direction:column;margin:0;overflow:hidden;height:100%}
.hotel-foto img{display:block;width:100%;height:auto;aspect-ratio:1280/642;object-fit:cover}
.hotel-mosaico .hotel-foto img{aspect-ratio:1.65}
.hotel-foto img{flex:1 1 auto;min-height:0}   /* la foto cede alto y el pie de foto se ve entero dentro de su celda (overflow:hidden lo cortaba 5 a 27 px en /en a 390 y 1100, V12 cxt-vis-1145) */
@media (min-width:900px){.hotel-mosaico .hotel-foto{position:relative}.hotel-mosaico .hotel-foto img{height:100%;aspect-ratio:auto}.hotel-mosaico .hotel-foto figcaption{position:absolute;inset:auto 0 0}}   /* diapositiva 6: en el mosaico el pie va sobre la foto y la foto llena su celda de ≈1,6 */
.hotel-foto figcaption{flex:none;padding:.7rem 1rem;background:rgba(24,32,28,.92);color:#fff;font:400 var(--t-s)/1.3 var(--fuente-texto);text-transform:uppercase}
.hotel-mosaico{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.hotel-mosaico li{min-height:clamp(14rem,22vw,26rem)}
@media (min-width:900px){.hotel-mosaico{align-content:start}.hotel-mosaico li{min-height:0;aspect-ratio:8/5;align-self:start}}   /* diapositiva 6 (Los espacios): las fotos del mosaico a ≈1,6:1 y no recortadas a ≈1,3:1 (align-self:start: con stretch la altura ganaba al aspect-ratio) */
.hotel-mosaico li{min-width:0}
.hotel-espacios__fila{display:grid;grid-template-columns:minmax(0,26fr) minmax(0,74fr);align-items:stretch}
.hotel-pie{background:var(--negro);color:#fff}
.hotel-pie__fila{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--e-2) var(--e-6);padding-block:var(--e-3);font:400 var(--t-xs)/1.4 var(--fuente-texto);letter-spacing:.12em;text-transform:uppercase}
@media (max-width:899.98px){.hotel-espacios__fila{grid-template-columns:1fr}.hotel-texto{padding-right:var(--margen)}.hotel-mosaico{grid-template-columns:1fr}}
/* «Los espacios» (diapositiva 6): la altura de las celdas la marca la columna de texto; con la letra de la maqueta (16 px, interlineado 1,22) la sección baja de ~867 a ~715 px
   y las celdas pasan de 1,29 a 1,58 (la maqueta, 1,57), sin recortar un ~35 % del ancho de las fotos (revisión diap. 2, vssrv-1). */
@media (min-width:900px){#los-espacios .hotel-parrafos{font-size:1rem;line-height:1.22}#los-espacios .hotel-texto{padding-block:1.5rem}#los-espacios .hotel-resort{margin-bottom:1.2rem}#los-espacios .hotel-grande{margin-bottom:1rem}#los-espacios .hotel-sub{margin-bottom:.6rem}}

/* Diapositivas 2 a 5: texto, plano y tres fotos */
.hotel-villa__fila{display:grid;grid-template-columns:minmax(0,24fr) minmax(0,44fr) minmax(0,32fr);align-items:stretch}
.hotel-villa .proyecto-cifras{margin-top:var(--e-5)}
/* Diapositivas 2 a 5 (V15, NECESITA-PORTATIL 882-887): fondo blanco, serif clásico y más grande, y el enlace «← Todos los proyectos» (.volver) también aquí */
.hotel-villa{background:#fff}
.hotel-villa .hotel-grande,.hotel-villa .hotel-sub,.hotel-villa .hotel-parrafos,.hotel-villa .hotel-resort{font-family:"Times New Roman",Times,serif}
.hotel-villa .hotel-grande{font-size:clamp(2.4rem,.8rem + 2.8vw,4.4rem);font-weight:400}
.hotel-villa .hotel-texto>.volver{display:inline-flex;margin-bottom:var(--e-4);color:var(--oro-sobre-claro);font-size:var(--t-s)}
/* Segunda vuelta con el OK de V9: cuerpo más pequeño (la diap. cabe en una pantalla), 01/02/03 en naranja, y datos con separadores verticales y más grandes */
.hotel-villa .hotel-parrafos{font-size:clamp(.82rem,.62rem + .32vw,1rem);line-height:1.35}
.hotel-villa .hotel-grande .acento{color:var(--hotel-siena)}
.hotel-villa .proyecto-cifras>div+div{border-left:1px solid var(--oro-sobre-claro);padding-left:clamp(.8rem,1.2vw,1.6rem)}
.hotel-villa .proyecto-cifras dd{font-size:clamp(1.3rem,.6rem + 1vw,2rem)}
/* Las columnas de texto son estrechas (24fr en la villa, 26fr en espacios y pabellones): .hotel-grande (arriba) sin partir la palabra («CUBIERTA», «WELLNESS» a 1440)
   y las tres cifras en fila, como la diapositiva (revisión p16, NECESITA-PORTATIL 84, 85 y 87). */
.hotel-villa .proyecto-cifras{display:grid;grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;column-gap:clamp(.8rem,1.2vw,1.6rem)}
.hotel-villa .proyecto-cifras>div{padding:0;align-items:flex-start}
.hotel-villa .proyecto-cifras{column-gap:0}
/* Las cifras como la diapositiva: centradas bajo su número, con la raya vertical entre una y otra (paginas.css las quita por debajo de 1600). */
.hotel-villa .proyecto-cifras>div{align-items:center;padding-inline:clamp(.8rem,1.4vw,1.8rem)}
.hotel-villa .proyecto-cifras>div:first-child{padding-left:0;align-items:center}
.hotel-villa .proyecto-cifras>div+div{border-left:2px solid var(--tinta)}
.hotel-villa .proyecto-cifras dt{letter-spacing:0;font-family:var(--hotel-serif)}
.hotel-villa .proyecto-cifras dd{font-size:clamp(1rem,.35rem + .75vw,1.6rem)}
.hotel-plano{display:flex;flex-direction:column;align-items:center;gap:var(--e-3);margin:0;padding:clamp(1rem,2vw,2rem) clamp(.5rem,.55vw,.8rem)}
.hotel-plano__titulo{margin:0;font:400 clamp(1.1rem,.9rem + .6vw,1.6rem)/1.2 var(--fuente-titulares);letter-spacing:.3em;text-transform:uppercase;color:var(--oro-sobre-claro)}
.hotel-plano img{width:100%;height:auto;max-height:70vh;object-fit:contain}
.hotel-plano figcaption{font:400 var(--t-xs)/1.4 var(--fuente-texto);color:#666;text-align:center}
.hotel-fotos{display:flex;flex-direction:column;gap:var(--e-2);padding:clamp(1rem,2vw,2rem) var(--margen) var(--e-4) 0}
.hotel-fotos ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
/* 7/4 como los huecos de la maqueta (346x198 a 1400; el 1280/642 de la foto recortaba ~20 % más del alto visible sobre el pie). */
.hotel-fotos li{aspect-ratio:7/4}
.hotel-fotos p{margin:0;font:400 var(--t-xs)/1.4 var(--fuente-texto);color:#666}
@media (max-width:1099.98px){.hotel-villa__fila{grid-template-columns:1fr}.hotel-fotos{padding:var(--e-4) var(--margen)}.hotel-texto{padding-right:var(--margen)}}

/* Diapositivas 7 y 8: los pabellones (spa y yoga) */
/* Diap. 8: «SPA & WELLNESS» va entero en negro; solo «PLANTA BAJA» (hotel-sub--oro) lleva el oro */
#pabellon-spa .hotel-grande .acento{color:inherit;-webkit-text-fill-color:currentColor;background:none}
/* «FITNESS» en negro como «WELLNESS», como su diapositiva 7 (SEG-VS-d2-*-5a4f79a9/-813ad369: salía en marrón). */
#pabellon-yoga .hotel-grande .acento{color:inherit;-webkit-text-fill-color:currentColor;background:none}
.hotel-sub--oro{color:var(--oro-sobre-claro);text-transform:uppercase}
.hotel-ubicacion{margin:var(--e-5) 0 0}
.hotel-ubicacion img{display:block;width:100%;max-width:22rem;height:auto;margin-top:var(--e-2)}
.hotel-plano__sub{margin:0;font:400 var(--t-s)/1.3 var(--fuente-texto);color:#555}
.hotel-plano__titulo--pequeno{align-self:flex-start;font-size:var(--t-s);letter-spacing:.06em;margin-top:var(--e-3)}
.hotel-ambientes{list-style:none;margin:0;padding:0;align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-3) var(--e-4);font-family:var(--fuente-titulares)}
.hotel-ambientes li{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:start}
.hotel-ambientes b{grid-row:span 2;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#18201c;color:#fff;font:500 .72rem/1 var(--fuente-texto)}
.hotel-ambientes strong{font-weight:400;font-size:var(--t-s)}
.hotel-ambientes span{font:400 var(--t-2xs)/1.3 var(--fuente-texto);color:#666}
.hotel-plano__nota{margin:0;align-self:flex-start;font:400 var(--t-2xs)/1.4 var(--fuente-texto);color:#666}
@media (max-width:699.98px){.hotel-ambientes{grid-template-columns:1fr}}
/* Diap. 2 (villa, plantas 1-4): «Tipología villa» y «La distribución» en siena como la maqueta (#ad5823 medido en el original; sobre crema da ≈4,3:1, se sigue la maqueta). El pabellón (diap. 8) no cambia */
.hotel-villa{--hotel-siena:var(--oro-sobre-claro)}
.hotel-villa .hotel-ante,.hotel-villa .hotel-plano__titulo{color:var(--hotel-siena)}

/* Pabellones (diapositivas 7 y 8): títulos de plano y ubicación en una línea y sin interletraje, la lista de ambientes por columnas (01 04 07 / 02 05 08 / 03 06 09). */
.hotel-pabellon .hotel-plano>.hotel-plano__titulo{font-size:clamp(1.1rem,.5rem + 1.05vw,1.6rem);color:var(--oro-sobre-claro);text-align:center}
@media (min-width:1100px){.hotel-pabellon .hotel-plano>.hotel-plano__titulo{white-space:nowrap}}
.hotel-pabellon .hotel-ubicacion .hotel-plano__titulo,.hotel-pabellon .hotel-plano__titulo--pequeno{font:400 var(--t-s)/1.3 var(--fuente-texto);letter-spacing:0;color:var(--oro-sobre-claro);text-transform:uppercase}
.hotel-pabellon .hotel-plano__titulo--pequeno{font-size:clamp(1rem,.8rem + .5vw,1.35rem)}
.hotel-pabellon .hotel-ubicacion img{max-width:100%}
/* Ambientes por FILAS como las diapositivas 7 y 8 (01 02 03 en la primera fila; SEG-VS-d2-1440-1b7e2f21/-5a4f79a9): por columnas salía 01/04/07 arriba. */
.hotel-pabellon .hotel-ambientes{gap:var(--e-3) var(--e-5)}
.hotel-pabellon .hotel-ambientes strong{font-size:clamp(1rem,.8rem + .4vw,1.3rem)}
.hotel-pabellon .hotel-ambientes span{font-size:var(--t-xs)}
@media (max-width:699.98px){.hotel-pabellon .hotel-ambientes{grid-template-rows:none;grid-auto-flow:row}}
.hotel-villa .hotel-plano__titulo{letter-spacing:.3em}
.hotel-mosaico{align-content:start}
/* SEG-VS-d2-1440-55f1ee12 (V3): a 1440×900 el héroe del hotel medía 916 px (es) y 901 (en) y la fila de datos y el pie caían bajo la primera pantalla;
   en la diapositiva 1 del hotel «Todos los proyectos» va pegado al titular y todo cabe. Menos aire bajo «volver» desde 1100. */
@media (min-width:1100px){.hotel-heroe .heroe__texto>.volver{margin-bottom:.5rem}}
/* A 1592×828 (el Chrome de Víctor, 1990×1035 a 1,25) medía 958 px y a 1920×1080 1090 (sobre pt182b): hasta 1100 de alto el titular va por el alto y los huecos se aprietan. */
@media (min-width:1100px){   /* V3 (VS 18:50, regla 4912): sin tope de alto: a 2356x1325 y 2560x1440 el titular por palabra (vw) hacía el héroe 1464 y 1591, por encima de la ventana; con el titular por el alto (8vh) y la escala común del rem por el menor de vw y vh el héroe mide lo que la ventana */
  .hotel-heroe .proyecto-titular{font-size:min(clamp(2.5rem,1rem + 4.2vw,6rem),calc(min(46rem,46vw) / (var(--palabra,8) * .72)),8vh)!important}   /* el de paginas.css (por palabra) con tope por el alto */
  .hotel-heroe .heroe__texto>*+*{margin-top:clamp(.4rem,1vh,.9rem)}
  .hotel-heroe .heroe__contenido{padding-top:calc(var(--alto-cabecera) + .5rem)}
}

/* Pieza de ficha vietnam-hotel (PROPUESTA filas 3-12, DECIDIDO 4420): héroe, plantas y cifras como las diapositivas 1-5 (medido a 1440×810). */
/* Héroe (filas 4-6) solo en pantallas de 861 px de alto o más: en las bajas (1440×810) manda el ajuste compacto de @media (min-width:1100px) and (max-height:1100px) (revisión de W1: el héroe pasaba de 810 a 884). */
@media (min-width:1100px) and (min-height:861px){
  .hotel-heroe .proyecto-subtitulo{font-size:1.5rem;max-width:18em}   /* fila 4: 24 px, corte tras INTERIORISMO */
  .hotel-heroe .hotel-resumen{font-size:1rem;line-height:1.29;max-width:27em}   /* fila 5 */
  .hotel-heroe .hotel-resumen p+p{margin-top:0}
  .hotel-heroe .hotel-resumen p{margin-bottom:0}   /* 1440×900: el 1.º párrafo traía margin-bottom 16 px (hueco de una línea; la diap. 1 va seguido); a 2356 ya era 0 */
  .hotel-heroe .heroe__texto>*+*{margin-top:clamp(.3rem,.7vh,.7rem)}   /* héroe ≤ 900 a 1440×900 (puente) */
  .hotel-heroe .proyecto-datos dd{font-size:.95rem;max-width:14em}   /* fila 6: «Servicios» en dos líneas */
  .hotel-heroe .proyecto-datos>div{flex:0 0 auto;padding-inline:1.9rem}
  .hotel-heroe .proyecto-datos>div:first-child{padding-left:0}
}
@media (min-width:1100px){
  /* fila 7: texto / plano / fotos 24,6 / 49,3 / 26,1 y las fotos con 19 px de margen */
  .hotel-villa__fila{grid-template-columns:minmax(0,24.6fr) minmax(0,49.3fr) minmax(0,26.1fr)}
  .hotel-villa .hotel-fotos{padding:clamp(1rem,2vw,2rem) 19px var(--e-4) 0}
  .hotel-villa .hotel-plano{padding-inline:0}
}
/* fila 8: el rótulo dentro de la foto, en tira de ≈24 px, sans */
.hotel-fotos .hotel-foto{position:relative}
.hotel-fotos .hotel-foto img{height:100%;aspect-ratio:auto}
.hotel-fotos .hotel-foto figcaption{position:absolute;inset:auto 0 0 0;padding:.3rem .75rem;font:400 .875rem/1.2 Arial,Helvetica,sans-serif}
.hotel-fotos ul{gap:10px}
.hotel-villa .hotel-parrafos{font-size:clamp(.82rem,.51rem + .5vw,1rem);line-height:1.29}   /* fila 9: ≈15,3 px a 1440 */
#villa-p01 .hotel-grande .acento,#villa-p02 .hotel-grande .acento,#villa-cub .hotel-grande .acento{font-size:1.2em;line-height:.9}   /* fila 10 */
#villa-cub .hotel-grande{font-size:clamp(2rem,.6rem + 2.28vw,3.6rem)}   /* fila 11: «CUBIERTA» ≈42 px */
#villa-cub .hotel-grande .acento{font-size:1.25em}
.hotel-villa .proyecto-cifras::before{display:none}   /* fila 12: sin la raya sobre las cifras, tres columnas iguales */
.hotel-villa .proyecto-cifras{grid-template-columns:repeat(3,5.5rem)}
/* Hotel, estadísticas de las plantas (revisión final, V9 → V3): el numeral medía 16,4 px a 1440 y 26,8 a 2356 y la diapositiva lo lleva a ≈26,5 y ≈43 (1,84 % del ancho; el rótulo no cambia). */
@media (min-width:1100px){
  .hotel-villa .proyecto-cifras dd{font-size:calc(1.84*var(--vw))}
}
/* Hotel, rótulo de las estadísticas (V9 revisión final): en la diapositiva 3 el rótulo es serif fina, ≈11 % más baja (≈10 px a 1440) y se solapa con la base del numeral; en la web iba a 11 px, en negrita y debajo sin solape. */
@media (min-width:1100px){
  .hotel-villa .proyecto-cifras dd{line-height:.8}
  .hotel-villa .proyecto-cifras dt{font-size:calc(.69*var(--vw));font-weight:400;line-height:1.2}
}
/* Suelo de 10 px solo desde 1400 (4503; tanda-final: a 1440 salía 9,94 px). De 1100 a 1366 el suelo lo llevaría de 7,6-9,4 a 10 px y partía rótulos en 2 líneas en la planta 02 (hotel-dt-1100): ahí se queda la proporción de la diapositiva. */
@media (min-width:1400px){
  .hotel-villa .proyecto-cifras dt{font-size:max(10px,calc(.69*var(--vw)))}
}
/* W1 (PROPUESTA de V12, filas 4, 13 y 14; DECIDIDO 4416): lo que la pieza de las filas 3-12 no cubría, medido sobre lo servido frente a las diapositivas 1 y 6.
   Fila 4: a 1440x900 el subtítulo salía en 3 renglones con 18em; la diapositiva lo da en 2 (corte tras «INTERIORISMO»).
   Fila 13: «ESPACIOS» a ≈54 px (servido 46,9). Fila 14: texto y mosaico 24,2 / 75,8, 5 px de hueco y 8 de margen a la derecha, rótulo en serif dentro de la foto. */
@media (min-width:1100px) and (min-height:861px){.hotel-heroe .proyecto-subtitulo{max-width:20em}}
@media (min-width:1100px){
  #los-espacios .hotel-espacios__fila{grid-template-columns:minmax(0,24.2fr) minmax(0,75.8fr)}
  #los-espacios .hotel-mosaico{padding-right:8px;gap:5px}
  #los-espacios .hotel-grande{font-size:clamp(2.2rem,.6rem + 3.1vw,3.5rem)}
  #los-espacios .hotel-mosaico .hotel-foto figcaption{padding:.35rem .75rem;font:400 .95rem/1.1 var(--hotel-serif);letter-spacing:.04em}
}
/* W1 (PROPUESTA fila 6): desde 1100 la fila de datos del héroe con las columnas de la diapositiva 1 (cada texto empieza a 206 / 368 / 595 / 792 px de 1440, servido 188/369/643/844)
   y menos relleno para que «TIPO DE PROYECTO» y los servicios no se partan; el alto del héroe no cambia (900 a 1440x900, 810 a 1440x810). */
@media (min-width:1100px){.hotel-heroe .proyecto-datos{display:grid;grid-template-columns:9.38vw 11.25vw 15.76vw 13.68vw auto;justify-content:start}.hotel-heroe .proyecto-datos>div{min-width:0;padding-inline:.9rem}.hotel-heroe .proyecto-datos>div:first-child{padding-left:0}}

/* Resort & Spa Vietnam, héroe como su diapositiva 1 y la captura de Víctor (puente 4841): la foto es la PORTADA.png que subió el cliente a las 17:43 (1647x955) y va ENTERA, no a sangre con cover: desde el 14,16 % del ancho, a 89vw (1281 px a 1440) y a 1,5vw del borde de arriba (bajo la cabecera), con las cabañas arriba a la izquierda, los 6-7 edificios a la derecha y la playa; medido por correlación del recorte de la diapositiva con la foto (ventana 684x521 en x 848, y 96; diferencia 21,6; escala 0,9035). Solo ≥1100; el héroe de 900 no cambia. */
@media (min-width:1100px){
  .hotel-heroe .heroe__fondo{inset:1.5vw -3.2vw auto 14.16%;height:auto}
  .hotel-heroe .heroe__fondo img{width:100%;height:auto}
}

/* Regla 4912 del VS (puente 4914): a ≥1920 se puede ampliar hasta ×1,2 cuando el original no da más; la PORTADA.png (1647 px) pasaba de ×1,2 a partir de 2220 px (89vw > 1976): a partir de ahí la foto mide 1976 px (1647 × 1,2, «máximo del original») y se queda pegada a la derecha como antes (-3,2vw), con más negro a la izquierda. */
@media (min-width:2220px){
  .hotel-heroe .heroe__fondo{inset:1.5vw -3.2vw auto auto;width:1976px;height:auto}
}

/* A 2356x1216 (la ventana real de Víctor) el héroe medía 1220 en en: el texto se compacta con el alto igual que el de Escuela. */
@media (min-width:1441px){
  .hotel-heroe .heroe__texto>*+*{margin-top:clamp(.2rem,.45vh,.7rem)}
}

/* Héroe del hotel a ≥1441 como la diap. 1 (regla VS 5095; pod hotel-heroe-2356: titular 34,9→38,0 % del ancho, botones 238→314 px, párrafo 8 líneas, antetítulo y subtítulo a la escala de la diap., héroe a 56,25vw con la franja de pie dentro; 1440×900 idéntico). Solo .hotel-heroe, rem/vw. */
@media (min-width:1441px){
  .hotel-heroe{min-height:calc(var(--vw) * 56.25)}
  .hotel-heroe .heroe__contenido{padding-top:calc(var(--alto-cabecera) + 1.05rem);padding-bottom:0}
  .hotel-heroe .antetitulo{font-size:1.05rem}
  .hotel-heroe .proyecto-titular{font-size:4.4rem!important;line-height:.93}
  .hotel-heroe .heroe__texto>.proyecto-titular{margin-top:1.6rem}
  .hotel-heroe .proyecto-titular::after{width:3.7rem;height:.19rem}
  .hotel-heroe .heroe__texto>.proyecto-subtitulo{margin-top:.62rem;font-size:1.34rem;line-height:1.3;max-width:none}
  .hotel-heroe .proyecto-subtitulo::after{width:3.7rem;height:.15rem;margin-top:.46rem}
  .hotel-heroe .heroe__texto>.hotel-resumen{margin-top:.65rem;font-size:1.05rem;line-height:1.22;max-width:25.2em}
  .hotel-heroe .hotel-resumen p{margin-bottom:0}
  .hotel-heroe .hotel-resumen p+p{margin-top:0}
  .hotel-heroe .heroe__texto>.hotel-botones{margin-top:.76rem;gap:1rem}
  .hotel-heroe .hotel-botones .boton{font-size:1.06rem;min-height:2.95rem;min-width:12rem;padding-block:0}
}

/* Foto del héroe del hotel a ≥1441 en la posición de la diap. 1 (pod hotel-foto-2356, SIFT 57 inliers): ancho 87,95vw (el de la diap.) con tope 1976 px (1647 × 1,2, límite de material: la diap. pide 2072 a 2356), anclada por su punto central a donde cae en la diap.; residual ≤2 px (antes 52 px a la derecha y 39 px alta); 1440×900 idéntico. */
@media (min-width:1441px){
  .hotel-heroe .heroe__fondo{width:min(87.95vw,1976px);height:auto;right:auto;left:calc(59.67vw - .5079 * min(87.95vw,1976px));top:calc(24.95vw - .2610 * min(87.95vw,1976px))}
}
/* Hotel, plano de cada planta a la medida de su diapositiva (W8, medida 10393; revisión final V6/W5): el plano de la diap. está a su tamaño natural con la diap. a 4096 px (42,85/44,80/47,61 vw de ancho). Hasta ahora mandaba max-height:70vh (a 2356×1216 el plano de la baja y la 01 salía un 7,5 % menor) o la columna (a 1440 pasaba un 3-12 %). */
@media (min-width:1100px){
  .hotel-villa .hotel-plano img{max-height:none;width:auto;max-width:100%}
  .hotel-villa .hotel-plano img[src*="plano-planta-baja"]{width:min(42.847vw,2106px)}
  .hotel-villa .hotel-plano img[src*="plano-planta-01"]{width:min(44.800vw,2202px)}
  .hotel-villa .hotel-plano img[src*="plano-planta-02"],.hotel-villa .hotel-plano img[src*="plano-cubierta"]{width:min(47.607vw,2340px)}
}