/* Ejemplo de entrega (655.): 20 páginas en 16:9 como el PDF; todo en cqw (1cqw = 1 % del ancho de la página). Colores y letras de ssai.css (649.). */
.se{display:flex;flex-direction:column;gap:clamp(6px,.6vw,12px);background:var(--negro)}
.se-pag{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;container-type:inline-size;background:var(--negro2);color:var(--blanco)}
.se-fondo{position:absolute;inset:0;z-index:-3}
.se-fondo img{width:100%;height:100%;object-fit:cover;object-position:right center}
/* Estancias 06-14 y materiales (W7, 1.ª pasada): la foto ENTERA a toda altura y pegada a la derecha, como en el PDF; su borde izquierdo se funde con el negro. */
.se-fondo-dcha{left:auto;width:min(100cqw,calc(56.25cqw * var(--r)));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
.se-fondo-dcha img{object-position:center}
/* D-SSAI-486: sin foto 16:9 (solo recortes casi cuadrados: baños y lavandería) no se estira ni va pegada a la derecha: centrada, a toda altura, sobre el negro a sangre, con los dos bordes fundidos. */
.se-fondo-centro{left:50%;right:auto;transform:translateX(-50%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%)}
/* El oscuro de la izquierda, donde va el texto (como en el PDF). */
.se-foto::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,3,1,.94) 0%,rgba(5,3,1,.86) 30%,rgba(5,3,1,.5) 46%,rgba(5,3,1,.08) 62%,transparent 72%),linear-gradient(0deg,rgba(5,3,1,.55) 0%,transparent 22%)}
/* Con la foto a la derecha, el oscuro acaba antes: el lavabo o la encimera del centro de la foto se ven como en el PDF. */
/* W7 2.ª pasada (p. 17): en las anchas el texto cruza la piedra clara; el oscuro llega más lejos y el texto acaba antes de la placa. */
.se-ancho.se-foto:has(.se-fondo-dcha)::before{background:linear-gradient(90deg,rgba(5,3,1,.95) 0%,rgba(5,3,1,.9) 40%,rgba(5,3,1,.74) 56%,rgba(5,3,1,.3) 68%,transparent 80%),linear-gradient(0deg,rgba(5,3,1,.55) 0%,transparent 22%)}
/* D-SSAI-819: en la pág. 18 las cifras llegan al 73 % y el dorado cae sobre la zona clara de la foto: el oscuro llega más lejos. */
@media (min-width:901px){#pagina-18.se-ancho.se-foto::before{background:linear-gradient(90deg,rgba(5,3,1,.95) 0%,rgba(5,3,1,.9) 52%,rgba(5,3,1,.82) 70%,rgba(5,3,1,.4) 80%,transparent 90%),linear-gradient(0deg,rgba(5,3,1,.55) 0%,transparent 22%)}}
.se-foto:has(.se-fondo-dcha):not(.se-ancho)::before{background:linear-gradient(90deg,rgba(5,3,1,.94) 0%,rgba(5,3,1,.82) 22%,rgba(5,3,1,.4) 34%,transparent 46%),linear-gradient(0deg,rgba(5,3,1,.55) 0%,transparent 22%)}
/* D-SSAI-486: con la foto centrada el texto de la izquierda (el eyebrow llega al 41 %) caía sobre la parte clara: foto desplazada al 58 % (ocupa 31-85 %, sigue sobre negro a sangre) y oscuro más ancho a la izquierda; medido ≥4,5 sobre el fondo sin texto */
.se-fondo-centro{left:58%}
.se-foto:has(.se-fondo-centro.se-fondo-dcha)::before{background:linear-gradient(90deg,rgba(5,3,1,.97) 0%,rgba(5,3,1,.95) 38%,rgba(5,3,1,.86) 43%,rgba(5,3,1,.4) 49%,rgba(5,3,1,.1) 55%,transparent 60%),linear-gradient(0deg,rgba(5,3,1,.55) 0%,transparent 22%)}
/* D-SSAI-629: el título de las págs. de estancia (5-14) cabía en el 44 % y se partía más que en el PDF («DORMITORIO / CON / ESCRITORIO», 3 líneas, frente a 2): desde 901 px la caja del título llega al 54 % (el texto no se mueve; de 701 a 900 manda D-SSAI-568). */
@media (min-width:901px){.se-foto:not(.se-ancho):not(.se-portada) .se-titulo{width:54cqw;max-width:none}}
/* La rejilla de plano de la izquierda: la de la imagen del inicio, fundida hacia la derecha. */
/* D-SSAI-687/778: la rejilla de plano va POR ENCIMA del oscuro (z -1 como el ::before y después en el DOM); debajo, al 94 %, casi no se veía (PDF: luminancia 27-46 en el 0-20 % del ancho; web 6-8). */
.se-rejilla{position:absolute;inset:0 auto 0 0;width:27%;z-index:-1;background:var(--se-rejilla-fondo) left center/auto 100% no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent 100%);mask-image:linear-gradient(90deg,#000 55%,transparent 100%);opacity:.9}
.se-texto{position:absolute;left:5.2cqw;top:50%;transform:translateY(-50%);width:44cqw}
.se-ancho .se-texto{width:56cqw}
.se-eyebrow{margin:0;color:var(--oro1);text-transform:uppercase;letter-spacing:.17em;font-size:max(11px,1.02cqw)}
.se-titulo{margin:.25em 0 0;font-size:5.6cqw;line-height:.98}
.se-raya{display:block;width:30cqw;height:1px;margin:1.3cqw 0;background:linear-gradient(90deg,transparent,var(--oro) 20%,var(--oro2) 50%,var(--oro) 80%,transparent)}
.se-ancho .se-raya{width:46cqw}
.se-lema{margin:0;font-family:var(--serif);font-size:1.62cqw;color:var(--texto)}
.se-materiales{margin:1.1cqw 0 0;text-transform:uppercase;letter-spacing:.2em;font-size:max(11px,.86cqw);color:var(--texto)}
.se-nota{margin:1.3cqw 0 0;font-size:max(11px,.82cqw);color:var(--texto);opacity:.9}
.se-num{position:absolute;left:5.2cqw;bottom:2.4cqw;margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:max(11px,.82cqw);color:var(--texto)}
.se-creado{position:absolute;right:3.2cqw;bottom:1.9cqw;display:flex;align-items:center;gap:.7cqw;margin:0;font-family:var(--serif);font-size:max(11px,.9cqw);color:var(--texto)}
.se-creado img{width:9.5cqw;height:auto}
/* D-SSAI-485: ≈240 px a 1440 como en el PDF (era 137), con un oscuro difuso detrás para leerse sobre las fotos. */
.se-estudio{position:absolute;right:3.2cqw;top:2.2cqw;width:17.5cqw}
.se-estudio img{display:block;width:100%;height:auto;filter:brightness(0) invert(1) drop-shadow(0 0 .5cqw rgba(0,0,0,.45))}   /* D-SSAI-707: sombra suave en vez del fondo radial que se veía como mancha */

/* Portada y contraportada */
.se-portada .se-texto{width:40cqw}
.se-nombre{margin:.1em 0 0;font-family:var(--serif);font-weight:700;text-transform:uppercase;font-size:7.4cqw;line-height:1}
.se-sub{margin:.4cqw 0 0;text-transform:uppercase;letter-spacing:.2em;font-size:max(11px,1.3cqw);color:var(--texto)}
.se-portada .se-estudio{position:static;display:block;width:16cqw;margin-top:2.2cqw}
.se-portada .se-lema{margin-top:.2cqw}
.se-web{margin:1.2cqw 0 0;letter-spacing:.08em;font-size:max(11px,1cqw);color:var(--texto)}

/* Materiales y paleta, pasos, cifras */
/* D-SSAI-691: listas de las págs. 15/17/18 al tamaño del PDF (render a 1800 px: mayúsculas de ~1,1 % del ancho en 17-18 y 0,9 % en 15; en la 17, 2 líneas por material). */
.se-filas,.se-lineas,.se-cats{list-style:none;margin:1cqw 0 0;padding:0}
.se-filas li{text-transform:uppercase;letter-spacing:.18em;font-size:max(11px,1.25cqw);line-height:1.75;color:var(--texto)}
.se-pasos{list-style:none;margin:.4cqw 0 0;padding:0;display:grid;gap:1.1cqw}
.se-pasos li{display:flex;align-items:center;gap:1.6cqw}
.se-pasos span{flex:0 0 1.3em;font-family:var(--serif);font-size:2.4cqw;color:var(--oro)}   /* D-SSAI-800: ancho fijo; el «01» es más estrecho y movía su título */
.se-pasos p{margin:0;display:flex;flex-direction:column;font-size:max(11px,1cqw);color:var(--texto)}
.se-pasos b{font-family:var(--serif);text-transform:uppercase;letter-spacing:.06em;font-size:max(11px,1.25cqw);color:var(--blanco)}
.se-dos{display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw 3cqw;max-width:51cqw;margin:0}
.se-dos dt,.se-apartado{margin:0;font-family:var(--serif);text-transform:uppercase;letter-spacing:.16em;font-size:max(11px,1.45cqw);color:var(--oro1)}
.se-dos dd{margin:.2cqw 0 0;font-family:var(--serif);font-size:max(11px,1.55cqw);line-height:1.3;letter-spacing:.03em;color:var(--texto)}
/* D-SSAI-782: cifras de la 18 como en el PDF («162.500 €» = 16,7 % del ancho); la fila puede pasar del ancho del texto (en el PDF llega al 71 %). */
.se-cifras{display:flex;width:max-content;margin:0}
@media (min-width:701px){.se-mat .se-titulo{font-size:6.4cqw}}   /* D-SSAI-782 (desde 701 px; a ≤700 manda la regla móvil de 34 px): títulos de 15/17/18 como en el PDF («MATERIALES» = 40,6 % del ancho; con 5,6 cqw, 35,3 %) */
.se-cifras div{padding:0 2.6cqw;border-left:1px solid var(--oro)}
.se-cifras div:first-child{padding-left:0;border-left:0}
.se-cifras dt{text-transform:uppercase;letter-spacing:.12em;font-size:max(11px,1.2cqw);color:var(--oro1)}
.se-cifras dd{margin:0;font-family:var(--serif);font-weight:700;font-size:3.9cqw;line-height:1.1;white-space:nowrap}
.se-total dd{background:var(--letras);-webkit-background-clip:text;background-clip:text;color:transparent}
.se-apartado{margin-top:1.6cqw}
.se-cats{columns:2;column-gap:3cqw;column-rule:1px solid var(--oro);font-family:var(--serif);font-size:max(11px,1.55cqw);line-height:1.22;color:var(--texto)}
.se-lineas li{font-family:var(--serif);font-size:max(11px,1.32cqw);line-height:1.45;color:var(--texto)}
.se-total-linea{margin:1.6cqw 0 0;padding-top:1cqw;border-top:1px solid var(--oro);text-transform:uppercase;letter-spacing:.2em;font-size:max(11px,1.2cqw);color:var(--oro1)}
.se-total-linea b{font-family:var(--serif);letter-spacing:0;font-size:2.2cqw;background:var(--letras);-webkit-background-clip:text;background-clip:text;color:transparent}

/* 02-04: planos */
.se-plano{background:radial-gradient(120% 80% at 50% 0%,#14100a 0%,var(--negro2) 70%)}
.se-plano-cab{position:absolute;left:3.2cqw;right:3.2cqw;top:2.2cqw;padding-bottom:1.2cqw;border-bottom:1px solid rgba(232,178,74,.45)}
.se-plano-ruta{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:max(11px,.82cqw);color:var(--texto)}
.se-plano-titulo{margin:.6cqw 0 0;font-size:3.1cqw;font-weight:400}
.se-plano-sub{margin:.6cqw 0 0;text-transform:uppercase;letter-spacing:.06em;font-size:max(11px,.95cqw);color:var(--oro1)}
.se-plano-cab .se-estudio{top:0;right:0;width:17.5cqw}
.se-plano-img{position:absolute;left:3.6cqw;top:13cqw;width:51cqw;margin:0}
.se-plano-img picture{display:block;padding:.9cqw;background:#fff}
.se-plano-img img{display:block;width:100%;height:auto}
.se-plano-3d picture{padding:0;background:none}
.se-plano-img figcaption{margin-top:.9cqw;text-transform:uppercase;letter-spacing:.06em;font-size:max(11px,.82cqw);color:var(--oro1)}
.se-plano-texto{position:absolute;left:58cqw;top:13cqw;width:37cqw}
/* D-SSAI-690: la superficie como en el PDF (pág. 2: Times normal de 27 pt sobre 960 = 2,8 %, oro plano), no un titular en negrita. Con .se-plano-texto delante: «.se-plano-texto p» la pisaba (W7). */
.se-plano-texto .se-cifra{margin:0;font-family:var(--serif);font-weight:400;font-size:2.8cqw;line-height:1;color:var(--oro1)}
.se-plano-texto .se-cifra-t{margin:.6cqw 0 1.6cqw;text-transform:uppercase;letter-spacing:.04em;font-size:max(11px,.82cqw)}
.se-plano-texto h3{margin:1.4cqw 0 .5cqw;text-transform:uppercase;letter-spacing:.04em;font-size:max(11px,1cqw);color:var(--oro1)}
.se-plano-texto p{margin:0;font-size:max(11px,1.05cqw);line-height:1.55;color:var(--texto)}
.se-plano-texto .se-plano-nota{margin-top:3.4cqw;font-size:max(11px,.82cqw)}
.se-plano-pie{position:absolute;right:11cqw;bottom:1.9cqw;margin:0;font-size:max(11px,.82cqw);color:var(--oro1)}

/* Móvil: la página deja de ser 16:9 y el texto pasa a tamaños de lectura. */
/* D-SSAI-690: desde 901 px, columnas y aire del PDF: plano de 7,5 a 61 %, texto desde el 67,7 % en ~28 % (3 líneas por bloque), 3 % entre bloques y la nota cerca del pie. */
@media (min-width:901px){
  .se-plano-img{left:7.5cqw;width:53.7cqw}
  .se-plano-img figcaption{margin-left:-3.8cqw}
  .se-plano-texto{left:67.7cqw;top:12.3cqw;bottom:4.2cqw;width:28cqw;display:flex;flex-direction:column}
  .se-plano-texto .se-cifra-t{margin:.7cqw 0 0}
  .se-plano-texto .se-cifra-t + h3{margin-top:2cqw}
  .se-plano-texto h3{margin:2.6cqw 0 .7cqw;line-height:1.2}
  .se-plano-texto h3:first-child{margin-top:0}
  .se-plano-texto .se-plano-nota{margin-top:auto;padding-top:1.4cqw}   /* anclada abajo como en el PDF (acaba al 91,7 % del alto); en inglés a 1024 el suelo de 11 px alarga el texto y con margen fijo pisaba el pie */
  .se-plano-pie{right:13.4cqw;bottom:1.7cqw}   /* PDF: el pie acaba a 16 pt del borde inferior (1,7 %); en inglés a 1024 el texto llena la columna hasta aquí */
}
/* D-SSAI-851: la pág. 4 (vista 3D) del PDF no es la 2-3: imagen de 5,7 a 63,1 % (588×373 px a 1024), leyenda a y=51,8 %, texto desde el 14,7 % con
   90 px entre apartados (la web tenía la imagen 550×348 desde el 7,5 %, la leyenda 33 px más arriba y el texto desde el 12,3 %). */
@media (min-width:901px){
  #pagina-4 .se-plano-img{left:5.7cqw;top:13.1cqw;width:57.4cqw}
  #pagina-4 .se-plano-texto{top:14.7cqw}
  #pagina-4 .se-plano-texto h3{margin-top:2.85cqw}
  #pagina-4 .se-plano-texto h3:first-child{margin-top:0}
}
@media (max-width:700px){
  .se-pag{aspect-ratio:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:72px 16px 64px}
  /* La foto entera arriba y el texto debajo (W7: a 390 la foto recortada a una franja no se reconocía). */
  .se-foto{min-height:0;justify-content:flex-start;padding-top:0}
  .se-foto::before,.se-foto:has(.se-fondo-dcha):not(.se-ancho)::before,.se-ancho.se-foto:has(.se-fondo-dcha)::before{display:none}
  .se-fondo-centro{left:auto;transform:none}
  .se-fondo,.se-fondo-dcha{position:relative;inset:auto;z-index:0;display:block;width:auto;margin:0 -16px 20px;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 14%);mask-image:linear-gradient(0deg,transparent 0,#000 14%)}
  .se-fondo img{height:auto}
  .se-texto,.se-ancho .se-texto,.se-portada .se-texto{position:static;transform:none;width:auto}
  .se-rejilla{display:none}
  .se-eyebrow,.se-plano-ruta,.se-num,.se-nota,.se-plano-pie,.se-plano-texto .se-plano-nota,.se-plano-texto .se-cifra-t,.se-plano-img figcaption,.se-materiales,.se-filas li,.se-cifras dt,.se-plano-sub{font-size:14px}
  .se-titulo,.se-plano-titulo{font-size:34px}
  .se-nombre{font-size:46px}
  .se-lema,.se-dos dd,.se-lineas li,.se-cats,.se-plano-texto p,.se-pasos p{font-size:15px}
  .se-sub,.se-dos dt,.se-apartado,.se-plano-texto h3,.se-pasos b,.se-total-linea,.se-web,.se-creado{font-size:14px}
  .se-cifras{flex-direction:column;gap:10px}.se-cifras div{padding:0;border:0}.se-cifras dd{font-size:30px}
  .se-dos{grid-template-columns:1fr;gap:10px}.se-cats{columns:1}
  .se-raya,.se-ancho .se-raya{width:60%;margin:14px 0}
  .se-estudio{top:16px;right:16px;width:96px}.se-estudio img{filter:brightness(0) invert(1) drop-shadow(0 0 3px rgba(0,0,0,.7)) drop-shadow(0 0 1px rgba(0,0,0,.6))}   /* D-SSAI-707: a 390 la sombra de .5cqw (≈2 px) no sacaba la letra pequeña del logo sobre la pared clara del hall y los baños */.se-portada .se-estudio{width:150px;margin-top:20px}
  .se-num{left:16px;bottom:22px}.se-creado{right:16px;bottom:18px}.se-creado img{width:96px}
  .se-pasos span{font-size:26px}.se-plano-texto .se-cifra{font-size:30px}.se-total-linea b{font-size:24px}
  .se-plano{justify-content:flex-start}
  .se-plano-cab,.se-plano-img,.se-plano-texto,.se-plano-pie{position:static;width:auto}
  .se-plano-cab{padding-bottom:12px;margin-bottom:16px}.se-plano-cab .se-estudio{position:absolute;top:16px;right:16px;width:96px}   /* D-SSAI-754/761: como en las demás páginas; «.se-plano-cab .se-estudio» de arriba (17,5 cqw, right:0) ganaba a la regla móvil */
  .se-plano-img picture{padding:6px}.se-plano-pie{margin-top:16px}
}

/* 701-900 px (768): la página 16:9 mide 432 px y el texto de las págs. 2, 3, 18 y 19 no cabe con el suelo de 11 px; pisaba el pie y la numeración.
   Más alta (16:11) y la foto de la derecha sigue entera a toda altura. */
@media (min-width:701px) and (max-width:900px){
  .se-pag{aspect-ratio:16/11}
  /* La foto a la derecha, ENTERA a toda altura (68,75 cqw = alto de la página 16:11); la de toda la página (16:9) entera arriba y debajo la banda oscura de la página. */
  .se-fondo-dcha{width:min(100cqw,calc(68.75cqw * var(--r)))}
  .se-fondo:not(.se-fondo-dcha){bottom:auto;height:auto;aspect-ratio:16/9;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 14%);mask-image:linear-gradient(0deg,transparent 0,#000 14%)}
  .se-fondo:not(.se-fondo-dcha) img{height:100%}
  /* D-SSAI-568: con la foto a toda altura (68,75 cqw) su parte clara (la ventana de «Dormitorio con chimenea») empieza en el 36 % de la página: el texto se queda a su izquierda. */
  .se-foto:has(.se-fondo-dcha):not(.se-ancho) .se-texto{width:30cqw}
  .se-foto:has(.se-fondo-dcha):not(.se-ancho) .se-titulo{font-size:4cqw}
  /* D-SSAI-714: la chimenea encendida (abajo a la izquierda de la foto, bajo el título, como en el PDF y a 2560) quedaba bajo el 0,94→0,82; aquí el oscuro se queda tras el texto. */
  #pagina-9.se-foto::before{background:linear-gradient(90deg,rgba(5,3,1,.9) 0%,rgba(5,3,1,.62) 12%,rgba(5,3,1,.3) 20%,rgba(5,3,1,.1) 30%,transparent 40%),linear-gradient(0deg,rgba(5,3,1,.55) 0%,transparent 22%)}
  /* D-SSAI-858: en la página 18 el total («250.000 €», dorado) acaba en el 70-76 % del ancho, donde la foto de materiales es clara (placa de latón) y el oscuro ya había aclarado (0,3 a 68 %); aquí el oscuro llega hasta el 78 %, con la foto a la derecha. */
  #pagina-18.se-ancho.se-foto:has(.se-fondo-dcha)::before{background:linear-gradient(90deg,rgba(5,3,1,.95) 0%,rgba(5,3,1,.9) 56%,rgba(5,3,1,.82) 78%,rgba(5,3,1,.4) 88%,transparent 98%),linear-gradient(0deg,rgba(5,3,1,.55) 0%,transparent 22%)}
}
/* D-SSAI-751/758 (W5; V10 es-1536 / en-1366): desde 901 px el título de las págs. 8-10 llega al 47-54 % del ancho, donde la foto es clara (pared, cabecero) y el oscuro de la izquierda ya acabó: contraste del texto 1,9-3,0 sobre la foto. Capa propia (z -2, bajo el oscuro y la rejilla) que lo mantiene hasta el 58 %; medido ≥4,5 en eyebrow y título (e2e/recorrido-ssai.js). */
@media (min-width:901px){#pagina-8.se-foto::after,#pagina-9.se-foto::after,#pagina-10.se-foto::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(5,3,1,.3) 0%,rgba(5,3,1,.55) 40%,rgba(5,3,1,.78) 50%,rgba(5,3,1,.8) 58%,rgba(5,3,1,.45) 66%,transparent 76%)}}
/* D-SSAI-849/850 (PDF ff888c4d a 1024, medida t75; puente 20-oct 13:0x: el contraste ≥4,5 de la 751 manda sobre el PDF): desde 901 px el oscuro de la
   izquierda acaba en el 30 % como en el PDF (antes 46-80 %, y la capa de la 751/758 de las págs. 8-10 hasta el 66 %), y la foto y el plano de las
   págs. 1/5/16/19/20 se ven a la izquierda. Para el texto, un velo LOCAL solo detrás del bloque (degradado radial en la lámina, no en .se-texto: el caso de
   la 751 mide el fondo con el texto oculto). Diferencia que queda con el PDF: detrás del eyebrow y del título la foto va más oscura que en el PDF
   (límite por contraste ≥4,5, medido en e2e/recorrido-ssai.js). La pág. 18 queda con su oscuro de la 819 (gana por especificidad) y sin velo. */
@media (min-width:901px){
  .se-foto::before,.se-ancho.se-foto:has(.se-fondo-dcha)::before,.se-foto:has(.se-fondo-dcha):not(.se-ancho)::before{background:linear-gradient(90deg,rgba(5,3,1,.38) 0%,rgba(5,3,1,.24) 18%,rgba(5,3,1,.08) 26%,transparent 30%),linear-gradient(0deg,rgba(5,3,1,.55) 0%,transparent 22%)}
  .se-foto:has(.se-fondo-centro.se-fondo-dcha)::before{background:linear-gradient(90deg,rgba(5,3,1,.38) 0%,rgba(5,3,1,.24) 18%,rgba(5,3,1,.08) 26%,transparent 30%),linear-gradient(0deg,rgba(5,3,1,.55) 0%,transparent 22%)}
  .se-foto:not(.se-portada):not(#pagina-18)::after,#pagina-8.se-foto::after,#pagina-9.se-foto::after,#pagina-10.se-foto::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(42cqw 30cqw at 24cqw 50%,rgba(5,3,1,.72) 0%,rgba(5,3,1,.62) 50%,rgba(5,3,1,.36) 78%,transparent 100%)}
  .se-portada.se-foto::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(36cqw 32cqw at 22cqw 50%,rgba(5,3,1,.72) 0%,rgba(5,3,1,.62) 50%,rgba(5,3,1,.36) 78%,transparent 100%)}
}
/* D-SSAI-880b (puente 1830: p99 del fondo bajo el antetítulo ≥4,5 de 960 a 1920): el velo general vuelve al de las otras páginas (.72/.62; el .86/.78 dejaba la lámpara casi invisible, 850) y solo se oscurece una banda bajo el antetítulo (con la lámpara y el techo claro a la derecha caía a 3,2-4,0). */
/* D-SSAI-880 (W5, e2e t-w5 sobre lo servido 99e12a672): en la pág. 19 EN a 1024 el eyebrow caía a 4,09 (<4,5) sobre la foto; velo local más fuerte y ancho solo en esa página (título 10,93). */
@media (min-width:901px){#pagina-19.se-foto:not(.se-portada):not(#pagina-18)::after{background:radial-gradient(72cqw 15% at 40cqw 3%,rgba(5,3,1,.9) 0%,rgba(5,3,1,.8) 55%,rgba(5,3,1,.45) 82%,transparent 100%),radial-gradient(42cqw 30cqw at 24cqw 50%,rgba(5,3,1,.72) 0%,rgba(5,3,1,.62) 50%,rgba(5,3,1,.36) 78%,transparent 100%)}}
/* D-SSAI-848 (puente 1633.; medida t83: cada foto buscada por correlación en la imagen de su página del PDF, encaje ≥0,7): desde 901 px la foto de las
   págs. 10, 13 y 14 va en la caja del PDF (left/top/ancho/alto en % de la página; la proporción cuadra y no se deforma; lo que sale lo recorta la página).
   PDF → caja: p10 render-06 20,1/-4,6/87,1/116 · p13 baño 3 28/-20/70,1/119,5 · p14 lavandería 30,8/-8,1/66/117 ·
   p8 y p9 (render-05: PDF 18,2/-8,1/82/109,3, web 25/0/75/100) ya iban a ±10 %; p6, 7, 11, 12, 17 y 18 sin medir (encaje <0,7): siguen con la foto entera. p15 (materiales) se queda: en el PDF va a sangre con tela,
   perlas y madera que ej-materiales no tiene (es un recorte de la derecha); en su caja (45/15,7/54,1/72,7) quedaba rodeada de negro → aceptada por material.
   En la p13 el PDF enseña además, a la izquierda, la mampara y la ducha, que ej-bano3 no tiene (material). */
@media (min-width:901px){
  #pagina-7 .se-fondo,#pagina-10 .se-fondo,#pagina-11 .se-fondo,#pagina-12 .se-fondo,#pagina-13 .se-fondo,#pagina-14 .se-fondo{right:auto;bottom:auto;transform:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
  #pagina-10 .se-fondo{left:20.1%;top:-4.6%;width:87.1%;height:116%}
  #pagina-13 .se-fondo{left:42%;top:19%;width:58%;height:72.5%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}   /* D-SSAI-848: mismo render que el PDF a su escala (ej-bano3 es el trozo sin texto cocido del raster: x 44-97 %, y 23-88 % de la página; aquí +10 % y hasta el borde derecho, D-SSAI-882), sin la mampara ni la ducha de la izquierda (texto del PDF encima); fundido al negro arriba y abajo */
  #pagina-14 .se-fondo{left:48.9%;top:18.9%;width:51.1%;height:72.1%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}   /* D-SSAI-848 p14: ej-lavanderia (recorte limpio del PDF: x 48,9-100 %, y 18,9-91 % de la imagen, medido por correlación) a la escala y posición del PDF, fundido a negro arriba, abajo y a la izquierda como la p13 (W1); antes 30,8/-8,1/69,2/117 = ≈2× el PDF */
  #pagina-7 .se-fondo{left:48.9%;top:20%;width:51.1%;height:67%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}   /* D-SSAI-848 p7: ej-hall (recorte limpio del PDF: x 48,9-100 %, y 20-87 %) a la escala y posición del PDF, con el mismo fundido que la p13/p14; antes la foto a todo el alto (≈1,5× el PDF) */
  #pagina-15 .se-fondo,#pagina-17 .se-fondo,#pagina-18 .se-fondo{right:auto;bottom:auto;left:44.2%;top:16%;width:55.8%;height:74.4%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}   /* D-SSAI-848 p15/17/18: ej-materiales a la escala del PDF (correlación: caja 46,9/18,7/51,7/68,9 %; aquí +8 % y hasta el borde derecho); el rollo y las perlas de la izquierda quedan bajo el texto cocido del PDF y no se pueden recortar */
  #pagina-11 .se-fondo,#pagina-12 .se-fondo{left:42.9%;top:18.9%;width:57.1%;height:71.9%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}   /* D-SSAI-889: Baño 1 y Baño 2 como la p13: ej-bano1/ej-bano2 son el trozo sin texto cocido del raster del PDF, a su escala (952 px de 954) y posición medidas por correlación (x 42,9 %, y 18,9-19,1 %, 56,9 × 71,9 %); hasta el borde derecho (D-SSAI-882); fuera de la caja, negro con fundido */
}
/* == D-SSAI-814: escalado ≥2000 px (generado por herramientas/ssai-escala-2000.py; no editar a mano) == */
@media (min-width:2000px){:root{--zs:1.0417}body.ssai{zoom:var(--zs)}}
@media (min-width:2240px){:root{--zs:1.1667}}
@media (min-width:2560px){:root{--zs:1.3333}}
@media (min-width:2880px){:root{--zs:1.5}}
@media (min-width:3200px){:root{--zs:1.6667}}
@media (min-width:3840px){:root{--zs:2}}
@media (min-width:2000px){.se{gap:clamp(6px,calc(.6vw / var(--zs)),12px)}}
@media (min-width:2000px){.se-creado{gap:.7cqw}}
@media (min-width:2000px){.se-pasos{gap:1.1cqw}}
@media (min-width:2000px){.se-pasos li{gap:1.6cqw}}
@media (min-width:2000px){.se-dos{gap:1.2cqw 3cqw}}
@media (min-width:2000px){.se-cats{column-gap:3cqw}}
/* == fin D-SSAI-814 == */