html{scroll-behavior:smooth;scroll-padding-top:180px}@media(min-width:1024px){html{scroll-padding-top:60px}}.yt-search-pill{border-radius:9999px 0 0 9999px;border:1px solid #e5e7eb}.yt-search-btn{border-radius:0 9999px 9999px 0;border:1px solid #e5e7eb;border-left:none;background-color:#f8fafc}.yt-chip{padding:4px 10px;border-radius:8px;font-size:13px;font-weight:600;background-color:#f1f5f9;color:#0f172a;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}@media(min-width:768px){.yt-chip{padding:6px 14px;font-size:14px}}.yt-chip:hover{background-color:#e2e8f0}.yt-chip.active{background-color:#0f172a;color:#fff}.yt-sidebar-item{display:flex;align-items:center;gap:16px;padding:10px 12px;border-radius:10px;transition:background-color .2s ease;color:#475569;font-weight:500}.yt-sidebar-item.active{background-color:#f1f5f9;color:#0f172a;font-weight:600}:root{--primary: #0f172a;--secondary: #334155;--accent: #2563eb}body{font-family:Inter,system-ui,-apple-system,sans-serif;scroll-behavior:smooth}.section-padding{padding-top:5rem;padding-bottom:5rem}.gradient-bg{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.hover-scale{transition:transform .2s ease-in-out}.hover-scale:hover{transform:scale(1.02)}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slide-in-right .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeInScale{animation:fadeInScale .2s ease-out}.masonry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:768px){.masonry-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(min-width:1024px){.masonry-grid{grid-template-columns:repeat(3,1fr);gap:32px}}.masonry-item{width:100%;height:100%}#nav-links{position:fixed;top:0;left:0;height:100vh;width:280px;background:#fff;z-index:150;transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:20px 0 50px #0000001a;display:flex;flex-direction:column}@media(max-width:768px){#nav-links{width:100%;height:auto;min-height:50vh;border-bottom-left-radius:24px;border-bottom-right-radius:24px;transform:translateY(-100%);box-shadow:0 10px 40px #0003}#nav-links.active{transform:translateY(0)}}@media(min-width:769px){#nav-links.active{transform:translate(0)}}.sidebar-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:140;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}.yt-sidebar-item{position:relative;display:flex;align-items:center;gap:16px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:500;color:#0f172a;transition:all .2s ease;cursor:pointer}.yt-sidebar-item:hover{background-color:#f1f5f9}.yt-sidebar-item.active{background-color:#eff6ff;color:#2563eb;font-weight:700}.yt-sidebar-item.active:before{content:"";position:absolute;left:0;width:4px;height:24px;background-color:#2563eb;border-radius:0 4px 4px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.modern-scroll::-webkit-scrollbar{height:3px}.modern-scroll::-webkit-scrollbar-track{background:#f8fafc;border-radius:10px}.modern-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px;transition:background .3s ease}.modern-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}.modern-scroll{scrollbar-width:thin;scrollbar-color:#94a3b8 #f8fafc}#filter-bar{position:relative}@media(max-width:767px){#filter-bar:after{content:"";position:absolute;top:0;right:0;width:30px;height:calc(100% - 6px);background:linear-gradient(to right,transparent,rgba(255,255,255,.9));pointer-events:none;z-index:10}}.no-scroll{overflow:hidden!important}.overscroll-contain{overscroll-behavior:contain}@keyframes cartFlash{0%{transform:scale(1);box-shadow:0 4px 15px -3px #10b9814d}50%{transform:scale(1.1);box-shadow:0 0 30px 10px #10b98199;background-color:#059669}to{transform:scale(1);box-shadow:0 4px 15px -3px #10b9814d}}.animate-cart-flash{animation:cartFlash .6s cubic-bezier(.4,0,.2,1)}@media(min-width:768px){#nav-links>li>a,#nav-links>li>button{position:relative;padding-bottom:4px;display:flex;align-items:center;background:none;border:none;font:inherit;color:inherit;cursor:pointer;padding-top:0}#nav-links>li>a:after,#nav-links>li>button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#2563eb;transition:width .3s ease-in-out}#nav-links>li>a.active:after,#nav-links>li>button.active:after{width:100%}#nav-quote-btn{position:relative}#nav-quote-btn:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:2px;background-color:#10b981;transition:width .3s ease-in-out}#nav-quote-btn.active:after{width:100%}#nav-links>li>a.active,#nav-links>li>button.active{color:#2563eb}#nav-quote-btn.active{background-color:#10b981!important;color:#fff!important}img[alt="Logo RegalaPro"]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}#nav-cart-btn{box-shadow:0 4px 15px -3px #10b9814d}#nav-cart-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #10b98166}}@media(max-width:767px){.mobile-dropdown{position:relative}.mobile-dropdown-trigger{width:100%;text-align:left;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.mobile-dropdown-menu{display:none;padding-left:1rem;background-color:#f8fafc;border-radius:.5rem;margin-top:.5rem}.mobile-dropdown.active .mobile-dropdown-menu{display:block}.mobile-dropdown.active .dropdown-icon{transform:rotate(180deg)}.mobile-active-indicator{position:relative}.mobile-active-indicator:before{content:"";position:absolute;top:50%;left:-12px;transform:translateY(-50%);width:4px;height:4px;background-color:#2563eb;border-radius:50%;opacity:0;transition:opacity .3s ease}.mobile-active-indicator.active:before{opacity:1}}.filter-bubble{position:relative;overflow:hidden;border-radius:9999px;border:2px solid #e2e8f0;background-color:#f8fafc;color:#475569;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.filter-bubble:hover{border-color:#2563eb;background-color:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #2563eb1a}.filter-bubble.active{background-color:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 4px 12px #2563eb4d}.filter-bubble:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.filter-bubble:active:before{width:300px;height:300px}body.drawer-open #floating-quote-bar{opacity:0!important;pointer-events:none!important;transform:translate(-50%,100px)!important}.product-card.is-selected{background-color:#f0f7ff!important;border-color:#e0effe!important}.product-card.is-selected .gallery-container{background-color:#f8fafc}#drawer-cart-resumen{cursor:pointer;transition:all .2s ease}#drawer-cart-resumen:active{scale:.95;background-color:#d1fae5}.action-btn-base{position:relative;overflow:hidden;z-index:20;pointer-events:auto!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn-base:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s,height .4s;z-index:-1}.action-btn-base:active:before{width:300px;height:300px}.view-detail-btn{background-color:#f8fafc;color:#334155;border:1px solid #e2e8f0}.view-detail-btn:hover{background-color:#2563eb!important;color:#fff!important;border-color:#2563eb!important;transform:scale(1.05);box-shadow:0 4px 6px -1px #2563eb4d}.view-detail-btn:hover i{color:#fff!important}.add-quote-btn{background-color:#059669;color:#fff}.add-quote-btn:hover{background-color:#047857;transform:scale(1.05);box-shadow:0 4px 6px -1px #0478574d}.add-quote-btn.in-cart{background-color:#f0f4e3!important;color:#4a5d23!important;border:1px solid #d4dbb6!important}.add-quote-btn.in-cart:hover{background-color:#e6edd1!important;border-color:#bcc691!important;box-shadow:0 4px 12px #4a5d231a!important;transform:scale(1.02)}.gallery-prev,.gallery-next{transition:all .2s ease}.gallery-prev:hover,.gallery-next:hover{transform:scale(1.1);background-color:#2563eb1a}.gallery-prev:active,.gallery-next:active{transform:scale(.95)}#floating-quote-bar{transition:all .4s cubic-bezier(.4,0,.2,1)}#product-drawer-backdrop{transition:opacity .3s ease-in-out}#product-drawer{transition:all .4s cubic-bezier(.4,0,.2,1)}#results-count{transition:all .2s cubic-bezier(.4,0,.2,1)}.scale-125{transform:scale(1.25)!important}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}button:focus-visible,a:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.ios-switch{position:relative;display:inline-block;width:32px;height:18px}.ios-switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#e2e8f0;transition:.4s;border-radius:20px}.switch-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.switch-slider{background-color:#10b981}input:checked+.switch-slider:before{transform:translate(14px)}.cart-particle{position:fixed;width:24px;height:24px;background:#10b981;border-radius:50%;z-index:9999;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #10b98166;transition:all .8s cubic-bezier(.175,.885,.32,1.275)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}