/* Layout: una sola columna de galería tranquila; los cuadros mandan, la interfaz es papel y tierra. */
:root{
  --bg:#EEE6D9;        /* papel de lino */
  --surface:#F7F2EA;   /* hoja clara para fichas */
  --ink:#2A221B;       /* sepia oscuro */
  --muted:#7B6B5A;     /* tierra apagada */
  --line:#D9CDBB;
  --accent:#8A5527;    /* ocre tostado */
  --accent-ink:#FBF6EE;
  --shadow:43 30 18;
  --wall:#D8C5AA;
  --display:"Instrument Serif","Iowan Old Style",Georgia,serif;
  --body:"Figtree",-apple-system,"Segoe UI",system-ui,sans-serif;
  --r:18px; --r-s:12px;
  --ease:cubic-bezier(.22,.8,.24,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#1D1813;--surface:#27201A;--ink:#EFE6D8;--muted:#A8977F;--line:#3A3027;--accent:#D49A62;--accent-ink:#1D1813;--shadow:0 0 0;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#1D1813;--surface:#27201A;--ink:#EFE6D8;--muted:#A8977F;--line:#3A3027;--accent:#D49A62;--accent-ink:#1D1813;--shadow:0 0 0;color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.05;text-wrap:balance;margin:0;letter-spacing:-.01em}
.eyebrow{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}
button{font:inherit;color:inherit}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}

/* aviso maqueta */
.mock{background:var(--ink);color:var(--bg);font-size:.8rem;text-align:center;padding:7px 16px}

/* cabecera de cristal */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);
  background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid transparent;transition:border-color .4s,background .4s}
header.scrolled{border-color:var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px}
.logo{font-family:var(--display);font-size:1.75rem;font-style:italic;text-decoration:none;line-height:1}
.logo small{font-family:var(--body);font-style:normal;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-left:6px}
.links{display:flex;gap:clamp(12px,2.5vw,30px);font-size:.92rem}
.links a{text-decoration:none;color:var(--muted);transition:color .25s}
.links a:hover{color:var(--ink)}
@media (max-width:620px){.links a:not(.k){display:none}}

/* botones */
.btn{display:inline-flex;align-items:center;gap:9px;border:0;border-radius:999px;padding:13px 22px;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s}
.btn svg{width:18px;height:18px;flex:none}
.btn-main{background:var(--ink);color:var(--bg)}
.btn-main:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgb(var(--shadow)/.55)}
.btn-soft{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn-soft:hover{box-shadow:inset 0 0 0 1px var(--muted)}
.btn:active{transform:scale(.97)}

/* portada */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(40px,7vw,96px) clamp(48px,7vw,90px)}
.hero h1{font-size:clamp(2.9rem,6.8vw,5.6rem);margin-block:14px 22px}
.hero h1 em{color:var(--accent)}
.hero p.lead{font-size:1.12rem;color:var(--muted);max-width:30em;margin:0 0 30px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px}
.facts{display:flex;gap:28px;flex-wrap:wrap;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}
.facts b{display:block;font-family:var(--display);font-weight:400;font-size:1.9rem;color:var(--ink);line-height:1.1;font-variant-numeric:tabular-nums}
.hero-art{position:relative;justify-self:center;width:min(100%,470px)}
.slides{position:relative;aspect-ratio:4/5;max-width:100%;cursor:pointer;display:block;width:100%;border:0;padding:0;background:none}
.slide{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:6px;
  box-shadow:0 30px 60px -28px rgb(var(--shadow)/.6),0 8px 18px -10px rgb(var(--shadow)/.35);
  opacity:0;transform:translateX(42px) scale(.96);transition:opacity .6s var(--ease),transform .9s cubic-bezier(.34,1.45,.5,1)}
.slide.on{opacity:1;transform:none}
.slide.out{opacity:0;transform:translateX(-42px) scale(.96);transition:opacity .5s var(--ease),transform .7s var(--ease)}
.slides:hover .slide.on{transform:scale(1.012)}
.tag{position:absolute;left:-14px;bottom:28px;z-index:2;background:var(--surface);border-radius:14px;padding:10px 14px;box-shadow:0 12px 30px -14px rgb(var(--shadow)/.5);font-size:.82rem;line-height:1.35;text-align:left;transition:opacity .35s,transform .6s cubic-bezier(.34,1.45,.5,1)}
.tag.swap{opacity:0;transform:translateY(8px)}
.tag b{font-family:var(--display);font-weight:400;font-size:1.15rem;display:block}
.tag b::first-letter{text-transform:uppercase}
.dots{position:relative;display:flex;gap:12px;width:max-content;margin:20px auto 0;padding:4px}
.dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:var(--line);cursor:pointer}
.dot:hover{background:var(--muted)}
.pill{position:absolute;top:4px;height:8px;border-radius:8px;background:var(--ink);pointer-events:none;
  transition:left .5s cubic-bezier(.34,1.6,.5,1),right .5s cubic-bezier(.34,1.6,.5,1)}
.dots.fwd .pill{transition-delay:.12s,0s}
.dots.back .pill{transition-delay:0s,.12s}
@media (max-width:820px){.hero{grid-template-columns:1fr}.hero-art{order:-1;width:min(80%,360px)}.tag{left:-8px}}

section{padding-block:clamp(48px,7vw,90px)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.sec-head h2{font-size:clamp(2.2rem,4.5vw,3.4rem)}
.sec-head p{color:var(--muted);margin:6px 0 0;max-width:34em}

/* series */
.series{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,2vw,22px)}
.serie{grid-column:span 2;border:0;background:var(--surface);border-radius:24px;padding:clamp(18px,2.4vw,28px);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:18px;min-width:0;
  transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.serie.big{grid-column:span 3}
.serie:hover{transform:translateY(-4px);box-shadow:0 28px 50px -34px rgb(var(--shadow)/.6)}
.wall{height:clamp(170px,19vw,240px);display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,1.4vw,18px);padding-top:6px}
.serie.big .wall{height:clamp(200px,24vw,300px)}
.wall img{height:var(--h);width:auto;max-width:38%;object-fit:contain;border-radius:3px;box-shadow:0 16px 26px -16px rgb(var(--shadow)/.7);
  transition:transform .7s cubic-bezier(.34,1.45,.5,1);transition-delay:var(--d)}
.serie:hover .wall img{transform:translateY(-8px) rotate(var(--rot))}
.serie .txt{display:flex;justify-content:space-between;align-items:end;gap:12px;border-top:1px solid var(--line);padding-top:14px}
.serie h3{font-size:clamp(1.6rem,2.4vw,2.1rem);text-transform:none}
.serie h3::first-letter{text-transform:uppercase}
.serie .n{font-size:.85rem;color:var(--muted);margin-top:4px}
.serie .go{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line);transition:background .3s,color .3s,transform .5s var(--ease)}
.serie:hover .go{background:var(--ink);color:var(--bg);transform:translateX(3px)}
@media (max-width:900px){.series{grid-template-columns:repeat(2,1fr)}.serie,.serie.big{grid-column:span 1}.serie.full{grid-column:span 2}}
@media (max-width:560px){.series{grid-template-columns:1fr}.serie.full{grid-column:span 1}}

/* galería */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}
.chip{border:0;border-radius:999px;padding:8px 16px;font-size:.88rem;background:transparent;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;text-transform:capitalize;transition:background .3s,color .3s,box-shadow .3s}
.chip:hover{box-shadow:inset 0 0 0 1px var(--muted)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);box-shadow:none}
.grid{columns:3 280px;column-gap:clamp(20px,3vw,40px)}
.card{break-inside:avoid;margin-bottom:clamp(28px,3.5vw,46px);display:block;width:100%;border:0;padding:0;background:none;text-align:left;cursor:pointer}
.card .ph{border-radius:4px;overflow:hidden;box-shadow:0 18px 34px -22px rgb(var(--shadow)/.55);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.card img{display:block;width:100%;height:auto}
.card:hover .ph{transform:translateY(-5px);box-shadow:0 30px 46px -24px rgb(var(--shadow)/.6)}
.card .meta{display:flex;justify-content:space-between;gap:12px;margin-top:14px;align-items:baseline}
.card h3{font-family:var(--body);font-weight:500;font-size:1rem;line-height:1.3}
.card h3::first-letter{text-transform:uppercase}
.card .sub{font-size:.82rem;color:var(--muted);margin-top:2px}
.card .pr{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}
.card.in{animation:rise .7s var(--ease) both}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (max-width:560px){.grid{columns:2;column-gap:14px}.card .meta{flex-direction:column;gap:2px}.card h3{font-size:.92rem}}
.note{font-size:.85rem;color:var(--muted);text-align:center;margin-top:10px}

/* quién soy */
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,6vw,80px);align-items:start}
.about .pic{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--surface)}
.about .pic img{width:100%;height:100%;object-fit:cover}
.about .pic span{position:absolute;inset:auto 12px 12px 12px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(8px);border-radius:12px;padding:9px 12px;font-size:.8rem;color:var(--muted)}
.about blockquote{font-family:var(--display);font-style:italic;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.15;margin:16px 0 26px;text-wrap:balance}
.about p{max-width:62ch;margin:0 0 16px;color:color-mix(in srgb,var(--ink) 86%,var(--muted))}
@media (max-width:820px){.about{grid-template-columns:1fr}.about .pic{max-width:420px}}

/* contacto */
.contact{background:var(--surface);border-radius:28px;padding:clamp(28px,6vw,64px);display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}
.contact h2{font-size:clamp(2.2rem,4.5vw,3.4rem);margin-bottom:12px}
.contact p{color:var(--muted);margin:0 0 24px;max-width:34em}
.contact dl{margin:0;display:grid;gap:16px}
.contact dt{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.contact dd{margin:2px 0 0;font-size:1.1rem;user-select:all}
@media (max-width:760px){.contact{grid-template-columns:1fr}}
footer{padding-block:40px 60px;color:var(--muted);font-size:.85rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* WhatsApp flotante */
.fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:25;transform:translateY(120px);transition:transform .6s var(--ease)}
.fab.on{transform:none}

/* ficha */
.sheet{position:fixed;inset:0;z-index:50;display:grid;place-items:end center;visibility:hidden}
.sheet.open{visibility:visible}
.sheet .veil{position:absolute;inset:0;background:rgb(20 14 9/.45);backdrop-filter:blur(6px);opacity:0;transition:opacity .45s}
.sheet.open .veil{opacity:1}
.panel{position:relative;width:min(1140px,100%);max-height:calc(100% - 24px - env(safe-area-inset-top,0px));overflow:auto;background:var(--surface);border-radius:28px 28px 0 0;
  transform:translateY(100%);transition:transform .55s var(--ease);padding:clamp(18px,3.5vw,40px);padding-bottom:calc(clamp(18px,3.5vw,40px) + env(safe-area-inset-bottom,0px))}
.sheet.open .panel{transform:none}
.close{position:sticky;top:0;float:right;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:var(--bg);cursor:pointer;font-size:1.3rem;line-height:1}
.f-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(22px,4vw,52px);clear:both}
@media (max-width:820px){.f-grid{grid-template-columns:1fr}}
.seg{display:inline-flex;background:var(--bg);border-radius:999px;padding:4px;margin-bottom:14px}
.seg button{border:0;background:none;border-radius:999px;padding:7px 16px;font-size:.88rem;cursor:pointer;color:var(--muted);transition:background .3s,color .3s}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px -3px rgb(var(--shadow)/.35)}
.stage{position:relative;border-radius:var(--r);background:var(--bg);aspect-ratio:4/3.4;max-width:100%;display:grid;place-items:center;overflow:hidden}
.stage .art{max-width:84%;max-height:86%;width:auto;height:auto;box-shadow:0 26px 50px -26px rgb(var(--shadow)/.7);border-radius:3px;transition:opacity .35s,transform .5s var(--ease)}
.stage .art.swap{opacity:0;transform:scale(.985)}
.arrow{position:absolute;top:50%;translate:0 -50%;width:42px;height:42px;border-radius:50%;border:0;background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:blur(6px);cursor:pointer;z-index:2;font-size:1.1rem;transition:transform .3s var(--ease)}
.arrow:hover{transform:scale(1.08)}
.arrow.l{left:12px}.arrow.r{right:12px}
.room{position:absolute;inset:0;background:
   radial-gradient(120% 90% at 12% 0%,rgb(255 246 228/.55),transparent 55%),
   linear-gradient(180deg,color-mix(in srgb,var(--wallc) 92%,white),var(--wallc));transition:background .5s}
.room .floor{position:absolute;inset:auto 0 0 0;height:15%;background:repeating-linear-gradient(90deg,#9C7552 0 13%,#93694A 13% 13.3%,#A27C59 13.3% 27%,#946C4C 27% 27.3%);}
.room .floor::before{content:"";position:absolute;inset:-6px 0 auto 0;height:6px;background:#EFE7DA}
.room .light{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgb(255 248 230/.22) 42%,transparent 58%);pointer-events:none}
.sofa{position:absolute;left:50%;translate:-50% 0;bottom:11%;width:62%;height:29%}
.sofa .back{position:absolute;inset:0 4% 30% 4%;background:#CDBFA8;border-radius:22px 22px 8px 8px;box-shadow:inset 0 -10px 18px -10px rgb(0 0 0/.18)}
.sofa .seat{position:absolute;inset:52% 2% 8% 2%;background:#D7CAB4;border-radius:14px;box-shadow:0 10px 18px -10px rgb(0 0 0/.35)}
.sofa .arm{position:absolute;bottom:8%;width:9%;height:62%;background:#C8B9A0;border-radius:16px}
.sofa .arm.a{left:0}.sofa .arm.b{right:0}
.sofa .cush{position:absolute;bottom:42%;width:13%;height:30%;border-radius:10px;background:#9A6B45;rotate:-6deg;left:14%}
.sofa .cush.c2{left:auto;right:15%;background:#6F7357;rotate:7deg}
.sofa .leg{position:absolute;bottom:0;width:2%;height:9%;background:#5A4330;border-radius:2px}
.plant{position:absolute;left:4%;bottom:12%;width:15%}
.lamp{position:absolute;right:6%;bottom:12%;width:9%;height:66%}
.lamp i{position:absolute;left:50%;bottom:0;width:3px;height:100%;translate:-50% 0;background:#3E3227}
.lamp b{position:absolute;left:50%;top:0;translate:-50% 0;width:100%;aspect-ratio:1.2/1;background:#EADFCB;border-radius:40% 40% 6px 6px;box-shadow:0 20px 40px 10px rgb(255 236 200/.35)}
.room .hang{position:absolute;left:50%;translate:-50% 0;box-shadow:0 14px 24px -10px rgb(0 0 0/.45),0 2px 4px rgb(0 0 0/.2);border-radius:2px;transition:width .5s var(--ease)}
.walls{display:flex;gap:8px;align-items:center;font-size:.8rem;color:var(--muted);margin-top:12px;flex-wrap:wrap}
.walls button{width:24px;height:24px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer}
.walls button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ink)}
.f-info h2{font-size:clamp(2.2rem,4.2vw,3.2rem);margin:8px 0 6px}
.f-info h2::first-letter{text-transform:uppercase}
.price{font-size:1.6rem;font-weight:500;font-variant-numeric:tabular-nums;margin:16px 0 4px}
.avail{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;color:var(--muted)}
.avail::before{content:"";width:7px;height:7px;border-radius:50%;background:#6E8B4E}
.f-info .btn{margin-block:20px 8px;width:100%;justify-content:center;padding-block:15px}
.specs{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:22px 0;padding:18px 0;border-block:1px solid var(--line);font-size:.92rem}
.specs dt{color:var(--muted)}.specs dd{margin:0;text-transform:none}
details{border-bottom:1px solid var(--line);padding-block:12px}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-weight:500}
summary::after{content:"+";transition:rotate .3s var(--ease)}
details[open] summary::after{rotate:45deg}
details p{margin:10px 0 2px;color:var(--muted);font-size:.92rem}
.more{margin-top:34px}
.more .row{display:flex;gap:12px;overflow-x:auto;padding:8px 2px 12px}
.more button{flex:none;border:0;padding:0;background:none;cursor:pointer;border-radius:6px;overflow:hidden;height:110px;transition:transform .4s var(--ease)}
.more button:hover{transform:translateY(-3px)}
.more img{height:100%;width:auto;display:block}

.reveal{transition:transform 1s var(--ease)}
.reveal.pending{transform:translateY(22px)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ── añadidos para la web real (enlaces y página propia de cada cuadro) */
/* lo que oculta el atributo hidden tiene que ocultarse siempre, aunque la clase diga display:flex/block */
[hidden]{display:none!important}
img{max-width:100%}
a.card{color:inherit;text-decoration:none}
.more a{flex:none;border-radius:6px;overflow:hidden;height:110px;transition:transform .4s var(--ease)}
.more a:hover{transform:translateY(-3px)}
.more a img{height:100%;width:auto;display:block}
.page{padding-block:20px 10px}
.page .panel{position:relative;transform:none;max-height:none;overflow:visible;border-radius:28px;width:100%;margin:0}
.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:.92rem;margin-bottom:14px;transition:color .3s}
.back:hover{color:var(--ink)}
.slides .slide:not(.on){pointer-events:none}
/* rejilla de series para cualquier número de colecciones */
.serie.wide{grid-column:1/-1}
@media (max-width:900px){.serie.wide{grid-column:span 1}.serie.wide.full,.serie.big.full{grid-column:span 2}}
@media (max-width:560px){.serie.wide.full,.serie.big.full{grid-column:span 1}}
/* las fotos llegan sin medidas: hueco provisional 4:5 hasta que cargan y respetar su forma real */
.card img{aspect-ratio:auto 4/5}
.wall img{height:auto;max-height:var(--h);object-fit:initial}
/* escenas «en casa»: salón, dormitorio, entrada y estudio (coordenadas en % del recuadro) */
.esc{position:absolute;inset:0;display:none;pointer-events:none}
.room[data-escena="salon"] .esc-salon,.room[data-escena="dormitorio"] .esc-dormitorio,
.room[data-escena="entrada"] .esc-entrada,.room[data-escena="estudio"] .esc-estudio{display:block;animation:esc-in .6s var(--ease)}
@keyframes esc-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.room .hang{transition:width .6s var(--ease),bottom .6s var(--ease)}
/* dormitorio: cabecero de 1,60 m */
.headboard{position:absolute;left:20%;width:60%;bottom:11%;height:48.5%;border-radius:22px 22px 4px 4px;
  background:repeating-linear-gradient(90deg,#BBA587 0 8%,#AF997B 8% 8.5%);box-shadow:inset 0 -16px 22px -14px rgb(0 0 0/.22)}
.bed{position:absolute;left:17%;width:66%;bottom:11%;height:15%;background:#F1E9DC;border-radius:12px 12px 6px 6px;box-shadow:0 14px 22px -12px rgb(0 0 0/.35)}
.bed::after{content:"";position:absolute;inset:auto 0 0 0;height:48%;background:#B5825F;border-radius:0 0 6px 6px}
.pil{position:absolute;bottom:78%;width:24%;height:52%;background:#FAF5EC;border-radius:12px;box-shadow:0 4px 8px -4px rgb(0 0 0/.25)}
.pil.a{left:16%}.pil.b{right:16%}
.nst{position:absolute;bottom:11%;width:13%;height:23%;background:#8A6446;border-radius:4px;box-shadow:inset 0 -6px 0 rgb(0 0 0/.08)}
.nst.a{left:4%}.nst.b{right:4%}
.nst i{position:absolute;left:50%;bottom:100%;translate:-50% 0;width:52%;aspect-ratio:1/1.15;background:#EADFCB;border-radius:42% 42% 6px 6px;box-shadow:0 12px 34px 8px rgb(255 236 200/.35)}
/* entrada: consola de 1,10 m */
.console{position:absolute;left:30%;width:40%;bottom:11%;height:34%}
.console::before{content:"";position:absolute;inset:0 0 auto 0;height:8%;background:#7E5A3E;border-radius:3px;box-shadow:0 6px 10px -6px rgb(0 0 0/.4)}
.console .leg{position:absolute;top:8%;bottom:0;width:3%;background:#6B4C34}
.console .leg.a{left:5%}.console .leg.b{right:5%}
.console .shelf{position:absolute;left:5%;right:5%;bottom:20%;height:5%;background:#7E5A3E}
.vase{position:absolute;left:33%;bottom:45%;width:8%}
.bowl{position:absolute;right:35%;bottom:45%;width:7%;height:3.2%;background:#C9B79C;border-radius:0 0 50% 50%/0 0 100% 100%}
.stool{position:absolute;left:44%;width:12%;bottom:11%;height:13%;background:#B5825F;border-radius:45% 45% 4px 4px}
/* estudio: escritorio de 1,20 m */
.desk{position:absolute;left:24%;width:52%;bottom:11%;height:38%}
.desk::before{content:"";position:absolute;inset:0 0 auto 0;height:7%;background:#8A6446;border-radius:3px;box-shadow:0 6px 10px -6px rgb(0 0 0/.4)}
.desk .side{position:absolute;top:7%;bottom:0;width:3.5%;background:#77553B}
.desk .side.a{left:3%}.desk .side.b{right:3%}
.books{position:absolute;left:28%;bottom:49%;width:9%;height:8%;display:flex;align-items:flex-end;gap:4%}
.books i{flex:1;height:100%;border-radius:2px;background:#6F7357}
.books i:nth-child(2){height:82%;background:#A9744F}.books i:nth-child(3){height:92%;background:#D8C9AF}
.dlamp{position:absolute;right:29%;bottom:49%;width:7%;height:15%}
.dlamp i{position:absolute;left:35%;bottom:0;width:6%;height:100%;background:#3E3227;rotate:-14deg;transform-origin:bottom}
.dlamp b{position:absolute;top:-4%;left:30%;width:75%;aspect-ratio:1.7/1;background:#3E3227;border-radius:50% 50% 8% 8%/100% 100% 8% 8%;rotate:16deg;box-shadow:0 22px 30px -6px rgb(255 236 200/.45)}
.chair{position:absolute;left:41%;width:18%;bottom:3%;height:29%;background:#6F7357;border-radius:42px 42px 6px 6px;box-shadow:0 12px 20px -12px rgb(0 0 0/.4)}
/* botones de habitación */
.walls .escenas{display:flex;gap:6px;flex-wrap:wrap;width:100%;margin-bottom:4px}
.walls .escenas button{width:auto;height:auto;border:0;box-shadow:none;border-radius:999px;padding:5px 12px;font:inherit;font-size:.8rem;background:var(--bg);color:var(--muted);cursor:pointer;transition:background .3s,color .3s}
.walls .escenas button[aria-pressed="true"]{background:var(--ink);color:var(--bg);box-shadow:none}