@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--color-white:#fff;--color-off-white:#faf9f6;--color-black:#111;--color-charcoal:#222;--color-gray:#666;--color-light-gray:#f2efe9;--color-accent-wood:#d97706;--color-light-accent:#d97706;--color-secondary-accent:#5e625c;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:4rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--color-off-white);color:var(--color-charcoal);-webkit-font-smoothing:antialiased;line-height:1.4}h1,h2,h3,h4,h5,h6{color:var(--color-black);font-weight:500;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4rem)}h2{letter-spacing:-.01em;font-size:clamp(1.75rem,3.5vw,2.25rem)}h3{font-size:1.5rem}a{color:inherit;text-decoration:none}button,.btn{font-family:var(--font-primary);letter-spacing:.02em;cursor:pointer;border:1px solid var(--color-black);color:var(--color-black);background:0 0;border-radius:9999px;padding:.85rem 2rem;font-size:.95rem;font-weight:500;transition:all .3s;display:inline-block}.btn-primary{background:var(--color-accent-wood);color:var(--color-white);border-color:var(--color-accent-wood)}.btn-primary:hover{background:var(--color-charcoal);border-color:var(--color-charcoal)}.btn-glow{background:var(--color-accent-wood);color:var(--color-white);border-color:var(--color-accent-wood);transition:all .3s,box-shadow .3s,transform .3s}.btn-glow:hover{background:var(--color-accent-wood);border-color:var(--color-accent-wood);color:var(--color-white);transform:translateY(-2px);box-shadow:0 0 15px 4px #d9770699}.btn-outline{background:var(--color-white)}.btn-outline:hover{background:var(--color-light-gray);text-decoration:underline}.btn-outline-light{border:1px solid var(--color-white);color:var(--color-white)}.btn-outline-light:hover{background:var(--color-white);color:var(--color-black)}.nav-link{color:var(--color-white);transition:color .3s}nav a.nav-link:hover{color:var(--color-light-accent)}footer ul li a{color:inherit;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}footer ul li a:hover{color:var(--color-white);text-decoration:underline}.no-underline-hover:hover{text-decoration:none!important}.social-link{transition:color .3s}.social-link:hover{color:var(--color-accent-wood)!important}.container{width:100%;max-width:1400px;padding:0 var(--spacing-md);margin:0 auto}.text-center{text-align:center}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.mb-sm{margin-bottom:var(--spacing-sm)}.mt-lg{margin-top:var(--spacing-lg)}.editorial-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-wood);font-size:1.1rem;font-weight:600;display:block}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hover-zoom{transition:transform .3s cubic-bezier(.25,1,.5,1)}.hover-zoom:hover{transform:scale(1.03)}.grid{gap:var(--spacing-md);display:grid}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(1,1fr)}@media (width>=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.scroll-reveal{opacity:0;transform:translateY(var(--distance,30px));transition:opacity var(--duration,.4s) cubic-bezier(.25, 1, .5, 1), transform var(--duration,.4s) cubic-bezier(.25, 1, .5, 1);transition-delay:var(--delay,0s)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.hero-slideshow{background-color:var(--color-black);width:100%;height:75vh;min-height:480px;max-height:750px;position:relative;overflow:hidden}.hero-slideshow-container{width:100%;height:100%;position:absolute;top:0;left:0}.hero-slide{opacity:0;z-index:1;pointer-events:none;width:100%;height:100%;transition:opacity .4s ease-in-out;position:absolute;top:0;left:0}.hero-slide.active{opacity:1;z-index:2;pointer-events:auto}.hero-slide-bg{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform 3s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0;transform:scale(1.02)}.hero-slide.active .hero-slide-bg{transform:scale(1)}.hero-slide-overlay{background:linear-gradient(90deg,#0c0a09a6 0%,#1c191766 50%,#1c19171a 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-slide-overlay-light{background:linear-gradient(90deg,#faf9f6cc 0%,#faf9f64d 50%,#faf9f600 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-slide-content{z-index:3;flex-direction:column;justify-content:center;height:100%;display:flex;position:relative}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.hero-nav-controls{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;width:100%;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.slide-indicator{letter-spacing:.1em;font-size:1rem}.nav-buttons{pointer-events:auto;gap:.5rem;display:flex}.nav-btn{color:var(--color-white);cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:2px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;transition:all .3s;display:flex}.nav-btn:hover{border-color:var(--color-white);background:#ffffff1a}@media (width<=768px){.hero-slideshow{height:65vh}.hero-slide-overlay{background:linear-gradient(#0000 0%,#0003 50%,#00000080 100%)}.hero-slide-overlay-light{background:linear-gradient(#faf9f600 0%,#faf9f64d 40%,#faf9f6d9 100%)}.hero-slide-content{justify-content:flex-end;padding-bottom:7rem}.hero-slide-content h1{font-size:2.25rem!important}}.ratio-door{aspect-ratio:1/2}.ratio-window{aspect-ratio:1}.ratio-kitchen,.ratio-wardrobe{aspect-ratio:3/2}.ratio-default{aspect-ratio:4/3}.floating-contact-wrapper{z-index:9999;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}@media (width<=768px){.floating-contact-wrapper{bottom:20px;right:16px}}.floating-contact-btn{color:#fff;cursor:pointer;background-color:#25d366;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:all .3s;animation:3s infinite pulse-subtle;display:flex;box-shadow:0 4px 12px #00000026}.floating-contact-btn:hover{animation:none;transform:scale(1.05)}@keyframes pulse-subtle{0%{transform:scale(1);box-shadow:0 4px 12px #00000026}50%{transform:scale(1.04);box-shadow:0 6px 16px #25d3664d}to{transform:scale(1);box-shadow:0 4px 12px #00000026}}.floating-contact-menu{opacity:0;pointer-events:none;transform-origin:100% 100%;flex-direction:column;gap:8px;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex;transform:translateY(10px)scale(.95)}.floating-contact-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.floating-contact-item{color:var(--color-black);border:1px solid var(--color-light-gray);white-space:nowrap;background:#fff;border-radius:9999px;align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .2s,transform .2s;display:flex;box-shadow:0 4px 12px #0000001a}.floating-contact-item:hover{text-decoration:none;transform:translateY(-2px)}.whatsapp-item:hover{color:#16a34a;background-color:#f0fdf4;border-color:#25d366}.whatsapp-item svg{color:#25d366}.call-item:hover{border-color:var(--color-accent-wood);color:var(--color-accent-wood);background-color:#fffbeb}.call-item svg{color:var(--color-accent-wood)}.mobile-nav-toggle{display:none!important}.mobile-menu{background-color:var(--color-white);border-bottom:1px solid var(--color-light-gray);z-index:999;width:100%;max-height:0;transition:max-height .3s;position:absolute;top:100%;left:0;overflow:hidden}.mobile-menu.open{max-height:500px}@media (width<=1024px){.desktop-nav{display:none!important}.mobile-nav-toggle{display:flex!important}}.catalog-container{width:min(1440px,100% - 64px);margin:0 auto}@media (width<=768px){.catalog-container{width:calc(100% - 32px)}}.filters-row{-ms-overflow-style:none;scrollbar-width:none;justify-content:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.filters-row::-webkit-scrollbar{display:none}@media (width<=768px){.filters-row{justify-content:flex-start}}@media (width<=767px){.mobile-scroll-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-1.5rem;margin-right:-1.5rem;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem;overflow-x:auto;flex-wrap:nowrap!important;gap:1.5rem!important;display:flex!important}.mobile-scroll-grid::-webkit-scrollbar{display:none}.mobile-scroll-grid>*{scroll-snap-align:center;flex:0 0 75%!important}}.skeleton-pulse{animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}@media (width<=1199px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.product-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.product-image-wrapper{aspect-ratio:4/3;background-color:var(--color-light-gray);width:100%;position:relative;overflow:hidden}.product-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.soft-glow-text{color:var(--color-accent-wood);animation:3s ease-in-out infinite alternate softGlow}@keyframes softGlow{0%{text-shadow:0 0 4px #d9770633}to{text-shadow:0 0 12px #d9770699,0 0 20px #d977064d}}