/* Identidad VIDEOGAMERS_ 2024. Aplicada después del layout responsive. */
:root{--bg:#FFFFFF;--panel:#FFFFFF;--line:#E4E4E4;--text:#202020;--muted:#656565;--accent:#5019EA;--lime:#0CE174}
body{font-family:Montserrat,Arial,sans-serif;background:#fff;color:#202020}
.topbar{background:#5019EA;color:#fff;font-family:Montserrat,Arial,sans-serif}
.header{background:#fff;border-color:#E4E4E4}
.brand{display:flex;align-items:center;padding:12px 0;line-height:1}
.brand img{width:220px;height:auto;display:block}
nav{color:#555}nav a:hover{color:#5019EA}
.contact{border-color:#E4E4E4;color:#5019EA;font-weight:600}.contact span{color:#5019EA}
.hero{border-color:#5019EA;background:#5019EA;border-radius:6px}
.hero-slide{background:linear-gradient(140deg,#5019EA 0%,#5019EA 58%,#301082 100%);color:white}
.hero h1{font-family:Oswald,Arial,sans-serif;font-weight:600;font-size:clamp(45px,5.2vw,75px);line-height:1.08}
.hero .eyebrow{color:#e0d7ff}.hero p{color:#e7defd}
.hero-art{transform:none;border:0;background:none;padding:20px 0}
.hero-art:before{inset:8px;border:1px solid #ffffff26;border-radius:0}
.hero-art img{width:200px;height:200px;object-fit:contain}
.hero-art span{color:#eee6ff;font:500 11px Oswald,Arial,sans-serif;letter-spacing:3px}
.button{background:#0CE174;color:#202020;border-radius:3px}
.hero-dots button{background:#b6a0ff}.hero-dots button.active{background:#0CE174}
.benefits{color:#656565;border-color:#E4E4E4}.benefits b{color:#5019EA}
.section-title h2{font-family:Oswald,Arial,sans-serif;font-weight:500;font-size:32px}
.section-title a,.text-button{color:#5019EA;font-weight:600}
.eyebrow{color:#656565}.section-title h2 span{color:#5019EA}
.card{background:#fff;border-color:#E4E4E4;border-radius:5px}
.card:hover{border-color:#5019EA}
.photo-button{background:#f6f6f6}.photo-button img{mix-blend-mode:multiply}
.badge{background:#e5dcff;color:#3f12be;border-radius:2px}
.badge.D{background:#0CE174;color:#202020}
.badge.S{background:#E4E4E4;color:#555}
.category-label,.condition{color:#656565}
.product-name{color:#202020;font-family:Montserrat,Arial,sans-serif}
.price{color:#202020;font-family:Oswald,Arial,sans-serif;font-weight:500;font-size:25px}
.old-price,.discount-price{color:#656565}
.card-action{color:#5019EA;border-color:#d8cafa;border-radius:3px}
.card-action:hover{background:#f2edff}
.empty{background:#f8f8f8;color:#656565;border-color:#E4E4E4}
.filters select,.search{background:#fff;border-color:#d5d5d5;color:#202020;border-radius:3px}
.search input{color:#202020}.search input::placeholder{color:#737373}
.load-more{border-color:#5019EA;color:#5019EA;border-radius:3px}
.help{background:#f2edff;border-color:#e0d6ff}
.help h2{font-family:Oswald,Arial,sans-serif;font-weight:500;color:#202020}
footer{border-top:1px solid #E4E4E4}footer p{color:#656565}footer>a:last-child{color:#5019EA}
#connection{background:#f2edff;border-color:#c8b5f8;color:#202020}
#connection button{color:#5019EA;border-color:#5019EA}
dialog{background:white;color:#202020;border-color:#dedede}
.close{color:#202020}.detail-grid img{background:#f6f6f6}
.detail-grid h2{font-family:Oswald,Arial,sans-serif;font-weight:500}
@media(max-width:720px){.brand img{width:180px}.hero h1{font-size:53px;line-height:1.1}.section-title h2{font-size:28px}.price{font-size:22px}.brand{padding:5px 0}.header{gap:12px}}