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

/* == heroe == */
/* Santa María, filas 2 de PROPUESTA (V12 4420): subtítulo del héroe como la diapositiva (≈24 px; «ARQUITECTO DE INTERIORISMO» ≈416 px, salía ≈353). */
@media (min-width:1100px){
  [data-ficha="miami-penthouse"] .heroe--proyecto .proyecto-subtitulo{font-size:1.52rem;letter-spacing:.1em}
}

/* == fin heroe == */

/* == proyecto == */
/* Santa María, plantas, filas 4, 5, 7, 8 y 9 de PROPUESTA (V12 4420): titular, subtítulo, ref, número, párrafos, bloque de 3 fotos y rótulos como la diapositiva. */
@media (min-width:1100px){
  [data-ficha="miami-penthouse"] .proyecto-b--plano-grande{grid-template-columns:minmax(0,56fr) minmax(0,44fr)}
  [data-ficha="miami-penthouse"] .proyecto-b--plano-grande .proyecto-b__cabeza .proyecto-b__titular{font-size:clamp(2.2rem,calc(3.4*var(--vw)),3.7rem)}
  [data-ficha="miami-penthouse"] .proyecto-b--plano-grande .proyecto-b__cabeza .proyecto-subtitulo{font-size:.97rem}
  [data-ficha="miami-penthouse"] .proyecto-b--plano-grande .proyecto-b__cabeza .proyecto-ref{font-size:.75rem}
  [data-ficha="miami-penthouse"] .proyecto-b--plano-grande .proyecto-b__cabeza .proyecto-ref .proyecto-numero{font-size:.92rem}
  [data-ficha="miami-penthouse"] .proyecto-b--plano-grande .proyecto-b__izquierda .proyecto-texto{font-size:.91rem;line-height:1.32}
  [data-ficha="miami-penthouse"] .proyecto-b--plano-grande .proyecto-b__fotos{padding:.75rem 1.6rem 2rem 0;gap:.55rem}
  [data-ficha="miami-penthouse"] .proyecto-b--plano-grande .proyecto-b__fotos figure figcaption{font-size:.79rem}
}

/* == fin proyecto == */

/* == espacios == */
/* Santa María, «Los espacios», filas 11, 12 y 14 de PROPUESTA (V12 4420): titular, línea PENTHOUSE/SANTA MARÍA/MIAMI y párrafos como la diapositiva. */
@media (min-width:1100px){
  [data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-b__titular{font-size:3.9rem;letter-spacing:-.04em}
  [data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-ref{font-size:1.17rem;letter-spacing:.15em;color:#222;max-width:12em}
  [data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-texto{font-size:.95rem;line-height:1.3}
}

/* == fin espacios == */

/* == cifras-ancho == */
/* Santa María, «Los espacios» (diap. 4): las tres cifras (929 m² | MIAMI | RESIDENCIAL) van en una fila a 1440 en la diapositiva y en español «Residencial/Proyecto» bajaba a una 2.ª fila (en inglés cabía). El relleno entre cifras baja a clamp(.3rem,.5vw,.8rem) desde 1400 px (medido en pod: 1 fila con 15 px de holgura a 1440 es; 25 px a 1536; en inglés sin cambio de filas; a 1366 y a 1100 sigue en 2 filas sin salirse de la columna). */
@media (min-width:1400px) {
[data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-cifras>div{padding-inline:clamp(.3rem,.5vw,.8rem)}
[data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-cifras>div:first-child{padding-left:0}
}
/* == fin cifras-ancho == */

/* == galeria == */
/* Santa María, «Los espacios», fila 15 de PROPUESTA (V12 4420): galería de 4 fotos con el margen derecho de la diapositiva (≈23 px). */
@media (min-width:1100px){
  [data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-c__galeria{margin-right:1.6rem}
}

/* == fin galeria == */

/* == pie == */



/* == fin pie == */

/* == datos (V3) == */
/* Santa María, fila 3 de PROPUESTA (V3): la primera columna de la fila de datos arranca alineada con el titular (x≈57 a 1440; salía en 77 por el padding-inline de la fila). */
@media (min-width:900px){
  [data-ficha="miami-penthouse"] .heroe--proyecto .proyecto-datos>div:first-child{padding-left:0}
}

/* == fin datos (V3) == */

/* == cifras (V3) == */
/* Santa María, fila 16 de PROPUESTA (V3): las cifras de «Los espacios» no se montan (a 1100 «Interiores» y «Ubicación» 32x16 px; a 768 10x14): cada columna mide al menos su texto y, si no caben, bajan a otra línea. */
[data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-cifras{flex-wrap:wrap;row-gap:.8rem}
[data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-cifras>div{min-width:min-content}

/* == fin cifras (V3) == */

/* == titular espacios (V3) == */
/* Santa María, «Los espacios» (V3): el titular a 3,9rem fijo se cortaba («ESPACIO») en la columna estrecha a 1100; se queda en 3,9rem donde cabe y se encoge con la columna como el titular común. */
@media (min-width:1100px){
  [data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-b__titular{font-size:min(3.9rem,calc(100cqi / (var(--palabra,8) * var(--k,.72))))}
}

/* == fin titular espacios (V3) == */
/* == Comedor (sm-17) a ≥1920 (V16) == */
/* Regla 4912 (puente/VS): a ≥1920 manda la composición de la diapositiva 2, que usa un recorte más cerrado de la misma toma (Santa_Maria_17.jpg, ≈91 % del ancho, centrado en 52 % / 44 %); ×1,1, dentro del ×1,2 permitido. Por debajo de 1920, la foto entera, sin ampliar. */
@media (min-width:1920px){[data-ficha="miami-penthouse"] #el-proyecto .proyecto-b__fotos figure:first-child{overflow:hidden}[data-ficha="miami-penthouse"] #el-proyecto .proyecto-b__fotos figure:first-child img{transform:scale(1.1);transform-origin:52% 44%}}

/* == héroe d1: encuadre de la diapositiva (W8, medida sm3-medida; revisión final del VS) == */
/* La diapositiva 1 lleva la foto 8,3 % más a la derecha (pegada a ella; franja izquierda negra bajo el velo) y ×1,09 más pequeña: a 2356 queda en escala 1,000 y 3,7 px de desfase (antes ×1,092 y 195 px). El selector doble gana al [style*="--heroe-foto-pos"]. Sin ampliar nada; el alto del héroe no cambia; contraste de la peor línea 5,5 → 6,6 (1440) y 7,2 (2356). */
@media (min-width:1100px){
[data-ficha="miami-penthouse"] .heroe--proyecto.heroe--proyecto .heroe__fondo img{width:91.7%;margin-left:8.3%;object-position:50% 56%}
}
/* == fin héroe d1 SM == */

/* == «Desplaza para descubrir»: punta de flecha (W8, medida sm3-medida) == */
/* La diapositiva dibuja una línea de ≈1 px con una punta abierta de ≈24×10 px bajo el texto; la web llevaba solo la línea (1×89 px). SVG en ::after que escala con el rem como la línea (1,1 rem × 3,4 rem: punta ≈25×12 px a 2356 y ≈15×7 a 1440). El corte «DESPLAZA / PARA DESCUBRIR» no se fuerza (haría falta un <br>; un corte de línea no cuenta). */
@media (min-width:900px){
[data-ficha="miami-penthouse"] .heroe--proyecto .proyecto-bajar::after{width:1.1rem;height:3.4rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 68'%3E%3Cpath d='M11 0V67M1.5 58l9.5 9.5 9.5-9.5' fill='none' stroke='white' stroke-width='1.1'/%3E%3C/svg%3E") center/100% 100% no-repeat}
}
/* == fin flecha SM == */

/* == fotos pequeñas de d2/d3 con el zoom de la diapositiva, solo ≥1920 (W8, medida sm3-medida) == */
/* La diapositiva muestra Doble altura, Suite principal, Billar y ocio y Galería superior más ampliadas (×1,16-1,36); por la regla 4912 solo desde 1920 y con tope ×1,2 (por debajo nunca se amplía): NCC .28-.58 → .60-.78 a 2356. Billar y Galería quedan ≈10-12 % menos ampliadas que la diapositiva (el tope). */
@media (min-width:1920px){
[data-ficha="miami-penthouse"] .proyecto-b__fotos figure img[src*="sm-19."]{transform:scale(1.16);transform-origin:65% 55%}
[data-ficha="miami-penthouse"] .proyecto-b__fotos figure img[src*="sm-23."]{transform:scale(1.14);transform-origin:90% 100%}
[data-ficha="miami-penthouse"] .proyecto-b__fotos figure img[src*="sm-34."]{transform:scale(1.2);transform-origin:90% 100%}
[data-ficha="miami-penthouse"] .proyecto-b__fotos figure img[src*="sm-32."]{transform:scale(1.2);transform-origin:50% 100%}
}
/* == fin fotos SM == */

/* == rótulos de las fotos de d2/d3/d4: serif y velo mínimo local (W8, medida sm3-medida) == */
/* La diapositiva rotula las fotos en serif TS Didot sin tracking (≈1,03-1,16 vw) sobre un velo negro de α≈.40 abajo (se funde a ≈3,6 vw); la web usaba Jost en mayúsculas con tracking y un velo α .62 con cola de 5 rem. Velo mínimo local: α .54 hasta 2,4 vw y 0 a 3,6 vw: contraste mínimo 5,15 a 2356 y 4,75 a 1440 (≥4,5). */
@media (min-width:1100px){
[data-ficha="miami-penthouse"] .proyecto-b--plano-grande .proyecto-b__fotos figure figcaption{font-family:var(--fuente-titulares);font-size:1.06vw;letter-spacing:0;left:1.2vw;bottom:.9vw}
[data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-c__galeria.proyecto-c__galeria.proyecto-c__galeria figcaption{font-family:var(--fuente-titulares);font-size:1.16vw;letter-spacing:0;left:1.2vw;bottom:.9vw}
[data-ficha="miami-penthouse"] .proyecto-b__fotos figure:has(>figcaption)::after,[data-ficha="miami-penthouse"] .proyecto-c__galeria figure:has(>figcaption)::after{height:5.4vw;background:linear-gradient(0deg,rgba(0,0,0,.54) 0,rgba(0,0,0,.54) 2.1vw,rgba(0,0,0,.3) 3.4vw,rgba(0,0,0,.12) 4.4vw,rgba(0,0,0,0) 100%)}   /* sm-rotulos-lam: el fundido corto se veía como banda sobre suelos y paredes blancos; α .54 solo bajo el rótulo (su borde superior queda a ≈2,0 vw) y desvanecido por tramos hasta 5,4 vw: mismo contraste (CR ≥5,3) sin borde */
}
/* == fin rótulos SM == */

/* == cabecera de «Primera planta» y «Segunda planta» (W8, medida sm-cabecera-d2d3; aviso de W5) == */
/* La línea del nombre («PENTHOUSE SANTA MARÍA · MIAMI») medía 19,6 px con tracking .18em frente a ≈23,6 px y mucho menos tracking en la diapositiva (mayúscula 14 frente a 17 px a 2356: ≈0,83; el 0,6 de la lámina no se reproduce por tinta); el número («04.1B · 01») ya tenía el tamaño pero su color era #7c5a17 frente al naranja de la diapositiva (#9d4f02 en d2, #ab6523 en d3 aprox.; se toma #9d4f02) y d3 llevaba .147em frente a ≈.09em. Con la especificidad de .proyecto-b__cabeza .proyecto-ref (miami-penthouse.css:17-18); line-height 1,25 vw y 1,5 conservan las alturas (sección 774,1 / 1266,5 px igual). */
@media (min-width:1100px){
  [data-ficha="miami-penthouse"] .proyecto-b--plano-grande .proyecto-b__cabeza .proyecto-ref{font-size:1vw;line-height:1.25;letter-spacing:.055em}
  [data-ficha="miami-penthouse"] .proyecto-b--plano-grande .proyecto-b__cabeza .proyecto-ref .proyecto-numero{line-height:1.5;letter-spacing:.16em;color:#9d4f02}
  [data-ficha="miami-penthouse"] #diapositiva-2.proyecto-diapositiva .proyecto-b--plano-grande .proyecto-b__cabeza .proyecto-ref{letter-spacing:.16em}
  [data-ficha="miami-penthouse"] #diapositiva-2.proyecto-diapositiva .proyecto-b--plano-grande .proyecto-b__cabeza .proyecto-ref .proyecto-numero{letter-spacing:.09em}
}
/* == fin cabecera SM == */

/* == cabecera de d4 «Los espacios» (W8, medida sm-cabecera-d4; revisión final) == */
/* La diapositiva 4 lleva «04.1C» en naranja (#944703, ≈26 px a 2356, tracking ≈.22em) y el nombre en 3 líneas apiladas (PENTHOUSE / SANTA MARÍA / MIAMI, ≈30 px, ≈.14em, negro); la web: «04.1C» #111 de 34 px y el nombre gris #444 en 2 líneas sin tracking. Con la regla: 3 líneas, mayúscula 22-23 y paso 36,5 px como la diapositiva; el alto de la sección sube 1,2 px. Residuo: «PENTHOUSE» 16 px más corta (diseño de la fuente). */
@media (min-width:1100px){
  [data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-ref:not(.proyecto-nota){margin-top:-1.3vw}
  [data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-ref:not(.proyecto-nota) .proyecto-numero{font-size:1.12vw;letter-spacing:.22em;color:#944703}
  [data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-ref:not(.proyecto-nota) .proyecto-numero + span{display:block;width:min-content;margin-top:.17vw;font-size:1.28vw;letter-spacing:.14em;line-height:1.55vw;color:#000}
  [data-ficha="miami-penthouse"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-ref:not(.proyecto-nota) .proyecto-numero + span + span{margin-top:0;font-size:1.28vw;letter-spacing:.14em;line-height:1.55vw;color:#000}
}
/* == fin cabecera d4 SM == */