body{font-family:Inter,sans-serif;background-color:#000;color:#fff;line-height:1.6}.top-banner{background-color:#000;color:#fff;text-align:center;padding:10px 0;font-size:14px;border-bottom:1px solid #333}.top-banner .highlight{color:gold;font-weight:700}.newsletter{padding:60px 5%;background-color:#000;text-align:center}.newsletter h2{font-size:26px;font-weight:600;margin-bottom:10px}.newsletter p{color:#ccc;font-size:14px;margin-bottom:30px}.newsletter-form{display:flex;justify-content:center;gap:10px;margin-bottom:30px;max-width:500px;margin-left:auto;margin-right:auto}.newsletter-form input{flex:1;padding:12px 20px;border:1px solid #666;background-color:transparent;color:#fff;border-radius:3px}.newsletter-form input::placeholder{color:#ccc}.newsletter-form button{background-color:gold;color:#000;border:none;padding:12px 30px;border-radius:3px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffd7004d}.social-icons{display:flex;justify-content:center;gap:20px}.social-icons a{color:#fff;font-size:24px;transition:color .3s}.social-icons a:hover{color:gold}@media (max-width: 768px){.newsletter-form{flex-direction:column}}.breadcrumb{padding:10px 5%;background-color:#111;font-size:14px;color:#ccc}.breadcrumb a{color:gold;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.category-hero{height:300px;background-image:url("./media/principal-CTOTJS3C.jpg");background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.category-hero:before{content:"";position:absolute;inset:0;background-color:#00000080}.category-hero-content{position:relative;z-index:1;color:#fff}.category-hero-content h1{font-size:48px;font-weight:700;margin-bottom:10px}.category-hero-content p{font-size:18px;color:#ccc}.category-container{display:flex;max-width:1400px;margin:0 auto;padding:40px 5%;gap:40px}.filters-sidebar{width:350px;background-color:#111;padding:20px;border-radius:8px;height:fit-content}.filters-sidebar h3{color:gold;font-size:18px;margin-bottom:20px;border-bottom:1px solid #333;padding-bottom:10px}.filter-section{margin-bottom:30px}.filter-section h4{color:#fff;font-size:16px;margin-bottom:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.filter-section h4:hover{color:gold}.filter-section h4 i{transition:transform .3s}.filter-section h4.collapsed i{transform:rotate(-90deg)}.filter-content{max-height:500px;overflow:hidden;transition:max-height .3s ease}.filter-content.collapsed{max-height:0}.filter-section label{display:flex;align-items:center;margin-bottom:8px;color:#ccc;cursor:pointer;position:relative;padding-left:30px}.filter-section input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.filter-section label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background-color:#222;border:1px solid #333;border-radius:3px;transition:all .3s}.filter-section input[type=checkbox]:checked+label:before{background-color:gold;border-color:gold}.filter-section input[type=checkbox]:checked+label:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:12px;font-weight:700}.sizes-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.size-btn{background-color:#222;color:#fff;border:1px solid #333;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .3s}.size-btn:hover{background-color:gold;color:#000}.price-input{width:100%;padding:8px;margin-bottom:10px;background-color:#222;border:1px solid #333;color:#fff;border-radius:4px}.apply-btn{width:100%;padding:10px;background-color:gold;color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s}.apply-btn:hover{background-color:#e6c200}.colors-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.color-circle{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid #333;transition:border-color .3s}.color-circle:hover{border-color:gold}.clear-filters{width:100%;padding:10px;background-color:transparent;color:gold;border:1px solid #FFD700;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s}.clear-filters:hover{background-color:gold;color:#000}.products-area{flex:1}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#ccc}.sort-select{background-color:#111;color:#fff;border:1px solid #333;padding:8px 12px;border-radius:4px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.product-card{background-color:#111;border-radius:8px;overflow:hidden;position:relative;transition:transform .3s}.product-card:hover{transform:translateY(-5px)}.product-card img{width:100%;height:250px;object-fit:cover}.badge{position:absolute;top:10px;left:10px;background-color:gold;color:#000;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.favorite-icon{position:absolute;top:10px;right:10px;color:#ccc;font-size:20px;cursor:pointer;transition:color .3s}.favorite-icon:hover{color:gold}.product-info{padding:15px}.product-info .brand{color:#ccc;font-size:14px;margin-bottom:5px}.product-info h3{color:#fff;font-size:16px;margin-bottom:10px;font-weight:600}.product-info .price{color:gold;font-size:18px;font-weight:700;margin-bottom:15px}.add-btn{width:100%;padding:10px;background-color:gold;color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s}.add-btn:hover{background-color:#e6c200}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px}.page-link{color:#ccc;text-decoration:none;padding:8px 12px;border:1px solid #333;border-radius:4px;transition:all .3s}.page-link:hover,.page-link.active{background-color:gold;color:#000;border-color:gold}@media (max-width: 1024px){.category-container{flex-direction:column;gap:20px}.filters-sidebar{width:100%}.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.category-hero-content h1{font-size:36px}.products-grid{grid-template-columns:repeat(2,1fr)}.sizes-grid{grid-template-columns:repeat(4,1fr)}.colors-grid{grid-template-columns:repeat(5,1fr)}.products-header{flex-direction:column;gap:10px;align-items:flex-start}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr}.sizes-grid{grid-template-columns:repeat(3,1fr)}.colors-grid{grid-template-columns:repeat(4,1fr)}.products-header{flex-direction:column;gap:10px;align-items:flex-start}}.countdown{display:flex;gap:20px;justify-content:center;margin-top:20px}.countdown-item{text-align:center;background-color:#000000b3;padding:10px 15px;border-radius:8px;min-width:60px}.countdown-number{display:block;font-size:24px;font-weight:700;color:gold}.countdown-label{display:block;font-size:12px;color:#ccc;margin-top:5px}.discount-tabs{display:flex;justify-content:center;gap:10px;padding:20px 5%;background-color:#111;flex-wrap:wrap}.tab-btn{background-color:#222;color:#fff;border:1px solid #333;padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .3s;font-weight:600}.tab-btn:hover,.tab-btn.active{background-color:gold;color:#000;border-color:gold}.original-price{text-decoration:line-through;color:#888;font-size:14px;margin-right:8px}.discount{background-color:red;color:#fff}.upcoming-launches{margin-bottom:40px}.upcoming-launches h2{color:gold;font-size:24px;margin-bottom:20px;text-align:center}.launches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.launch-card{background-color:#111;border-radius:8px;overflow:hidden;position:relative;transition:transform .3s}.launch-card:hover{transform:translateY(-5px)}.launch-card img{width:100%;height:200px;object-fit:cover}.launch-badge{position:absolute;top:10px;left:10px;background-color:gold;color:#000;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.launch-info{padding:15px}.launch-info .brand{color:#ccc;font-size:14px;margin-bottom:5px}.launch-info h3{color:#fff;font-size:16px;margin-bottom:10px;font-weight:600}.launch-date{color:gold;font-size:14px;margin-bottom:15px}.notify-btn{width:100%;padding:10px;background-color:gold;color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s}.notify-btn:hover{background-color:#e6c200}.category-tabs{display:flex;justify-content:center;gap:10px;padding:20px 5%;background-color:#111;flex-wrap:wrap}.quick-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding:40px 5%;background-color:#111}.quick-category-card{background-color:#222;padding:20px;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s}.quick-category-card:hover{background-color:gold;color:#000}.quick-category-card i{font-size:24px;margin-bottom:10px}.quick-category-card h3{font-size:16px;margin-bottom:5px}.quick-category-card p{font-size:14px;color:#ccc}.quick-category-card:hover p{color:#000}.alphabet-tabs{display:flex;justify-content:center;gap:5px;padding:20px 5%;background-color:#111;flex-wrap:wrap}.alpha-tab{background-color:#222;color:#fff;border:1px solid #333;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .3s;font-weight:600}.alpha-tab:hover,.alpha-tab.active{background-color:gold;color:#000;border-color:gold}.brands-container{padding:40px 5%}.brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.brand-card{background-color:#111;border-radius:8px;padding:20px;text-align:center;transition:transform .3s}.brand-card:hover{transform:translateY(-5px)}.brand-logo{width:80px;height:80px;margin:0 auto 15px;background-color:#222;border-radius:50%;display:flex;align-items:center;justify-content:center}.brand-logo img{width:60px;height:60px;object-fit:contain;border-radius:50%}.brand-card h3{color:#fff;font-size:18px;margin-bottom:5px}.brand-card p{color:#ccc;font-size:14px;margin-bottom:15px}.view-brand-btn{background-color:gold;color:#000;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s}.view-brand-btn:hover{background-color:#e6c200}.timeline-tabs{display:flex;justify-content:center;gap:10px;padding:20px 5%;background-color:#111;flex-wrap:wrap}.time-tab{background-color:#222;color:#fff;border:1px solid #333;padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .3s;font-weight:600}.time-tab:hover,.time-tab.active{background-color:gold;color:#000;border-color:gold}.special-drops{padding:40px 5%;background-color:#111}.special-drops h2{color:gold;font-size:24px;margin-bottom:20px;text-align:center}.drops-carousel{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.drop-card{background-color:#222;border-radius:8px;overflow:hidden;position:relative;transition:transform .3s}.drop-card:hover{transform:translateY(-5px)}.drop-card img{width:100%;height:250px;object-fit:cover}.drop-badge{position:absolute;top:10px;left:10px;background-color:gold;color:#000;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.drop-info{padding:15px}.drop-info .brand{color:#ccc;font-size:14px;margin-bottom:5px}.drop-info h3{color:#fff;font-size:16px;margin-bottom:10px;font-weight:600}.drop-date{color:gold;font-size:14px;margin-bottom:5px}.drop-price{color:gold;font-size:18px;font-weight:700;margin-bottom:15px}.shop-now-btn{width:100%;padding:10px;background-color:gold;color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s}.shop-now-btn:hover{background-color:#e6c200}.upcoming-editions{margin-bottom:40px}.upcoming-editions h2{color:gold;font-size:24px;margin-bottom:20px;text-align:center}.editions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.edition-card{background-color:#111;border-radius:8px;overflow:hidden;position:relative;transition:transform .3s}.edition-card:hover{transform:translateY(-5px)}.edition-card img{width:100%;height:250px;object-fit:cover}.edition-badge{position:absolute;top:10px;left:10px;background-color:gold;color:#000;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.edition-info{padding:15px}.edition-info .brand{color:#ccc;font-size:14px;margin-bottom:5px}.edition-info h3{color:#fff;font-size:16px;margin-bottom:10px;font-weight:600}.edition-date{color:gold;font-size:14px;margin-bottom:5px}.edition-price{color:gold;font-size:18px;font-weight:700;margin-bottom:15px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.product-card{background-color:#1a1a1a;border-radius:8px;overflow:hidden;position:relative;transition:transform .3s}.product-card:hover{transform:translateY(-10px)}.badge{position:absolute;top:15px;left:15px;background-color:gold;color:#000;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:700}.product-card img{width:100%;height:300px;object-fit:cover}.product-info{padding:20px}.brand{color:#999;font-size:12px;margin-bottom:5px}.product-info h3{font-size:16px;font-weight:600;margin-bottom:10px}.price{font-size:18px;font-weight:700;margin-bottom:15px}.add-btn{width:100%;padding:10px;background-color:transparent;border:1px solid #FFFFFF;color:#fff;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.add-btn:hover{background-color:#fff;color:#000}@media (max-width: 1024px){.launches-grid,.drops-carousel,.editions-grid{grid-template-columns:repeat(2,1fr)}.brands-grid,.quick-categories{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.launches-grid,.drops-carousel,.editions-grid{grid-template-columns:1fr}.brands-grid,.quick-categories{grid-template-columns:repeat(2,1fr)}.discount-tabs,.category-tabs,.timeline-tabs{flex-wrap:wrap;gap:5px}.tab-btn,.time-tab{padding:8px 16px;font-size:14px}.alphabet-tabs{gap:2px}.alpha-tab{padding:6px 10px;font-size:12px}}@media (max-width: 480px){.brands-grid,.quick-categories{grid-template-columns:1fr}.discount-tabs,.category-tabs,.timeline-tabs{justify-content:center}.tab-btn,.time-tab{padding:6px 12px;font-size:12px}.alphabet-tabs{overflow-x:auto;padding:10px;-webkit-overflow-scrolling:touch}.alphabet-tabs{flex-wrap:nowrap;gap:1px}.alpha-tab{flex-shrink:0;padding:4px 8px;font-size:11px}}.info-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;gap:40px}.info-sidebar{width:25%;background-color:#222;border:1px solid #333333;border-radius:8px;padding:30px;position:sticky;top:20px;height:fit-content}.info-sidebar h3{color:gold;font-size:18px;font-weight:700;margin-bottom:20px}.info-sidebar ul{list-style:none;padding:0;margin:0}.info-sidebar li{margin-bottom:10px}.info-sidebar a{color:#ccc;text-decoration:none;font-size:15px;line-height:2.5;display:block;transition:all .3s ease;padding-left:0}.info-sidebar a:hover{color:#fff;padding-left:10px}.info-sidebar a.active{color:gold;border-left:3px solid #FFD700;padding-left:10px}.info-content{width:75%;padding-bottom:60px}.info-hero{background:linear-gradient(135deg,#000,#1a1a1a);padding:80px 0;text-align:center;margin-bottom:40px}.info-hero h1{color:#fff;font-size:42px;font-weight:700;margin-bottom:10px}.info-hero p{color:#ccc;font-size:18px;margin:0}.breadcrumb{margin-bottom:30px;font-size:14px}.breadcrumb a{color:#ccc;text-decoration:none}.breadcrumb a:hover{color:gold}.breadcrumb span{color:#fff}.info-section{margin-bottom:60px}.info-section h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:20px;position:relative}.info-section h2:after{content:"";position:absolute;bottom:-5px;left:0;width:60px;height:3px;background-color:gold}.info-section p{color:#ccc;font-size:16px;line-height:1.8;margin-bottom:20px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.value-card{background-color:transparent;border:1px solid #333333;border-radius:8px;padding:40px;text-align:center}.value-card i{font-size:48px;color:gold;margin-bottom:20px}.value-card h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:15px}.value-card p{color:#ccc;font-size:15px;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:40px}.stat-item{text-align:center;padding:30px}.stat-number{color:gold;font-size:42px;font-weight:700;display:block;margin-bottom:10px}.stat-label{color:#fff;font-size:14px}@media (max-width: 768px){.info-container{flex-direction:column;gap:20px}.info-sidebar{width:100%;position:static}.info-content{width:100%}.info-hero h1{font-size:32px}.values-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Roboto,Arial,sans-serif;background:#000;color:#fff;padding-top:120px}:root{--color-primary: #FFD700;--color-bg: #000000;--color-text: #FFFFFF;--color-gray: #CCCCCC;--color-border: #333333}a{color:inherit;text-decoration:none}button{font-family:inherit}@media (max-width: 768px){body{padding-top:100px}}
