/* photoracer.tv/gta-6/ y Garaje de Photo — mismo sistema de diseño (negro + amarillo), con un toque rosa atardecer de Vice City */
.g6{--rs:#ff4f8b;--rs-rgb:255,79,139}
.g6-w{max-width:1200px;margin:0 auto}
.g6-s{padding:56px 5vw;scroll-margin-top:80px}
.g6-oscuro{background:#0f0f0f;border-top:1px solid #1b1b1b;border-bottom:1px solid #1b1b1b}
.g6 h2{font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:900;line-height:1.12;margin-bottom:10px}
.g6-k{color:var(--am);font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:2.5px;margin-bottom:10px}
.g6-tag{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ne);background:var(--am);padding:6px 12px;border-radius:999px}
.g6-lead{color:#d6d6d6;font-size:1.1rem;max-width:620px}.g6-lead b{color:#fff}
.g6-sub{color:var(--gr);margin-bottom:24px;max-width:820px}.g6-sub b{color:#fff}
.g6-mas{color:var(--am);font-weight:700;border-bottom:2px solid rgba(255,224,27,.35)}
.g6-pq{color:#8a8a8a;font-size:.85rem;margin-top:16px}.g6-pq a{color:var(--am)}
.g6-aviso{color:#8a8a8a;font-size:.85rem;margin-top:18px}
.g6-h3{font-size:1.2rem;margin:34px 0 16px}
.g6-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}

/* Hero */
.g6-hero{position:relative;padding:58px 5vw 64px;overflow:hidden;
  background:radial-gradient(900px 500px at 85% 20%,rgba(var(--rs-rgb),.18),transparent 70%),radial-gradient(700px 400px at 0% 100%,rgba(255,224,27,.08),transparent 70%)}
.g6-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--rs),var(--am),transparent);opacity:.7}
.g6-hero-in{display:grid;grid-template-columns:1.3fr .7fr;gap:46px;align-items:center}
.g6 h1{font-size:clamp(2.4rem,5.6vw,4.4rem);line-height:1;font-weight:900;margin:18px 0 16px;text-transform:uppercase;letter-spacing:-.015em}
.g6 h1 em{font-style:normal;color:var(--ne);background:linear-gradient(135deg,var(--am),#ffb02e);padding:0 .16em;border-radius:8px;display:inline-block;transform:rotate(-1.5deg)}
.g6-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.g6-cuenta{background:#141414;border:1px solid rgba(var(--rs-rgb),.45);border-radius:22px;padding:26px;box-shadow:0 0 70px rgba(var(--rs-rgb),.15)}
.g6-cuenta-t{font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--rs);margin-bottom:14px}
.g6-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.g6-cd div{text-align:center;background:#0b0b0b;border:1px solid var(--borde);border-radius:12px;padding:10px 4px}
.g6-cd b{display:block;font-size:2rem;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}
.g6-cd small{font-size:.68rem;color:var(--gr);text-transform:uppercase;letter-spacing:.08em}
.g6-plat{margin-top:14px;color:var(--gr);font-size:.85rem}.g6-ya{font-size:1.6rem;font-weight:900}

/* Volante */
.g6-vol{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:34px;border-radius:24px;background:linear-gradient(135deg,rgba(255,224,27,.13),#141414 55%);border:2px solid rgba(255,224,27,.55)}
.g6-vol p{color:#d2d2d2}
.g6-estado span{display:inline-block;font-weight:900;font-size:1.2rem;padding:6px 14px;border-radius:10px;background:#2a2a2a;color:#fff;margin:4px 0 10px}
.g6-vol-pend .g6-estado span{background:rgba(255,224,27,.18);color:var(--am)}
.g6-vol-si .g6-estado span{background:rgba(43,238,52,.18);color:var(--ve)}
.g6-vol-no .g6-estado span{background:rgba(255,80,80,.18);color:#ff7a7a}
.g6-vol-medias .g6-estado span{background:rgba(255,150,40,.18);color:#ffad5c}
.g6-vol-av{background:#0f0f0f;border:1px solid var(--borde);border-radius:18px;padding:22px}
.g6-twitch{background:#9146ff;color:#fff;width:100%;text-align:center}
.g6-form{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.g6-fila{display:flex;gap:8px}.g6-fila input{flex:1;min-width:0;padding:12px 14px;border-radius:10px;border:1px solid #333;background:#0b0b0b;color:#fff;font:inherit}
.g6-check{display:flex;gap:8px;align-items:flex-start;font-size:.78rem;color:#aaa;line-height:1.4}.g6-check input{margin-top:2px;accent-color:#ffe01b}.g6-check a{color:var(--am)}
.g6-hp{position:absolute!important;left:-9999px!important}
.g6-err{background:#3a1212;color:#ffb3b3;padding:8px 12px;border-radius:8px;font-size:.85rem}
.g6-ok{margin-top:12px;color:var(--ve);font-weight:700}

/* Carreras */
.g6-carreras{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.g6-carreras a{background:#151515;border:1px solid var(--borde);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:6px;transition:transform .2s,border-color .2s}
.g6-carreras a:hover{transform:translateY(-4px);border-color:rgba(255,224,27,.6)}
.g6-carreras span{font-size:1.8rem}.g6-carreras b{font-size:1.1rem}.g6-carreras p{color:var(--gr);font-size:.9rem}

/* Setup */
.g6-prods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.g6-prod{display:flex;flex-direction:column;background:#151515;border:1px solid var(--borde);border-radius:18px;overflow:hidden;transition:transform .2s,border-color .2s}
.g6-prod:hover{transform:translateY(-4px);border-color:rgba(255,224,27,.6)}
.g6-pimg{position:relative;display:block;background:#fff;aspect-ratio:1/1}
.g6-pimg img{width:100%;height:100%;object-fit:contain;padding:12px}
.g6-pimg i{position:absolute;right:10px;bottom:10px;font-style:normal;font-weight:900;font-size:.85rem;background:#ff6a13;color:#fff;padding:4px 9px;border-radius:8px}
.g6-pc{display:flex;flex-direction:column;gap:4px;padding:14px 14px 16px;flex:1}
.g6-pc small{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--am)}
.g6-pc b{font-size:1rem;line-height:1.25}.g6-pc>span{color:var(--gr);font-size:.82rem;flex:1}
.g6-pp{margin-top:8px}.g6-pp strong{font-size:1.25rem;font-weight:900}.g6-pp s{color:#777;font-size:.82rem}
.g6-pc em{font-style:normal;font-weight:800;color:var(--am);font-size:.88rem;margin-top:6px}

/* Instant Gaming y cajas */
.g6-caja{display:grid;grid-template-columns:1.4fr .6fr;gap:26px;align-items:center;padding:30px;border-radius:22px;background:#141414;border:1px solid var(--borde)}
.g6-caja p{color:#d0d0d0}
.g6-ig{display:grid;grid-template-columns:1.3fr .7fr;gap:26px;align-items:center;padding:30px;border-radius:22px;background:linear-gradient(135deg,rgba(255,90,0,.16),#141414 60%);border:1px solid rgba(255,90,0,.45)}
.g6-ig p{color:#d0d0d0}.g6-ig-b{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.btn-ig2,.btn-psn2{display:block;text-align:center;font-weight:800;padding:14px 18px;border-radius:12px;color:#fff}
.btn-ig2{background:linear-gradient(135deg,#ff7a1a,#ff5a00 55%,#e64400);box-shadow:0 10px 30px rgba(255,90,0,.35)}
.btn-psn2{background:#0070d1}
.g6-sorteo{border-color:rgba(var(--rs-rgb),.5);background:linear-gradient(135deg,rgba(var(--rs-rgb),.12),#141414 60%)}
.g6-sim{border-color:rgba(43,238,52,.35)}
.g6-sim-b{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.g6-faq{background:#151515;border:1px solid var(--borde);border-radius:14px;margin-bottom:10px}
.g6-faq summary{cursor:pointer;padding:16px 48px 16px 20px;font-weight:700;list-style:none;position:relative}
.g6-faq summary::-webkit-details-marker{display:none}
.g6-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--am)}
.g6-faq[open] summary::after{content:"−"}.g6-faq p{padding:0 20px 18px;color:#cfcfcf}

/* Garaje: listado */
.gj-hero{padding:46px 5vw 30px;background:radial-gradient(800px 400px at 90% 0%,rgba(var(--rs-rgb),.14),transparent 70%)}
.gj-proto{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px;counter-reset:p}
.gj-proto li{counter-increment:p;position:relative;background:#141414;border:1px solid var(--borde);border-radius:16px;padding:16px 16px 16px 56px}
.gj-proto li::before{content:counter(p);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:8px;background:var(--am);color:var(--ne);font-weight:900;display:grid;place-items:center}
.gj-proto b{display:block}.gj-proto span{color:var(--gr);font-size:.85rem;line-height:1.4;display:block}
.gj-filtros{position:sticky;top:64px;z-index:20;background:rgba(11,11,11,.94);backdrop-filter:blur(10px);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);padding:14px 5vw}
.gj-filtros input[type=search]{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #333;background:#141414;color:#fff;font:inherit;margin-bottom:10px}
.gj-fila{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.gj-f{font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;padding:7px 13px;border-radius:999px;background:#161616;border:1px solid var(--borde);color:#ddd}
.gj-f.on,.gj-f:hover{background:var(--am);color:var(--ne);border-color:var(--am)}
.gj-t{display:inline-flex;gap:6px;align-items:center;font-size:.82rem;font-weight:600;background:#161616;border:1px solid var(--borde);border-radius:999px;padding:6px 12px;cursor:pointer}
.gj-t input{accent-color:#ffe01b}
.gj-orden{font-size:.82rem;color:var(--gr);display:inline-flex;gap:6px;align-items:center;margin-left:auto}
.gj-orden select{background:#161616;color:#fff;border:1px solid var(--borde);border-radius:8px;padding:6px 8px;font:inherit}
.gj-cuenta{font-size:.82rem;color:var(--gr);font-weight:700}
.gj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.gj-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gj-card{display:flex;flex-direction:column;background:#151515;border:1px solid var(--borde);border-radius:18px;overflow:hidden;transition:transform .2s,border-color .2s}
.gj-card[hidden]{display:none}
.gj-card:hover{transform:translateY(-4px);border-color:rgba(255,224,27,.55)}
.gj-img{position:relative;aspect-ratio:16/9;background:radial-gradient(circle at 50% 70%,#1d1d1d,#101010);display:grid;place-items:center;overflow:hidden}
.gj-img img{width:100%;height:100%;object-fit:cover}
.silueta{width:78%;height:auto}
.gj-pend{position:absolute;left:10px;bottom:8px;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#777}
.gj-video{position:absolute;right:10px;top:10px;font-size:.72rem;font-weight:800;background:#ff0033;color:#fff;padding:3px 8px;border-radius:6px}
.gj-c{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.gj-c h3{font-size:1.02rem;font-weight:800;line-height:1.25}
.gj-insp{color:var(--gr);font-size:.8rem}
.gj-chips{display:flex;gap:6px;flex-wrap:wrap}
.gj-chip{font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#222;color:#ddd}
.gj-ultimate_edition{background:rgba(var(--rs-rgb),.18);color:var(--rs)}
.gj-nombre_provisional{background:rgba(255,224,27,.14);color:var(--am)}
.gj-visto_material_oficial{background:#222;color:#ccc}
.gj-datos{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;padding-top:8px}
.gj-datos div{background:#0f0f0f;border-radius:8px;padding:6px 8px}
.gj-datos dt{font-size:.62rem;color:#888;text-transform:uppercase;letter-spacing:.06em}
.gj-datos dd{font-size:.82rem;font-weight:800}
.gj-vacio{color:var(--gr);text-align:center;padding:30px}
.g6-notas p{color:#bdbdbd;font-size:.92rem}.g6-notas b{color:#fff}

/* Ficha */
.gf{padding:34px 5vw 60px}
.gf-top{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;margin:18px 0 10px}
.gf-img{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 70%,#1d1d1d,#0f0f0f);display:grid;place-items:center;border:1px solid var(--borde)}
.gf-img img{width:100%;height:100%;object-fit:cover}
.gf h1{font-size:clamp(2rem,4.4vw,3.2rem);text-transform:none;margin:12px 0 8px}
.gf-sub{color:var(--gr);margin-bottom:12px}
.gf-nota{color:var(--am);font-size:.9rem;margin-top:10px}
.gf-s{margin-top:36px}.gf-s h2{font-size:1.5rem}
.gf-tabla{width:100%;border-collapse:collapse;background:#141414;border:1px solid var(--borde);border-radius:14px;overflow:hidden}
.gf-tabla th,.gf-tabla td{padding:14px 16px;border-bottom:1px solid #222;text-align:left}
.gf-tabla th{color:#bbb;font-weight:600}.gf-tabla td{font-weight:900;text-align:right}
.gf-pq{color:#8a8a8a;font-size:.85rem;margin-top:10px}.gf-pq a{color:var(--am)}
.gf-vacio{color:var(--gr);background:#141414;border:1px dashed #333;border-radius:14px;padding:18px}
.gf-vid{position:relative;display:block;border-radius:16px;overflow:hidden}.gf-vid img{width:100%;aspect-ratio:16/9;object-fit:cover}
.gf-vid span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ff0033;color:#fff;font-weight:800;padding:12px 18px;border-radius:12px}
.gf-op{color:#d6d6d6}
.gf-volante{margin-top:40px;border-color:rgba(255,224,27,.4)}
.gf-btns{display:flex;flex-direction:column;gap:10px}
.gf-prod{display:block;background:#0f0f0f;border:1px solid var(--borde);border-radius:12px;padding:10px 14px}
.gf-prod b{display:block}.gf-prod span{color:var(--gr);font-size:.82rem}.gf-prod:hover{border-color:var(--am)}
.gf-ig{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px;border-radius:18px;background:linear-gradient(135deg,rgba(255,90,0,.14),#141414 60%);border:1px solid rgba(255,90,0,.4)}
.gf-ig b{display:block;font-size:1.1rem}.gf-ig span{color:#cfcfcf;font-size:.9rem}
.gf-ig .gf-btns{flex-direction:row;flex-wrap:wrap}

@media(max-width:1000px){
  .g6-hero-in,.g6-vol,.g6-caja,.g6-ig,.gf-top{grid-template-columns:minmax(0,1fr)}
  .g6-carreras{grid-template-columns:1fr 1fr}
  .g6-prods{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gj-proto{grid-template-columns:1fr 1fr}
  .gj-grid3{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .g6-s{padding:42px 16px}.g6-hero{padding:34px 16px 44px}.gj-hero{padding:30px 16px 20px}.gf{padding:24px 16px 50px}
  .g6-vol{padding:22px}
  .g6-carreras{grid-template-columns:1fr 1fr;gap:10px}.g6-carreras a{padding:16px}
  .g6-prods{grid-template-columns:1fr 1fr;gap:10px}
  .gj-proto{grid-template-columns:1fr}
  .gj-filtros{position:static;padding:12px 16px}
  .gj-grid,.gj-grid3{grid-template-columns:1fr 1fr;gap:10px}
  .gj-c{padding:10px}.gj-c h3{font-size:.9rem}.gj-datos{grid-template-columns:1fr}.gj-datos dd{font-size:.75rem}
  .gj-orden{margin-left:0}
  .g6-cd b{font-size:1.5rem}
}
.g6-vol>*,.g6-caja>*,.g6-ig>*,.g6-hero-in>*,.gf-top>*{min-width:0}