:root{--teal:#017b80;--magenta:#d5006d;--orange:#ff6b00;--black:#000;--white:#fff;--gray-100:#f8f9fa;--gray-200:#e6e6e6;--gray-300:#d9d9d9;--gray-400:#ccc;--gray-500:#999;--gray-600:#666;--gray-700:#333;--text:#000;--text-muted:#474747;--border:#e6e6e6;--card-bg:#fff;--surface:#fafafa;--soft-shadow:0 8px 30px #00000014;--radius:16px;--bg-gradient:linear-gradient(180deg,#f8f9fa 0%,#fff 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;min-height:100vh;overflow-x:hidden}body{background:var(--bg-gradient);color:var(--text);width:100%;font-family:Montserrat,sans-serif;line-height:1.6}.header-main{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid #e5e5e5cc;width:100%;padding:.8rem 0;transition:all .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000000d}.header-main.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffc;border-bottom:1px solid #017b801a;padding:.5rem 0;box-shadow:0 6px 25px #0000001a}.header-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;position:relative}.logo-button{cursor:pointer;z-index:1002;background:0 0;border:none;align-items:center;min-width:180px;padding:0;transition:transform .3s;display:flex}.logo-button:hover{transform:translateY(-2px)}.logo-image{object-fit:contain;width:auto;min-width:150px;height:45px;transition:height .3s}.logo-image.scrolled{min-width:140px;height:38px}.menu-toggle{cursor:pointer;z-index:1002;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:.5rem;display:none}.hamburger-line{background:var(--teal);border-radius:2px;width:25px;height:3px;transition:all .3s;display:block}.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{align-items:center;gap:.5rem;display:flex}.nav-link{color:var(--black);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border:2px solid #0000;border-radius:12px;padding:.7rem 1.2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s}.nav-link:hover{color:var(--teal);background:#017b8014;border-color:#017b8033}.nav-link.active{color:var(--white);background:var(--teal);border-color:var(--teal);box-shadow:0 4px 15px #017b804d}.spacer{width:100%;height:80px;transition:height .3s}.spacer.scrolled{height:60px}.brands-main{width:100%;max-width:1200px;margin:0 auto;padding:80px 20px}.page-title{text-align:center;width:100%;margin-bottom:40px}.page-title h1{letter-spacing:3px;text-transform:uppercase;color:var(--teal);margin-bottom:20px;font-size:2.8rem;font-weight:900;line-height:1.2;display:inline-block;position:relative}.page-title h1:after{content:"";background:var(--magenta);border-radius:2px;width:100px;height:5px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.page-title p{color:var(--text-muted);max-width:700px;margin:30px auto 0;font-size:1.2rem;font-weight:500;line-height:1.6}.brand-tabs-container{width:100%;max-width:1200px;margin:40px auto 60px;padding:0 15px}.brand-tabs{grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;display:grid}.brand-tab{border-radius:var(--radius);background:var(--card-bg);height:130px;box-shadow:var(--soft-shadow);cursor:pointer;border:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.brand-tab:hover{border-color:var(--teal);transform:translateY(-5px);box-shadow:0 15px 35px #0000001f}.brand-tab.active{border:2px solid var(--magenta);background:#d5006d05}.brand-tab.active:before{content:"";background:var(--magenta);height:4px;position:absolute;top:0;left:0;right:0}.brand-tab[data-brand=dbox].active{border-color:var(--orange)}.brand-tab[data-brand=dbox].active:before{background:var(--orange)}.coming-soon-badge{background:var(--orange);color:var(--white);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;z-index:2;border-radius:999px;padding:.3rem .8rem;font-size:.7rem;font-weight:900;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #ff6b004d}.brand-tab .brand-logo{object-fit:contain;width:auto;max-width:170px;height:auto;max-height:55px;transition:transform .3s;display:block}.brand-tab[data-brand=playseat] .brand-logo,.brand-tab[data-brand=moza] .brand-logo,.brand-tab[data-brand=thrustmaster] .brand-logo,.brand-tab[data-brand=dbox] .brand-logo{max-width:170px;max-height:55px}.brand-tab:hover .brand-logo,.brand-tab.active .brand-logo{transform:scale(1.05)}.history-badge{background:var(--orange);color:var(--white);letter-spacing:1px;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-left:15px;padding:.4rem 1.2rem;font-size:.8rem;font-weight:900;display:inline-block;box-shadow:0 4px 12px #ff6b004d}.brand-history{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--soft-shadow);border-radius:24px;width:100%;margin-bottom:40px;padding:50px 40px;position:relative;overflow:hidden}.brand-history:before{content:"";background:var(--teal);width:100%;height:4px;position:absolute;top:0;left:0}#dbox .brand-history:before{background:var(--orange)}.brand-history-header{width:100%;margin-bottom:30px}.brand-history-header h2{color:var(--teal);text-transform:uppercase;letter-spacing:1px;flex-wrap:wrap;align-items:center;gap:15px;font-size:2rem;font-weight:900;display:flex}#dbox .brand-history-header h2{color:var(--orange)}.brand-history-header h2 i{color:var(--magenta);margin-right:.75rem}#dbox .brand-history-header h2 i{color:var(--orange)}.brand-history-content{grid-template-columns:1fr;align-items:start;gap:30px;width:100%;display:grid}.history-text{color:var(--text-muted);font-size:1.05rem;line-height:1.8}.history-text p{margin-bottom:1.5rem}.history-text strong{color:var(--teal)}#dbox .history-text strong{color:var(--orange)}.history-highlights{background:linear-gradient(135deg,#017b800a 0%,#d5006d0a 100%);border:1px solid #017b801a;border-radius:16px;padding:30px}#dbox .history-highlights{background:linear-gradient(135deg,#ff6b000a 0% 100%);border:1px solid #ff6b001a}.history-highlights h4{color:var(--magenta);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:1.2rem;font-weight:900}#dbox .history-highlights h4{color:var(--orange)}.history-highlights ul{grid-template-columns:repeat(2,1fr);gap:12px;padding:0;list-style:none;display:grid}.history-highlights li{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.5;display:flex}.history-highlights li i{color:var(--magenta);flex-shrink:0;margin-top:.25rem;font-size:1rem}#dbox .history-highlights li i{color:var(--orange)}.products-button-container{text-align:center;border:1px solid var(--border);background:linear-gradient(135deg,#017b8008 0%,#d5006d08 100%);border-radius:24px;width:100%;margin:40px 0 20px;padding:50px 40px}#dbox .products-button-container{background:linear-gradient(135deg,#ff6b0008 0% 100%)}.products-button-container h3{color:var(--teal);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-size:1.6rem;font-weight:900}#dbox .products-button-container h3{color:var(--orange)}.products-button-container p{color:var(--text-muted);max-width:600px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6}.btn-ver-productos-grande{background:linear-gradient(135deg,var(--magenta)0%,#e60063 100%);color:var(--white);letter-spacing:1px;text-transform:uppercase;border:none;border-radius:60px;justify-content:center;align-items:center;gap:12px;min-width:220px;height:54px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 25px #d5006d4d}#dbox .btn-ver-productos-grande{background:linear-gradient(135deg,var(--orange)0%,#ff8c2e 100%);box-shadow:0 10px 25px #ff6b004d}.btn-ver-productos-grande:hover{gap:15px;transform:translateY(-3px);box-shadow:0 15px 30px #d5006d66}#dbox .btn-ver-productos-grande:hover{box-shadow:0 15px 30px #ff6b0066}.btn-ver-productos-grande i{font-size:1.1rem;transition:transform .3s}.btn-ver-productos-grande:hover i{transform:translate(5px)}.brand-section{width:100%;max-width:1200px;margin:0 auto;display:none}.brand-section.active{animation:.5s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brands-footer{border-top:1px solid var(--border);background:var(--white);width:100%;margin-top:60px;padding:30px 0}.brands-footer .container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.brands-footer p{color:var(--text-muted);text-align:center;font-size:.95rem;font-weight:500;line-height:1.5}.brands-footer a{color:var(--teal);font-weight:700;text-decoration:none;transition:color .3s}.brands-footer a:hover{color:var(--magenta)}img{aspect-ratio:attr(width)/attr(height);content-visibility:auto}html{scroll-behavior:smooth;scroll-padding-top:80px}html[data-scroll-behavior=smooth]{scroll-behavior:smooth}@media (max-width:1200px){.brand-tabs{grid-template-columns:repeat(4,1fr);gap:1rem}}@media (max-width:900px){.menu-toggle{display:flex}.main-navigation{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:1px solid var(--border);z-index:1001;background:#fffffffa;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;width:300px;height:100vh;padding:100px 1.5rem 2rem;transition:right .3s;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-5px 0 25px #0000001a}.main-navigation.open{right:0}.nav-link{text-align:left;border:1px solid var(--border);width:100%;padding:1rem 1.2rem;font-size:.9rem}.brands-main{padding:60px 20px}.page-title h1{font-size:2.2rem}.brand-tabs{grid-template-columns:repeat(2,1fr);gap:1rem}.brand-tab{height:120px}.spacer{height:70px}.spacer.scrolled{height:50px}}@media (max-width:768px){.brands-main{padding:50px 15px}.page-title h1{font-size:1.8rem}.page-title p{font-size:1rem}.brand-tabs{grid-template-columns:repeat(2,1fr);gap:.8rem}.brand-tab{height:110px;padding:1rem}.brand-tab .brand-logo{max-width:150px;max-height:45px}.coming-soon-badge{padding:.2rem .6rem;font-size:.6rem}.brand-history{padding:40px 30px}.brand-history-header h2{flex-direction:column;align-items:flex-start;gap:10px;font-size:1.6rem}.history-badge{margin-left:0;padding:.3rem 1rem;font-size:.7rem}.history-highlights ul{grid-template-columns:1fr}.products-button-container{padding:40px 30px}.products-button-container h3{font-size:1.4rem}.btn-ver-productos-grande{min-width:200px;height:50px;padding:.9rem 2rem;font-size:1rem}}@media (max-width:600px){.brand-tabs{grid-template-columns:1fr;max-width:300px;margin:0 auto}.brand-tab{height:100px}.brand-tab .brand-logo{max-width:130px;max-height:40px}.brand-history{padding:35px 25px}.brand-history-header h2{font-size:1.4rem}.history-text{font-size:.95rem}.logo-image{min-width:140px;height:38px}.logo-image.scrolled{min-width:130px;height:35px}.spacer{height:65px}.spacer.scrolled{height:45px}}@media (max-width:480px){.page-title h1{font-size:1.5rem}.brand-tab{height:95px}.brand-history{padding:30px 20px}.brand-history-header h2{font-size:1.2rem}.history-text{font-size:.9rem}.products-button-container{padding:30px 20px}.products-button-container h3{font-size:1.2rem}.btn-ver-productos-grande{width:100%;max-width:280px;height:48px;padding:.8rem 1.5rem;font-size:.95rem}.logo-image{min-width:130px;height:35px}.logo-image.scrolled{min-width:120px;height:32px}.main-navigation{width:100%}.spacer{height:60px}.spacer.scrolled{height:40px}}@media (max-width:375px){.page-title h1{font-size:1.3rem}.brand-tab{height:90px}.brand-tab .brand-logo{max-width:120px;max-height:36px}.logo-image{min-width:120px;height:32px}.logo-image.scrolled{min-width:110px;height:30px}.spacer{height:55px}.spacer.scrolled{height:35px}}