/* Todo para el hogar. Vocabulario: plano-* (estructura), cuarto-* (listados y cuartos del plano).
   Medidas con container queries sobre .plano-hoja. Persiana baja = colores oscuros. */

@font-face{font-family:"Manrope";src:url("/assets/letras-plano/manrope-lectura.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Baloo 2";src:url("/assets/letras-plano/baloo-titulos.woff2") format("woff2");font-weight:500 800;font-style:normal;font-display:swap}

:root{
  --piso:#F8F7F2; --yeso:#FEFEFC; --muro:#23343B; --muro-suave:#4E5F66; --trazo:#D5E3DE; --zocalo:#EDF5F2;
  --menta:#7FCDBB; --menta-viva:#6BC0AC; --menta-honda:#1D7462; --salmon:#F0785A; --salmon-hondo:#A94327;
  --sobre-menta:#16262B; --pie-fondo:#23343B; --pie-letra:#F1F5F3; --pie-suave:#C9D6D2; --pie-linea:#4E5F66;
  --reticula:rgba(127,205,187,.28); --rayado:rgba(240,120,90,.12); --veta:rgba(35,52,59,.07);
  --tipo-cuerpo:"Manrope","Segoe UI",system-ui,sans-serif;
  --tipo-titulo:"Baloo 2","Manrope","Segoe UI",system-ui,sans-serif;
  --tipo-medida:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --paso-1:4px; --paso-2:8px; --paso-3:12px; --paso-4:16px; --paso-5:24px; --paso-6:32px; --paso-7:48px; --paso-8:64px;
  --grosor-muro:3px; --grosor-trazo:2px; --columna-texto:820px;
  color-scheme:light;
}
:root[data-persiana="baja"]{
  --piso:#131D21; --yeso:#1A272C; --muro:#E4EDEA; --muro-suave:#A7B8B3; --trazo:#2E4147; --zocalo:#1F3238;
  --menta:#5FB8A5; --menta-viva:#74C7B5; --menta-honda:#86D3C2; --salmon:#E0714F; --salmon-hondo:#F29A80;
  --pie-fondo:#0D1518; --pie-linea:#2E4147;
  --reticula:rgba(95,184,165,.13); --rayado:rgba(224,113,79,.12); --veta:rgba(228,237,234,.06);
  color-scheme:dark;
}

html{scroll-padding-top:150px}
body{margin:0;background:var(--piso)}
.plano-hoja{container-type:inline-size;container-name:hoja;background:var(--piso);color:var(--muro);font-family:var(--tipo-cuerpo);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
.plano-hoja main{flex:1 0 auto}
.plano-hoja *,.plano-hoja *::before,.plano-hoja *::after{box-sizing:border-box}
.plano-hoja img{max-width:100%;height:auto;display:block}
.plano-hoja a{color:var(--menta-honda);text-decoration-thickness:2px;text-underline-offset:3px}
.plano-hoja a:hover{color:var(--muro)}
.plano-hoja :focus-visible{outline:3px solid var(--salmon-hondo);outline-offset:2px}
.plano-hoja h1,.plano-hoja h2,.plano-hoja h3,.plano-hoja h4{font-family:var(--tipo-titulo);font-weight:700;letter-spacing:-.01em;color:var(--muro)}
.plano-hoja h1{font-size:clamp(32px,3.6cqi,50px);line-height:1.1;margin:0 0 var(--paso-4)}
.plano-hoja h2{font-size:clamp(25px,2.3cqi,33px);line-height:1.18;margin:var(--paso-8) 0 var(--paso-4)}
.plano-hoja h3{font-size:22px;line-height:1.25;margin:var(--paso-6) 0 var(--paso-2)}
.plano-hoja p{margin:0 0 1em}
.plano-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.plano-salto{position:absolute;left:-9999px;top:0;z-index:60;background:var(--muro);color:var(--piso)!important;padding:var(--paso-3) var(--paso-4)}
.plano-salto:focus{left:var(--paso-4)}
.plano-etiqueta{font-family:var(--tipo-medida);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muro-suave);margin:0 0 var(--paso-2)}

/* Retícula del papel de plano */
.plano-reticula{background-color:var(--piso);background-image:repeating-linear-gradient(30deg,transparent 0 31px,var(--reticula) 31px 32px),repeating-linear-gradient(150deg,transparent 0 31px,var(--reticula) 31px 32px)}
.plano-reticula--cerrada{border-bottom:var(--grosor-muro) solid var(--muro)}

.plano-marco{max-width:1280px;margin:0 auto;padding-inline:var(--paso-6)}

/* Cabecera: logo, buscador y persiana arriba; las secciones a lo ancho debajo */
.plano-cabecera{position:sticky;top:0;z-index:30;background:var(--piso);border-bottom:var(--grosor-muro) solid var(--muro)}
.plano-cabecera-fila{display:flex;align-items:center;justify-content:space-between;gap:var(--paso-4) var(--paso-5);min-height:72px}
.plano-rotulo-h1{margin:0!important;font-size:inherit!important;line-height:0!important}
.plano-rotulo{display:inline-flex;align-items:center;min-height:44px;flex:0 0 auto}
.plano-rotulo img{height:30px;width:auto}
.plano-rotulo-noche{display:none!important}
:root[data-persiana="baja"] .plano-rotulo-dia{display:none!important}
:root[data-persiana="baja"] .plano-rotulo-noche{display:block!important}
.plano-cabecera-lado{display:flex;align-items:center;gap:var(--paso-3);flex:0 1 auto}
.plano-abrir{display:none}
.plano-menu{border-top:1px solid var(--trazo)}
.plano-nav>ul{display:flex;flex-wrap:wrap;gap:0 var(--paso-1);list-style:none;margin:0;padding:var(--paso-1) 0;justify-content:space-between}
.plano-nav li{position:relative;list-style:none}
.plano-nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 var(--paso-3);color:var(--muro);font-weight:700;font-size:17px;text-decoration:none;white-space:nowrap}
.plano-nav a:hover{background:var(--zocalo);color:var(--muro)}
.plano-nav>ul>li>a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--salmon-hondo)}
.plano-nav-flecha{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor}
.plano-nav-con-hijos>ul{display:none;position:absolute;top:100%;left:0;z-index:40;min-width:200px;margin:0;padding:var(--paso-2);background:var(--yeso);border:var(--grosor-trazo) solid var(--muro);box-shadow:5px 5px 0 var(--menta)}
.plano-nav-con-hijos:hover>ul,.plano-nav-con-hijos:focus-within>ul{display:block}
.plano-nav-con-hijos>ul a{display:flex;width:100%;font-size:16px}
.plano-nav-con-hijos>ul a[aria-current="page"]{background:var(--zocalo)}/* Buscador */


.plano-hoja mark{background:var(--menta);color:var(--sobre-menta);padding:0 2px}

/* Persiana: una ventana con tres tablillas; abajo, la ventana queda cerrada */
.plano-persiana{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;background:var(--yeso);border:var(--grosor-trazo) solid var(--muro);color:var(--muro);cursor:pointer}
.plano-persiana>span{position:relative;display:block;width:22px;height:22px;border:2px solid currentColor;overflow:hidden}
.plano-persiana i{position:absolute;left:0;right:0;height:3px;background:currentColor;transition:transform .25s}
.plano-persiana i:nth-child(1){top:2px}
.plano-persiana i:nth-child(2){top:8px;transform:translateY(-6px)}
.plano-persiana i:nth-child(3){top:14px;transform:translateY(-12px)}
.plano-persiana[aria-pressed="true"]>span{background:var(--menta-honda)}
.plano-persiana[aria-pressed="true"] i{transform:none;background:var(--piso)}
.plano-persiana:hover{background:var(--zocalo)}

/* Ruta */
.plano-ruta ol{display:flex;flex-wrap:wrap;gap:var(--paso-1) var(--paso-2);list-style:none;padding:0;margin:0 0 var(--paso-5);font-size:15px;color:var(--muro-suave)}
.plano-ruta li+li::before{content:"/";margin-right:var(--paso-2);color:var(--menta-honda);font-family:var(--tipo-medida)}
.plano-ruta a{color:var(--muro-suave)}
.plano-ruta [aria-current="page"]{color:var(--muro)}

/* Enlace con puerta: un marco con la hoja entreabierta, dibujado recto */
.plano-liga-puerta{display:inline-flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;white-space:nowrap}
.plano-liga-puerta::before{content:"";flex:0 0 auto;width:14px;height:20px;border:2px solid currentColor;border-left-width:5px;background:linear-gradient(currentColor,currentColor) 3px 50%/3px 3px no-repeat}
.plano-liga-puerta:hover{text-decoration:underline;text-underline-offset:4px}

/* Portada: presentación y plano de planta */
.plano-portada{padding:var(--paso-7) 0 var(--paso-8);border-bottom:var(--grosor-muro) solid var(--muro)}
.plano-portada-texto{font-size:21px;line-height:1.6;color:var(--muro);margin:0 0 var(--paso-7)!important}
/* El plano: muro exterior achurado con doble línea, tabiques, ventanas, vanos con hoja recta y un piso por cuarto */
.plano-ejes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 18px var(--paso-3)}
.plano-ejes span{position:relative;display:flex;justify-content:center;height:30px;border-bottom:1.5px solid var(--muro-suave)}
.plano-ejes span::before,.plano-ejes span::after{content:"";position:absolute;bottom:-6px;width:1.5px;height:12px;background:var(--muro-suave);transform:rotate(45deg)}
.plano-ejes span::before{left:0}
.plano-ejes span::after{right:0}
.plano-ejes b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:-1px;font-family:var(--tipo-medida);font-size:14px;font-weight:800;color:var(--muro);background:var(--piso);border:2px solid var(--muro)}
.plano-planta{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"grande alta rayada" "ancha ancha ancha";border:16px solid transparent;border-image:repeating-linear-gradient(45deg,var(--muro) 0 2px,var(--yeso) 2px 7px) 16;outline:2.5px solid var(--muro);box-shadow:inset 0 0 0 2.5px var(--muro);background:var(--yeso)}
.cuarto-ambiente{position:relative;padding:var(--paso-5) var(--paso-5) var(--paso-4);display:flex;flex-direction:column;gap:10px;min-width:0;background-color:var(--yeso)}
/* Duela, loseta, deck y parquet */
.cuarto-ambiente[data-zona="grande"]{grid-area:grande;border-right:7px solid var(--muro);border-bottom:7px solid var(--muro);background-image:repeating-linear-gradient(0deg,transparent 0 23px,var(--veta) 23px 24px),repeating-linear-gradient(90deg,transparent 0 119px,var(--veta) 119px 120px)}
.cuarto-ambiente[data-zona="alta"]{grid-area:alta;border-right:7px solid var(--muro);border-bottom:7px solid var(--muro);background-color:var(--zocalo);background-image:repeating-linear-gradient(0deg,transparent 0 31px,var(--veta) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,var(--veta) 31px 32px)}
.cuarto-ambiente[data-zona="rayada"]{grid-area:rayada;border-bottom:7px solid var(--muro);background-image:repeating-linear-gradient(90deg,transparent 0 13px,var(--rayado) 13px 15px)}
.cuarto-ambiente[data-zona="ancha"]{grid-area:ancha;background-image:repeating-linear-gradient(45deg,transparent 0 27px,var(--veta) 27px 28px),repeating-linear-gradient(-45deg,transparent 0 27px,var(--veta) 27px 28px)}
.cuarto-ambiente[data-zona="ancha"] ul{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Filas compartidas: cada nota mide lo mismo que las de los cuartos vecinos */
.plano-planta{grid-template-rows:repeat(6,auto) auto}
.cuarto-ambiente[data-zona="grande"],.cuarto-ambiente[data-zona="alta"],.cuarto-ambiente[data-zona="rayada"]{display:grid;grid-row:1/span 6;grid-template-rows:subgrid;row-gap:10px}
.cuarto-ambiente[data-zona="grande"]{grid-column:1}
.cuarto-ambiente[data-zona="alta"]{grid-column:2}
.cuarto-ambiente[data-zona="rayada"]{grid-column:3}
.cuarto-ambiente[data-zona="ancha"]{grid-column:1/-1;grid-row:7}
.cuarto-ambiente[data-zona="grande"] ul,.cuarto-ambiente[data-zona="alta"] ul,.cuarto-ambiente[data-zona="rayada"] ul{display:contents}
.cuarto-ambiente h2{margin:0;font-size:25px;align-self:flex-start;justify-self:start;background:var(--yeso);padding:0 var(--paso-2);margin-left:calc(-1 * var(--paso-2))}
.cuarto-ambiente h2 a{color:var(--muro);text-decoration:none}
.cuarto-ambiente h2 a:hover{text-decoration:underline}
.cuarto-ambiente ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cuarto-ambiente li{background:var(--yeso);border:1.5px solid var(--muro);box-shadow:4px 4px 0 var(--trazo);padding:10px 14px}
.cuarto-ambiente h3{font-family:var(--tipo-cuerpo);font-size:15px;line-height:1.35;font-weight:750;margin:0 0 var(--paso-1)}
.cuarto-ambiente h3 a{color:var(--muro);text-decoration:none}
.cuarto-ambiente h3 a:hover{text-decoration:underline}
.cuarto-ambiente li p{margin:0;font-size:12.5px;color:var(--muro-suave)}
.cuarto-ambiente-mas{margin-top:auto;font-size:16px;align-self:flex-start;justify-self:start;background:var(--yeso);padding:2px var(--paso-2);margin-left:calc(-1 * var(--paso-2))}
/* Ventanas: tres líneas dentro del muro */
.plano-ventana{position:absolute;z-index:2;background-color:var(--yeso);background-image:linear-gradient(var(--muro),var(--muro)),linear-gradient(var(--muro),var(--muro)),linear-gradient(var(--muro),var(--muro));background-repeat:no-repeat}
.plano-ventana--a,.plano-ventana--b,.plano-ventana--c{top:-16px;height:16px;width:150px;background-size:100% 2px;background-position:0 0,0 50%,0 100%;border-inline:2.5px solid var(--muro)}
.plano-ventana--a{left:12%}
.plano-ventana--b{left:50%}
.plano-ventana--c{left:83%;width:110px}
.plano-ventana--lado{left:-16px;top:52%;width:16px;height:150px;background-size:2px 100%;background-position:0 0,50% 0,100% 0;border-block:2.5px solid var(--muro)}
/* Acceso: vano en el muro de abajo con la hoja abierta hacia adentro */
.plano-acceso{position:absolute;z-index:2;bottom:-16px;left:28%;width:72px;height:16px;background:var(--yeso);border-inline:2.5px solid var(--muro)}
.plano-acceso::after{content:"";position:absolute;left:-2.5px;bottom:16px;width:2.5px;height:40px;background:var(--muro)}
/* Vanos entre cuartos */
.cuarto-vano{position:absolute;z-index:1;background:var(--yeso);pointer-events:none}
.cuarto-vano::after{content:"";position:absolute;background:var(--muro)}
.cuarto-ambiente[data-zona="grande"] .cuarto-vano{right:-7px;bottom:14px;width:7px;height:68px;border-block:2px solid var(--muro)}
.cuarto-ambiente[data-zona="grande"] .cuarto-vano::after{right:7px;bottom:-2px;width:44px;height:2px}
.cuarto-ambiente[data-zona="ancha"] .cuarto-vano{right:20px;top:-7px;width:68px;height:7px;border-inline:2px solid var(--muro)}
.cuarto-ambiente[data-zona="ancha"] .cuarto-vano::after{right:-2px;top:7px;width:2px;height:44px}
/* Corrediza entre el cuarto alto y la terraza: dos hojas desfasadas */
.cuarto-ambiente[data-zona="alta"] .cuarto-vano{right:-7px;top:auto;bottom:56px;width:7px;height:84px;border-block:2px solid var(--muro);background-image:linear-gradient(var(--muro),var(--muro)),linear-gradient(var(--muro),var(--muro));background-repeat:no-repeat;background-size:2px 55%;background-position:0 0,100% 100%}
.cuarto-ambiente[data-zona="alta"] .cuarto-vano::after,.cuarto-ambiente[data-zona="rayada"] .cuarto-vano{display:none}

/* Tramos de la portada */
.plano-tramo{padding:var(--paso-8) 0;border-bottom:1px solid var(--trazo)}
.plano-tramo--ultimo{border-bottom:0}
/* Cabecera de sección: título y una línea de cota hasta el borde */
.plano-tramo-cabeza{display:flex;align-items:center;gap:var(--paso-4);margin-bottom:var(--paso-5)}
.plano-tramo-cabeza h2{margin:0;flex:0 1 auto}
.plano-tramo-cota{position:relative;flex:1 1 40px;min-width:40px;height:1.5px;background:var(--muro-suave)}
.plano-tramo-cota::before,.plano-tramo-cota::after{content:"";position:absolute;top:-6px;width:1.5px;height:13px;background:var(--muro-suave);transform:rotate(45deg)}
.plano-tramo-cota::before{left:0}
.plano-tramo-cota::after{right:0}
.plano-tramo-pie{margin:var(--paso-5) 0 0!important}
.plano-tramo-texto{color:var(--muro-suave);margin:calc(-1 * var(--paso-2)) 0 var(--paso-5)!important}

/* Tarjetas: seis columnas de base; tercios, mitades o fila entera */
.cuarto-piezas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--paso-7) var(--paso-5)}
.cuarto-pieza{grid-column:span 2;display:flex;flex-direction:column;gap:var(--paso-2);min-width:0}
.cuarto-pieza--mitad{grid-column:span 3}
.cuarto-pieza--entera{grid-column:1/-1}
.cuarto-pieza[hidden]{display:none}
.cuarto-pieza-foto{display:block;aspect-ratio:4/3;border:var(--grosor-trazo) solid var(--muro);overflow:hidden;background:var(--zocalo);transition:box-shadow .15s}
.cuarto-pieza--mitad .cuarto-pieza-foto,.cuarto-pieza--entera .cuarto-pieza-foto{aspect-ratio:16/9}
.cuarto-pieza-foto img{width:100%;height:100%;object-fit:cover}
.cuarto-pieza-foto:hover,.cuarto-pieza:has(.cuarto-pieza-titulo a:hover) .cuarto-pieza-foto{box-shadow:6px 6px 0 var(--menta)}
.cuarto-pieza-cuarto{font-family:var(--tipo-medida);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--menta-honda);margin:var(--paso-2) 0 0!important}
.plano-hoja .cuarto-pieza-titulo{font-family:var(--tipo-titulo);font-size:22px;line-height:1.22;font-weight:700;margin:0}
.cuarto-pieza--mitad .cuarto-pieza-titulo,.cuarto-pieza--entera .cuarto-pieza-titulo{font-size:27px!important}
.cuarto-pieza-titulo a{color:var(--muro);text-decoration:none}
.cuarto-pieza-titulo a:hover{text-decoration:underline}
.cuarto-pieza-fecha{font-size:14px;color:var(--muro-suave);margin:0!important}
.cuarto-pieza-extracto{font-size:15px;color:var(--muro-suave);margin:0!important}

/* Teléfonos: tres columnas chicas */
.plano-terna{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--paso-6)}
.plano-terna-texto{font-size:17px;line-height:1.6;color:var(--muro-suave);margin:calc(-1 * var(--paso-2)) 0 var(--paso-6)!important}
.plano-terna-mas{justify-self:start;align-self:end;padding-top:var(--paso-4);font-size:15px}
.plano-terna-col{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0;margin-bottom:var(--paso-7);border-top:var(--grosor-muro) solid var(--muro);padding-top:var(--paso-4)}
.plano-terna-col:nth-last-child(-n+3){margin-bottom:0}
.plano-terna-col h3{margin:0 0 var(--paso-4)}
.plano-terna-col h3 a{color:var(--muro);text-decoration:none}
.plano-terna-col h3 a:hover{text-decoration:underline}
.plano-chica{display:flex;gap:var(--paso-3);align-items:flex-start;padding:var(--paso-3) 0;border-bottom:1px dashed var(--trazo)}
.plano-chica-foto{flex:0 0 96px;aspect-ratio:4/3;border:var(--grosor-trazo) solid var(--muro);overflow:hidden;background:var(--zocalo)}
.plano-chica-foto img{width:100%;height:100%;object-fit:cover}
.plano-chica h4{font-family:var(--tipo-cuerpo);font-size:16px;line-height:1.35;font-weight:750;margin:0 0 var(--paso-1)}
.plano-chica h4 a{color:var(--muro);text-decoration:none}
.plano-chica h4 a:hover{text-decoration:underline}
.plano-chica p{margin:0;font-size:13px;color:var(--muro-suave)}

/* Nota */
.plano-nota{padding-top:var(--paso-6);padding-bottom:var(--paso-8)}
.plano-nota-planta{display:flex;flex-wrap:wrap;gap:var(--paso-7) var(--paso-7);align-items:flex-start}
.plano-nota-cuerpo{flex:999 1 600px;min-width:0;max-width:var(--columna-texto)}
.plano-nota-lado{flex:1 1 260px;max-width:330px;position:sticky;top:140px}
.plano-nota-bajada{font-size:20px;color:var(--muro-suave);margin-bottom:var(--paso-5)}
.plano-firma-linea{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--paso-3) var(--paso-4);font-size:15px;color:var(--muro-suave);padding:var(--paso-3) 0;border-block:1px solid var(--trazo)}
.plano-firma-linea img{width:48px;height:48px;object-fit:cover;border:2px solid var(--muro)}
.plano-firma-linea:not(:has(>img)){grid-template-columns:minmax(0,1fr) auto}
.plano-firma-datos{display:grid;gap:2px;min-width:0}
.plano-firma-quien{color:var(--muro)}
.plano-firma-linea a,.plano-firma-linea b{font-weight:800}
.plano-compartir{display:flex;gap:var(--paso-2);margin-left:auto}
.plano-compartir a,.plano-compartir button{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--paso-3);font:inherit;font-size:15px;font-weight:750;color:var(--muro);background:var(--yeso);border:var(--grosor-trazo) solid var(--muro);text-decoration:none;cursor:pointer}
.plano-compartir a:hover,.plano-compartir button:hover{background:var(--zocalo);color:var(--muro)}
.plano-lamina{margin:var(--paso-6) 0}
.plano-lamina img{width:100%;border:var(--grosor-trazo) solid var(--muro);background:var(--zocalo)}

/* Texto de la nota y de las páginas */
.plano-texto-nota{overflow-wrap:break-word}
.plano-texto-nota h2{scroll-margin-top:150px}
.plano-texto-nota h3{font-size:23px}
.plano-texto-nota h4{font-size:20px;margin:var(--paso-5) 0 var(--paso-2)}
.plano-texto-nota ul,.plano-texto-nota ol{padding-left:1.3em;margin:0 0 1em}
.plano-texto-nota li{margin-bottom:.35em}
.plano-texto-nota ul li::marker{color:var(--menta-honda)}
.plano-texto-nota img{border:var(--grosor-trazo) solid var(--muro);margin:var(--paso-3) 0;background:var(--zocalo)}
.plano-texto-nota figure{margin:var(--paso-6) 0}
.plano-texto-nota figcaption{font-size:15px;color:var(--muro-suave);margin-top:var(--paso-2)}
.plano-texto-nota blockquote{margin:var(--paso-6) 0;padding:var(--paso-4) var(--paso-5);background:var(--zocalo);border-left:6px solid var(--menta-honda)}
.plano-texto-nota blockquote p:last-child{margin:0}
.plano-texto-nota hr{border:0;border-top:2px dashed var(--trazo);margin:var(--paso-6) 0}
.plano-texto-nota iframe,.plano-texto-nota video{max-width:100%;border:var(--grosor-trazo) solid var(--muro)}
.plano-tabla-caja{overflow-x:auto;margin:var(--paso-5) 0;border:var(--grosor-trazo) solid var(--muro);background:var(--yeso)}
.plano-texto-nota table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}
.plano-tabla-caja table{min-width:560px}
.plano-texto-nota th,.plano-texto-nota td{padding:var(--paso-3) var(--paso-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--trazo)}
.plano-texto-nota thead th,.plano-texto-nota tr:first-child th{background:var(--muro);color:var(--piso);font-size:15px;font-weight:800}
.plano-texto-nota tbody tr:last-child>*{border-bottom:0}

/* Recorrido de la nota */
.plano-recorrido{background:var(--yeso);border:var(--grosor-trazo) solid var(--muro)}
.plano-recorrido summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 var(--paso-4);font-family:var(--tipo-titulo);font-weight:700;font-size:19px;cursor:pointer;list-style:none;border-bottom:1px solid var(--trazo)}
.plano-recorrido summary::-webkit-details-marker{display:none}
.plano-recorrido summary::after{content:"−";font-family:var(--tipo-medida)}
.plano-recorrido:not([open]) summary::after{content:"+"}
.plano-recorrido ol{list-style:none;margin:0;padding:var(--paso-2) 0;max-height:calc(100vh - 230px);overflow:auto}
.plano-recorrido a{display:flex;min-height:44px;align-items:center;padding:6px var(--paso-4);font-size:15px;line-height:1.35;font-weight:700;color:var(--muro);text-decoration:none}
.plano-recorrido a:hover{background:var(--zocalo)}
.plano-recorrido a[aria-current="true"]{background:var(--zocalo);box-shadow:inset 4px 0 0 var(--salmon)}

/* Final de la nota */
.plano-nota-fin{max-width:var(--columna-texto)}
.plano-puertas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--paso-4);margin:var(--paso-7) 0}
.plano-puertas a{display:block;padding:var(--paso-4) var(--paso-5);border:var(--grosor-trazo) solid var(--muro);background:var(--yeso);color:var(--muro);text-decoration:none;font-weight:800;line-height:1.35}
.plano-puertas a:hover{background:var(--zocalo);color:var(--muro)}
.plano-puertas a span{display:block;font-family:var(--tipo-medida);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--menta-honda);margin-bottom:4px}
.plano-puertas a span::before{content:"← "}
.plano-puertas .plano-puertas-sig{text-align:right;grid-column:2}
.plano-puertas .plano-puertas-sig span::before{content:none}
.plano-puertas .plano-puertas-sig span::after{content:" →"}
.plano-firma{display:flex;gap:var(--paso-5);align-items:flex-start;padding:var(--paso-5);background:var(--zocalo);border:var(--grosor-trazo) solid var(--muro)}
.plano-firma img{width:88px;height:88px;object-fit:cover;flex:0 0 auto;border:var(--grosor-trazo) solid var(--muro)}
.plano-firma-nombre{font-family:var(--tipo-titulo);font-size:23px;font-weight:700;margin:0 0 var(--paso-1)!important}
.plano-firma-nombre a{color:var(--muro)}
.plano-firma p:last-child{margin:0}
.plano-redes{display:flex;flex-wrap:wrap;gap:var(--paso-2) var(--paso-4);list-style:none;padding:0;margin:var(--paso-3) 0 0}
.plano-redes a{display:inline-flex;align-items:center;min-height:44px;font-weight:750;font-size:15px}

/* Categoría, autora y búsqueda */
.cuarto-encabezado{padding-top:var(--paso-6);padding-bottom:var(--paso-7)}
.cuarto-encabezado h1{margin-bottom:var(--paso-3)}
.cuarto-encabezado-pagina{font-family:var(--tipo-medida);font-size:.42em;font-weight:700;color:var(--muro-suave);letter-spacing:0;white-space:nowrap}
.cuarto-encabezado-texto{font-size:19px;color:var(--muro-suave)}
.cuarto-encabezado-texto p:last-child{margin:0}
.cuarto-hijas{margin:var(--paso-4) 0 0!important;font-weight:650}
.cuarto-hijas a{font-weight:800}
.cuarto-encabezado-busca{max-width:640px;margin-top:var(--paso-4)}
.plano-listado{padding-top:var(--paso-7);padding-bottom:var(--paso-8)}
.plano-quien{display:flex;gap:var(--paso-6);align-items:center;flex-wrap:wrap}
.plano-quien>img{width:160px;height:160px;object-fit:cover;border:var(--grosor-muro) solid var(--muro);box-shadow:8px 8px 0 var(--menta)}
.plano-quien-texto{flex:1 1 380px}
.plano-quien-bio{font-size:19px}

/* Pasillo: páginas */
.plano-pasillo{margin:var(--paso-8) 0 0}
.plano-pasillo ol{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--paso-2);list-style:none;padding:0;margin:0}
.plano-pasillo a,.plano-pasillo span,.plano-pasillo button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0 var(--paso-3);font:inherit;font-weight:800;color:var(--muro);text-decoration:none;background:var(--yeso);border:var(--grosor-trazo) solid var(--muro);cursor:pointer}
.plano-pasillo a:hover,.plano-pasillo button:hover{background:var(--menta);color:var(--sobre-menta)}
.plano-pasillo [aria-current="page"]{background:var(--muro);color:var(--piso)}
.plano-pasillo .plano-pasillo-hueco{border-color:transparent;background:transparent;min-width:24px}
.plano-pasillo .plano-pasillo-tope{font-family:var(--tipo-medida);font-size:15px}

.plano-busqueda-aviso{margin:var(--paso-3) 0 0!important;color:var(--muro-suave)}
.plano-busqueda-aviso:empty{display:none}
.plano-busqueda-nada-titulo{font-family:var(--tipo-titulo);font-size:24px;font-weight:700}
.plano-busqueda-atajos{margin-top:var(--paso-5)}
.plano-busqueda-atajos[hidden]{display:none}
.plano-busqueda-atajos p{font-weight:750;margin-bottom:var(--paso-2)}
.plano-busqueda-atajos ul{list-style:none;padding:0;margin:0;columns:2 220px;column-gap:var(--paso-6)}
.plano-busqueda-atajos li{break-inside:avoid}
.plano-busqueda-atajos a{display:flex;align-items:center;min-height:44px;font-weight:750;border-bottom:1px dashed var(--trazo)}

/* Páginas del sitio */
.plano-texto{padding-top:var(--paso-6);padding-bottom:var(--paso-8)}
.plano-texto-planta{display:flex;flex-wrap:wrap;gap:var(--paso-7);align-items:flex-start}
.plano-texto-cuerpo{flex:999 1 560px;min-width:0;max-width:var(--columna-texto)}
.plano-texto-lado{flex:1 1 240px;max-width:300px;position:sticky;top:140px}
.plano-texto-lado ul{list-style:none;padding:0;margin:0;border:var(--grosor-trazo) solid var(--muro);background:var(--yeso)}
.plano-texto-lado a{display:flex;align-items:center;min-height:48px;padding:0 var(--paso-4);color:var(--muro);font-weight:750;text-decoration:none;border-bottom:1px solid var(--trazo)}
.plano-texto-lado li:last-child a{border-bottom:0}
.plano-texto-lado a:hover{background:var(--zocalo)}
.plano-texto-lado a[aria-current="page"]{background:var(--zocalo);box-shadow:inset 4px 0 0 var(--salmon)}

/* 404 */
.plano-sin-puerta{padding-top:var(--paso-8);padding-bottom:var(--paso-8);display:flex;flex-wrap:wrap;gap:var(--paso-7);align-items:center}
.plano-sin-puerta>div{flex:1 1 380px}
.plano-sin-puerta>img{flex:1 1 380px;max-width:560px;border:var(--grosor-trazo) solid var(--muro);background:var(--piso)}
.plano-sin-puerta-texto{font-size:19px}

/* Pie: siempre oscuro */
.plano-pie{background:var(--pie-fondo);color:var(--pie-letra);padding:var(--paso-7) 0 var(--paso-5);margin-top:var(--paso-6)}
.plano-hoja .plano-pie a{color:var(--pie-letra)}
.plano-hoja .plano-pie a:hover{color:var(--menta)}
.plano-pie-rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:var(--paso-6);align-items:start}
.plano-pie-titulo{font-family:var(--tipo-medida);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--menta);margin:0 0 var(--paso-2)!important}
.plano-pie ul{list-style:none;padding:0;margin:0}
.plano-pie li a{display:inline-flex;align-items:center;min-height:40px;font-size:16px;text-decoration:none}
.plano-pie li a:hover{text-decoration:underline}
.plano-pie-rotulo img{height:30px;width:auto}
.plano-pie-base{border-top:1px solid var(--pie-linea);margin:var(--paso-6) 0 0!important;padding-top:var(--paso-4);font-size:14px;color:var(--pie-suave)}

/* Tableta */
@container hoja (max-width: 1000px){
  .plano-planta{grid-template-rows:none}
  .cuarto-ambiente[data-zona]{display:flex;grid-row:auto;grid-column:auto}
  .cuarto-ambiente[data-zona="grande"]{grid-area:grande}
  .cuarto-ambiente[data-zona="alta"]{grid-area:alta}
  .cuarto-ambiente[data-zona="rayada"]{grid-area:rayada}
  .cuarto-ambiente[data-zona="ancha"]{grid-area:ancha}
  .cuarto-ambiente[data-zona] ul{display:grid}
  .cuarto-piezas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cuarto-pieza,.cuarto-pieza--mitad{grid-column:span 1}
  .cuarto-pieza--entera,.cuarto-pieza--cierra{grid-column:1/-1}
  .cuarto-pieza--cierra .cuarto-pieza-foto{aspect-ratio:16/9}
  .plano-terna{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plano-terna-col:nth-last-child(-n+3){margin-bottom:var(--paso-7)}
  .plano-terna-col:nth-last-child(-n+2){margin-bottom:0}
  .plano-planta{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"grande alta" "rayada ancha"}
  .cuarto-ambiente[data-zona="rayada"]{border-right:7px solid var(--muro);border-bottom:0}
  .cuarto-ambiente[data-zona="ancha"] ul{grid-template-columns:minmax(0,1fr)}
  .plano-ejes,.plano-ventana--c,.cuarto-ambiente[data-zona="alta"] .cuarto-vano{display:none}
  .cuarto-ambiente[data-zona="alta"]{border-right:0}
  .cuarto-ambiente[data-zona="grande"]{border-bottom:7px solid var(--muro)}
}

/* Celular */
@container hoja (max-width: 760px){
  .plano-hoja{font-size:17px}
  .plano-terna{grid-template-columns:minmax(0,1fr)}
  .plano-terna-col:nth-last-child(-n+2){margin-bottom:var(--paso-7)}
  .plano-terna-col:last-child{margin-bottom:0}
  .plano-marco{padding-inline:var(--paso-4)}
  .plano-cabecera-fila{min-height:60px;gap:var(--paso-2)}
  .plano-rotulo img{height:24px}
  .plano-abrir{display:inline-flex;align-items:center;min-height:46px;padding:0 var(--paso-3);font:inherit;font-size:15px;font-weight:800;color:var(--muro);background:var(--yeso);border:var(--grosor-trazo) solid var(--muro);cursor:pointer}
  .plano-abrir span+span,.plano-abrir[aria-expanded="true"] span:first-child{display:none}
  .plano-abrir[aria-expanded="true"] span+span{display:inline}
  .plano-abrir[aria-expanded="true"]{background:var(--menta);color:var(--sobre-menta)}
  .plano-menu{display:none;max-height:calc(100vh - 64px);overflow:auto;padding:var(--paso-4) 0 var(--paso-5)}
  .plano-menu.plano-menu--abierto{display:block}
  .plano-nav>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:var(--paso-2);padding:0}
  .plano-nav>ul>li{border:var(--grosor-trazo) solid var(--muro);background:var(--yeso)}
  .plano-nav>ul>li>a{display:flex;width:100%;min-height:48px}
  .plano-nav .plano-nav-con-hijos{grid-column:1/-1}
  .plano-nav-flecha{display:none}
  .plano-nav-con-hijos>ul{display:grid;position:static;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;padding:0 var(--paso-2) var(--paso-2);border:0;box-shadow:none;background:transparent}
  .plano-nav-con-hijos>ul a{font-size:15px;font-weight:650;min-height:44px}
  .plano-portada{padding:var(--paso-6) 0 var(--paso-7)}
  .plano-portada-texto{font-size:18px;margin-bottom:var(--paso-6)!important}
  .plano-planta{grid-template-columns:minmax(0,1fr);grid-template-areas:"grande" "alta" "rayada" "ancha";border-width:10px;border-image:repeating-linear-gradient(45deg,var(--muro) 0 2px,var(--yeso) 2px 6px) 10}
  .cuarto-ambiente{border-right:0!important;border-bottom:6px solid var(--muro)!important;padding:var(--paso-5) var(--paso-4) var(--paso-4)}
  .cuarto-ambiente[data-zona="ancha"]{border-bottom:0!important}
  .cuarto-ambiente[data-zona="ancha"] ul{grid-template-columns:minmax(0,1fr)}
  .cuarto-vano,.plano-ventana--b,.plano-ventana--c,.plano-ventana--lado,.plano-acceso{display:none!important}
  .plano-ventana--a{top:-10px;height:10px;width:110px;left:auto;right:18%}
  .cuarto-ambiente h2{font-size:24px}
  .plano-tramo{padding:var(--paso-7) 0}
  .cuarto-piezas{grid-template-columns:minmax(0,1fr);gap:var(--paso-6)}
  .cuarto-pieza,.cuarto-pieza--mitad,.cuarto-pieza--entera,.cuarto-pieza--cierra{grid-column:1/-1}
  .cuarto-pieza .cuarto-pieza-foto{aspect-ratio:16/9}
  .plano-hoja .cuarto-pieza-titulo,.cuarto-pieza--mitad .cuarto-pieza-titulo,.cuarto-pieza--entera .cuarto-pieza-titulo{font-size:22px!important}
  .plano-nota-lado{order:-1;position:static;max-width:none;flex-basis:100%}
  .plano-nota-planta{gap:var(--paso-5)}
  .plano-firma-linea{grid-template-columns:auto minmax(0,1fr)}
  .plano-firma-linea:not(:has(>img)){grid-template-columns:minmax(0,1fr)}
  .plano-compartir{margin-left:0;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .plano-compartir a,.plano-compartir button{justify-content:center;padding:0 var(--paso-2);white-space:nowrap}
  .plano-firma-cuando>span{display:block}
  .plano-firma-cuando .plano-firma-punto{display:none}
  .plano-puertas{grid-template-columns:minmax(0,1fr)}
  .plano-puertas .plano-puertas-sig{grid-column:auto;text-align:left}
  .plano-firma{flex-direction:column}
  .plano-texto-lado{position:static;max-width:none;flex-basis:100%}
  .plano-quien>img{width:120px;height:120px}
  .plano-pie-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plano-pie-rotulo{grid-column:1/-1}
  .plano-nota-bajada{font-size:18px}
}
@media (prefers-reduced-motion: reduce){.plano-persiana i,.cuarto-pieza-foto{transition:none}}
.cuarto-encabezado-texto img{margin:var(--paso-4) 0;border:var(--grosor-trazo) solid var(--muro);background:var(--yeso)}

/* 13-nov-2026: miga visible de la nota (Inicio / Sección / Nota); el título se corta con «…» */
.plano-ruta li.plano-ruta-nota{flex:1 1 0;min-width:0}
.plano-ruta li.plano-ruta-nota span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}