/* Pasaje Empresalia · sitio y presentación comercial
   Diseño y desarrollo: Lazarillo Studio (lazarillo.studio)
   ¿Necesitas ajustar algo? Con gusto te ayudamos: WhatsApp +52 1 722 322 2354.
   Las modificaciones realizadas fuera del estudio quedan fuera del alcance de nuestro soporte; si algo deja de
   funcionar después de un cambio externo, podemos revisarlo como un trabajo aparte. */
/* Deck v2 · formato editorial (2026-09-17). Láminas 16:9 que replican el recorrido en versión estática.
   Todo se mide en cqi (1cqi = 1 % del ancho de la lámina; alto = 56.25cqi) para que la tarjeta escale como un impreso.
   La mecánica del stack (.deck-card, .deck-stack) sigue en style.css. Pesos tipográficos: SOLO en typography.css. */
.dk{--p:4cqi;--top:9.6cqi}
.dk img{display:block}

/* Cabecera fija de cada lámina: logo del Pasaje + sección y folio */
.dk-mast{position:absolute;left:var(--p);right:var(--p);top:3cqi;z-index:5;display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:var(--text)}
.dk-logo{display:block;height:clamp(22px,2.9cqi,42px);width:auto}
.dk-folio{display:inline-flex;gap:1.4em;font-size:clamp(9px,.78cqi,11px)}
.dk-folio i{font-style:normal;opacity:.6;font-variant-numeric:tabular-nums}
.dk--dark .dk-mast,.dk--green .dk-mast{color:var(--on-dark)}
.dk--half .dk-logo{color:var(--on-dark)} /* proyecto: el logo cae sobre la foto, el folio sobre papel */

/* Tipografía de lámina */
.deck-card .dk-h{margin:0;max-width:none;font-size:clamp(22px,3.3cqi,48px)}
.deck-card .dk-h>span:not(.rv-w){display:block} /* solo las líneas del título; los span por palabra de reveal.js siguen en línea (si no, un título sin <span> propios se parte palabra por palabra) */
.deck-card .dk-h--lg{font-size:clamp(24px,3.9cqi,56px)}
.deck-card .dk-h--xl{font-size:clamp(26px,4.4cqi,62px)}
.deck-card.dk .lead{margin:1.5cqi 0 0;max-width:46ch;font-size:clamp(13px,1.42cqi,20px);opacity:1}
.deck-card.dk .dk-cover .lead{max-width:60ch;text-wrap:balance}
.dk--ubicacion .dk-h{font-size:clamp(20px,2.75cqi,40px)}
.dk--proyecto .dk-h{font-size:clamp(16px,2.35cqi,34px)}
.dk-kicker{display:block;font-size:clamp(11px,.78cqi,13px)} /* +2px, igual que --text-kicker del sitio (2026-09-17) */
.dk-fine{margin:auto 0 0;padding-top:1.6cqi;font-size:clamp(9px,.82cqi,12px);line-height:1.5;color:var(--text-mute);max-width:44ch}
.dk-text{margin:1.4cqi 0 0;font-size:clamp(12px,1.2cqi,17px);line-height:1.55;max-width:42ch}

/* Láminas a sangre (portada, campus): foto + sombras verdes arriba y abajo */
.dk-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dk-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgb(var(--shade) / .74) 0%,rgb(var(--shade) / .38) 30%,rgb(var(--shade) / 0) 52%),linear-gradient(to top,rgb(var(--shade) / .84) 0%,rgb(var(--shade) / .46) 24%,rgb(var(--shade) / 0) 48%)}
.dk-shade--top{background:linear-gradient(to bottom,rgb(var(--shade) / .6) 0%,rgb(var(--shade) / 0) 30%)}
.dk-cover{position:absolute;left:var(--p);right:var(--p);top:var(--top);color:var(--on-dark)}
.dk-stats{position:absolute;left:var(--p);right:var(--p);bottom:3.4cqi;display:grid;grid-template-columns:1fr 1fr;gap:7cqi;color:var(--on-dark)}
.dk-stats .dk-kicker{opacity:.8;margin-bottom:1.1cqi;grid-column:1/-1;grid-row:1;align-self:start}
/* Igual que .h-stats del sitio: columnas al ancho de su contenido con un hueco fijo, así el espacio entre
   cifras es siempre el mismo (con 1fr la última quedaba suelta cuando su etiqueta era corta). La regla
   bajo las cifras es un pseudo-elemento que cruza el grupo entero, no un borde por celda. */
.dk-stats{--kfs:clamp(11px,.78cqi,13px);--mfs:clamp(18px,2.35cqi,34px)}
.dk-stats__group{position:relative;display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto auto;column-gap:clamp(18px,2.8cqi,48px);justify-content:start;align-content:start}
.dk-stats__row,.dk-stats__row>div{display:contents}
.dk-stats__row strong{grid-row:2;display:block;padding-bottom:1cqi;font-size:var(--mfs);line-height:1.05;white-space:nowrap}
.dk-stats__row span{grid-row:3;display:block;padding:1cqi 0 0;font-size:clamp(10px,1cqi,14px);line-height:1.4;opacity:.88;max-width:19ch}
/* la regla va absoluta (como en el sitio): si fuera un item del grid ocuparía la fila de las cifras */
.dk-stats__group::after{content:'';position:absolute;left:0;right:0;top:calc(1.2 * var(--kfs) + 1.1cqi + 1.05 * var(--mfs) + 1cqi);height:1px;background:var(--line-on-dark)}
.dk-logos{position:absolute;left:var(--p);right:var(--p);bottom:3.2cqi;color:var(--on-dark)}
.dk-logos .dk-kicker{padding-bottom:1.1cqi;border-bottom:1px solid var(--line-on-dark);opacity:.9}
.dk-logos__grid{display:grid;grid-template-columns:repeat(9,1fr);gap:1.5cqi 2.6cqi;align-items:center;margin-top:1.7cqi}
.dk-logos__grid img{width:100%;height:2.3cqi;object-fit:contain;filter:brightness(0) invert(1);opacity:.86}

/* Mosaico de fotos del campus (mismas del carrusel del sitio): 2x2 a sangre, sin marcos */
.dk-gallery{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.dk-gallery img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover} /* minmax(0,1fr): con 1fr la fila crecía hasta la altura natural de la foto y las celdas quedaban disparejas */
/* cada celda es 16:9 y las fotos son más cuadradas: se ancla el encuadre donde está lo que importa */
.dk-gallery img.is-5{object-position:50% 42%}  /* el edificio, no el arbolado del frente */
.dk-gallery img.is-2{object-position:50% 58%}  /* la plaza de acceso */
.dk-gallery img.is-3{object-position:50% 100%} /* las bicicletas y la fuente, al fondo de la toma */
.dk-gallery img.is-4{object-position:50% 46%}

/* Láminas partidas: texto + mapa (cuadrado, a sangre a la derecha) / foto a sangre a la izquierda + texto */
.dk-split{position:absolute;inset:0;display:grid}
.dk-split--map{grid-template-columns:1fr 56.25cqi}
.dk-split--photo{grid-template-columns:40% 1fr}
.dk-col{display:flex;flex-direction:column;min-width:0;min-height:0;padding:var(--top) 3.4cqi 3.4cqi var(--p)}
.dk-split--photo .dk-col{padding:var(--top) var(--p) 3.4cqi 4.4cqi}
.dk-map,.dk-photo{position:relative;overflow:hidden;background:var(--map-bg)}
.dk-map img,.dk-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dk-kicker--rule{margin-top:2.6cqi;margin-bottom:1.8cqi;color:var(--text-soft)} /* sin regla bajo el eyebrow */
.dk-rows{margin:0}
.dk-split--photo .dk-rows{margin-top:auto;border-top:1px solid var(--line)}
.dk-row{display:grid;grid-template-columns:2.8cqi 1fr;align-items:baseline;padding:1.2cqi 0;border-bottom:1px solid var(--line)}
.dk-rows--plain .dk-row{display:block} /* lista de formatos: sin columna de número */
.dk-num{font-size:clamp(9px,.78cqi,11px);color:var(--text-mute);font-variant-numeric:tabular-nums}
.dk-row h3{margin:0 0 .35cqi;font-size:clamp(13px,1.5cqi,21px)}
.deck-card .dk-row p{margin:0;max-width:none;font-size:clamp(11px,1.06cqi,15px);line-height:1.5;color:var(--text)}
.dk-note{display:flex;align-items:center;gap:1.1cqi;margin-top:auto;padding:1cqi 1.3cqi;border:1px solid var(--line);border-radius:var(--radius-2);background:var(--paper-3);color:var(--text-soft)}
.dk-note .ico{width:1.5cqi;height:1.5cqi;min-width:14px;min-height:14px;flex:none}
.deck-card .dk-note p{margin:0;max-width:none;font-size:clamp(10px,.96cqi,13.5px);line-height:1.45}

/* Comunidad: frase al centro y polaroids alrededor (estado final del recorrido) */
.dk-statement{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:47cqi;margin:0;text-align:center;font-size:clamp(18px,2.85cqi,40px);line-height:1.18;letter-spacing:-.02em;color:var(--text)}
.deck-card p.dk-statement{max-width:none;line-height:1.18}
.dk-polaroids{position:absolute;inset:0;overflow:hidden}
.dk-polaroid{position:absolute;background:#fdfdfa;border-radius:2px;transform:rotate(var(--r,0deg));box-shadow:0 1cqi 2.4cqi rgb(15 21 19 / .16),0 .15cqi .45cqi rgb(15 21 19 / .08)}
.dk-polaroid img{width:100%;object-fit:cover;background:var(--paper-2)}
.dk-polaroid--mini{width:7cqi;padding:.55cqi .55cqi 2.5cqi}.dk-polaroid--mini img{aspect-ratio:46/62}
.dk-polaroid--square{width:9.4cqi;padding:.62cqi .62cqi 2.5cqi}.dk-polaroid--square img{aspect-ratio:1}
.dk-polaroid--wide{width:14cqi;padding:.6cqi .6cqi 2.5cqi}.dk-polaroid--wide img{aspect-ratio:99/62}

/* Plantas: columna de datos + plano 3:2 con el MISMO encuadre en ambas (al pasar de lámina los planos coinciden) */
.dk-sheet{position:absolute;inset:0;display:grid;grid-template-columns:26cqi 1fr;gap:3cqi;padding:var(--top) var(--p) 3.4cqi}
.dk-sheet{--top:9cqi}
.dk-sheet .dk-h{white-space:nowrap;font-size:clamp(20px,2.9cqi,42px)} /* 'Planta baja' / 'Planta alta' siempre en una línea (2026-09-17) */
.dk-sheet .dk-col{padding:0}
.dk-sheet .dk-fine{padding-top:1cqi}
.deck-card.dk .dk-sheet .lead{margin-top:1.1cqi;font-size:clamp(12px,1.3cqi,18px)}
.dk-plan{position:relative;align-self:start;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-2);background:var(--bg)}
.dk-plan__sheet{position:absolute;left:0;top:0;width:100%;aspect-ratio:1448/1086;margin-top:-2%} /* cover de una imagen 4:3 en caja 3:2 con object-position 50% 24% */
.dk-plan__sheet img{width:100%;height:100%;mix-blend-mode:multiply}
.dk-spot{position:absolute}
.dk-spot span{position:absolute;left:50%;top:var(--ly,50%);transform:translate(-50%,-50%);padding:.3cqi .5cqi;border-radius:var(--radius-pill);background:rgb(255 255 255 / .9);color:var(--text);font-size:clamp(7px,.7cqi,10.5px);line-height:1;letter-spacing:.02em;white-space:nowrap;box-shadow:0 1px 3px rgb(15 21 19 / .12)}
.dk-spot--local:not(.dk-spot--wide) span{transform:translate(-50%,-50%) rotate(-90deg)}
.dk-spot--lobby span{background:var(--ink);color:var(--white)}
.dk-spot--floor{clip-path:polygon(0 0,100% 0,100% 62.9%,36.9% 62.9%,36.9% 88.8%,33.6% 88.8%,33.6% 100%,0 100%);background:rgb(160 198 0 / .16)}
.dk-spot--floor span{top:31%;padding:.45cqi .8cqi;font-size:clamp(9px,.9cqi,13px)}
.dk-spot[data-status=rentado]{background:repeating-linear-gradient(135deg,rgb(18 62 50 / .55) 0 2px,rgb(18 62 50 / .14) 2px 7px)}
.dk-spot[data-status=rentado] span{background:var(--brand);color:var(--white)}
.dk-table{margin:2cqi 0 0;border-top:1px solid var(--line)}
.dk-table div{display:flex;justify-content:space-between;gap:2cqi;padding:.7cqi 0;border-bottom:1px solid var(--line);font-size:clamp(10px,1.08cqi,15px);line-height:1.3}
.dk-table dt{color:var(--text)}
.dk-table dd{margin:0;color:var(--text-soft);font-variant-numeric:tabular-nums;white-space:nowrap}

/* Renders: mosaico editorial (una grande + tres) */
.dk-mosaic{position:absolute;inset:8.6cqi var(--p) 4.6cqi;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,1fr);gap:.8cqi}
.dk-mosaic__cell{position:relative;overflow:hidden;border-radius:var(--radius-2);background:var(--paper-3)}
.dk-mosaic__cell:first-child{grid-row:1/4}
.dk-mosaic__cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dk-mosaic__cell img.is-bottom{object-position:50% 100%} /* celdas apaisadas: anclar abajo para no cortar el piso (2026-09-17) */

.dk-caption{position:absolute;left:var(--p);bottom:1.9cqi;margin:0;padding:0}

/* Cierre en verde */
.dk-contact{position:absolute;inset:0;display:flex;flex-direction:column;padding:12cqi var(--p) 3.4cqi}
.dk-contact__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:4cqi;padding-top:3cqi;border-top:1px solid var(--line-on-dark-soft)}
.dk-contact__grid>div:first-child{grid-column:1 / span 5;display:flex;flex-direction:column}
.dk-contact__grid .dk-fine{margin-top:4cqi;padding-top:0}
.dk-contact__grid .dk-person{grid-column:10 / span 3;align-self:baseline}
.dk-contact__grid>div:first-child{align-self:baseline}
.deck-card.dk .dk-contact .lead{margin-top:0}
.dk-person{display:grid;gap:.6cqi;align-content:start}
.dk-person strong{font-size:clamp(15px,1.8cqi,26px)}
.dk-person>span{font-size:clamp(11px,1.06cqi,15px);color:var(--on-dark-soft);margin-bottom:1.2cqi}
.dk-person a{display:inline-flex;align-items:center;gap:1cqi;color:inherit;text-decoration:none;font-size:clamp(12px,1.3cqi,18px)}
.dk-person .ico{width:1.3cqi;height:1.3cqi;min-width:13px;min-height:13px;opacity:.7}
.dk--green .dk-fine{color:var(--on-dark-soft)}

/* (2026-09-24) el bloque "pantallas angostas: las láminas fluyen en una columna" se quitó: el deck conserva su 16:9 en todo dispositivo (ver mobile.css) */
}
.dk--proyecto .dk-photo img{object-position:22% 50%} /* encuadre vertical: conserva la fachada con los locales */
/* Ubicación: con los textos cortos (2026-09-17) la lista respira más */
.dk--ubicacion .dk-row{padding:1.5cqi 0}
.dk--ubicacion .dk-rows{margin-bottom:1.6cqi}
.dk--ubicacion .dk-row h3{font-size:clamp(14px,1.7cqi,24px);margin-bottom:.5cqi}
.deck-card.dk--ubicacion .dk-row p{font-size:clamp(11px,1.1cqi,15.5px);text-wrap:balance}
.dk--ubicacion .dk-row:first-child{padding-top:0}
.dk--ubicacion .dk-row:last-child{border-bottom:0;padding-bottom:0}
.dk--campus-fotos .dk-shade--top{background:linear-gradient(to bottom,rgb(var(--shade) / .55) 0%,rgb(var(--shade) / 0) 16%)} /* solo para que el logo y el folio se lean sobre las fotos claras */

/* Boceto al pie de la lámina de cierre (2026-09-24): mismo tratamiento que en el recorrido */
.dk-sketch{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;max-height:44%;object-fit:cover;object-position:center bottom;opacity:.3;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 40%);mask-image:linear-gradient(to bottom,transparent 0,#000 40%)}

/* Renders (lámina 09) en rejilla 2×2 a sangre, como El campus (2026-09-24). Encuadres por render; el rótulo obligatorio
   "Render de referencia" va en blanco sobre un velo al pie. */
.dk--renders .dk-shade--top{background:linear-gradient(to bottom,rgb(var(--shade) / .55) 0%,rgb(var(--shade) / 0) 16%)}
.dk-gallery img.is-r1{object-position:50% 40%}  /* fachada con la planta alta */
.dk-gallery img.is-r7{object-position:50% 55%}  /* fuente y terrazas */
.dk-gallery img.is-r5{object-position:50% 100%} /* paseo con familias: el piso importa */
.dk-gallery img.is-r6{object-position:50% 100%} /* terrazas bajo cubierta */
.dk-caption--on-photo{color:var(--on-dark);z-index:2;bottom:1.6cqi;text-shadow:0 1px 6px rgb(15 21 19 / .6)}

/* Lámina 05 Comunidad (2026-09-24): composición editorial en retícula 12×7 (gutter 4 cqi, calle 1 cqi) alrededor de la frase; las fotos van a
   proporción afín a su pieza (recorte mínimo) y quedan huecos de aire. Sustituye a las polaroids. */
.dk-collage{position:absolute;inset:8cqi 4cqi 4cqi;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));gap:1cqi}
.dk-collage img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;border-radius:.3cqi;background:var(--paper-2)}
.dk-collage .dk-statement{position:static;grid-column:4/10;grid-row:3/6;transform:none;width:auto;display:flex;align-items:center;justify-content:center;padding:0 1cqi}

/* 42 logos de inquilinos (2026-09-27): rejilla 14 × 3 */
.dk-logos__grid{grid-template-columns:repeat(14,1fr);gap:1.1cqi 1.8cqi}
.dk-logos__grid img{height:1.9cqi}

/* ajuste óptico por logo */
.dk-logos__grid img{height:calc(1.25cqi * var(--s,1));justify-self:center;align-self:center}
.dk-logos__grid{align-items:center;grid-auto-rows:3cqi}

/* ---- Velo de legibilidad sobre fotos (2026-09-28, Joaquín): en las láminas de fotos a sangre el logo, el folio y el rótulo al pie
   llevan un fundido oscuro muy sutil, con caída suave (sin borde visible) y solo en las franjas donde hay texto ---- */
.dk--campus-fotos .dk-shade--top,.dk--renders .dk-shade--top,.dk-photo .dk-shade--top{background:
  linear-gradient(to bottom,rgb(var(--shade) / .62) 0%,rgb(var(--shade) / .46) 9%,rgb(var(--shade) / .22) 18%,rgb(var(--shade) / .07) 25%,rgb(var(--shade) / 0) 31%),
  linear-gradient(to top,rgb(var(--shade) / .58) 0%,rgb(var(--shade) / .36) 7%,rgb(var(--shade) / .14) 14%,rgb(var(--shade) / 0) 21%)}
.dk--campus-fotos .dk-shade--top{background:linear-gradient(to bottom,rgb(var(--shade) / .62) 0%,rgb(var(--shade) / .46) 9%,rgb(var(--shade) / .22) 18%,rgb(var(--shade) / .07) 25%,rgb(var(--shade) / 0) 31%)} /* sin rótulo al pie: solo arriba */

/* ---- Lámina de comunidad como constelación (2026-09-28): boceto de fondo + fotos esparcidas en tres planos ---- */
.dk-sky__sketch{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.1;mix-blend-mode:multiply;pointer-events:none}
.dk-sky{position:absolute;inset:0}
.dk-sky img{position:absolute;object-fit:cover;border-radius:.25cqi;background:var(--paper-2);box-shadow:0 .5cqi 1.4cqi rgb(15 21 19 / .16)}
.dk-sky img.is-t1{box-shadow:0 .35cqi 1cqi rgb(15 21 19 / .12)}
.dk-sky img.is-t2{box-shadow:0 .2cqi .6cqi rgb(15 21 19 / .08)}
.deck-card p.dk-statement--sky{top:51.5%;width:46cqi;z-index:4;text-wrap:balance}

/* ---- Láminas Master plan / Pasaje comercial (2026-09-30): planta 3:2 a sangre en su marco, delimitaciones en vector ---- */
.dk-plan--32 .dk-plan__sheet{aspect-ratio:3/2;margin-top:0}
.dk-zones{position:absolute;inset:0;width:100%;height:100%}
.dk-zone{vector-effect:non-scaling-stroke;stroke-linejoin:round}
.dk-zone--desarrollada{fill:rgb(18 62 50 / .08);stroke:var(--brand);stroke-width:2;stroke-dasharray:7 5}
.dk-zone--pasaje{fill:rgb(160 198 0 / .3);stroke:#8fb300;stroke-width:2.5}
.dk-zkey{display:inline-block;width:.9cqi;height:.9cqi;margin-right:.6cqi;border-radius:.15cqi;vertical-align:-.08cqi}
.dk-zkey--dev{box-shadow:inset 0 0 0 1px var(--brand);background:rgb(18 62 50 / .08)}.dk-zkey--pas{background:rgb(160 198 0 / .5);box-shadow:inset 0 0 0 1px #8fb300}
.dk-zonas dt{white-space:nowrap}
.dk-zonas dd{text-align:right}
.dk-plan--32{border:0;background:transparent}

.dk-zone--desarrollada{fill:rgb(18 62 50 / .16);stroke:var(--brand);stroke-width:1.5;stroke-dasharray:none}
.dk-zone--pasaje{fill:rgb(232 118 36 / .4);stroke:#c75a12;stroke-width:2}
.dk-zkey--dev{background:rgb(18 62 50 / .9);box-shadow:none}.dk-zkey--pas{background:#e07a2f;box-shadow:none}
.dk-zone-label{position:absolute;transform:translate(-50%,-50%);padding:.35cqi .7cqi;border-radius:var(--radius-pill);font-size:clamp(8px,.8cqi,12px);font-weight:var(--fw-medium);white-space:nowrap;color:var(--white);box-shadow:0 1px 4px rgb(15 21 19 / .15)}
.dk-zone-label--pasaje{background:#c75a12}.dk-zone-label--desarrollada{background:var(--brand)}

.dk-zone--desarrollada{fill:rgb(18 62 50 / .2);stroke:var(--brand);stroke-width:1.5}
.dk-zone--pasaje{fill:rgb(232 118 36 / .42);stroke:#c75a12;stroke-width:2}
.dk-zone--traslape{fill:url(#dk-hatch);stroke:none}
.dk-zkey--mix{background:repeating-linear-gradient(45deg,rgb(18 62 50 / .7) 0 1.5px,rgb(232 118 36 / .45) 1.5px 4px)}
.dk-zonas dt{white-space:normal}

.dk-zone--desarrollada{fill:rgb(160 198 0 / .34);stroke:#7e9c00;stroke-width:1.5}
.dk-zone--pasaje{fill:rgb(232 118 36 / .55);stroke:#c75a12;stroke-width:2}
.dk-zkey--dev{background:#a0c600}
.dk-zone-label--desarrollada{background:#a0c600;color:var(--green-900,#0f2b21)}

.dk-esp__p{fill:rgb(160 198 0 / .42);stroke:#7e9c00;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.dk-esp__p[data-status=rentado]{fill:rgb(18 62 50 / .35)}

.dk-zone--desarrollada{fill:rgb(232 118 36 / .45);stroke:#c75a12;stroke-width:1.5}
.dk-zone--pasaje{fill:rgb(160 198 0 / .5);stroke:#7e9c00;stroke-width:2}
.dk-zkey--dev{background:#e07a2f}.dk-zkey--pas{background:#a0c600}
.dk-zone-label--desarrollada{background:#c75a12;color:var(--white)}.dk-zone-label--pasaje{background:#a0c600;color:var(--green-900,#0f2b21)}

/* ---- Lámina 08: lista completa de espacios con chip y chips sobre la planta (2026-10-01) ---- */
.dk-sheet--esp{grid-template-columns:minmax(0,1.05fr) minmax(0,1.3fr)}
.dk-esp-list{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:0 1.6cqi;margin-top:1.6cqi}
.dk-esp-list__h{margin:0 0 .5cqi;font-size:clamp(8px,.78cqi,11px);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute)}
.dk-esp-row{display:grid;grid-template-columns:auto 1fr;column-gap:.6cqi;align-items:baseline;padding:.36cqi 0;border-bottom:1px solid var(--line);font-size:clamp(8px,.86cqi,12px);line-height:1.2}
.dk-esp-row b{font-weight:var(--fw-medium);color:var(--text)}
.dk-esp-row small{grid-column:2;font-size:clamp(7px,.72cqi,10px);color:var(--text-mute);line-height:1.2}
.dk-esp-tag{display:inline-grid;place-items:center;min-width:2.1cqi;height:1.45cqi;padding:0 .45cqi;border-radius:999px;background:rgb(160 198 0 / .35);box-shadow:inset 0 0 0 1px #8fb300;color:var(--green-900,#0f2b21);font-style:normal;font-size:clamp(7px,.7cqi,10px);font-weight:var(--fw-medium);letter-spacing:.02em}
.dk-sheet--esp .dk-fine{margin-top:1.2cqi}
.dk-esp-chip{position:absolute;transform:translate(-50%,-50%);padding:.12cqi .32cqi;border-radius:999px;background:rgb(255 255 255 / .92);color:var(--text);font-size:clamp(5px,.52cqi,8px);line-height:1.2;font-weight:var(--fw-medium);letter-spacing:.02em;white-space:nowrap;box-shadow:0 .05cqi .2cqi rgb(15 21 19 / .18)}
.dk-esp-chip.is-narrow{transform:translate(-50%,-50%) rotate(-90deg)}

/* ---- Lámina 08: etiqueta de lugar sin chip (Pet Park, 2026-10-01) ---- */
.dk-plan-label{position:absolute;transform:translate(-50%,-50%);color:var(--green-900,#0f2b21);font-size:clamp(6px,.6cqi,9px);font-weight:var(--fw-medium);letter-spacing:.02em;line-height:1;white-space:nowrap}

/* ---- Lámina Pasaje PA: lista en dos columnas (2026-10-01) ---- */
.dk-esp-list--2{grid-template-columns:1fr 1fr;max-width:34cqi}

/* ---- Láminas Pasaje PB / PA (Joaquín, 2026-10-01): el plano arranca al nivel de la lista, la nota va bajo el plano y hay más aire antes de Contenedores ---- */
.dk-sheet--esp{grid-template-rows:auto auto minmax(0,1fr) auto;row-gap:0}
.dk-sheet--esp>.dk-col:not(.dk-col--plan){display:contents}
.dk-sheet--esp .dk-h{grid-column:1;grid-row:1}
.deck-card.dk .dk-sheet--esp .lead{grid-column:1;grid-row:2}
.dk-sheet--esp .dk-esp-list{grid-column:1;grid-row:3;align-self:start}
.dk-sheet--esp .dk-col--plan{grid-column:2;grid-row:3/5;display:flex;flex-direction:column;align-self:start;margin-top:1.6cqi;padding:0}
.dk-sheet--esp .dk-col--plan .dk-plan{align-self:stretch;width:100%;aspect-ratio:1536/702}      /* solo la franja dibujada (11–80 % de la imagen); el aire transparente no empuja el plano */
.dk-sheet--esp .dk-plan__sheet{margin-top:-7.55%}   /* 11.3 % de alto de imagen = 7.55 % del ancho: el dibujo arranca al nivel de 'Locales' */
.dk-sheet--esp .dk-fine{grid-column:1;grid-row:4;margin:1.6cqi 0 0;padding-top:0;max-width:44ch} /* la nota vuelve a la izquierda, bajo la lista (Joaquín) */
.dk-sheet--esp .dk-esp-list__col:nth-child(3){margin-left:1.6cqi}
.dk-sheet--esp .dk-fine{max-width:none;white-space:nowrap} /* nota en una sola línea (Joaquín, 2026-10-02) */
.dk-sheet--esp .dk-col--plan{grid-row:3} .dk-sheet--esp .dk-fine{grid-column:1/-1} /* la nota ocupa su propia fila bajo lista y plano: en una línea sin chocar con el plano en pantallas angostas */
.dk-sheet--esp{grid-template-rows:auto auto auto auto;align-content:start} /* la nota sigue a lo más alto entre lista y plano, no al fondo de la lámina */

/* ---- Lámina El respaldo: satisfacción y recomendación bajo la entrada (2026-10-02) ---- */
.dk-rating{display:flex;flex-wrap:wrap;align-items:center;gap:.6cqi 1cqi;margin-top:1.4cqi;color:rgb(255 255 255 / .92);font-size:clamp(9px,.9cqi,13px);line-height:1.3}
.dk-rating .rating__stars{display:inline-flex;gap:.2cqi;color:#c6f000}
.dk-rating .rating__stars svg{width:1cqi;height:1cqi;min-width:9px;min-height:9px;fill:currentColor;display:block}
.dk-rating .rating__half{position:relative;display:block;width:1cqi;height:1cqi;min-width:9px;min-height:9px}
.dk-rating .rating__half .is-empty{fill:none;stroke:currentColor;stroke-width:1.5}
.dk-rating .rating__half>span{position:absolute;inset:0;width:50%;overflow:hidden}
.dk-rating .rating__half>span svg{width:1cqi;min-width:9px}
.dk-rating b{font-weight:var(--fw-medium)}
.dk-rating .rating__sep{width:1px;height:1cqi;min-height:9px;background:currentColor;opacity:.35}

/* ---- Lámina 03: satisfacción a la derecha de la ceja de logos (2026-10-02) ---- */
.dk-logos__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2cqi;padding-bottom:1.1cqi;border-bottom:1px solid var(--line-on-dark)}
.dk-logos__head .dk-kicker{padding-bottom:0;border-bottom:0}
.dk-sat{display:flex;align-items:flex-end;gap:1.6cqi;flex:none}
.dk-sat__b{display:flex;flex-direction:column;gap:.4cqi}
.dk-sat__b b{display:inline-flex;align-items:center;gap:.7cqi;font-weight:var(--fw-medium);font-size:clamp(12px,1.6cqi,24px);line-height:1;color:var(--white)}
.dk-sat__b>span{font-size:clamp(7px,.7cqi,11px);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.dk-sat__sep{align-self:stretch;width:1px;background:rgb(255 255 255 / .3)}
.dk-sat .rating__stars{display:inline-flex;gap:.2cqi;color:#c6f000}
.dk-sat .rating__stars svg{width:1cqi;height:1cqi;min-width:9px;min-height:9px;fill:currentColor;display:block}
.dk-sat .rating__half{position:relative;display:block;width:1cqi;height:1cqi;min-width:9px;min-height:9px}
.dk-sat .rating__half .is-empty{fill:none;stroke:currentColor;stroke-width:1.5}
.dk-sat .rating__half>span{position:absolute;inset:0;width:50%;overflow:hidden}
.dk-sat .rating__half>span svg{width:1cqi;min-width:9px}
.dk-sat{text-shadow:0 1px 8px rgb(15 21 19 / .45)}