*{margin:0;padding:0;box-sizing:border-box}:root{--green:#017B80;--black:#000000;--fuchsia:#D5006D;--orange:#FF6B00;--gray-100:#F8F9FA;--gray-200:#E6E6E6;--gray-300:#D9D9D9;--gray-400:#CCCCCC;--gray-500:#999999;--gray-600:#666666;--gray-700:#333333;--white:#FFFFFF;--text:#000000;--text-muted:#474747;--border:#E6E6E6;--card-bg:#FFFFFF;--surface:#FAFAFA;--soft-shadow:0 8px 30px rgba(0,0,0,0.08);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--bg-gradient:linear-gradient(180deg,#F8F9FA,#FFFFFF)}body{font-family:Montserrat,sans-serif;color:var(--text);background:var(--bg-gradient);line-height:1.6;overflow-x:hidden;width:100%}.productos-page{display:flex;flex-direction:column;min-height:100vh;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.header-main{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,229,229,.8);padding:.8rem 0;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:all .3s ease;width:100%}.header-main.scrolled{padding:.5rem 0;background:rgba(255,255,255,.99);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 6px 25px rgba(0,0,0,.1);border-bottom:1px solid rgba(1,123,128,.1)}.header-container{justify-content:space-between;padding:0 1.5rem;max-width:1200px;margin:0 auto;width:100%}.header-container,.logo-button{display:flex;align-items:center}.logo-button{background:none;border:none;cursor:pointer;padding:0;transition:transform .3s ease;z-index:1002;min-width:180px}.logo-button:hover{transform:translateY(-2px)}.logo-image{height:45px;width:auto;object-fit:contain;transition:height .3s ease;min-width:150px}.logo-image.scrolled{height:38px;min-width:140px}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;gap:5px;z-index:1002}.menu-toggle:hover{opacity:.8}.hamburger-line{display:block;width:25px;height:3px;background:var(--green);border-radius:2px;transition:all .3s ease;transform-origin:center}.menu-toggle.open .hamburger-line:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle.open .hamburger-line:nth-child(2){opacity:0}.menu-toggle.open .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.main-navigation{display:flex;gap:.5rem;align-items:center}.nav-link{color:var(--black);text-decoration:none;font-size:.9rem;font-weight:700;padding:.7rem 1.2rem;border-radius:var(--radius-sm);letter-spacing:1px;text-transform:uppercase;border:2px solid transparent;transition:all .3s ease;white-space:nowrap}.nav-link:hover{color:var(--green);background:rgba(1,123,128,.08);border-color:rgba(1,123,128,.2)}.nav-link.active{color:var(--white);background:var(--green);border-color:var(--green);box-shadow:0 4px 15px rgba(1,123,128,.3)}.header-main.scrolled .nav-link{font-size:.85rem;padding:.6rem 1rem}.spacer{height:80px;transition:height .3s ease;width:100%}.spacer.scrolled{height:60px}.hero{position:relative;background:#F8F9FA;padding:60px 0 40px}.hero,.hero-lines{overflow:hidden;width:100%}.hero-lines{position:absolute;top:0;left:0;height:200px;pointer-events:none;z-index:1}.hero-lines .line{position:absolute;height:4px;opacity:.25;animation:sweep 10s linear infinite}.hero-lines .line.teal{background:linear-gradient(90deg,transparent,var(--green),rgba(1,123,128,.6),var(--green),transparent)}.hero-lines .line.fuchsia{background:linear-gradient(90deg,transparent,var(--fuchsia),rgba(213,0,109,.6),var(--fuchsia),transparent)}.hero-lines .l1{top:15%;width:80%;animation-delay:0s}.hero-lines .l2{top:35%;width:70%;animation-delay:2s;animation-duration:12s}.hero-lines .l3{top:55%;width:85%;animation-delay:4s;animation-duration:14s}.hero-lines .l4{top:75%;width:75%;animation-delay:6s;animation-duration:11s}@keyframes sweep{0%{transform:translateX(-100%) rotate(-1deg);opacity:0}10%{opacity:.25}90%{opacity:.25}to{transform:translateX(120vw) rotate(-1deg);opacity:0}}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:2}.hero-content h1{font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:3px;color:var(--green);margin-bottom:20px;position:relative;display:inline-block;line-height:1.2}.hero-content h1:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:100px;height:5px;background:var(--fuchsia);border-radius:2px}.hero-content p{color:var(--text-muted);font-size:1.2rem;max-width:700px;margin:30px auto 0;line-height:1.6}.brands-section{padding:30px 0 15px;background:#F8F9FA}.brands-menu{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem;width:100%}.brand-logo-tab{display:flex;align-items:center;justify-content:center;height:140px;padding:1.5rem;border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--soft-shadow);cursor:pointer;transition:all .3s ease;border:1px solid var(--border);position:relative;overflow:hidden;width:100%}.brand-logo-tab:hover{border-color:var(--green);transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.12)}.brand-logo-tab.active{border:2px solid var(--fuchsia);background:rgba(213,0,109,.02);box-shadow:0 0 0 4px rgba(213,0,109,.1)}.brand-logo-tab.active:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--fuchsia)}.brand-logo-tab.dbox-tab.active{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,107,0,.1)}.brand-logo-tab.dbox-tab.active:before{background:var(--orange)}.brand-logo-image{width:100%;height:auto;max-height:80px;max-width:200px;object-fit:contain;transition:transform .3s ease}.brand-logo-tab.active .brand-logo-image,.brand-logo-tab:hover .brand-logo-image{transform:scale(1.08)}.brand-logo-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:80px;background:linear-gradient(135deg,var(--green) 0,#019ba3 100%);border-radius:var(--radius-sm);padding:0 1.5rem}.brand-logo-fallback span{color:var(--white);font-weight:900;font-size:1.4rem;text-transform:uppercase;letter-spacing:2px;text-align:center}.brand-logo-tab.dbox-tab .brand-logo-fallback{background:linear-gradient(135deg,var(--orange) 0,#ff8c2e 100%)}.categories-section{padding:20px 0 30px;background:#F8F9FA;width:100%;overflow-x:hidden}.categories-header{text-align:center;margin-bottom:30px;width:100%}.categories-header h2{font-size:2rem;font-weight:900;color:var(--green);letter-spacing:2px;text-transform:uppercase;position:relative;display:inline-block;padding-bottom:10px}.categories-header h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--fuchsia);border-radius:2px}.categories-menu{gap:1rem;flex-wrap:wrap;width:100%;padding:0 15px}.categories-menu,.category-tab{display:flex;justify-content:center}.category-tab{background:var(--card-bg);border:1px solid var(--border);border-radius:40px;padding:12px 30px;font-weight:700;font-size:1rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:all .3s ease;align-items:center;gap:10px;position:relative;min-width:130px;box-shadow:var(--soft-shadow)}.category-tab:hover{border-color:var(--fuchsia);color:var(--fuchsia);background:rgba(213,0,109,.05);transform:translateY(-2px)}.category-tab.active{background:var(--fuchsia);color:white;border-color:var(--fuchsia);box-shadow:0 8px 20px rgba(213,0,109,.25)}.category-tab i{font-size:1rem}.products-section{padding:40px 0 80px;background:#F8F9FA}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.products-header h2{font-size:2rem;font-weight:900;color:var(--green);letter-spacing:2px;text-transform:uppercase;margin:0}.products-count{background:var(--fuchsia);color:white;padding:8px 20px;border-radius:40px;font-size:1rem;font-weight:700;letter-spacing:1px;display:inline-block}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-gap:30px;gap:30px;align-items:start}.product-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--soft-shadow);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;height:100%;max-width:100%;margin:0 auto;width:100%}.product-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.12);border-color:var(--green)}.product-image-container{background:#FFFFFF;padding:20px;border-bottom:1px solid var(--border);position:relative;flex-shrink:0;height:240px;display:flex;align-items:center;justify-content:center}.product-image-slider{position:relative}.product-image-main,.product-image-slider{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-image-main img{max-width:100%;max-height:200px;width:auto;height:auto;object-fit:contain;transition:transform .5s ease}.product-card:hover .product-image-main img{transform:scale(1.08)}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--green);font-size:.8rem;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:10}.image-nav-btn:hover{background:var(--green);color:white;border-color:var(--green)}.image-nav-btn.prev{left:10px}.image-nav-btn.next{right:10px}.image-indicators{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}.image-dot{width:8px;height:8px;border-radius:50%;background:var(--gray-400);border:none;cursor:pointer;transition:all .2s ease;padding:0}.image-dot:hover{background:var(--green)}.image-dot.active{background:var(--fuchsia);transform:scale(1.2)}.image-counter{position:absolute;bottom:-30px;right:5px;font-size:.7rem;color:var(--text-muted);background:rgba(255,255,255,.9);padding:3px 8px;border-radius:20px;border:1px solid var(--border)}.product-content{padding:30px;display:flex;flex-direction:column;flex:1 0 auto}.product-brand{color:var(--green);font-size:.8rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.product-name{font-size:1.4rem;font-weight:900;margin-bottom:15px;color:var(--black);line-height:1.3;-webkit-line-clamp:2;line-clamp:2;min-height:3.6rem}.product-desc,.product-name{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.product-desc{color:var(--text-muted);font-size:.95rem;line-height:1.7;-webkit-line-clamp:3;line-clamp:3;min-height:4.8rem}.product-desc,.product-specs{margin-bottom:20px}.specs-toggle{background:none;border:1px solid var(--border);border-radius:30px;padding:8px 16px;font-size:.8rem;font-weight:700;color:var(--green);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;margin-bottom:15px}.specs-toggle:hover{background:rgba(1,123,128,.08);border-color:var(--green)}.specs-toggle.active{background:var(--green);color:white;border-color:var(--green)}.specs-table{background:rgba(1,123,128,.03);border-radius:var(--radius-md);padding:15px;margin-bottom:15px;border:1px solid rgba(1,123,128,.1);max-height:250px;overflow-y:auto}.specs-table table{width:100%;border-collapse:collapse}.specs-table tr{border-bottom:1px solid rgba(1,123,128,.1)}.specs-table tr:last-child{border-bottom:none}.specs-table td{padding:8px 5px;font-size:.8rem}.specs-table .spec-label{font-weight:700;color:var(--green);width:40%;vertical-align:top}.specs-table .spec-value{color:var(--text-muted)}.product-cta{margin-top:auto;padding-top:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:40px;font-weight:700;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border:2px solid transparent;transition:all .3s ease;cursor:pointer;width:100%}.btn-accent{background:linear-gradient(135deg,var(--fuchsia) 0,#e60063 100%);color:var(--white);box-shadow:0 4px 12px rgba(213,0,109,.25)}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(213,0,109,.35)}.btn-small{padding:8px 20px!important;font-size:.8rem!important;width:auto!important;display:inline-block!important}.no-products{text-align:center;padding:80px 20px;background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);max-width:600px;margin:40px auto}.no-products h1{font-size:2.5rem;font-weight:900;color:var(--orange);margin-bottom:20px;text-transform:uppercase;letter-spacing:3px}.no-products p{color:var(--text-muted);font-size:1.2rem;margin-bottom:30px}.footer{border-top:1px solid var(--border);background:var(--white);padding:30px 0;margin-top:60px;width:100%}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer p{color:var(--text-muted);font-weight:500;font-size:.95rem;margin:0}.footer-links{display:flex;align-items:center;gap:10px}.footer-links a{color:var(--green);text-decoration:none;font-weight:700;transition:color .3s ease;font-size:.95rem}.footer-links a:hover{color:var(--fuchsia)}.separator{color:var(--gray-400)}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.menu-toggle{display:flex}.main-navigation{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:100px 1.5rem 2rem;gap:.5rem;box-shadow:-5px 0 25px rgba(0,0,0,.1);border-left:1px solid var(--border);transition:right .3s ease;z-index:1001}.main-navigation.open{right:0}.nav-link{width:100%;text-align:left;padding:1rem 1.2rem;font-size:.9rem;border:1px solid var(--border)}.hero-content h1{font-size:2.5rem}.brands-menu{grid-template-columns:repeat(2,1fr);gap:1.5rem}.brand-logo-tab{height:130px}.brand-logo-image{max-height:70px;max-width:180px}.spacer{height:70px}.spacer.scrolled{height:50px}}@media (max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.brands-menu{grid-template-columns:1fr;max-width:350px;margin:0 auto}.brand-logo-tab{height:120px}.brand-logo-image{max-height:60px;max-width:160px}.categories-menu{gap:.8rem}.category-tab{padding:10px 20px;font-size:.9rem;min-width:120px}.products-grid{grid-template-columns:1fr}.product-image-container{height:200px}.product-name{font-size:1.2rem;min-height:3rem}.products-header{flex-direction:column;align-items:flex-start}.products-header h2{font-size:1.6rem}.footer-content{flex-direction:column;text-align:center}}@media (max-width:600px){.hero-content h1{font-size:1.6rem;letter-spacing:2px}.hero-content h1:after{width:80px;height:4px;bottom:-10px}.hero-content p{font-size:.9rem;margin:20px auto 0}.brands-menu{max-width:300px}.brand-logo-tab{height:110px;padding:1rem}.brand-logo-image{max-height:55px;max-width:160px}.brand-logo-fallback{height:55px}.brand-logo-fallback span{font-size:1.2rem}.categories-header h2{font-size:1.6rem}.category-tab{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 0.5rem);padding:8px 15px;font-size:.8rem;min-width:auto}.product-image-container{height:180px;padding:15px}.product-image-main img{max-height:150px}.product-content{padding:20px}.product-name{font-size:1.1rem;min-height:2.8rem}.product-desc{font-size:.85rem;min-height:4.2rem}.btn{padding:10px 20px;font-size:.8rem}.logo-image{height:38px;min-width:140px}.logo-image.scrolled{height:35px;min-width:130px}}@media (max-width:480px){.hero-content h1{font-size:1.4rem}.category-tab{flex:0 0 100%;padding:10px 20px;font-size:.9rem}.product-image-container{height:160px}.product-image-main img{max-height:130px}.product-content{padding:18px}.product-name{font-size:1rem;min-height:2.6rem}.logo-image{height:35px;min-width:130px}.logo-image.scrolled{height:32px;min-width:120px}.footer p{font-size:.85rem}}img{aspect-ratio:attr(width) /attr(height);content-visibility:auto}img[loading=lazy]{opacity:0;transition:opacity .3s ease}img[loading=lazy].loaded{opacity:1}html{scroll-behavior:smooth;scroll-padding-top:80px}