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

/* == heroe == */
/* Diap. 1 a 1440 (filas 3-5 de PROPUESTA): párrafo ≈18,3 px en 6 líneas y columna de 445; subtítulo ≈22 px con tracking .17em; filete dorado de 57×2 bajo el subtítulo. Todo en vw (÷14,4) para que escale como la diapositiva. */
@media (min-width:1100px){
[data-ficha="barcelona-ramon-berenguer"] .heroe--proyecto .texto-grande{font-size:1.27vw;line-height:1.04;max-width:30.9vw}
[data-ficha="barcelona-ramon-berenguer"] .heroe--proyecto .proyecto-subtitulo{font-size:calc(1.53*var(--vw));letter-spacing:.17em;line-height:1.25}
[data-ficha="barcelona-ramon-berenguer"] .heroe--proyecto .proyecto-subtitulo::after{content:"";display:block;width:3.96vw;height:2px;margin-top:.7rem;background:var(--oro)}
}

/* Velo (V12 2989189, puente 4513): de 900 a 1439 la columna del texto cae sobre la pared blanca de la foto nueva y el 1 % más claro del fondo dejaba el párrafo en p1 ≈3 (<4,5). Degradado negro con alfa SOLO bajo el bloque de texto (de la izquierda hasta ~68 % del ancho); sin color propio; a 1440+ y a 390 no cambia nada. */
@media (min-width:900px) and (max-width:1439.98px){
[data-ficha="barcelona-ramon-berenguer"] .heroe--proyecto .heroe__fondo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,.32) 42%,rgba(0,0,0,.15) 56%,rgba(0,0,0,0) 68%)}
}

/* Velo del héroe a ≥1440 (variante c1 de rb-velo-variantes.md, V12 22-oct): el degradado de la izquierda se acorta (.83 0 % / .67 28 % / .5 35 % / .1 38 % / 0 42 %; antes la cola hasta el 62 % oscurecía pared y techo, razón media 0,81 frente a la diap. 1) y el de abajo gana un escalón (.45 a 15 %, .18 a 22 %) para que los datos sigan en contraste ≥4,5 (5,18 a 1440; 8,61 y 7,62 a 2356). */
@media (min-width:1440px){
[data-ficha="barcelona-ramon-berenguer"] .heroe--proyecto .heroe__fondo::after{background:linear-gradient(90deg,rgba(0,0,0,.83) 0%,rgba(0,0,0,.67) 28%,rgba(0,0,0,.5) 35%,rgba(0,0,0,.1) 38%,rgba(0,0,0,0) 42%),linear-gradient(0deg,var(--negro) 0%,rgba(0,0,0,.6) 9%,rgba(0,0,0,.45) 15%,rgba(0,0,0,.18) 22%,rgba(0,0,0,0) 30%),linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 14%)}
}

/* Título del héroe (remide pt641, pod rb-titulo-dorado): «BARCELONA» es un .acento de degradado dorado con relleno transparente y heredaba el text-shadow del h1 (heroe_titular_sombra), que se pintaba sobre el degradado y lo dejaba marrón (p80 135,102,51; contraste 2,3). Sin sombra de texto en el acento y el halo como drop-shadow: ámbar plano de la diap. 1 (247,160,41, #f7a029) en vez del degradado --oro (más pálido, 244,186,93); contraste ≥7 (medido con el degradado 7,4 a 1440 y 7,8 a 2356). */
[data-ficha="barcelona-ramon-berenguer"] .heroe--titular-sombra .proyecto-titular .acento{background:none;-webkit-text-fill-color:#f7a029;color:#f7a029;text-shadow:none;filter:drop-shadow(0 0 .3em rgba(0,0,0,.75)) drop-shadow(0 0 .7em rgba(0,0,0,.6))}

/* == fin heroe == */

/* == proyecto == */
/* Diap. 2 (02.1B) a 1440, filas 6-10 y 11 (cifras): número ≈20 px; «CASA RAMON BERENGUER» ≈22 px y «BARCELONA» ≈15 px con tracking .28em; titular de mayúscula alta y estrecha (≈70 px con scaleX .76: PROYECTO ≈284 de ancho); subtítulo ≈19 px; plano de 490 px; fotos con margen derecho de 41; cifras 26/11 px. */
@media (min-width:1100px){
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--proyecto .proyecto-numero{font-size:1.39vw}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--proyecto .proyecto-ref span:nth-of-type(2){font-size:1.53vw;letter-spacing:.28em;line-height:1.05;max-width:13.2vw}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--proyecto .proyecto-ref span:nth-of-type(3){font-size:1.04vw;letter-spacing:.28em}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--proyecto .proyecto-b__titular{font-size:calc(4.86*var(--vw))!important;font-weight:400;letter-spacing:-.02em;width:calc(100% / .76);transform:scaleX(.76);transform-origin:left top}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--proyecto .proyecto-subtitulo{font-size:calc(1.32*var(--vw))!important;letter-spacing:.25em!important}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--proyecto .proyecto-b__plano img{max-width:90%}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--proyecto .proyecto-b figure:not(.proyecto-b__plano){margin-right:2.9vw}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--proyecto .proyecto-cifras dd{font-size:1.8vw!important}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--proyecto .proyecto-cifras dt{font-size:max(.625rem,.76vw)!important}
}



/* == fin proyecto == */

/* == espacios == */
/* Diap. 3 (02.1C) a 1440, fila 12: titular de mayúscula ≈58 px y ESPACIOS ≤283 de ancho (la diapositiva 319, con columna de 310: fila 13) (72 px con scaleX .8: cabe en su columna de 283); * */
@media (min-width:1100px){
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-b__titular,[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-b__titular{font-size:calc(5*var(--vw))!important;letter-spacing:-.02em;width:calc(100% / .8);transform:scaleX(.8);transform-origin:left top}
}

/* G2 (V12 2989189), filas 11 (espacios), 13 y 14 a 1440: cifras de 15 px (etiqueta 10,4) centradas con filete entre columnas; cuerpo de ≈15,5 px en columna de 310; columna de texto de 367 y fotos 556/509 de ancho por 341/324 de alto. En vw (÷14,4). */
@media (min-width:1100px){
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-c{grid-template-columns:minmax(0,25.5fr) minmax(0,74.5fr)}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-texto{font-size:1.08vw;line-height:1.17;max-width:21.5vw}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-cifras{flex-wrap:nowrap}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-cifras>div{flex:0 0 auto;align-items:center;padding-inline:1.1rem}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-cifras>div:first-child{padding-left:0}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-cifras dd{font-size:1.04vw}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-cifras dt{font-size:max(.625rem,.72vw)}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-cifras>div+div,[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--proyecto .proyecto-cifras>div+div{border-left:1px solid currentColor}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-c__galeria--4{grid-template-columns:minmax(0,556fr) minmax(0,509fr);grid-template-rows:calc((var(--alto-c) - 3 * var(--sep)) * .513) calc((var(--alto-c) - 3 * var(--sep)) * .487);grid-auto-rows:auto}
}


/* == fin espacios == */

/* == cifras-espacios-ancho == */
/* «Los espacios», cifras en una fila (como la diapositiva 3): con el relleno de 1,1 rem de la fila G2 la tercera cifra («Residencial/Proyecto», «Residential/Project») sobresalía de la columna de texto y se montaba sobre la foto del salón (+7 a +58 px de 1100 a 1680 px; +26 es y +32 en a 1440; medido en pod sobre lo servido 07a29ceae). El relleno entre cifras baja a clamp(.2rem,.45vw,.6rem) y a .15rem de 1100 a 1199 px: ninguna sobresale de 1100 a 1680 px (es y en). Sin tocar tamaños de letra ni la regla de la fila G2. */
@media (min-width:1100px) {
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-cifras>div{padding-inline:clamp(.2rem,.45vw,.6rem)}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-cifras>div:first-child{padding-left:0}
}
@media (min-width:1100px) and (max-width:1199.98px) {
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-cifras>div{padding-inline:.15rem}
[data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-c__texto .proyecto-cifras>div:first-child{padding-left:0}
}
/* == fin cifras-espacios-ancho == */

/* == margen-espacios == */
/* W8 (puente 4885): «Los espacios» (diap. 3) con el texto en x 46,5 a 1440 como la diap. (servía 57; medido por píxel, cruce/W8-bloques-margen-izquierdo-1440-1830.tsv): 3,23 vw desde 1100. */
@media (min-width:1100px){
  [data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-c__texto{padding-left:3.23vw}
}
/* == fin margen-espacios == */

/* == galeria == */



/* == fin galeria == */

/* == pie == */



/* == fin pie == */

/* == rótulo «CASA RAMON BERENGUER / BARCELONA» de 02.1B y 02.1C (revisión final V6; medida rb3-medida de la W8) == */
/* En la diapositiva el nombre va en 2 líneas («CASA RAMON / BERENGUER»), letra ≈1,27vw (02.1B) y ≈1,16vw (02.1C) con tracking ≈.34em y ≈.29em. En la web 02.1B se partía en 3 (max-width 13,2vw menor que «CASA RAMON» con su tracking) y 02.1C iba en 1 (.12em, sin tope). Sin desborde a 390 (2 líneas, caja 132 px). */
[data-ficha="barcelona-ramon-berenguer"] .proyecto-ref span:nth-of-type(2){max-width:11em}
@media (min-width:1100px){
  [data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--proyecto .proyecto-ref span:nth-of-type(2){font-size:1.27vw;letter-spacing:.34em;line-height:1.27;max-width:11em}
  [data-ficha="barcelona-ramon-berenguer"] .proyecto-diapositiva--espacios .proyecto-ref:not(.proyecto-nota) .proyecto-numero + span{font-size:1.16vw;letter-spacing:.29em;line-height:1.3;max-width:11em}
}
/* == fin rótulo RB == */

/* == héroe: encuadre de la diapositiva 1 (medida rb3-medida de la W8; decisión del puente, la diapositiva manda 2321) == */
/* La diapositiva lleva la foto ≈14,3 % del ancho a la derecha (TV al 75,1 % del ancho frente al 60,8 % de la web) y ≈90 px más arriba, con el mismo zoom (×0,99): queda una franja izquierda sin foto bajo el velo y la puerta derecha cortada, como en ella. Zoom ×1,00 (nada se amplía); el alto del héroe no cambia (900 a 1440×900). Solo ≥1100; a 390 sin tocar. */
@media (min-width:1100px){
  [data-ficha="barcelona-ramon-berenguer"] .heroe--proyecto .heroe__fondo{overflow:hidden}
  [data-ficha="barcelona-ramon-berenguer"] .heroe--proyecto .heroe__fondo img{object-position:30% 25%;transform:translateX(14.3%)}
}
/* == fin héroe RB == */

/* == héroe: velo local para el contraste (medida rb-heroe-ver de la W8; el puente pidió subir el titular de 4,1 a 4,5 sin cambiar el encuadre) == */
/* Solo ≥1440 (de 1100 a 1439 ya actúa el ::before servido). Degradado negro .25 hasta el 38 % del ancho y 0 al 50 % (limitado en vertical al 18-78 % del héroe) + capa inferior .2: CR de la caja del titular 4,67 a 1440, 1920 y 2356 (es y en; antes 4,09), la peor línea de texto del héroe 4,67; TV y lámpara con la misma luminancia (120,0 y 166,6 a 1440), mitad derecha −1,9. */
@media (min-width:1440px){
  [data-ficha="barcelona-ramon-berenguer"] .heroe--proyecto .heroe__fondo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 13%,rgba(0,0,0,0) 26%),linear-gradient(90deg,rgba(0,0,0,.25) 0,rgba(0,0,0,.25) 38%,rgba(0,0,0,0) 50%);-webkit-mask-image:linear-gradient(180deg,transparent 10%,#000 18%,#000 78%,transparent 86%),linear-gradient(0deg,#000 0,#000 26%,transparent 27%);mask-image:linear-gradient(180deg,transparent 10%,#000 18%,#000 78%,transparent 86%),linear-gradient(0deg,#000 0,#000 26%,transparent 27%)}
}
/* == fin velo héroe RB == */

/* == héroe de 1100 a 1439 px: contraste de los datos (medida rb-1100-datos de la W8) == */
/* Los datos de 11 px del héroe bajaban de 4,5 (servido: 3,08-4,42 de 1100 a 1280; con el héroe desplazado «Estilo» 2,8 a 1100). Capa inferior negra .28 hasta el 22 % del alto y fundida al 32 % dentro del ::before (el servido lleva ya su velo lateral .32 ahí, repetido tal cual): todas las líneas ≥4,9 de 1100 a 1439 (es y en); TV y lámpara con 0,0 puntos de luminancia de cambio; alto y encuadre del héroe sin cambio. */
@media (min-width:1100px) and (max-width:1439.98px){
  [data-ficha="barcelona-ramon-berenguer"] .heroe--proyecto .heroe__fondo::before{background:linear-gradient(0deg,rgba(0,0,0,.28) 0,rgba(0,0,0,.28) 22%,rgba(0,0,0,0) 32%),linear-gradient(90deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,.32) 42%,rgba(0,0,0,.15) 56%,rgba(0,0,0,0) 68%)}
}
/* == fin datos 1100-1439 == */

/* == botones del héroe iguales a ≥1441 (W8, medida tanda-2casos) == */
/* paginas.css:1941 fija .boton:not(:last-child){min-width:170px} en px: a ≤1440 los dos primeros botones miden 169-170 px (iguales), pero desde 1441 la letra y el relleno crecen con la escala y «Ver vídeo» (237 px a 2356) pasa de 170 mientras «Fotos» se queda en el suelo (184 px): 10,05/7,82/14,85 vw frente a 11,9/11,8/15,0 de la diapositiva 1. Mismo mínimo en vw: 11,9/11,9/14,9 vw. No toca 1440 ni el alto del héroe. */
@media (min-width:1441px){[data-ficha="barcelona-ramon-berenguer"] .heroe--proyecto .proyecto-botones .boton:not(:last-child){min-width:11.9vw}}
/* == fin botones RB == */