.casa{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:clamp(1.5rem,3.5vw,3.5rem);align-items:center}.casa--sola{grid-template-columns:minmax(0,1fr)}.casa--foco .hab{pointer-events:none}.casa--foco .casa__dibujo{overflow:hidden}.casa__dibujo{width:100%;height:auto;overflow:visible;transform:translate(var(--tx, 0%),var(--ty, 0%)) scale(var(--zs, 1));transition:transform 1.2s var(--salida)}.casa.recorriendo .hab.encendida:not(.activa) .luz{opacity:.46}.casa:not(.casa--sola) .casa__dibujo{transition-duration:.65s}.cielo circle,.cielo path{fill:var(--crema);opacity:.6}.cielo .luna{opacity:.95}.cielo .luna-halo{opacity:.05}.cielo .luna-sombra{fill:var(--vino-900);opacity:1}.cielo .humo{opacity:.4}.cielo .humo--2{opacity:.26}.cielo .humo--3{opacity:.14}.jardin{pointer-events:none}.jardin circle,.jardin ellipse{fill:#5e1d39}.jardin .tierra{fill:url(#tierra-fundido)}.jardin .tronco{fill:#4c162d}.jardin .copa-fondo{fill:#45132a}.jardin .copa-luz{fill:#6e2546}.jardin .hierba,.jardin .piedra{fill:#5e1d39}.jardin .piedra{fill:#6b2443}.jardin .luciernagas circle{fill:#ffd88a;opacity:.7}@media(prefers-reduced-motion:no-preference){.jardin .luciernagas circle{animation:titila 3.4s ease-in-out var(--d, 0s) infinite alternate}.cielo .humo{transform-box:fill-box;transform-origin:center;animation:humo-sube 7s ease-in-out infinite}.cielo .humo--2{animation-delay:-2.3s}.cielo .humo--3{animation-delay:-4.6s}}@keyframes titila{0%{opacity:.15;transform:translateY(0)}to{opacity:.85;transform:translateY(-5px)}}@keyframes humo-sube{0%,to{transform:translate(0) scale(1)}50%{transform:translate(3px,-5px) scale(1.12)}}.jardin .loto ellipse{fill:var(--ambar);opacity:.8}.foco{fill:url(#foco-luz);opacity:0;transition:opacity .9s var(--suave)}.hab.encendida .foco{opacity:1}html:not(.js) .foco{opacity:1}.casa.enfocada .hab.encendida:not(.activa) .foco,.casa.recorriendo .hab.encendida:not(.activa) .foco{opacity:.25}.hab{cursor:pointer;outline:none}.hab .sombra{fill:#45132a}.hab .luz{fill:url(#luz-cuarto);opacity:0;transition:opacity .7s var(--suave)}.hab .brillo{fill:#fff6dd;opacity:0;transition:opacity .24s var(--suave)}.detalle{opacity:0;transition:opacity .7s var(--suave);pointer-events:none}.hab.encendida .detalle,html:not(.js) .detalle{opacity:1}.casa.recorriendo .hab.encendida:not(.activa) .detalle,.casa.enfocada .hab.encendida:not(.activa) .detalle{opacity:.5}.detalle .piso{fill:#c88a52;opacity:.5}.detalle .alfombra--rosa{fill:#d6869a;opacity:.55}.detalle .alfombra--menta{fill:#8fc2ae;opacity:.6}.detalle .liston{fill:#b5763f}.detalle .liston-luz{fill:#ffd27a}.detalle .ventana-marco{fill:#8a5530}.detalle .ventana-noche{fill:#2a0d18}.detalle .ventana-cruz{fill:none;stroke:#8a5530;stroke-width:2.2}.detalle .estrella{fill:var(--crema)}.hab[data-hab=infa] .luz,.hab[data-hab=gine] .luz,.hab[data-hab=salon] .luz{fill:url(#luz-rosa)}.hab[data-hab=entrada] .luz,.hab[data-hab=fono] .luz,.hab[data-hab=neuro] .luz{fill:url(#luz-miel)}.muebles{color:#6c2a45;transition:color .5s var(--suave)}.muebles *{fill:currentColor}.muebles .t{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.halo{fill:var(--ambar);opacity:0;filter:blur(26px);transition:opacity .7s var(--suave)}.hab.encendida .luz{opacity:1}.hab.encendida .muebles{color:var(--vino-900)}.emblema{color:#86405a;transform-box:fill-box;transform-origin:50% 100%;transition:color .5s var(--suave),transform .52s var(--salida)}.hab.encendida .emblema{color:#9a2f55}.hab.activa .emblema{transform:translateY(-4px) scale(1.07)}.muebles .husky{opacity:.45;transition:opacity .6s var(--suave)}.hab.encendida .muebles .husky,html:not(.js) .muebles .husky{opacity:1}.muebles .husky .pelo{fill:#8b4f33}.muebles .husky .claro{fill:#f3e3cb}.muebles .husky .ojo-azul{fill:#8cc3e3}.muebles .husky .ojo-ambar{fill:#d9a441}.muebles .husky .oscuro{fill:#2a0d18}.muebles .hueco{fill:none;stroke:#45132a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .5s var(--suave)}.hab.encendida .muebles .hueco,html:not(.js) .muebles .hueco{stroke:#fbe9c2}html:not(.js) .emblema{color:#9a2f55}.halo.encendida{opacity:.16}html:not(.js) .hab .luz{opacity:1}html:not(.js) .muebles{color:var(--vino-900)}.casa.enfocada .hab.encendida:not(.activa) .luz{opacity:.38;transition-duration:.32s}.hab.activa .brillo,.hab:focus-visible .brillo,.hab[aria-current=page] .brillo{opacity:.5}.halo.activa{opacity:.6;transition-duration:.32s}.hab:focus-visible .sombra{stroke:var(--ambar);stroke-width:10}.muros{pointer-events:none}.muros path,.muros circle{fill:none;stroke:var(--crema);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.muros .techo{stroke-width:9}.muros .relleno{fill:var(--crema)}.muros rect.relleno{stroke:none}.muros .tejado{fill:#5a1b36;stroke:none}.muros .tejas{fill:none;stroke:#722a4a;stroke-width:9;stroke-dasharray:1.6 9;stroke-linecap:butt}.muros .chimenea{fill:#45132a}.cuartos{list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--crema) 28%,transparent)}.cuartos a{position:relative;display:grid;gap:.1rem;padding:.62rem 2.25rem .68rem 0;color:var(--crema);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--crema) 28%,transparent)}.cuartos a>span{transition:transform .32s var(--salida)}.cuartos a:after{content:"→";position:absolute;right:.25rem;top:50%;font-size:var(--paso-1);color:var(--acento);opacity:0;transform:translate(-8px,-50%);transition:opacity .22s var(--suave),transform .32s var(--salida)}.cuartos__nombre{width:fit-content;font-family:var(--display);font-size:clamp(1.35rem,1.1rem + .9vw,1.85rem);font-weight:340;line-height:1.12;letter-spacing:-.02em;transition:color .22s var(--suave)}.cuartos__linea{font-size:var(--paso--1);color:color-mix(in srgb,var(--crema) 74%,transparent)}.cuartos a.activa>span,.cuartos a[aria-current=page]>span{transform:translate(.75rem)}.cuartos a.activa .cuartos__nombre,.cuartos a[aria-current=page] .cuartos__nombre{color:var(--acento);font-style:italic}.cuartos a.activa:after{opacity:1;transform:translateY(-50%)}.cuartos a:focus-visible{outline-offset:2px}@media(prefers-reduced-motion:reduce){.casa__dibujo,.emblema,.foco,.hab .luz,.hab .brillo,.halo,.muebles,.cuartos a>span,.cuartos a:after{transition:none}}@media(max-width:56rem){.casa{grid-template-columns:1fr}.cuartos__nombre{font-size:var(--paso-1)}}