:root {
  --graphite:#242829;
  --warm:#f3f0e8;
  --paper:#faf8f3;
  --sand:#c2b4a3;
  --stone:#68736b;
  --muted:#716f69;
  --line:rgba(36,40,41,.16);
  --max:1280px;
  --pad:clamp(22px,5vw,72px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--warm);color:var(--graphite);font-family:"Segoe UI",Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
button{font:inherit}
.skip-link{position:absolute;left:-999px;top:0;background:#fff;padding:12px;z-index:50}.skip-link:focus{left:12px}
.announcement{height:34px;background:var(--graphite);color:var(--paper);display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.announcement-dot{width:3px;height:3px;border-radius:50%;background:var(--sand)}
.site-header{height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:rgba(243,240,232,.96);border-bottom:1px solid var(--line);position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:18px}
.brand-mark{width:62px;height:58px;display:flex;gap:7px;align-items:center;justify-content:center}
.brand-mark .panel{display:block;width:15px}
.brand-mark .panel-a{height:42px;background:var(--stone);transform:translateY(5px)}
.brand-mark .panel-b{height:53px;background:var(--sand);transform:translateY(-4px)}
.brand-mark .panel-c{height:44px;background:var(--graphite);transform:translateY(8px)}
.brand-type{display:flex;flex-direction:column;line-height:1}.brand-type strong{font-family:"Bahnschrift","Arial Narrow",sans-serif;font-weight:400;font-size:28px;letter-spacing:.28em}.brand-type small{font-size:9px;letter-spacing:.43em;margin-top:9px}
.main-nav{display:flex;align-items:center;gap:clamp(20px,2.5vw,40px);font-size:13px}.main-nav>a:not(.nav-cta){position:relative}.main-nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--graphite);transition:.25s}.main-nav>a:hover::after{width:100%}
.nav-cta{border:1px solid var(--graphite);padding:11px 20px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;transition:.25s}.nav-cta:hover{background:var(--graphite);color:var(--paper)}
.menu-button{display:none;border:0;background:transparent;padding:12px}.menu-button span{display:block;width:25px;height:1px;background:var(--graphite);margin:6px}
.hero{min-height:720px;height:calc(100vh - 134px);position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/hero-wpc.png") center/cover no-repeat;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,25,25,.78) 0%,rgba(22,25,25,.44) 47%,rgba(22,25,25,.04) 78%)}
.hero-content{position:relative;z-index:2;width:min(770px,80%);height:100%;padding:clamp(95px,15vh,160px) var(--pad) 70px;display:flex;flex-direction:column;align-items:flex-start}
.eyebrow{font-size:11px;font-weight:650;letter-spacing:.19em;margin:0 0 20px;color:var(--stone)}.eyebrow.light{color:#ddd5c9}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Bahnschrift","Arial Narrow",sans-serif;font-weight:400;line-height:1.04}
h1{font-size:clamp(54px,7vw,102px);letter-spacing:-.035em;margin-bottom:28px}.hero-copy{max-width:570px;font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:rgba(255,255,255,.86)}
.hero-actions,.showroom-actions,.contact-actions{display:flex;align-items:center;gap:26px;margin-top:22px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 25px;border:1px solid transparent;text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:700;transition:.25s}.button-light{background:var(--paper);color:var(--graphite)}.button-light:hover{background:var(--sand)}.button-outline-light{border-color:rgba(255,255,255,.65);color:#fff}.button-outline-light:hover{background:#fff;color:var(--graphite)}.button-sand{background:var(--sand);color:var(--graphite)}
.text-link{font-size:13px;font-weight:650;display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link.light{color:#fff}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(4px)}
.hero-note{position:absolute;z-index:3;right:var(--pad);bottom:42px;display:flex;align-items:flex-start;gap:15px;padding:16px 18px;background:rgba(30,34,34,.68);backdrop-filter:blur(8px);min-width:210px}.hero-note span{color:var(--sand);font-size:11px}.hero-note p{font-size:12px;line-height:1.5;margin:0}.hero-note strong{font-size:14px;font-weight:500}
.section-pad{padding:clamp(80px,9vw,140px) var(--pad)}
.intro{max-width:var(--max);margin:auto}.intro-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(45px,9vw,150px);align-items:end}.intro h2,.section-heading h2,.rooms h2,.process h2,.showroom h2,.guides h2,.faq h2,.contact h2{font-size:clamp(38px,4.5vw,68px);letter-spacing:-.025em;margin-bottom:0}.intro-grid>div p{color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:28px}.trust-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:80px;padding:27px 0;display:grid;grid-template-columns:repeat(4,1fr);font-size:13px}.trust-row span{padding-right:20px}.trust-row b{font-size:10px;color:var(--sand);margin-right:10px}
.collections{background:var(--paper)}.section-heading{max-width:var(--max);margin:0 auto 54px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.section-heading>div{max-width:790px}.section-heading .text-link{margin-bottom:10px;white-space:nowrap}.collection-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:330px;gap:14px}.collection-card{position:relative;overflow:hidden;color:#fff}.collection-card img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.collection-card:hover img{transform:scale(1.045)}.collection-wide{grid-column:span 2}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,24,24,.72),rgba(20,24,24,.02) 65%)}.card-copy{position:absolute;left:28px;right:28px;bottom:26px}.card-copy p{font-size:10px;letter-spacing:.17em;color:#dfd5c7;margin-bottom:8px}.card-copy h3{font-size:30px;margin-bottom:12px}.card-copy span{font-size:12px}.collection-info{background:var(--stone);padding:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.collection-info h3{font-size:32px;max-width:390px;margin-bottom:18px}.collection-info>p:not(.eyebrow){font-size:14px;color:rgba(255,255,255,.78);max-width:390px}.collection-info .button{margin-top:8px}
.rooms{display:grid;grid-template-columns:1.05fr .95fr;max-width:calc(var(--max) + 2*var(--pad));margin:auto;gap:clamp(45px,7vw,110px);align-items:center}.rooms-visual{min-height:680px;overflow:hidden}.rooms-copy>p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.7;max-width:600px;margin:30px 0 45px}.room-list{border-top:1px solid var(--line)}.room-list a{display:grid;grid-template-columns:45px 1fr auto;align-items:center;padding:19px 2px;border-bottom:1px solid var(--line);font-family:"Bahnschrift",sans-serif;font-size:20px;transition:.2s}.room-list a:hover{padding-left:10px}.room-list span{font-size:10px;color:var(--sand)}.room-list b{font-weight:400}
.process{background:var(--graphite);color:var(--paper)}.process .eyebrow{color:var(--sand)}.process-grid{max-width:var(--max);margin:0 auto;list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25)}.process-grid li{padding:40px 30px 20px 0;border-right:1px solid rgba(255,255,255,.18);min-height:245px}.process-grid li+li{padding-left:30px}.process-grid li:last-child{border-right:0}.process-grid span{font-size:11px;color:var(--sand)}.process-grid h3{font-size:25px;margin:48px 0 14px}.process-grid p{font-size:14px;color:rgba(255,255,255,.65);max-width:225px}
.showroom{display:grid;grid-template-columns:1fr 1fr;min-height:590px;padding-top:0;padding-bottom:0}.showroom-panel{background:var(--stone);color:#fff;padding:clamp(60px,8vw,130px)}.showroom-panel>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:560px;margin:28px 0}.showroom-texture{background:var(--sand);display:flex;align-items:center;justify-content:center;overflow:hidden}.material-bars{display:flex;gap:12px;align-items:flex-end;height:330px;transform:rotate(-6deg)}.material-bars i{width:42px;background:var(--graphite);display:block}.material-bars i:nth-child(1){height:190px}.material-bars i:nth-child(2){height:240px;background:var(--warm)}.material-bars i:nth-child(3){height:290px}.material-bars i:nth-child(4){height:330px;background:var(--stone)}.material-bars i:nth-child(5){height:270px}.material-bars i:nth-child(6){height:215px;background:var(--warm)}.material-bars i:nth-child(7){height:165px}
.guides{background:var(--paper)}.microcopy{font-size:12px;color:var(--muted);max-width:260px;text-align:right}.guide-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-grid article{background:var(--warm);padding:36px;min-height:290px;display:flex;flex-direction:column;align-items:flex-start}.guide-grid article>span{font-size:10px;letter-spacing:.16em;color:var(--stone)}.guide-grid h3{font-size:27px;line-height:1.18;margin:40px 0 15px}.guide-grid p{font-size:14px;color:var(--muted)}.guide-grid a{font-size:12px;font-weight:650;margin-top:auto;border-bottom:1px solid}
.faq{max-width:var(--max);margin:auto}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:25px 0;display:flex;align-items:center;justify-content:space-between;font-size:18px}summary::-webkit-details-marker{display:none}summary span{font-size:24px;font-weight:300;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:720px;color:var(--muted);padding:0 35px 24px 0}
.contact{background:var(--graphite);color:#fff;text-align:center}.contact .eyebrow{color:var(--sand)}.contact h2{max-width:980px;margin:0 auto 28px}.contact>p:not(.eyebrow){color:rgba(255,255,255,.68);font-size:17px}.contact-actions{justify-content:center;margin-top:38px}
footer{padding:70px var(--pad) 38px;display:grid;grid-template-columns:1.5fr .6fr .7fr 1fr;gap:55px;max-width:calc(var(--max) + 2*var(--pad));margin:auto;font-size:13px}.footer-brand{display:flex;flex-direction:column}.footer-brand strong{font-family:"Bahnschrift",sans-serif;font-size:34px;font-weight:400;letter-spacing:.25em}.footer-brand>span{font-size:9px;letter-spacing:.42em;margin-top:8px}.footer-brand p{color:var(--muted);max-width:330px;margin-top:25px}.footer-brand+div,.footer-brand+div+div{display:flex;flex-direction:column;gap:10px}footer b{font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:10px}.footer-note{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;color:var(--muted);gap:6px}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:30;width:54px;height:54px;border-radius:50%;background:var(--stone);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;box-shadow:0 8px 25px rgba(0,0,0,.22)}
@media (max-width:980px){.main-nav{display:none;position:absolute;top:100px;left:0;right:0;background:var(--warm);padding:24px var(--pad);flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.menu-button{display:block}.hero{height:760px}.intro-grid,.rooms,.faq-grid{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr 1fr;gap:22px}.collection-grid{grid-template-columns:1fr 1fr}.collection-wide{grid-column:span 2}.rooms-visual{min-height:500px}.process-grid{grid-template-columns:1fr 1fr}.process-grid li:nth-child(2){border-right:0}.process-grid li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.18)}.showroom{grid-template-columns:1fr}.showroom-texture{min-height:430px}.guide-grid{grid-template-columns:1fr}.guide-grid article{min-height:230px}footer{grid-template-columns:1fr 1fr}.footer-note{align-items:flex-start}}
@media (max-width:620px){.announcement span:last-child,.announcement-dot{display:none}.site-header{height:82px}.brand-mark{transform:scale(.85);transform-origin:left center}.brand-type strong{font-size:23px}.brand-type small{font-size:7px}.main-nav{top:82px}.hero{height:720px;min-height:0}.hero-content{width:100%;padding-top:100px}.hero-shade{background:linear-gradient(90deg,rgba(20,24,24,.8),rgba(20,24,24,.28))}.hero-note{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.intro-grid{gap:35px}.trust-row{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.collection-grid{grid-template-columns:1fr;grid-auto-rows:310px}.collection-wide{grid-column:span 1}.rooms{padding-left:0;padding-right:0}.rooms-copy{padding:0 var(--pad)}.rooms-visual{min-height:380px}.process-grid{grid-template-columns:1fr}.process-grid li,.process-grid li+li{padding:30px 0;border-right:0;border-top:1px solid rgba(255,255,255,.18)}.process-grid h3{margin-top:24px}.showroom{padding-left:0;padding-right:0}.showroom-panel{padding:70px var(--pad)}.showroom-texture{min-height:340px}.material-bars{transform:scale(.8) rotate(-6deg)}.faq-grid{gap:35px}footer{grid-template-columns:1fr}.footer-note{align-items:flex-start}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Portada comercial directa */
.home-new .store-nav-main{font-weight:750}.home-new .hero-shop{height:min(690px,calc(100vh - 134px));min-height:590px}.home-new .hero-shop .hero-content{padding-top:clamp(80px,12vh,125px)}.home-new .hero-shop h1{font-size:clamp(52px,6.3vw,90px);max-width:900px}.home-new .hero-copy{font-size:19px;margin-bottom:4px}.hero-store-button{min-height:56px;padding:0 32px}
.home-new .section-pad{padding-top:clamp(65px,7vw,105px);padding-bottom:clamp(65px,7vw,105px)}.compact-heading{max-width:var(--max);margin:0 auto 38px;display:flex;align-items:end;justify-content:space-between;gap:30px}.compact-heading h2,.simple-help h2,.showroom-mini h2{font-size:clamp(36px,4.5vw,64px);margin:0}.compact-heading .eyebrow{margin-bottom:12px}
.home-products{background:var(--paper)}.home-product-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-product-card{background:var(--warm);min-width:0}.home-product-card>a:first-child{display:block;aspect-ratio:1/.9;overflow:hidden;background:#e9e5dc}.home-product-card img{transition:transform .45s}.home-product-card:hover img{transform:scale(1.035)}.home-product-info{padding:18px 16px 20px}.home-product-info small{display:block;color:var(--stone);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.home-product-info h3{font-size:21px;line-height:1.17;margin:8px 0 12px}.home-product-info span{font-size:11px;border-bottom:1px solid;font-weight:700}
.use-split{display:grid;grid-template-columns:1fr 1fr}.use-card{height:580px;position:relative;overflow:hidden;color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.use-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,23,23,.82),rgba(20,23,23,.08) 72%)}.use-card>*:not(img){position:relative;z-index:1}.use-card img{position:absolute;inset:0;transition:transform .65s}.use-card:hover img{transform:scale(1.035)}.use-card>span{font-size:10px;letter-spacing:.2em;color:#e2d8ca}.use-card h2{font-size:clamp(36px,4vw,58px);max-width:600px;margin:14px 0 22px}.use-card b{font-size:12px;letter-spacing:.05em}
.materials-direct{background:var(--warm)}.direct-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.direct-grid>a{height:330px;position:relative;overflow:hidden;background:#ddd6ca;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.direct-grid img,.material-shape{position:absolute;inset:0;width:100%;height:100%}.direct-grid>a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(23,26,26,.75),transparent 68%)}.direct-grid strong,.direct-grid>a>span:not(.material-shape){position:relative;z-index:2;color:#fff}.direct-grid strong{font-family:"Bahnschrift",sans-serif;font-size:30px;font-weight:400}.direct-grid>a>span:not(.material-shape){font-size:11px;margin-top:8px}.material-shape{display:block}.shape-ceiling{background:repeating-linear-gradient(90deg,#eeeae1 0 54px,#c2b4a3 55px 58px)}.shape-vinyl{background:linear-gradient(135deg,#d8d1c5,#f5f2eb 45%,#9da49e)}.shape-stone{background:radial-gradient(circle at 20% 30%,#b9aa98 0 8%,transparent 9%),radial-gradient(circle at 70% 65%,#756f66 0 12%,transparent 13%),linear-gradient(145deg,#dad3c7,#8c867d)}
.spaces-direct{background:var(--paper)}.space-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.space-grid a{min-height:145px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;transition:.25s}.space-grid a:hover{background:var(--graphite);color:#fff}.space-grid span{font-size:10px;color:var(--sand)}.space-grid strong{font-family:"Bahnschrift",sans-serif;font-size:23px;font-weight:400}.space-grid b{font-weight:400;font-size:20px}
.simple-help{background:var(--stone);color:#fff;padding:65px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:50px}.simple-help>div{max-width:850px}.simple-help .eyebrow{margin-bottom:12px}.simple-help .button{flex:none}.showroom-mini{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.showroom-mini>div:last-child{color:var(--muted);font-size:17px}.showroom-mini .text-link{color:var(--graphite)}
@media(max-width:980px){.home-product-grid{grid-template-columns:repeat(2,1fr)}.use-card{height:480px;padding:32px}.direct-grid{grid-template-columns:repeat(2,1fr)}.space-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.home-new .hero-shop{height:650px;min-height:0}.home-new .hero-shop .hero-actions{width:100%;gap:10px;display:grid;grid-template-columns:1fr 1fr}.home-new .hero-shop .hero-store-button{grid-column:span 2}.home-new .hero-shop .button{width:100%;padding:0 10px}.compact-heading{align-items:flex-start;flex-direction:column;margin-bottom:28px}.home-product-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.home-product-card{min-width:78vw;scroll-snap-align:start}.use-split{grid-template-columns:1fr}.use-card{height:390px;padding:28px}.direct-grid{grid-template-columns:1fr 1fr;gap:8px}.direct-grid>a{height:235px;padding:18px}.direct-grid strong{font-size:22px}.space-grid{grid-template-columns:1fr}.space-grid a{min-height:105px}.simple-help{align-items:flex-start;flex-direction:column;padding-top:55px;padding-bottom:55px}.showroom-mini{grid-template-columns:1fr;gap:25px}.home-new footer{grid-template-columns:1fr 1fr}.home-new .footer-brand,.home-new .footer-note{grid-column:span 2}}

/* Contacto visible y navegación con forma de botón */

.main-nav>a:not(.nav-cta){padding:10px 13px;border:1px solid rgba(36,40,41,.18);background:rgba(255,255,255,.28);transition:.2s}.main-nav>a:not(.nav-cta)::after{display:none}.main-nav>a:not(.nav-cta):hover,.main-nav>a.active:not(.nav-cta){background:var(--graphite);border-color:var(--graphite);color:#fff}.main-nav>a.store-nav-main{background:var(--graphite);border-color:var(--graphite);color:#fff;font-weight:750}