/* Home staging: mismo esqueleto que el resto de la web, con acento topo (lino) */
:root{--hs-sage:#cdbda8;--hs-deep:#7b6a59;--hs-deep2:#665748;--hs-mist:#f0eae1;--hs-line:#ded3c4;--hs-on:#fbf6ec;--hs-hero:#6b5d4f;--hs-bg:#fbfaf6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--hs-sage:#8f7f6c;--hs-deep:#c4b29c;--hs-deep2:#d4c4b0;--hs-mist:#201c18;--hs-line:#3a332c;--hs-on:#12161d;--hs-bg:#12161d}}
:root[data-theme="dark"]{--hs-sage:#8f7f6c;--hs-deep:#c4b29c;--hs-deep2:#d4c4b0;--hs-mist:#201c18;--hs-line:#3a332c;--hs-on:#12161d;--hs-bg:#12161d}
/* botón topo (bloque de Reformas y página de home staging) */
.btn.hs-btn{background:var(--hs-deep);color:var(--hs-on);border-color:var(--hs-deep);letter-spacing:.01em;transition:background .2s ease}
.btn.hs-btn:hover{background:var(--hs-deep2);border-color:var(--hs-deep2)}
.hs-tag{display:inline-block;vertical-align:middle;margin-left:10px;font:600 12px/1 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:var(--hs-deep);color:var(--hs-on);padding:6px 10px;border-radius:999px}
/* bloque dentro de Reformas */
.hs-teaser{padding-top:44px;padding-bottom:8px}
.hs-card{display:grid;background:var(--hs-mist);border:1px solid var(--hs-line)}
.hs-card-img{margin:0;min-width:0}
.hs-card-img img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 68%;background:var(--hs-sage)}
.hs-card-txt{padding:26px 22px 28px;min-width:0}
.hs-card-txt h2{font-size:clamp(30px,6.6vw,44px);margin-bottom:14px}
.hs-q{font:400 clamp(22px,5.2vw,28px)/1.2 "Source Serif 4",Georgia,serif;margin:0 0 8px;color:var(--hs-deep)}
.hs-card-txt .hs-p{margin:0 0 22px;color:var(--muted);max-width:40ch}
@media(min-width:720px){.hs-card{grid-template-columns:1.05fr 1fr}.hs-card-img{order:2}.hs-card-img img{aspect-ratio:auto}.hs-card-txt{padding:40px 38px 42px;align-self:center}}
/* página de home staging */
.hs{--bg:var(--hs-bg)}
.hs .hero{background-color:var(--hs-hero);background-position:50% 62%}
.hs .hero p{max-width:30ch}
.hs .pages a[aria-current]{border-bottom-color:var(--hs-sage)}
.hs .story{padding-top:64px}
.hs .story .lead{max-width:56ch}
.hs .story .lead+.lead{margin-top:14px}
.hs .idea{border-left-color:var(--hs-sage);margin-top:28px}
.hs .ticks li::before{background:var(--hs-deep);color:var(--hs-on)}
.hs .steps li::before{color:var(--hs-deep)}
.hs .pair{margin-top:22px}
.hs figcaption{background:var(--hs-hero);color:#fff}
.hs .pair figure:last-child figcaption{background:var(--hs-sage);color:#2e261f}
.hs-band{background:var(--hs-mist);border-top:1px solid var(--hs-line);border-bottom:1px solid var(--hs-line);padding:56px 0 60px;margin-top:72px}
.hs-band h2{font-size:clamp(30px,6.6vw,46px);margin-bottom:12px}
.hs-band .lead{margin:0 0 6px;max-width:48ch}
.hs-points{list-style:none;margin:26px 0 30px;padding:0;display:grid;gap:18px}
.hs-points li{border-top:2px solid var(--hs-sage);padding-top:12px;min-width:0}
.hs-points b{display:block;font:400 24px/1.2 "Source Serif 4",Georgia,serif}
.hs-points span{display:block;color:var(--muted);font-size:15.5px;margin-top:2px}
@media(min-width:720px){.hs-points{grid-template-columns:repeat(3,1fr);gap:28px}}
.hs-band+.contact{margin-top:22px}
.hs .gal{margin-top:26px}
.hs .gal img{aspect-ratio:4/5}
.hs .gal .wide img{aspect-ratio:16/10}
@media(min-width:720px){.hs .gal img,.hs .gal .wide img{aspect-ratio:auto;height:420px}}
.hs-packs{display:grid;gap:14px;margin-top:22px}
.hs-pack{display:flex;flex-direction:column;border:1px solid var(--hs-line);padding:26px 22px 28px;min-width:0}
.hs-pack.full{background:var(--hs-mist);border-color:var(--hs-sage)}
.hs-pack h3{font-size:clamp(28px,6.4vw,34px)}
.hs-pack p{margin:10px 0 0;color:var(--muted)}
.hs-pack ul{list-style:none;margin:16px 0 24px;padding:0;display:grid;gap:8px}
.hs-pack li{position:relative;padding-left:26px}
.hs-pack li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--hs-deep);font-weight:600}
.hs-pack .btn{margin-top:auto;align-self:flex-start}
.btn.hs-btn.line{background:none;color:var(--hs-deep);border-color:var(--hs-deep)}
.btn.hs-btn.line:hover{background:var(--hs-mist)}
@media(min-width:720px){.hs-packs{grid-template-columns:1fr 1fr;gap:18px}.hs-pack{padding:34px 30px 36px}}
/* bloques destacados con fondo de lino */
.hs-card,.hs-pack.full,.hs-band{background:linear-gradient(rgba(246,238,226,.5),rgba(246,238,226,.5)),url(fondo-lino.jpg) 0 0/360px #d2c5b3;border-color:transparent;color:#1e1711}
.hs-card h2,.hs-pack.full h3,.hs-band h2,.hs-band .hs-points b{color:#1e1711}
.hs-card .hs-q{color:#1e1711}
.hs-card .hs-card-txt .hs-p,.hs-pack.full p,.hs-band .lead,.hs-band .hs-points span{color:#1e1711;font-weight:500}
.hs-band .hs-points span{font-size:16px}
.hs-pack.full li{color:#1e1711}
.hs-pack.full li::before{color:#1e1711}
.hs-band .hs-points li{border-top-color:rgba(42,32,24,.55)}
.hs-card .btn.hs-btn,.hs-pack.full .btn.hs-btn,.hs-band .btn.hs-btn{background:#3a2c22;color:#fbf6ec;border-color:#3a2c22;font-weight:600}
.hs-card .btn.hs-btn:hover,.hs-pack.full .btn.hs-btn:hover,.hs-band .btn.hs-btn:hover{background:#2a2018;border-color:#1e1711}
.hs-card .hs-tag,.hs-pack.full .hs-tag{background:#3a2c22;color:#fbf6ec}
.hs-teaser+.story{padding-bottom:48px}
/* portada: tercera puerta y lista corta del bloque */
@media(min-width:720px){.doors.three{grid-template-columns:repeat(3,1fr)}.doors.three .door small{white-space:normal}}
.hs-door{background:#cdbda8;color:#1e1711;border-color:#cdbda8}
.hs-mini{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:8px}
.hs-mini li{position:relative;padding-left:26px;color:#1e1711;font-weight:500}
.hs-mini li::before{content:"\2713";position:absolute;left:0;top:0;font-weight:600}
.hs #que-es{scroll-margin-top:16px}
/* ¿Qué hacemos? numerado */
.hs-do{list-style:none;counter-reset:d;margin:18px 0 0;padding:0}
.hs-do>li{counter-increment:d;display:grid;grid-template-columns:44px 1fr;gap:4px 12px;padding:22px 0;border-top:1px solid var(--hs-line)}
.hs-do>li:last-child{border-bottom:1px solid var(--hs-line)}
.hs-do>li::before{content:counter(d);grid-row:span 2;width:34px;height:34px;border-radius:50%;background:var(--hs-deep);color:var(--hs-on);font:600 16px/34px Inter,Arial,sans-serif;text-align:center}
.hs-do>li>b{font:400 clamp(22px,5vw,28px)/1.25 "Source Serif 4",Georgia,serif;align-self:center}
.hs-do ul{margin:6px 0 0;padding:0 0 0 18px;color:var(--muted);display:grid;gap:4px}
.hs-do ul li::marker{color:var(--hs-deep)}
@media(min-width:720px){.hs-do{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.hs-do>li:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--hs-line)}}
.hs .idea.hs-sum{max-width:34ch;margin-top:30px;font-size:clamp(22px,4.8vw,28px)}
/* carrete antes/después: antes arriba, después abajo */
.hsb{margin:28px auto 0;max-width:min(100%,calc(86vh * 1000 / 1724))}
.hsb-view{position:relative;overflow:hidden}
.hsb-track{display:flex;transition:transform .7s cubic-bezier(.4,0,.2,1)}
.hsb-slide{flex:0 0 100%;margin:0;min-width:0}
.hsb-img{position:relative}
.hsb-img+.hsb-img{margin-top:4px}
.hsb-img img{display:block;width:100%;aspect-ratio:1000/862;object-fit:cover}
.hsb-tag{position:absolute;left:12px;bottom:12px;font:600 12px/1 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;background:rgba(30,23,17,.72);color:#fbf6ec;padding:7px 10px}
.hsb-tag.on{background:#fbf6ec;color:#1e1711}
.hsb-slide figcaption{margin-top:10px;font:400 20px/1.2 "Source Serif 4",Georgia,serif;text-align:center}
.hsb-arrow{position:absolute;top:calc(50% - 40px);width:44px;height:44px;border:0;border-radius:50%;background:rgba(251,246,236,.92);color:#1e1711;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.hsb-arrow.prev{left:8px}.hsb-arrow.next{right:8px}
.hsb-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.hsb-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:var(--hs-line);cursor:pointer}
.hsb-dots button[aria-current]{background:var(--hs-deep)}
@media(prefers-reduced-motion:reduce){.hsb-track{transition:none}}
.hs .hsb figcaption{position:static;background:none;color:var(--ink,#1e1711);padding:0;font:400 20px/1.2 "Source Serif 4",Georgia,serif;text-align:center;margin-top:10px}
.hsb-tag{top:12px;bottom:auto}
.hsb-arrow{top:calc(50% - 38px)}
/* resumen con foto antes/después */
.hs-sumbox{display:grid;gap:22px;margin-top:34px;align-items:center}
.hs-sumimg{margin:0}
.hs-sumimg img{display:block;width:100%;height:auto}
.hs .hs-sumbox .idea.hs-sum{margin:0}
@media(min-width:720px){.hs-sumbox{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px}}
/* carrusel más bajo: mismo ancho, menos alto */
.hsb{max-width:640px}
.hsb-img img{aspect-ratio:16/9;object-position:50% 55%}
.hsb-dots{position:absolute;left:0;right:0;bottom:12px;margin:0;z-index:2}
.hsb-dots button{background:rgba(255,255,255,.6);box-shadow:0 0 3px rgba(0,0,0,.35)}
.hsb-dots button[aria-current]{background:#fff}
.hsb-arrow{top:calc(50% - 22px)}
/* menos hueco entre las fotos y el texto siguiente */
.hs #que-es{padding-bottom:0}
.hs .story#que-hacemos{padding-top:30px}
.hs .story#que-es{padding-top:24px}
.hs .hsb{margin-top:18px}
/* portada: home staging igual que reformas y limpiezas */
#home-staging .hs-mini{margin:16px 0 22px}
#home-staging .hs-mini li{color:inherit;font-weight:500}
#home-staging .hs-mini li::before{color:var(--hs-deep)}
/* portada: fondo de lino detrás del apartado de home staging */
html{overflow-x:clip}
.story#home-staging{position:relative;isolation:isolate;margin-top:56px;padding:52px 0 54px;color:#1e1711}
.story#home-staging::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;background:linear-gradient(rgba(246,238,226,.5),rgba(246,238,226,.5)),url(fondo-lino.jpg) 0 0/360px #d2c5b3}
.story#home-staging h2,.story#home-staging .lead,.story#home-staging .hs-mini li{color:#1e1711}
.story#home-staging .lead{font-weight:500}
.story#home-staging .hs-mini li::before{color:#1e1711}
.story#home-staging .btn.solid{background:#3a2c22;border-color:#3a2c22;color:#fbf6ec}
.story#home-staging+.story{padding-top:56px}
/* ¿Qué es? en tarjeta blanca flotante con movimiento al hacer scroll */
.hs .story#que-es{padding-top:0}
.hs-float{position:relative;z-index:3;background:#fff;color:#1e1711;padding:28px 22px 26px;margin-top:-56px;box-shadow:0 18px 50px rgba(40,30,20,.16),0 2px 8px rgba(40,30,20,.08);will-change:transform}
.hs-float .lead{color:#4a4038}
.hs-float .lead:last-child{margin-bottom:0}
@media(min-width:720px){.hs-float{padding:44px 48px 40px;margin-top:-90px;max-width:820px}}
.hs .hero.sub{padding-bottom:120px}
@media(min-width:720px){.hs .hero.sub{padding-bottom:160px}}
.hs-float{margin-bottom:48px}
.hs .hsb{margin-top:0}
/* Cómo trabajamos con lino detrás */
.hs .story.hs-linen{position:relative;isolation:isolate;margin-top:56px;padding:52px 0 50px;color:#1e1711}
.hs-linen::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;background:linear-gradient(rgba(246,238,226,.5),rgba(246,238,226,.5)),url(fondo-lino.jpg) 0 0/360px #d2c5b3}
.hs .hs-linen h2,.hs .hs-linen .steps b{color:#1e1711}
.hs .hs-linen .steps span{color:#2e241c;font-weight:500}
.hs .hs-linen .steps li{border-color:rgba(42,32,24,.35)}
.hs .hs-linen .steps li::before{color:#3a2c22}
.hs .hs-linen+.story{padding-top:56px}
.hs main+.contact{margin-top:64px}
.hs-float{background:#f7efe1}
/* preguntas frecuentes */
.hs-faq{margin-top:14px;border-top:1px solid var(--hs-line)}
.hs-faq-i{border-bottom:1px solid var(--hs-line)}
.hs-faq-i summary{cursor:pointer;list-style:none;padding:16px 34px 16px 0;position:relative;font:500 17px/1.35 Inter,Arial,sans-serif}
.hs-faq-i summary::-webkit-details-marker{display:none}
.hs-faq-i summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:24px;color:var(--hs-deep);transition:transform .2s}
.hs-faq-i[open] summary::after{transform:rotate(45deg)}
.hs-faq-i p{margin:0 0 18px;color:var(--muted);max-width:62ch}
.hs .story#zonas{padding-bottom:8px}
/* dos antes/después de cocina junto al resumen */
.hs-pairs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hs-pair{margin:0}
.hs-pair .hsb-img img{aspect-ratio:1/1}
.hs-pair .hsb-tag{top:8px;left:8px;font-size:10.5px;padding:6px 8px}
@media(min-width:720px){.hs-pairs{gap:12px}.hs-pair .hsb-tag{font-size:12px;padding:7px 10px;top:12px;left:12px}}
.hs-pair .hsb-img img{aspect-ratio:800/987}
/* portada: menú, hueco de foto, título (H1) pequeño, eslogan más pequeño y botones */
.hero:not(.sub){padding-bottom:52px}
.hero:not(.sub) h1{font:600 clamp(22px,5.2vw,30px)/1.2 "Source Serif 4",Georgia,serif;letter-spacing:0;text-transform:none;max-width:22ch;margin:clamp(70px,15vh,150px) 0 6px;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.hero:not(.sub) h1+p{font:400 clamp(14.5px,3.6vw,16px)/1.4 Inter,Arial,sans-serif;margin:0;opacity:.9;max-width:none;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hero:not(.sub) .doors{margin-top:20px;gap:10px}
.hero:not(.sub) .door{padding:16px 20px}
.hero:not(.sub) .door b{font-size:clamp(26px,6.4vw,31px);line-height:1.15}
.hero:not(.sub) .door small{font-size:14px}
.hero:not(.sub) h1{font-weight:400;letter-spacing:.04em;line-height:1.3;margin-top:clamp(44px,9vh,90px)}
.hero:not(.sub) h1+p{letter-spacing:.03em;margin-top:4px}
.hero:not(.sub) h1{max-width:27ch}
.hero:not(.sub) h1{font-size:clamp(25px,6vw,36px);margin-top:clamp(30px,6vh,64px);max-width:24ch}