/* PfkngR — interfaz compartida. Los colores se definen por área. */
:root{--ink:#0B0B0B;--cream:#F6EFE2;--coral:#E23B2E;--sand:#D9C9AB;--line:#5D5349;--base:#0B0B0B;--accent:#E23B2E;--accent2:#D94F3F;--surface:#181513}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--cream);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.theme-boveda{--base:#1B1632;--accent:#A78BFA;--accent2:#6B59C7;--surface:#241B3E}body.theme-closet{--base:#111A15;--accent:#9AAE96;--accent2:#5C6B4F;--surface:#1A2B21}body.theme-revolu{--base:#2C2417;--accent:#E0A83A;--accent2:#D9C9AB;--surface:#382C1E}body.theme-tarima{--base:#0B0B0B;--accent:#E23B2E;--accent2:#D94F3F;--surface:#221513}
button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%}.site-header{position:relative;z-index:40;background:#0B0B0B;border-bottom:1px solid #6a5c50}.header-inner{width:100%;max-width:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:0}.brand{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(144px,35vw,340px);text-decoration:none;overflow:hidden;background:#F9F2E2}.brand-star{display:none}.brand-word{display:block;width:min(100%,900px);height:100%;object-fit:cover;object-position:center;border-radius:0;background:transparent}.site-nav{min-height:52px;display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,45px);padding:12px 20px;background:#0B0B0B;color:#F6EFE2;font-size:13px;font-weight:760;text-transform:uppercase;letter-spacing:.035em}.site-nav a{text-decoration:none}.site-nav a:hover,.menu-dropdown summary:hover{color:var(--coral)}.menu-dropdown{position:relative}.menu-dropdown summary{cursor:pointer;list-style:none}.menu-dropdown summary::-webkit-details-marker{display:none}.menu-dropdown summary::after{content:" ⌄";color:var(--sand)}.menu-dropdown .menu-items{position:absolute;right:0;top:calc(100% + 20px);min-width:225px;background:#201a19;border:1px solid #665448;border-radius:9px;box-shadow:0 18px 36px #000b;padding:7px;display:grid;gap:2px;z-index:50}.menu-items a{padding:10px 12px;border-radius:6px;text-transform:none}.menu-items a:hover{background:#49302d;color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #96d4ed;outline-offset:3px}
.page-shell{max-width:1380px;margin:auto;padding:0 clamp(18px,5vw,74px)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.22em;font-weight:820;color:var(--accent)}h1,h2,h3{line-height:1.08}h1{font-size:clamp(62px,11vw,144px);letter-spacing:-.075em;margin:15px 0 22px;font-weight:950}h2{font-size:clamp(27px,4vw,49px);letter-spacing:-.055em;margin:0 0 12px}p{line-height:1.55}.lead{font-size:clamp(17px,2.2vw,21px);color:#e2d7c5;max-width:650px}.hero{position:relative;min-height:490px;display:flex;align-items:center;background:linear-gradient(90deg,#0B0B0Bef 0%,#0B0B0Bc9 48%,#0B0B0B61 100%),url('/areas/inicio/background-desktop.webp') center/cover no-repeat;border-bottom:1px solid #5b4c42}.hero-content{width:100%;max-width:1380px;margin:auto;padding:90px clamp(18px,5vw,74px)}.hero h1 span{color:var(--coral)}.hero p{max-width:680px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-align:center;background:var(--accent);color:#0B0B0B;border:2px solid var(--accent);font-weight:850;text-decoration:none;border-radius:5px;padding:11px 18px}.btn:hover{filter:brightness(1.12)}.btn.secondary{background:#0B0B0B98;border-color:var(--cream);color:var(--cream)}.btn.ghost{background:none;border-color:#8e8075;color:var(--cream)}
.section{padding-block:66px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:25px}.section-heading p{margin:0;color:#c6bcae;max-width:440px}.room-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.room-tile{min-height:210px;padding:21px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;border:1px solid #62594e;border-top:4px solid var(--tile-accent);background:linear-gradient(155deg,var(--tile-bg),#0B0B0B 120%);border-radius:5px;transition:transform .2s,border-color .2s}.room-tile:hover{transform:translateY(-3px);border-color:var(--tile-accent)}.room-tile small{letter-spacing:.14em;text-transform:uppercase;color:#f3eadd;font-weight:740}.room-tile strong{font-size:clamp(22px,2.2vw,32px);line-height:1.1;letter-spacing:-.03em}.room-tile em{font-style:normal;font-size:12px;color:#d8caba}
.featured-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:20px}.carousel-controls{display:flex;gap:9px}.round-button{width:43px;height:43px;border-radius:50%;border:1px solid var(--sand);background:transparent;color:var(--cream);font-size:24px;line-height:1}.round-button:hover{background:var(--coral);border-color:var(--coral)}.carousel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;padding:2px 2px 20px}.featured-card{min-width:clamp(240px,31vw,330px);width:clamp(240px,31vw,330px);scroll-snap-align:start;background:#1d1916;border:1px solid #5b5047;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none}.featured-card:hover{border-color:var(--coral)}.featured-card .cover{height:270px}.featured-card .featured-copy{padding:18px;display:grid;gap:7px}.featured-copy small{color:#d0bdae;font-weight:760}.featured-copy strong{font-size:21px;line-height:1.2}.featured-copy span{color:#e7a58f;font-weight:750;font-size:13px}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:3px}.carousel-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#81766d;padding:0}.carousel-dots button[aria-current="true"]{background:var(--coral);width:24px;border-radius:9px}
.cover{background:#f3eee7;position:relative;display:grid;place-items:center;overflow:hidden}.cover img{width:100%;height:100%;object-fit:contain;padding:9px}.cover .fallback-text{font-weight:950;letter-spacing:-.04em;color:#34302e;font-size:clamp(19px,3vw,32px);text-align:center;padding:24px}.cover img:not([src]){display:none}
.room-hero{min-height:490px;background-image:linear-gradient(90deg,#0b0b0bed,#0b0b0b9c 55%,#0b0b0b51),var(--wall);background-size:cover;background-position:center;display:flex;align-items:center;border-bottom:3px solid var(--accent)}.room-hero .hero-content{padding-block:85px}.room-hero .eyebrow{color:#eadfce}.room-hero h1{font-size:clamp(57px,10vw,135px)}.room-hero .lead{max-width:610px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr));gap:17px}.product-card{border:1px solid #6c6155;background:var(--surface);border-top:3px solid var(--accent);border-radius:5px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.product-card .cover{height:255px}.product-content{padding:18px;display:grid;gap:9px;align-content:start;flex:1}.product-content small{color:#c9bbab;font-size:12px;letter-spacing:.04em}.product-content h3{font-size:20px;margin:0;letter-spacing:-.025em}.product-content p{color:#e1d4c6;font-size:13px;margin:0}.product-content .open-product{align-self:end;margin-top:7px;background:transparent;color:var(--cream);border:1px solid var(--accent);padding:9px 14px;text-align:left;border-radius:5px;font-weight:750}.product-content .open-product:hover{background:var(--accent);color:#101010}
.catalog-header{padding-block:72px 38px;border-bottom:2px solid var(--coral);background:linear-gradient(125deg,#15120f,#0B0B0B)}.catalog-header h1{font-size:clamp(52px,9vw,108px)}.catalog-header .lead{margin-top:12px}.catalog-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.catalog-tools label{font-size:13px;font-weight:750}.catalog-tools input,.catalog-tools select{padding:12px 14px;border:1px solid #837568;background:#231e1b;color:var(--cream);border-radius:5px;min-height:46px}.catalog-tools input{flex:1;min-width:200px}.catalog-tools select{min-width:180px}.result-count{font-size:13px;color:#d7c8b8;margin-bottom:18px}.empty-state{padding:30px;border:1px dashed #9a8d7f;background:#ffffff0b}.empty-state a{font-weight:800;text-underline-offset:4px}
.product-modal{border:1px solid #76685e;border-radius:10px;color:var(--cream);background:#1a1716;width:min(92vw,930px);max-height:90dvh;overflow:auto;padding:0;box-shadow:0 18px 80px #000d}.product-modal::backdrop{background:#000b;backdrop-filter:blur(6px)}.modal-inside{padding:clamp(20px,4vw,38px)}.modal-top{display:flex;justify-content:space-between;gap:24px;align-items:start}.modal-top h2{margin:8px 0 16px;font-size:clamp(25px,4vw,44px)}.modal-close{font-size:24px;background:transparent;color:var(--cream);border:1px solid #9c8a7e;border-radius:50%;width:41px;height:41px;flex-shrink:0}.gallery-feature{height:min(55vh,470px);background:#f4f0e8;display:grid;place-items:center;border-radius:6px;overflow:hidden}.gallery-feature img{width:100%;height:100%;object-fit:contain;padding:12px}.gallery-feature .fallback-text{color:#302b27}.gallery-thumbs{display:flex;gap:9px;overflow-x:auto;padding-block:12px}.gallery-thumbs button{width:91px;height:81px;padding:3px;border:2px solid transparent;border-radius:5px;background:#f2ede5;flex-shrink:0}.gallery-thumbs button[aria-current="true"]{border-color:var(--coral)}.gallery-thumbs img{width:100%;height:100%;object-fit:contain}.metadata{display:grid;grid-template-columns:max-content 1fr;gap:9px 20px;border-top:1px solid #62574b;padding-top:21px;margin-top:15px;font-size:14px}.metadata dt{color:#d1bfb0;font-weight:750}.metadata dd{margin:0}.modal-description{line-height:1.6;color:#e6d9ca}
.site-footer{border-top:1px solid #6b584c;background:#0B0B0B;color:#d0c1ae;text-align:center;padding:31px 16px 26px;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.footer-star{display:block;width:clamp(96px,14vw,150px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 1px 6px #0004)}.footer-copy{display:block}.feature-message{font-size:22px;font-weight:850;color:var(--accent);margin:16px 0 0}.product-price{display:block;font-size:19px;line-height:1.2;color:var(--cream);font-weight:850}.featured-price{font-size:19px;color:var(--cream)}
@media(max-width:950px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.header-inner{flex-wrap:wrap;gap:4px;padding:7px 16px}.brand-star{width:34px;height:34px}.brand-word{width:125px;height:44px}.site-nav{justify-content:space-between;width:100%;gap:8px;font-size:11px;padding:3px 0 7px}.menu-dropdown .menu-items{left:0;right:auto;top:calc(100% + 10px)}.hero{min-height:460px;background-image:linear-gradient(180deg,#0b0b0bbf,#0b0b0b8a),url('/areas/inicio/background-mobile.webp')}.hero-content{padding:67px 20px}.hero h1{font-size:clamp(49px,14vw,91px)}.room-hero{background-image:linear-gradient(180deg,#0b0b0be3,#0b0b0b7c),var(--wall-mobile);min-height:420px}.room-grid{gap:10px}.room-tile{min-height:175px;padding:15px}.section{padding-block:48px}.section-heading{align-items:start;flex-direction:column}.featured-head{align-items:center}.featured-card{min-width:78vw;width:78vw}.catalog-header{padding-block:52px 27px}.catalog-tools input,.catalog-tools select{width:100%;flex:1}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card .cover{height:185px}.product-content{padding:12px}.product-content h3{font-size:17px}.product-content small{font-size:11px}.product-content p{font-size:12px}.product-content .open-product{font-size:12px;padding:8px 9px}.metadata{grid-template-columns:1fr;gap:3px}.metadata dd{margin-bottom:7px}}
@media(max-width:390px){.product-grid{grid-template-columns:1fr}.product-card .cover{height:255px}}
@media(max-width:650px){.header-inner{padding:0;gap:0}.brand{height:clamp(142px,39vw,210px);width:100%}.brand-word{height:100%;width:100%;object-fit:cover}.site-nav{width:100%;min-height:49px;justify-content:space-evenly;gap:9px;flex-wrap:wrap;padding:11px 8px 12px;font-size:11px}.menu-dropdown .menu-items{top:calc(100% + 14px)}.footer-star{width:116px}}
@media(prefers-reduced-motion:reduce){html,.carousel-track{scroll-behavior:auto}.room-tile{transition:none}}
