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

/* == heroe == */
/* V6 (DECIDIDO 4583): velo del héroe a .8 desde 1100 (el YAML dice 0.6, «la foto de su diapositiva es más clara»): con el párrafo de 16,5 px de la diap. y la foto
   sin estirar, a 0.6 el texto quedaba en p99 3,2-3,7 (también lo servido antes: titular 3,18). A .8, medido en pod a 1440 y 1100: titular 6,86/5,49, subtítulo
   6,98/6,02, párrafo 7,38/4,82 (p95/p99, es). !important porque el YAML lo pone en el style del héroe. */
@media (min-width:1100px){
  [data-ficha="dubai-marina-gate"] .heroe--proyecto{--heroe-velo:.8!important}
}
/* En pantallas bajas (texto a escala, más sobre la foto clara): .85; a 1366x768 en el párrafo quedaba en p99 4,44 con .8. */
@media (min-width:1100px) and (max-height:899.98px){
  [data-ficha="dubai-marina-gate"] .heroe--proyecto{--heroe-velo:.85!important}
}
/* W8 (puente 4873, VS: «la toma es la de la diap., falla el zoom»): la foto del héroe a 1440 va como en la diap. 1, medida por píxel contra «Salón elegante con luz de tarde-1»:
   la diap. la lleva a ×0,86 (ancho 86 % de la pantalla, pegada a la derecha, a 3,3 vw del borde de arriba, con el fundido negro a la izquierda y abajo); servía
   cover a ×0,956 (más ampliada: sofá y cojines mayores, torre de la izquierda recortada). Sin tope de ancho (regla 4900, 2356 px: ahí la diap. pide ×1,21 del original y el cover servido llegaba a ×1,41; hasta 1944 px no pasa de su ancho natural de 1672). Solo desde 1280 px:
   por debajo el héroe es más alto que la diap. y la foto reducida dejaría una banda negra. */
@media (min-width:1280px){
  [data-ficha="dubai-marina-gate"] .heroe--proyecto .heroe__fondo img{position:absolute;right:0;left:auto;top:3.3vw;width:86vw;height:auto;max-width:none;object-fit:fill;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%),linear-gradient(180deg,transparent 0,#000 7%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 22%),linear-gradient(180deg,transparent 0,#000 7%,#000 86%,transparent 100%);mask-composite:intersect}
}
/* Franja del héroe (pod 9822/9826): la foto servida (86vw de ancho, proporción natural) acababa antes que la franja de datos y dejaba hasta ~110 px de banda negra bajo ella; en la diap. 1 la foto sigue por detrás de la franja hasta el final. Con la altura del héroe menos 3,3vw (su top) menos 3,4rem la foto llega siempre hasta la banda inferior (opaca, ≥55,7 px) en los 7 tamaños medidos (1280×720 a 2356×1325) y la franja lleva un velo del 35 % para conservar el contraste (≥5,0). */
@media (min-width:1280px){
  [data-ficha="dubai-marina-gate"] .heroe--proyecto .heroe__fondo img{height:calc(100% - 3.3vw - 3.4rem);object-fit:cover;object-position:right center}
  [data-ficha="dubai-marina-gate"] .heroe--proyecto .proyecto-datos-fila{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.35))}
}
/* Contraste del texto del héroe (V9 4583: párrafo p99 4,39 a 1440; por línea 2,22 a 1440 y 3,31 a 2356): oscurecimiento local bajo el subtítulo y el párrafo (x -5..43 %, y 45..77 % del héroe), solo detrás del texto. Y la franja de datos con velo desde 1100 (5097: a 1100×800 daba 1,96-2,78; el velo de .35 empezaba en 1280): de 1100 a 1279 con .5. */
@media (min-width:1100px){[data-ficha="dubai-marina-gate"] .heroe--proyecto .heroe__fondo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 24% 16% at 19% 61%,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 70%,rgba(0,0,0,0) 100%)}}
@media (min-width:1100px) and (max-width:1279.98px){[data-ficha="dubai-marina-gate"] .heroe--proyecto .proyecto-datos-fila{background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5))}}
/* == fin heroe == */

/* == proyecto == */
/* V6 (DIFERENCIAS-VISIBLES l.221/254, diap. 2 a 1440 medida por píxel): la planta a 474 px de ancho como la diap. (servía 458; tope en su tamaño natural de
   565 px, nunca ampliada) y la columna de fotos con 3 de 400×208 y margen derecho de 2,2vw (servía 418×235: la sección pasa de 814 a ≈777). */
@media (min-width:1100px){
  [data-ficha="dubai-marina-gate"] #el-proyecto .proyecto-b__plano img{width:min(33vw,565px);max-width:none!important;height:auto}
  [data-ficha="dubai-marina-gate"] #el-proyecto .proyecto-b__fotos{grid-template-rows:repeat(3,14.45vw);padding-right:2.2vw;align-content:center}
}
/* V6 (l.254, diap. 2 a 1440 medida por píxel, tinta de mayúsculas): «MARINA GATE» 22 px de alto × 206 de ancho como la diap. (servía 18 × 199), titular
   «EL / PROYECTO» 49/43 px frente a 54/46 de la diap. (servía 42/37; más no cabe en la columna con esta letra: PROYECTO 284 px de ancho, la diap. 265) y el pie
   de la planta como la diap. (≈13,7 px; servía 11). */
@media (min-width:1100px){
  [data-ficha="dubai-marina-gate"] #el-proyecto .proyecto-ref span:first-child{font-size:1.22em;letter-spacing:.02em}
  [data-ficha="dubai-marina-gate"] #el-proyecto .proyecto-b__titular{font-size:calc(4.62*var(--vw));letter-spacing:-.05em}
  [data-ficha="dubai-marina-gate"] #el-proyecto .proyecto-b__plano figcaption{font-size:.95vw}
}
/* == fin proyecto == */

/* == espacios == */
/* V6 (DIFERENCIAS-VISIBLES l.255, diap. 3 a 1440): filas del mosaico de 384 y 264 px como la diap. (servía 406/282): balcón y cocina menos recortados. */
@media (min-width:1100px){
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-c__galeria--mosaico{grid-template-rows:26.7vw 18.3vw}
}
/* V6 (l.255, diap. 3 a 1440): columna de texto desde x 45 como la diap. (servía 57), «MARINA GATE» 19 × 190 y «DUBÁI» 13 × 64 como la diap. (servían
   16 × 165 y 10 × 37), titular «LOS / ESPACIOS» 62/52 px frente a 63/57 (servía 49/44; ESPACIOS acaba en x 337, el mosaico empieza en 352) y «SUPERFICIE TOTAL»
   en una línea a 10 px (la diap. la lleva a ≈8,5: no baja del mínimo de 10). Las cifras solo desde 1400: más estrecho no caben en una fila. */
@media (min-width:1100px){
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-c__texto{padding-left:3.125vw}
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-ref:not(.proyecto-nota) span:first-child{font-size:1.72vw;letter-spacing:.077em}
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-ref:not(.proyecto-nota) span+span{font-size:1.2vw;letter-spacing:.2em}
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-b__titular{font-size:calc(5.38*var(--vw));letter-spacing:-.05em;margin-bottom:1vw}
  /* Alto (SEG-V9-fichas3-marinagate-espacios-1440, puente 4738): la columna medía 767 px frente a los 694 de la galería y alargaba la sección. Como la diap.,
     sin filete sobre las cifras ni sobre la nota, con huecos cortos y la nota a 10 px. */
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-c__texto{padding-bottom:.7vw}
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-cifras{margin-top:.7vw;padding-top:0}
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-cifras::before,[data-ficha="dubai-marina-gate"] #los-espacios .proyecto-ref.proyecto-nota::before{content:none}
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-ref.proyecto-nota{margin-top:.35vw;padding-top:0;font-size:10px}
}
@media (min-width:1400px){
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-cifras>div{padding-inline:.42vw}
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-cifras>div:first-child{padding-left:0;flex-shrink:0}
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-cifras>div+div{align-items:center}
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-cifras dt{font-size:10px;letter-spacing:0;white-space:nowrap}
}
/* == fin espacios == */

/* == escala >1440 (W10, puente 4938) == */
@media (min-width:1441px){
  [data-ficha="dubai-marina-gate"] #los-espacios .proyecto-ref.proyecto-nota,[data-ficha="dubai-marina-gate"] #los-espacios .proyecto-cifras dt{font-size:.625rem}
}
/* == fin escala >1440 == */
/* «El proyecto», franja de cifras (revisión final V9, pod mg-dormitorios-raya): DORMITORIOS quedaba a 1,7 px de la raya a 1440 (a 1280 la cruzaba); en la diap. 2 hay ≈25 px
   (29/1672 del ancho) a cada lado. Las columnas no se encogen (flex:none) y la fila se ensancha a su contenido, por debajo del plano; huecos 1,75vw y 1,15vw antes de ABIERTA. */
@media (min-width:1100px){
  [data-ficha="dubai-marina-gate"] .proyecto-b.proyecto-b.proyecto-b>.proyecto-b__texto .proyecto-cifras{width:max-content}
  [data-ficha="dubai-marina-gate"] .proyecto-b.proyecto-b.proyecto-b>.proyecto-b__texto .proyecto-cifras>div{flex:none;padding-inline:1.75vw}
  [data-ficha="dubai-marina-gate"] .proyecto-b.proyecto-b.proyecto-b>.proyecto-b__texto .proyecto-cifras>div:first-child{padding-left:0}
  [data-ficha="dubai-marina-gate"] .proyecto-b.proyecto-b.proyecto-b>.proyecto-b__texto .proyecto-cifras>div:last-child{padding-right:0;padding-left:1.15vw}
}

/* W7 (puente 23-oct, 1440 cuenta): titular del héroe a 1100-1440 px ×1,13 (a 1440×900 las líneas del titular medían 0,83/0,81/0,86 de la diap. 1; con ×1,13 ≥0,91). El héroe sigue entrando: el zoom por altura (--zc) y el pie no cambian; medido por DOM con este CSS inyectado a 1440×810, 1280×720, 1440×900 y 1100×700 (botones a ≥120 px sobre la franja de datos, sin desborde). */
@media (min-width:1100px) and (max-width:1440px){
  [data-ficha="dubai-marina-gate"] .heroe--proyecto[style*="--heroe-titular"] .proyecto-titular{font-size:calc(min(clamp(2.5rem,1rem + calc(4.2*var(--vw)),6rem),calc(min(46rem,calc(46*var(--vw))) / (var(--palabra,8) * .72))) * var(--heroe-titular) * 1.13)!important}
}
/* Revisión de maqueta (DECIDIDO 5527, W11): (1) desde 1441 el plano al 74,5 % de su columna como la diapositiva 2 (regla de paginas.css del 23-oct, f960243f9),
   que el tope de arriba (565 px, mayor especificidad por #el-proyecto) dejaba sin efecto: a 2356 medía 565 px = 24 % frente al 32,5 % de la diap.; a 1440 no cambia.
   (2) la franja negra con los huecos de sus diapositivas (texto al 44,9 % y 58,8 % del ancho en las diap. 2 y 3; servía 36,4 % y 44,4 %), solo en los huecos alrededor de los «·» (span .proyecto-franja__sep de la plantilla). */
@media (min-width:1441px){[data-ficha="dubai-marina-gate"] #el-proyecto .proyecto-b__plano img{width:74.5%}}
@media (min-width:1100px){
  [data-ficha="dubai-marina-gate"] .proyecto-diapositiva--proyecto .proyecto-franja__sep{word-spacing:1.45em}
  [data-ficha="dubai-marina-gate"] .proyecto-diapositiva--espacios .proyecto-franja__sep{word-spacing:1.85em}
}