*{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%}.novedades-page{display:flex;flex-direction:column;min-height:100vh;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.section{padding:80px 0;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:.7}90%{opacity:.7}to{transform:translateX(120vw) rotate(-1deg);opacity:0}}.hero .lead{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:2}.hero .lead 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 .lead h1:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:100px;height:5px;background:var(--fuchsia);border-radius:2px}.hero .lead p{color:var(--text-muted);font-size:1.2rem;max-width:700px;margin:30px auto 0;line-height:1.6}.aeo-snippet{display:none}.brands-tabs-container{max-width:1200px;margin:40px auto 60px;padding:0 1.5rem;width:100%}.brands-tabs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem;width:100%}.brand-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-tab:hover{border-color:var(--green);transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.12)}.brand-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-tab.active:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--fuchsia)}.brand-tab.dbox-tab.active{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,107,0,.1)}.brand-tab.dbox-tab.active:before{background:var(--orange)}.brand-tab .brand-logo{display:block;width:100%;height:auto;max-height:80px;max-width:200px;object-fit:contain;transition:transform .3s ease}.brand-tab.active .brand-logo,.brand-tab:hover .brand-logo{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-tab.dbox-tab .brand-logo-fallback{background:linear-gradient(135deg,var(--orange) 0,#ff8c2e 100%)}.brand-novedades-section{display:none;max-width:1200px;margin:0 auto;width:100%;padding:0 1.5rem}.brand-novedades-section.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-header{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:50px;flex-wrap:wrap}.brand-header .brand-logo-header{height:70px;width:auto;max-width:220px;object-fit:contain}.brand-logo-header-fallback{display:flex;align-items:center;justify-content:center;height:70px;min-width:200px;background:linear-gradient(135deg,var(--green) 0,#019ba3 100%);border-radius:var(--radius-sm);padding:0 2rem}.brand-logo-header-fallback span{color:var(--white);font-weight:900;font-size:1.6rem;text-transform:uppercase;letter-spacing:2px}#dbox .brand-logo-header-fallback{background:linear-gradient(135deg,var(--orange) 0,#ff8c2e 100%)}.brand-header h2{font-size:2.2rem;color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:2px;margin:0}#dbox .brand-header h2{color:var(--orange)}.novedades-active{margin-bottom:60px}.novedades-active h3{font-size:1.8rem;color:var(--fuchsia);font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;padding-bottom:15px;border-bottom:3px solid rgba(213,0,109,.2);display:flex;align-items:center;gap:15px}.novedades-active h3 i{color:var(--fuchsia);font-size:1.6rem}#dbox .novedades-upcoming h3{color:var(--orange);border-bottom-color:rgba(255,107,0,.2)}#dbox .novedades-upcoming h3 i{color:var(--orange)}.novedades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));grid-gap:30px;gap:30px;width:100%}.novedad-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%}.novedad-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.12);border-color:var(--green)}#dbox .novedad-card:hover{border-color:var(--orange)}.novedad-media{height:240px;background:linear-gradient(135deg,#f8f9fa,#ffffff);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-bottom:1px solid var(--border)}.novedad-media img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .5s ease}.novedad-card:hover .novedad-media img{transform:scale(1.08)}.novedad-badge{position:absolute;top:20px;right:20px;font-size:.8rem;font-weight:900;letter-spacing:2px;padding:.5rem 1.2rem;border-radius:var(--radius-full);text-transform:uppercase;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.15)}.novedad-badge.lanzamiento,.novedad-badge.nuevo{background:var(--fuchsia);color:var(--white)}.novedad-badge.proximo,.novedad-badge.próximamente{background:var(--green);color:var(--white)}#dbox .novedad-badge.proximo,#dbox .novedad-badge.próximamente{background:var(--orange)}.novedad-image-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#f8f9fa,#ffffff);color:var(--green);padding:30px;text-align:center}.novedad-image-fallback i{font-size:3rem;margin-bottom:15px;color:var(--fuchsia)}.novedad-image-fallback span{font-weight:800;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted)}#dbox .novedad-image-fallback i{color:var(--orange)}.novedad-body{padding:30px;flex-grow:1;display:flex;flex-direction:column}.novedad-title{font-size:1.4rem;font-weight:900;text-transform:uppercase;color:var(--green);margin-bottom:15px;line-height:1.3}#dbox .novedad-title{color:var(--orange)}.novedad-desc{color:var(--text-muted);margin-bottom:25px;line-height:1.7;font-size:1rem;flex-grow:1}.novedad-details{display:flex;justify-content:flex-end;align-items:center;margin-top:15px;padding-top:20px;border-top:1px solid var(--border)}.novedad-status{padding:.4rem 1rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:900;letter-spacing:1px;text-transform:uppercase}.novedad-status.lanzamiento,.novedad-status.nuevo{background:rgba(213,0,109,.12);color:var(--fuchsia)}.novedad-status.proximo{background:rgba(1,123,128,.12);color:var(--green)}#dbox .novedad-status.proximo{background:rgba(255,107,0,.12);color:var(--orange)}.novedades-upcoming{margin-bottom:40px}.novedades-upcoming h3{font-size:1.8rem;color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;padding-bottom:15px;border-bottom:3px solid rgba(1,123,128,.2);display:flex;align-items:center;gap:15px}.novedades-upcoming h3 i{color:var(--green);font-size:1.6rem}.novedad-product-image{width:100%;height:100%;padding:20px}.novedad-media .novedad-logo,.novedad-product-image{object-fit:contain;transition:transform .5s ease;display:block}.novedad-media .novedad-logo{width:auto;height:auto;max-height:100px;max-width:80%;margin:0 auto}.novedad-card:hover .novedad-media .novedad-logo{transform:scale(1.08)}.novedad-logo-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--green) 0,#019ba3 100%);color:var(--white);font-weight:900;font-size:1.4rem;text-transform:uppercase;letter-spacing:2px;text-align:center;padding:20px}#dbox .novedad-logo-fallback{background:linear-gradient(135deg,var(--orange) 0,#ff8c2e 100%)}.novedad-media-slider{position:relative;overflow:hidden}.novedad-media-main,.novedad-media-slider{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.novedad-media-main img{max-width:100%;max-height:100%;object-fit:contain;padding:20px;transition:transform .3s ease}.novedad-card:hover .novedad-media-main img{transform:scale(1.05)}.media-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}.media-nav-btn:hover{background:var(--green);color:white;border-color:var(--green)}.media-nav-btn.prev{left:10px}.media-nav-btn.next{right:10px}.media-indicators{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}.media-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);border:1px solid var(--green);cursor:pointer;transition:all .2s ease}.media-dot:hover{background:var(--green)}.media-dot.active{background:var(--fuchsia);transform:scale(1.2);border-color:var(--fuchsia)}#dbox .media-dot.active{border-color:var(--orange)}#dbox .media-dot.active,#dbox .media-nav-btn:hover{background:var(--orange)}.brands-footer{border-top:1px solid var(--border);background:var(--white);padding:30px 0;margin-top:60px;width:100%}.brands-footer .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.brands-footer p{color:var(--text-muted);font-weight:500;text-align:center;font-size:.95rem;line-height:1.5}.brands-footer a{color:var(--green);text-decoration:none;font-weight:700;transition:color .3s ease}.brands-footer a:hover{color:var(--fuchsia)}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}html[data-scroll-behavior=smooth]{scroll-behavior:smooth}@media (max-width:1200px){.brands-tabs{gap:1.5rem}}@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 .lead h1{font-size:2.2rem}.brands-tabs{grid-template-columns:repeat(2,1fr);gap:1.5rem}.brand-tab{height:130px}.brand-tab .brand-logo{max-height:70px;max-width:180px}.brand-header h2{font-size:1.8rem}.spacer{height:70px}.spacer.scrolled{height:50px}}@media (max-width:768px){.section{padding:60px 0}.hero .lead h1{font-size:1.8rem}.hero .lead p{font-size:1rem}.brands-tabs{grid-template-columns:1fr;max-width:350px;margin:0 auto}.brand-tab{height:120px}.brand-tab .brand-logo{max-height:60px;max-width:160px}.brand-header{flex-direction:column;gap:1rem}.brand-header .brand-logo-header{height:60px}.brand-header h2{font-size:1.6rem}.novedades-active h3,.novedades-upcoming h3{font-size:1.5rem}.novedades-grid{grid-template-columns:1fr}.novedad-details{flex-direction:row;justify-content:flex-end;gap:.8rem}}@media (max-width:600px){.hero .lead h1{font-size:1.6rem}.brands-tabs{max-width:300px}.brand-tab{height:110px}.brand-tab .brand-logo{max-height:55px;max-width:160px}.brand-logo-fallback{height:55px}.brand-logo-fallback span{font-size:1.2rem}.brand-header .brand-logo-header{height:50px}.brand-logo-header-fallback{height:50px;min-width:180px}.brand-logo-header-fallback span{font-size:1.3rem}.brand-header h2{font-size:1.4rem}.novedad-media{height:200px}.novedad-title{font-size:1.2rem}.logo-image{height:38px;min-width:140px}.logo-image.scrolled{height:35px;min-width:130px}}@media (max-width:480px){.hero .lead h1{font-size:1.4rem}.brand-tab{height:100px}.brand-tab .brand-logo{max-height:50px;max-width:140px}.brand-logo-fallback{height:50px}.brand-logo-fallback span{font-size:1.1rem}.brand-header h2{font-size:1.2rem}.novedades-active h3,.novedades-upcoming h3{font-size:1.3rem}.novedad-media{height:180px}.novedad-body{padding:25px}.novedad-title{font-size:1.1rem}.logo-image{height:35px;min-width:130px}.logo-image.scrolled{height:32px;min-width:120px}}