*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg:#07090e; --bg2:#0b0e16; --card:#0f1320; --card2:#131828;
  --border:#1c2236; --border2:#242d44; --accent:#e8272a; --accent2:#ff6b00;
  --gold:#f5c518; --green:#22c55e; --blue:#3b82f6;
  --text:#cdd4e8; --text2:#8a95b0; --muted:#4a5470; --white:#f0f4ff;
  --glow:rgba(232,39,42,0.3); --shadow:0 20px 60px rgba(0,0,0,0.6);
}
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--text); font-family:'Barlow',sans-serif; font-weight:300; min-height:100vh; overflow-x:hidden; }
body::after { content:''; position:fixed; inset:0; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E"); pointer-events:none; z-index:9998; opacity:.5; }

/* HEADER */
header { position:sticky; top:0; z-index:500; background:rgba(7,9,14,.95); backdrop-filter:blur(16px); border-bottom:1px solid var(--border); height:66px; display:flex; align-items:center; padding:0 2.5rem; gap:1.2rem; }
.logo { font-family:'Bebas Neue',sans-serif; font-size:1.9rem; letter-spacing:.1em; color:var(--white); white-space:nowrap; flex-shrink:0; cursor:pointer; }
.logo span { color:var(--accent); }
.search-wrap { flex:1; max-width:420px; position:relative; }
.search-wrap input { width:100%; background:var(--card2); border:1px solid var(--border); color:var(--text); font-family:'Barlow',sans-serif; font-size:.88rem; font-weight:300; padding:.6rem 1rem .6rem 2.6rem; outline:none; transition:border-color .2s; border-radius:2px; }
.search-wrap input::placeholder { color:var(--muted); }
.search-wrap input:focus { border-color:var(--border2); }
.search-icon { position:absolute; left:.75rem; top:50%; transform:translateY(-50%); color:var(--muted); font-size:1rem; pointer-events:none; }
.search-results { position:absolute; top:calc(100% + 6px); left:0; right:0; background:var(--card2); border:1px solid var(--border2); z-index:600; display:none; box-shadow:var(--shadow); }
.search-results.open { display:block; }
.sri { display:flex; align-items:center; gap:.8rem; padding:.7rem 1rem; cursor:pointer; transition:background .15s; border:none; background:none; width:100%; text-align:left; color:var(--text); }
.sri:hover { background:var(--card); }
.sri-thumb { width:38px; height:38px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:.75rem; color:rgba(255,255,255,.25); }
.sri-name { font-size:.88rem; font-weight:600; color:var(--white); }
.sri-genre { font-size:.72rem; color:var(--muted); letter-spacing:.07em; }
.search-empty { padding:1rem; text-align:center; font-size:.82rem; color:var(--muted); }
nav { display:flex; gap:.1rem; flex-shrink:0; }
nav button { background:none; border:none; color:var(--muted); cursor:pointer; font-family:'Barlow',sans-serif; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; font-weight:600; padding:.4rem .75rem; transition:color .2s; }
nav button:hover, nav button.active { color:var(--white); }
nav button.active { color:var(--accent); }
.user-area { display:flex; align-items:center; gap:.7rem; margin-left:auto; flex-shrink:0; }
.btn-auth { font-family:'Barlow Condensed',sans-serif; font-size:.78rem; letter-spacing:.15em; text-transform:uppercase; padding:.45rem 1rem; cursor:pointer; border:none; transition:all .2s; }
.btn-login { background:transparent; border:1px solid var(--border2); color:var(--text2); }
.btn-login:hover { border-color:var(--text2); color:var(--white); }
.btn-register { background:var(--accent); color:#fff; clip-path:polygon(0 0,100% 0,96% 100%,4% 100%); }
.btn-register:hover { background:#c01f22; }
.user-dd-wrap { position:relative; }
.avatar-btn { width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg,var(--accent),#ff6b00); border:2px solid var(--border2); color:#fff; font-family:'Bebas Neue',sans-serif; font-size:1rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:border-color .2s,transform .15s; }
.avatar-btn:hover { border-color:var(--accent); transform:scale(1.05); }
.user-dd { position:absolute; top:calc(100% + 8px); right:0; background:var(--card2); border:1px solid var(--border2); min-width:200px; z-index:600; box-shadow:var(--shadow); display:none; }
.user-dd.open { display:block; }
.ud-head { padding:1rem 1.2rem .8rem; border-bottom:1px solid var(--border); }
.ud-name { font-family:'Barlow Condensed',sans-serif; font-size:1rem; font-weight:700; color:var(--white); letter-spacing:.05em; }
.ud-email { font-size:.72rem; color:var(--muted); margin-top:.1rem; }
.ud-badge { display:inline-block; margin-top:.4rem; background:var(--accent); color:#fff; font-size:.6rem; letter-spacing:.12em; text-transform:uppercase; padding:.15rem .5rem; }
.ud-item { display:flex; align-items:center; gap:.6rem; padding:.65rem 1.2rem; font-size:.82rem; color:var(--text2); cursor:pointer; transition:background .15s,color .15s; background:none; border:none; width:100%; text-align:left; }
.ud-item:hover { background:var(--card); color:var(--white); }
.ud-item.danger:hover { color:var(--accent); }
.ud-divider { height:1px; background:var(--border); margin:.3rem 0; }

/* PAGES */
.page { display:none; }
.page.active { display:block; }

/* HERO */
.hero { position:relative; overflow:hidden; padding:6rem 2.5rem 4rem; text-align:center; }
.hero-glow { position:absolute; top:-30%; left:50%; transform:translateX(-50%); width:800px; height:800px; background:radial-gradient(circle,rgba(232,39,42,.1) 0%,transparent 65%); pointer-events:none; }
.hero-lines { position:absolute; inset:0; pointer-events:none; background-image:repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(255,255,255,.011) 60px); }
.hero-eyebrow { font-family:'Barlow Condensed',sans-serif; font-size:.72rem; letter-spacing:.35em; text-transform:uppercase; color:var(--accent); margin-bottom:1rem; }
.hero h1 { font-family:'Bebas Neue',sans-serif; font-size:clamp(4.5rem,12vw,10rem); letter-spacing:.06em; line-height:.88; color:var(--white); }
.hero h1 .z { color:var(--accent); display:inline-block; animation:glowZ 3s ease-in-out infinite; }
@keyframes glowZ { 0%,100%{text-shadow:0 0 30px var(--glow);}50%{text-shadow:0 0 70px var(--glow),0 0 130px rgba(232,39,42,.15);} }
.hero-tagline { margin-top:1.4rem; color:var(--text2); font-size:1rem; letter-spacing:.07em; }
.hero-stats { display:flex; justify-content:center; gap:3rem; margin-top:3rem; padding-top:3rem; border-top:1px solid var(--border); }
.stat-num { font-family:'Bebas Neue',sans-serif; font-size:2.5rem; color:var(--white); letter-spacing:.05em; line-height:1; }
.stat-num span { color:var(--accent); }
.stat-label { font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-top:.3rem; }

/* NOVEDADES */
.novedades-section { padding:0 2.5rem 3.5rem; }
.novedades-section h2 { font-family:'Bebas Neue',sans-serif; font-size:1.6rem; letter-spacing:.08em; color:var(--white); margin-bottom:1.2rem; display:flex; align-items:center; gap:.8rem; }
.novedades-section h2 span { color:var(--accent); }
.novedades-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:1.5px; background:var(--border); }
.nov-card { background:var(--card2); position:relative; overflow:hidden; cursor:pointer; transition:filter .3s; }
.nov-card:hover { filter:brightness(1.1); }
.nov-cover { width:100%; aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:4rem; color:rgba(255,255,255,.05); transition:transform .4s ease; position:relative; overflow:hidden; }
.nov-card:hover .nov-cover { transform:scale(1.04); }
.nov-cover.tall { aspect-ratio:4/5; font-size:5rem; }
.nov-cover img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.8); }
.nov-cover span { position:relative; z-index:1; }
.nov-info { padding:1rem 1.2rem 1.2rem; }
.nov-badge { font-family:'Barlow Condensed',sans-serif; font-size:.6rem; letter-spacing:.15em; text-transform:uppercase; background:var(--green); color:#fff; padding:.15rem .55rem; display:inline-block; margin-bottom:.5rem; }
.nov-badge.upd { background:var(--blue); }
.nov-title { font-family:'Bebas Neue',sans-serif; font-size:1.3rem; color:var(--white); letter-spacing:.05em; }
.nov-desc { font-size:.78rem; color:var(--muted); margin-top:.3rem; line-height:1.5; }
.nov-big .nov-cover { aspect-ratio:16/7; font-size:7rem; }
.nov-big .nov-title { font-size:1.8rem; }
.nov-big .nov-desc { font-size:.85rem; }

/* FILTER */
.filter-bar { display:flex; align-items:center; gap:.5rem; padding:0 2.5rem 1.5rem; flex-wrap:wrap; }
.filter-label { font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-right:.5rem; }
.filter-btn { background:transparent; border:1px solid var(--border); color:var(--muted); font-family:'Barlow Condensed',sans-serif; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; padding:.35rem .9rem; cursor:pointer; transition:all .18s; }
.filter-btn:hover { border-color:var(--border2); color:var(--text); }
.filter-btn.active { background:var(--accent); border-color:var(--accent); color:#fff; }
.section-label { display:flex; align-items:center; gap:1rem; padding:0 2.5rem 1.5rem; font-family:'Barlow Condensed',sans-serif; font-size:.68rem; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); }
.section-label::after { content:''; flex:1; height:1px; background:var(--border); }

/* GRID */
.games-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:1.5px; background:var(--border); margin:0 2.5rem 5rem; }
.game-card { background:var(--card); cursor:pointer; position:relative; overflow:hidden; aspect-ratio:3/4; opacity:0; animation:cardIn .5s ease forwards; }
@keyframes cardIn { from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0} }   /* usa "translate" para no pisar el efecto 3D (transform) */
.cover-ph { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:3.5rem; color:rgba(255,255,255,.05); letter-spacing:.08em; transition:transform .5s ease,filter .4s ease; }
.game-card:hover .cover-ph { transform:scale(1.06); filter:brightness(.65); }
.c-badge { position:absolute; top:.9rem; left:.9rem; color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; padding:.22rem .65rem; clip-path:polygon(0 0,100% 0,94% 100%,0 100%); background:var(--accent); }
.c-badge.new { background:var(--green); }
.c-badge.hot { background:var(--accent2); }
.c-rating { position:absolute; top:.9rem; right:.9rem; background:rgba(5,7,14,.75); border:1px solid var(--gold); color:var(--gold); font-family:'Barlow Condensed',sans-serif; font-size:.8rem; font-weight:700; padding:.18rem .5rem; }
.c-title-bar { position:absolute; bottom:0; left:0; right:0; padding:2.5rem 1.1rem 1rem; background:linear-gradient(to top,rgba(4,6,11,.97) 0%,transparent 100%); transition:opacity .3s; }
.game-card:hover .c-title-bar { opacity:0; }
.c-title-bar h2 { font-family:'Bebas Neue',sans-serif; font-size:1.4rem; color:var(--white); line-height:1; }
.c-title-bar .c-yr { font-size:.72rem; color:var(--muted); margin-top:.2rem; }
.c-hover { position:absolute; bottom:0; left:0; right:0; padding:2rem 1.1rem 1.1rem; background:linear-gradient(to top,rgba(4,6,11,.98) 0%,rgba(4,6,11,.65) 55%,transparent 100%); opacity:0; transform:translateY(10px); transition:opacity .35s ease,transform .35s ease; }
.game-card:hover .c-hover { opacity:1; transform:translateY(0); }
.c-hover h2 { font-family:'Bebas Neue',sans-serif; font-size:1.4rem; color:var(--white); line-height:1; }
.c-hover p { font-size:.78rem; color:var(--text2); margin:.45rem 0 1rem; line-height:1.55; }
.c-cta { display:inline-block; background:var(--accent); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:.73rem; letter-spacing:.15em; text-transform:uppercase; padding:.45rem 1.1rem; clip-path:polygon(0 0,100% 0,96% 100%,0 100%); }
.no-results { grid-column:1/-1; padding:4rem 2rem; text-align:center; background:var(--bg); }
.no-results h3 { font-family:'Bebas Neue',sans-serif; font-size:2rem; color:var(--text2); }
.no-results p { color:var(--muted); font-size:.85rem; margin-top:.5rem; }

/* GAME DETAIL */
.ghb { position:relative; min-height:380px; overflow:hidden; display:flex; align-items:flex-end; }
.ghb-bg { position:absolute; inset:0; transition:background .3s; }
.ghb-bg::after { content:''; position:absolute; inset:0; background:linear-gradient(to top,var(--bg) 0%,rgba(7,9,14,.55) 50%,transparent 100%); }
.ghb-art { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:9rem; color:rgba(255,255,255,.04); letter-spacing:.08em; z-index:1; }
.ghb-content { position:relative; z-index:2; padding:0 2.5rem 2.5rem; width:100%; }
.breadcrumb { font-size:.68rem; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-bottom:.8rem; }
.ghb-content h1 { font-family:'Bebas Neue',sans-serif; font-size:clamp(3rem,7vw,5.5rem); letter-spacing:.04em; color:var(--white); line-height:1; }
.ghb-meta { display:flex; gap:.8rem; margin-top:.7rem; flex-wrap:wrap; align-items:center; }
.m-badge { background:var(--accent); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; padding:.22rem .65rem; clip-path:polygon(0 0,100% 0,94% 100%,0 100%); }
.m-badge.b2 { background:rgba(255,255,255,.1); clip-path:none; }
.m-rat { border:1px solid var(--gold); color:var(--gold); font-family:'Barlow Condensed',sans-serif; font-size:.82rem; font-weight:700; padding:.18rem .6rem; }
.m-txt { font-size:.78rem; color:var(--muted); }
.gd-body { display:grid; grid-template-columns:1fr 300px; gap:2rem; padding:2.5rem; max-width:1100px; }
.gd-stitle { font-family:'Barlow Condensed',sans-serif; font-size:.68rem; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); margin-bottom:1rem; padding-bottom:.5rem; border-bottom:1px solid var(--border); }
.gd-desc { font-size:.95rem; line-height:1.85; color:var(--text); margin-bottom:2.5rem; }
.req-grid { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin-bottom:2.5rem; }
.req-item { background:var(--card2); border:1px solid var(--border); padding:.8rem 1rem; }
.req-l { font-size:.62rem; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); font-family:'Barlow Condensed',sans-serif; }
.req-v { font-size:.9rem; color:var(--white); font-weight:600; margin-top:.2rem; }
.dl-box { background:var(--card2); border:1px solid var(--border); padding:1.6rem; position:sticky; top:80px; }
.dl-box h3 { font-family:'Bebas Neue',sans-serif; font-size:1.2rem; color:var(--white); margin-bottom:1.2rem; }
.dl-line { display:flex; justify-content:space-between; align-items:center; padding:.55rem 0; border-bottom:1px solid var(--border); font-size:.8rem; }
.dl-line:last-of-type { border-bottom:none; margin-bottom:1.2rem; }
.dl-line span:first-child { color:var(--muted); }
.dl-line span:last-child { color:var(--text); font-weight:600; }
.dl-btn { display:block; width:100%; text-align:center; background:var(--accent); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:.95rem; letter-spacing:.2em; text-transform:uppercase; padding:.9rem; cursor:pointer; border:none; clip-path:polygon(0 0,100% 0,97% 100%,3% 100%); transition:background .2s,transform .15s; text-decoration:none; }
.dl-btn:hover { background:#c01f22; transform:scale(1.02); }
.dl-btn.locked { background:var(--border2); color:var(--muted); cursor:default; pointer-events:none; }
.dl-note { font-size:.72rem; color:var(--muted); text-align:center; margin-top:.7rem; }
.dl-note button { background:none; border:none; color:var(--accent); cursor:pointer; font-size:.72rem; font-family:'Barlow',sans-serif; padding:0; }
.dl-note button:hover { text-decoration:underline; }

/* SCREENSHOTS */
.screenshots { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; margin-bottom:2.5rem; }
.ss-item { background:var(--card); aspect-ratio:16/9; overflow:hidden; border:1px solid var(--border); position:relative; transition:border-color .2s; }
.ss-item.has-img { cursor:zoom-in; }
.ss-item.has-img:hover { border-color:var(--border2); }
.ss-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease,filter .3s ease; filter:brightness(.85); }
.ss-item.has-img:hover img { transform:scale(1.05); filter:brightness(1); }
.ss-placeholder { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.4rem; font-size:.65rem; color:var(--muted); letter-spacing:.1em; text-transform:uppercase; }
.ss-placeholder span { font-size:1.6rem; opacity:.25; }

/* LIGHTBOX */
.lightbox { position:fixed; inset:0; z-index:3000; background:rgba(0,0,0,.93); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .25s; }
.lightbox.open { opacity:1; pointer-events:all; }
.lightbox img { max-width:88vw; max-height:82vh; object-fit:contain; box-shadow:0 0 80px rgba(0,0,0,.9); display:block; }
.lb-close { position:absolute; top:1.5rem; right:1.5rem; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:#fff; font-size:1.4rem; width:42px; height:42px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .2s; }
.lb-close:hover { background:rgba(255,255,255,.22); }
.lb-nav { position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); color:#fff; font-size:2rem; width:52px; height:52px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .2s; user-select:none; line-height:1; }
.lb-nav:hover { background:rgba(255,255,255,.18); }
.lb-prev { left:1.5rem; }
.lb-next { right:1.5rem; }
.lb-counter { position:absolute; bottom:1.5rem; left:50%; transform:translateX(-50%); font-family:'Barlow Condensed',sans-serif; font-size:.75rem; letter-spacing:.2em; color:rgba(255,255,255,.45); }

/* ADMIN */
.admin-wrap { padding:2.5rem; max-width:960px; }
.admin-title { font-family:'Bebas Neue',sans-serif; font-size:2.5rem; letter-spacing:.08em; color:var(--white); margin-bottom:.3rem; }
.admin-title span { color:var(--accent); }
.admin-sub { font-size:.82rem; color:var(--muted); margin-bottom:2rem; }
.admin-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:2.5rem; }
.admin-stat { background:var(--card2); border:1px solid var(--border); padding:1.2rem 1.5rem; border-left:3px solid var(--accent); }
.as-num { font-family:'Bebas Neue',sans-serif; font-size:2.5rem; color:var(--white); }
.as-label { font-size:.72rem; color:var(--muted); letter-spacing:.12em; text-transform:uppercase; margin-top:.2rem; }
.admin-section-title { font-family:'Barlow Condensed',sans-serif; font-size:.7rem; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); padding-bottom:.5rem; border-bottom:1px solid var(--border); margin-bottom:1rem; }
.admin-table { width:100%; border-collapse:collapse; margin-bottom:2.5rem; font-size:.84rem; }
.admin-table th { background:var(--card2); padding:.7rem 1rem; text-align:left; font-family:'Barlow Condensed',sans-serif; font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); border-bottom:1px solid var(--border); }
.admin-table td { padding:.7rem 1rem; border-bottom:1px solid var(--border); color:var(--text); vertical-align:middle; }
.admin-table tr:hover td { background:rgba(255,255,255,.02); }
.tbl-badge { font-family:'Barlow Condensed',sans-serif; font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; padding:.18rem .55rem; }
.tbl-badge.ok { background:rgba(34,197,94,.15); color:var(--green); border:1px solid rgba(34,197,94,.3); }
.tbl-badge.admin { background:rgba(232,39,42,.15); color:var(--accent); border:1px solid rgba(232,39,42,.3); }
.admin-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.af-group { margin-bottom:1rem; }
.af-group label { display:block; font-size:.68rem; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); font-family:'Barlow Condensed',sans-serif; margin-bottom:.4rem; }
.af-group input, .af-group select, .af-group textarea { width:100%; background:var(--card); border:1px solid var(--border); color:var(--text); font-family:'Barlow',sans-serif; font-size:.88rem; font-weight:300; padding:.65rem .9rem; outline:none; transition:border-color .2s; }
.af-group textarea { resize:vertical; min-height:80px; }
.af-group input:focus, .af-group select:focus, .af-group textarea:focus { border-color:var(--border2); }
.af-group select option { background:var(--card2); }
.af-full { grid-column:1/-1; }
.admin-btn { font-family:'Barlow Condensed',sans-serif; font-size:.85rem; letter-spacing:.15em; text-transform:uppercase; padding:.65rem 1.5rem; cursor:pointer; border:none; transition:all .2s; clip-path:polygon(0 0,100% 0,96% 100%,4% 100%); }
.admin-btn.primary { background:var(--accent); color:#fff; }
.admin-btn.primary:hover { background:#c01f22; }
.admin-btn.secondary { background:var(--card2); border:1px solid var(--border); color:var(--text2); clip-path:none; }
.admin-btn.secondary:hover { color:var(--white); border-color:var(--border2); }
.admin-btn.danger { background:rgba(232,39,42,.15); border:1px solid var(--accent); color:var(--accent); clip-path:none; font-size:.72rem; padding:.35rem .8rem; }
.admin-btn.danger:hover { background:var(--accent); color:#fff; }
.admin-success { background:rgba(34,197,94,.1); border:1px solid rgba(34,197,94,.3); color:var(--green); padding:.7rem 1rem; font-size:.82rem; margin-bottom:1rem; display:none; }
.admin-success.show { display:block; }

/* MODAL */
.modal-overlay { position:fixed; inset:0; z-index:1000; background:rgba(3,4,8,.88); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .25s; }
.modal-overlay.open { opacity:1; pointer-events:all; }
.modal { background:var(--card2); border:1px solid var(--border2); width:100%; max-width:420px; padding:2.5rem; position:relative; transform:translateY(20px) scale(.97); box-shadow:var(--shadow); transition:transform .3s cubic-bezier(.22,.68,0,1.2); }
.modal-overlay.open .modal { transform:translateY(0) scale(1); }
.modal-close { position:absolute; top:1rem; right:1rem; background:none; border:none; color:var(--muted); font-size:1.3rem; cursor:pointer; line-height:1; transition:color .2s; }
.modal-close:hover { color:var(--white); }
.modal-logo { font-family:'Bebas Neue',sans-serif; font-size:1.6rem; letter-spacing:.12em; color:var(--white); margin-bottom:.4rem; }
.modal-logo span { color:var(--accent); }
.modal-tabs { display:flex; border-bottom:1px solid var(--border); margin-bottom:1.8rem; }
.modal-tab { flex:1; text-align:center; font-family:'Barlow Condensed',sans-serif; font-size:.8rem; letter-spacing:.15em; text-transform:uppercase; padding:.7rem; cursor:pointer; color:var(--muted); border-bottom:2px solid transparent; margin-bottom:-1px; transition:color .2s,border-color .2s; background:none; border-top:none; border-left:none; border-right:none; font-weight:normal; }
.modal-tab.active { color:var(--white); border-bottom:2px solid var(--accent); }
.fg { margin-bottom:1.1rem; }
.fg label { display:block; font-size:.7rem; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); font-family:'Barlow Condensed',sans-serif; margin-bottom:.45rem; }
.fg input { width:100%; background:var(--card); border:1px solid var(--border); color:var(--text); font-family:'Barlow',sans-serif; font-size:.9rem; font-weight:300; padding:.65rem .9rem; outline:none; transition:border-color .2s; }
.fg input:focus { border-color:var(--border2); }
.fg input.err-field { border-color:var(--accent); }
.fg-err { font-size:.75rem; color:var(--accent); margin-top:.35rem; display:none; }
.fg-err.show { display:block; }
.global-err { background:rgba(232,39,42,.12); border:1px solid rgba(232,39,42,.3); color:var(--accent); font-size:.82rem; padding:.65rem .9rem; margin-bottom:1.1rem; display:none; }
.global-err.show { display:block; }
.form-submit { width:100%; background:var(--accent); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:.95rem; letter-spacing:.2em; text-transform:uppercase; padding:.85rem; border:none; cursor:pointer; clip-path:polygon(0 0,100% 0,97% 100%,3% 100%); transition:background .2s,transform .15s; margin-top:.5rem; }
.form-submit:hover { background:#c01f22; transform:scale(1.01); }
.modal-fn { text-align:center; font-size:.78rem; color:var(--muted); margin-top:1.2rem; }
.modal-fn button { background:none; border:none; color:var(--accent); cursor:pointer; font-size:.78rem; font-family:'Barlow',sans-serif; }
.modal-fn button:hover { text-decoration:underline; }
.modal-success { text-align:center; padding:1rem 0; display:none; }
.modal-success.show { display:block; }
.ms-icon { font-size:3rem; margin-bottom:1rem; }
.ms-msg { font-family:'Bebas Neue',sans-serif; font-size:1.8rem; color:var(--white); letter-spacing:.08em; }
.ms-sub { font-size:.85rem; color:var(--muted); margin-top:.5rem; }

/* TOAST */
.toast-cont { position:fixed; bottom:2rem; right:2rem; z-index:2000; display:flex; flex-direction:column; gap:.6rem; }
.toast { background:var(--card2); border:1px solid var(--border2); color:var(--text); font-size:.83rem; padding:.8rem 1.2rem; min-width:240px; display:flex; align-items:center; gap:.6rem; animation:toastIn .3s ease; box-shadow:var(--shadow); }
.toast.success { border-left:3px solid var(--green); }
.toast.error   { border-left:3px solid var(--accent); }
.toast.info    { border-left:3px solid var(--blue); }
@keyframes toastIn { from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)} }

/* PAGINACIÓN */
#paginacion { padding:0 2.5rem 3rem; }
.pag-wrap { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; justify-content:center; }
.pag-btn { background:var(--card2); border:1px solid var(--border); color:var(--text2); font-family:'Barlow Condensed',sans-serif; font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; padding:.5rem 1.1rem; cursor:pointer; transition:all .18s; }
.pag-btn:hover:not([disabled]) { border-color:var(--border2); color:var(--white); }
.pag-btn[disabled] { opacity:.35; cursor:default; }
.pag-nums { display:flex; align-items:center; gap:.3rem; }
.pag-num { background:var(--card2); border:1px solid var(--border); color:var(--text2); font-family:'Barlow Condensed',sans-serif; font-size:.85rem; font-weight:700; letter-spacing:.05em; width:36px; height:36px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .18s; }
.pag-num:hover { border-color:var(--border2); color:var(--white); }
.pag-num.active { background:var(--accent); border-color:var(--accent); color:#fff; pointer-events:none; }
.pag-dots { color:var(--muted); font-size:.85rem; padding:0 .2rem; }
.pag-info { width:100%; text-align:center; margin-top:.5rem; font-size:.72rem; letter-spacing:.1em; color:var(--muted); font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; }

/* FOOTER */
footer { border-top:1px solid var(--border); padding:2rem 2.5rem; display:flex; justify-content:space-between; align-items:center; font-size:.73rem; color:var(--muted); letter-spacing:.06em; flex-wrap:wrap; gap:1rem; }
.fl { font-family:'Bebas Neue',sans-serif; font-size:1.2rem; color:var(--white); cursor:pointer; }
.fl span { color:var(--accent); }
.footer-links { display:flex; gap:1.5rem; }
.footer-links button { background:none; border:none; color:var(--muted); cursor:pointer; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; font-family:'Barlow',sans-serif; transition:color .2s; }
.footer-links button:hover { color:var(--text); }

/* COVERS */
.cov-gta { background:linear-gradient(150deg,#1a0808 0%,#4a1010 50%,#1a0000 100%); }
.cov-mc  { background:linear-gradient(150deg,#081408 0%,#1a4a10 50%,#051005 100%); }
.cov-cs  { background:linear-gradient(150deg,#080d1a 0%,#0f224a 50%,#050a14 100%); }
.cov-pes { background:linear-gradient(150deg,#060810 0%,#0a1230 50%,#040608 100%); }
.cov-re  { background:linear-gradient(150deg,#100808 0%,#3a0a0a 50%,#140505 100%); }
.cov-cod { background:linear-gradient(150deg,#0a0a08 0%,#2a2810 50%,#0a0a05 100%); }
.cover-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease,filter .4s ease; filter:saturate(.75) brightness(.85); }
.game-card:hover .cover-img { transform:scale(1.06); filter:saturate(1.1) brightness(.55); }
.ghb-bg-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center top; filter:brightness(.5) saturate(.8); }

.hidden { display:none !important; }

/* ══ EYE TOGGLE (contraseña) ══ */
.pass-wrap { position:relative; }
.pass-wrap input { padding-right:2.6rem !important; }
.eye-btn { position:absolute; right:.75rem; top:50%; transform:translateY(-50%); background:none; border:none; color:var(--muted); cursor:pointer; font-size:1rem; line-height:1; transition:color .2s; padding:0; }
.eye-btn:hover { color:var(--text); }

/* ══ STAR RATING ══ */
.star-section { margin-bottom:2.5rem; }
.star-row { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.stars-display { display:flex; gap:.2rem; }
.star { font-size:1.4rem; cursor:pointer; color:var(--muted); transition:color .15s, transform .15s; line-height:1; }
.star.filled { color:var(--gold); }
.star:hover { transform:scale(1.2); }
.star-avg { font-family:'Bebas Neue',sans-serif; font-size:2rem; color:var(--white); letter-spacing:.05em; line-height:1; }
.star-count { font-size:.75rem; color:var(--muted); }
.star-your { font-size:.75rem; color:var(--text2); margin-top:.5rem; }
.star-your span { color:var(--gold); }

/* ══ TOP DESCARGADOS (home) ══ */
.top-section { padding:0 2.5rem 1rem; }
.top-section-title { font-family:'Bebas Neue',sans-serif; font-size:1.4rem; letter-spacing:.08em; color:var(--white); margin-bottom:1rem; display:flex; align-items:center; gap:.8rem; }
.top-section-title span { color:var(--accent); }
.top-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:.6rem; }
.top-item { background:var(--card2); border:1px solid var(--border); display:flex; align-items:center; gap:1rem; padding:.8rem 1rem; cursor:pointer; transition:background .15s,border-color .15s; }
.top-item:hover { background:var(--card); border-color:var(--border2); }
.top-rank { font-family:'Bebas Neue',sans-serif; font-size:1.6rem; color:var(--muted); letter-spacing:.05em; width:24px; text-align:center; flex-shrink:0; }
.top-rank.gold { color:var(--gold); }
.top-rank.silver { color:#aaa; }
.top-rank.bronze { color:#cd7f32; }
.top-thumb { width:44px; height:44px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:.7rem; color:rgba(255,255,255,.2); border-radius:2px; overflow:hidden; position:relative; }
.top-thumb img { width:100%; height:100%; object-fit:cover; }
.top-info { flex:1; min-width:0; }
.top-name { font-size:.88rem; font-weight:600; color:var(--white); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.top-meta { font-size:.72rem; color:var(--muted); margin-top:.15rem; }
.top-dl-count { font-family:'Barlow Condensed',sans-serif; font-size:.7rem; letter-spacing:.1em; color:var(--green); flex-shrink:0; }

/* ══ PERFIL ══ */
.perfil-wrap { padding:2.5rem; max-width:800px; }
.perfil-header { display:flex; align-items:flex-end; gap:2rem; margin-bottom:2.5rem; padding-bottom:2rem; border-bottom:1px solid var(--border); flex-wrap:wrap; }
.avatar-upload-wrap { position:relative; flex-shrink:0; }
.avatar-big { width:100px; height:100px; border-radius:50%; background:linear-gradient(135deg,var(--accent),#ff6b00); border:3px solid var(--border2); display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:2.5rem; color:#fff; overflow:hidden; cursor:pointer; transition:border-color .2s; }
.avatar-big:hover { border-color:var(--accent); }
.avatar-big img { width:100%; height:100%; object-fit:cover; }
.avatar-change-label { position:absolute; bottom:0; right:0; background:var(--card2); border:1px solid var(--border2); border-radius:50%; width:28px; height:28px; display:flex; align-items:center; justify-content:center; font-size:.85rem; cursor:pointer; transition:background .2s; }
.avatar-change-label:hover { background:var(--accent); }
.perfil-meta { flex:1; }
.perfil-username { font-family:'Bebas Neue',sans-serif; font-size:2.2rem; letter-spacing:.06em; color:var(--white); line-height:1; }
.perfil-since { font-size:.75rem; color:var(--muted); letter-spacing:.1em; margin-top:.3rem; }
.perfil-form { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.pf-group { margin-bottom:1rem; }
.pf-group label { display:block; font-size:.68rem; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); font-family:'Barlow Condensed',sans-serif; margin-bottom:.4rem; }
.pf-group input, .pf-group textarea { width:100%; background:var(--card); border:1px solid var(--border); color:var(--text); font-family:'Barlow',sans-serif; font-size:.9rem; font-weight:300; padding:.65rem .9rem; outline:none; transition:border-color .2s; }
.pf-group textarea { resize:vertical; min-height:80px; }
.pf-group input:focus, .pf-group textarea:focus { border-color:var(--border2); }
.pf-full { grid-column:1/-1; }
.pf-save { font-family:'Barlow Condensed',sans-serif; font-size:.88rem; letter-spacing:.18em; text-transform:uppercase; padding:.7rem 1.8rem; background:var(--accent); color:#fff; border:none; cursor:pointer; clip-path:polygon(0 0,100% 0,96% 100%,4% 100%); transition:background .2s; }
.pf-save:hover { background:#c01f22; }
.perfil-stats-row { display:flex; gap:1.5rem; margin-bottom:2rem; flex-wrap:wrap; }
.pf-stat { background:var(--card2); border:1px solid var(--border); padding:.8rem 1.2rem; flex:1; min-width:100px; }
.pf-stat-num { font-family:'Bebas Neue',sans-serif; font-size:1.8rem; color:var(--white); }
.pf-stat-label { font-size:.65rem; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); }

/* ══ MIS DESCARGAS ══ */
.descargas-wrap { padding:2.5rem; max-width:900px; }
.descargas-title { font-family:'Bebas Neue',sans-serif; font-size:2rem; letter-spacing:.08em; color:var(--white); margin-bottom:.3rem; }
.descargas-title span { color:var(--accent); }
.descargas-sub { font-size:.82rem; color:var(--muted); margin-bottom:2rem; }
.dl-history { display:flex; flex-direction:column; gap:.5rem; }
.dl-hist-item { background:var(--card2); border:1px solid var(--border); display:flex; align-items:center; gap:1rem; padding:.9rem 1.1rem; transition:background .15s; cursor:pointer; }
.dl-hist-item:hover { background:var(--card); }
.dl-hist-thumb { width:48px; height:48px; flex-shrink:0; border-radius:2px; overflow:hidden; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:.7rem; color:rgba(255,255,255,.2); }
.dl-hist-thumb img { width:100%; height:100%; object-fit:cover; }
.dl-hist-info { flex:1; }
.dl-hist-name { font-size:.92rem; font-weight:600; color:var(--white); }
.dl-hist-date { font-size:.72rem; color:var(--muted); margin-top:.15rem; }
.dl-hist-again { font-family:'Barlow Condensed',sans-serif; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); flex-shrink:0; }
.descargas-empty { text-align:center; padding:4rem 2rem; }
.descargas-empty h3 { font-family:'Bebas Neue',sans-serif; font-size:1.8rem; color:var(--text2); }
.descargas-empty p { color:var(--muted); font-size:.85rem; margin-top:.5rem; }

/* ══ PORTADAS NUEVAS (placeholder de color si no hay imagen) ══ */
.cov-nfsmw       { background:linear-gradient(150deg,#0a0d10 0%,#1e3a4a 50%,#05080a 100%); }
.cov-fps         { background:linear-gradient(150deg,#0a0c10 0%,#22303a 50%,#06080a 100%); }
.cov-rpg         { background:linear-gradient(150deg,#100a04 0%,#4a3010 50%,#0a0604 100%); }
.cov-aventura    { background:linear-gradient(150deg,#06100c 0%,#105040 50%,#040a08 100%); }
.cov-conduccion  { background:linear-gradient(150deg,#0a0614 0%,#3a1060 50%,#06040c 100%); }
.cov-estrategia  { background:linear-gradient(150deg,#0c0a04 0%,#4a4010 50%,#080604 100%); }
.cov-pelea       { background:linear-gradient(150deg,#140404 0%,#5a1a08 50%,#0a0404 100%); }
/* Apps */
.cov-nav    { background:linear-gradient(150deg,#06101a 0%,#0f3a6a 50%,#040a12 100%); }
.cov-util   { background:linear-gradient(150deg,#0a0c10 0%,#2a3448 50%,#06080c 100%); }
.cov-media  { background:linear-gradient(150deg,#140a04 0%,#5a2a08 50%,#0a0604 100%); }
.cov-sec    { background:linear-gradient(150deg,#04100a 0%,#0f4a2a 50%,#040a06 100%); }
.cov-design { background:linear-gradient(150deg,#12061a 0%,#4a1060 50%,#0a040c 100%); }
.cov-dev    { background:linear-gradient(150deg,#040c14 0%,#0a3a5a 50%,#04080c 100%); }
.cov-chat   { background:linear-gradient(150deg,#0a0614 0%,#2a2a7a 50%,#06040c 100%); }

/* ══ APLICACIONES (acento azul) ══ */
#page-apps .filter-btn.active { background:var(--blue); border-color:var(--blue); }
.hero-apps .hero-glow { background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 65%); }
.hero-apps h1 .z { color:var(--blue); animation:none; text-shadow:0 0 40px rgba(59,130,246,.35); }
.hero-apps .hero-eyebrow { color:var(--blue); }
.c-badge.app, .m-badge.app { background:var(--blue); }
.c-cta.app { background:var(--blue); }
.app-card .cover-ph { font-size:3rem; color:rgba(255,255,255,.12); flex-direction:column; gap:1rem; }
.app-icon { width:42%; max-width:110px; aspect-ratio:1; object-fit:contain; filter:drop-shadow(0 8px 24px rgba(0,0,0,.5)); transition:transform .4s ease; }
.app-icon.mono, .app-icon-big.mono, .top-app-icon.mono { filter:brightness(0) invert(1) drop-shadow(0 8px 24px rgba(0,0,0,.5)); }
.app-card:hover .app-icon { transform:scale(1.08); }
.app-ph-short { font-size:.9rem; letter-spacing:.3em; color:rgba(255,255,255,.18); }
.app-icon-big { width:150px; height:150px; object-fit:contain; opacity:.9; filter:drop-shadow(0 10px 40px rgba(0,0,0,.6)); }
.top-app-icon { width:60%; height:60%; object-fit:contain; }
.top-thumb img.top-app-icon { width:60%; height:60%; object-fit:contain; }

/* ══ PAGINACIÓN (todas las secciones) ══ */
#paginacion-apps, #paginacion-top { padding:0 2.5rem 3rem; }
#paginacion { margin-top:-3rem; }

/* ══ PÁGINA MÁS DESCARGADOS ══ */
.top-full-list { display:flex; flex-direction:column; gap:.5rem; padding:0 2.5rem 2rem; max-width:1000px; }
.top-item-lg { padding:1rem 1.2rem; }
.top-item-lg .top-rank { font-size:2rem; width:44px; }
.top-item-lg .top-thumb { width:56px; height:56px; font-size:.85rem; }
.top-item-lg .top-name { font-size:1rem; }
.top-side { text-align:right; flex-shrink:0; }
.top-rat { font-family:'Barlow Condensed',sans-serif; font-size:.85rem; font-weight:700; color:var(--gold); }
.top-side .top-dl-count { margin-top:.2rem; }

.footer-links { flex-wrap:wrap; }

/* ══ SELECTOR DE IDIOMA ══ */
.lang-sw { display:flex; border:1px solid var(--border2); flex-shrink:0; }
.lang-sw button { background:none; border:none; color:var(--muted); font-family:'Barlow Condensed',sans-serif; font-size:.72rem; letter-spacing:.12em; padding:.38rem .55rem; cursor:pointer; transition:color .2s,background .2s; }
.lang-sw button:hover { color:var(--white); }
.lang-sw button.active { background:var(--accent); color:#fff; }

/* ══ DETALLE: banner horizontal y reporte ══ */
.ghb-bg-img.wide { object-position:center 30%; filter:brightness(.55) saturate(.9); }
.dl-upd { display:block; margin-top:.6rem; padding:.6rem; text-align:center; text-decoration:none; border:1px solid var(--border2); color:var(--text2); font-family:'Barlow Condensed',sans-serif; font-size:.8rem; letter-spacing:.16em; text-transform:uppercase; transition:border-color .2s,color .2s,background .2s; }
.dl-upd:hover { border-color:var(--accent); color:var(--white); background:rgba(232,39,42,.08); }
.dl-report { display:block; width:100%; margin-top:.9rem; padding-top:.8rem; border:none; border-top:1px solid var(--border); background:none; color:var(--muted); font-family:'Barlow',sans-serif; font-size:.72rem; cursor:pointer; transition:color .2s; }
.dl-report:hover { color:var(--gold); }

/* ══ COMENTARIOS ══ */
.gd-body > aside { grid-column:2; grid-row:1 / span 2; }   /* el cuadro de descarga acompaña también a los comentarios */
.gd-com { grid-column:1; min-width:0; }
.com-count { color:var(--text2); letter-spacing:.1em; }
.com-login { display:flex; align-items:center; gap:.7rem; flex-wrap:wrap; background:var(--card2); border:1px solid var(--border); padding:1rem 1.2rem; font-size:.82rem; color:var(--text2); margin-bottom:1.2rem; }
.com-login span { flex:1; min-width:200px; }
.com-form { display:flex; gap:.9rem; margin-bottom:1.5rem; }
.com-fbody { flex:1; min-width:0; }
.com-fbody textarea { width:100%; min-height:80px; resize:vertical; background:var(--card); border:1px solid var(--border); color:var(--text); font-family:'Barlow',sans-serif; font-size:.88rem; font-weight:300; padding:.7rem .9rem; outline:none; transition:border-color .2s; }
.com-fbody textarea:focus { border-color:var(--border2); }
.com-actions { display:flex; align-items:center; gap:.6rem; margin-top:.6rem; flex-wrap:wrap; }
.com-chars { font-size:.68rem; color:var(--muted); margin-right:auto; font-family:'Barlow Condensed',sans-serif; letter-spacing:.1em; }
.com-btn { font-family:'Barlow Condensed',sans-serif; font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; padding:.5rem 1.2rem; border:none; cursor:pointer; background:var(--accent); color:#fff; clip-path:polygon(0 0,100% 0,96% 100%,4% 100%); transition:background .2s; }
.com-btn:hover { background:#c01f22; }
.com-btn.report { background:transparent; color:var(--gold); border:1px solid rgba(245,197,24,.35); clip-path:none; }
.com-btn.report:hover { background:rgba(245,197,24,.1); }
.com-av { width:38px; height:38px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:1rem; color:#fff; overflow:hidden; background:linear-gradient(135deg,var(--accent),#ff6b00); border:2px solid var(--border2); }
.com-av img { width:100%; height:100%; object-fit:cover; }
.com-list { display:flex; flex-direction:column; gap:.6rem; margin-bottom:2.5rem; }
.com-item { display:flex; gap:.9rem; background:var(--card2); border:1px solid var(--border); padding:.9rem 1rem; }
.com-item.report { border-left:3px solid var(--gold); }
.com-body { flex:1; min-width:0; }
.com-head { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; margin-bottom:.3rem; }
.com-name { font-size:.85rem; font-weight:600; color:var(--white); }
.com-tag { font-family:'Barlow Condensed',sans-serif; font-size:.6rem; letter-spacing:.12em; text-transform:uppercase; padding:.12rem .45rem; background:rgba(245,197,24,.12); color:var(--gold); border:1px solid rgba(245,197,24,.3); }
.com-tag.admin { background:rgba(232,39,42,.15); color:var(--accent); border-color:rgba(232,39,42,.3); }
.com-date { font-size:.7rem; color:var(--muted); }
.com-del { margin-left:auto; background:none; border:none; color:var(--muted); font-size:.68rem; cursor:pointer; font-family:'Barlow',sans-serif; }
.com-del:hover { color:var(--accent); }
.com-text { font-size:.87rem; line-height:1.6; color:var(--text); white-space:pre-wrap; overflow-wrap:anywhere; }
.com-empty { font-size:.82rem; color:var(--muted); padding:1rem 0; }

/* ══ RELACIONADOS (al final del detalle) ══ */
.related-wrap { max-width:1100px; }
.games-grid.related { grid-template-columns:repeat(6,1fr); margin-bottom:3.5rem; }
.games-grid.related .c-title-bar h2, .games-grid.related .c-hover h2 { font-size:1.12rem; }
.games-grid.related .c-title-bar { padding:2rem .8rem .8rem; }
.games-grid.related .c-hover { padding:1.5rem .8rem .9rem; }
.games-grid.related .c-hover p { font-size:.7rem; margin:.35rem 0 .7rem; }
.games-grid.related .c-badge { top:.6rem; left:.6rem; }
.games-grid.related .c-rating { top:.6rem; right:.6rem; font-size:.72rem; }
.games-grid.related .app-icon { width:48%; }
@media(max-width:1100px){ .games-grid.related { grid-template-columns:repeat(3,1fr); } }

/* ══ CONTACTO Y PRIVACIDAD ══ */
.info-wrap { padding:2.5rem; max-width:820px; }
.info-title { font-family:'Bebas Neue',sans-serif; font-size:2rem; letter-spacing:.08em; color:var(--white); margin-bottom:.3rem; }
.info-title span { color:var(--accent); }
.info-sub { font-size:.85rem; color:var(--muted); margin-bottom:1.8rem; line-height:1.6; }
.info-mail { display:inline-block; width:auto; padding:.9rem 2.2rem; margin-bottom:2rem; text-transform:none; letter-spacing:.08em; }
.info-box { background:var(--card2); border:1px solid var(--border); border-left:3px solid var(--accent); padding:1.1rem 1.3rem; margin-bottom:.8rem; }
.info-box h3, .info-text h3 { font-family:'Barlow Condensed',sans-serif; font-size:.95rem; letter-spacing:.1em; text-transform:uppercase; color:var(--white); margin-bottom:.4rem; }
.info-text h3 { margin:1.8rem 0 .5rem; }
.info-text h3:first-child { margin-top:0; }
.info-box p, .info-text p, .info-text li { font-size:.88rem; line-height:1.75; color:var(--text); }
.info-text ul { padding-left:1.2rem; }
.info-text li { margin-bottom:.3rem; }
.info-text strong, .info-box strong { color:var(--white); font-weight:600; }
.info-text a, .info-box a { color:var(--accent); }

/* ══════════════════════════════════════════
   INICIO: CARRUSEL DE DESTACADOS
══════════════════════════════════════════ */
.hero-slider { position:relative; height:min(72vh,540px); min-height:380px; overflow:hidden; background:var(--bg2); }
.hs-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .9s ease, visibility 0s .9s; }
.hs-slide.active { opacity:1; visibility:visible; transition:opacity .9s ease; }
.hs-bg { position:absolute; inset:0; background-size:cover; background-position:center; }
.hs-slide.active .hs-bg { animation:kenBurns 9s ease-out forwards; }
@keyframes kenBurns { from{transform:scale(1.12)} to{transform:scale(1)} }
.hs-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,9,14,.96) 0%,rgba(7,9,14,.75) 32%,rgba(7,9,14,.15) 68%,transparent 100%), linear-gradient(to top,var(--bg) 0%,transparent 32%); }
.hs-content { position:absolute; left:2.5rem; top:50%; transform:translateY(-50%); max-width:560px; z-index:2; }
.hs-slide.active .hs-content > * { animation:hsUp .7s ease both; }
.hs-slide.active .hs-content > :nth-child(2) { animation-delay:.08s; }
.hs-slide.active .hs-content > :nth-child(3) { animation-delay:.16s; }
.hs-slide.active .hs-content > :nth-child(4) { animation-delay:.24s; }
.hs-slide.active .hs-content > :nth-child(5) { animation-delay:.32s; }
.hs-slide.active .hs-content > :nth-child(6) { animation-delay:.4s; }
@keyframes hsUp { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:none} }
.hs-badges { display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:1.1rem; }
.hs-logo { display:block; max-width:380px; max-height:140px; width:auto; height:auto; object-fit:contain; object-position:left center; margin-bottom:1rem; filter:drop-shadow(0 6px 24px rgba(0,0,0,.7)); }
.hs-logo + .hs-title { display:none; }   /* si hay logo no hace falta el título en texto */
.hs-title { font-family:'Bebas Neue',sans-serif; font-size:clamp(2.6rem,6vw,4.6rem); letter-spacing:.04em; color:var(--white); line-height:.95; margin-bottom:.8rem; text-shadow:0 4px 30px rgba(0,0,0,.6); }
.hs-desc { font-size:1rem; color:var(--text); line-height:1.6; margin-bottom:1rem; max-width:460px; }
.hs-meta { display:flex; gap:.8rem; align-items:center; margin-bottom:1.5rem; }
.hs-btn { position:relative; overflow:hidden; background:var(--accent); color:#fff; border:none; cursor:pointer; font-family:'Barlow Condensed',sans-serif; font-size:.95rem; letter-spacing:.2em; text-transform:uppercase; padding:.85rem 2.2rem; clip-path:polygon(0 0,100% 0,96% 100%,4% 100%); transition:background .2s,transform .15s; }
.hs-btn:hover { background:#c01f22; transform:scale(1.03); }
.hs-nav { position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:46px; height:46px; background:rgba(7,9,14,.55); border:1px solid rgba(255,255,255,.15); color:#fff; font-size:1.8rem; line-height:1; cursor:pointer; opacity:0; transition:opacity .3s,background .2s; }
.hero-slider:hover .hs-nav { opacity:1; }
.hs-nav:hover { background:var(--accent); border-color:var(--accent); }
.hs-prev { left:1rem; } .hs-next { right:1rem; }
.hs-dots { position:absolute; right:2.5rem; bottom:1.6rem; z-index:3; display:flex; gap:.5rem; }
.hs-dot { width:38px; height:4px; padding:0; border:none; cursor:pointer; background:rgba(255,255,255,.22); overflow:hidden; }
.hs-dot span { display:block; height:100%; width:0; background:var(--accent); }
.hs-dot.active span { animation:hsProg 6s linear forwards; }   /* al terminar la barrita pasa a la siguiente */
.hero-slider:hover .hs-dot.active span { animation-play-state:paused; }
@keyframes hsProg { from{width:0} to{width:100%} }

/* Franja de números debajo del carrusel */
.home-stats { padding:2.5rem 2.5rem 2.2rem; }
.home-stats .hero-tagline { margin-top:.4rem; }
.home-stats .hero-stats { margin-top:1.6rem; padding-top:1.8rem; }

/* ══ INICIO: FILAS POR SECCIÓN ══ */
.shelf { padding:0 2.5rem; margin-bottom:2.6rem; }
.shelf-head { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:.9rem; }
.shelf-title { font-family:'Bebas Neue',sans-serif; font-size:1.75rem; letter-spacing:.06em; color:var(--white); line-height:1; }
.shelf-sub { font-size:.78rem; color:var(--muted); margin-top:.3rem; }
.shelf-ctrl { display:flex; align-items:center; gap:.4rem; flex-shrink:0; }
.shelf-arrow { width:34px; height:34px; background:var(--card2); border:1px solid var(--border); color:var(--text2); font-size:1.3rem; line-height:1; cursor:pointer; transition:all .2s; }
.shelf-arrow:hover { background:var(--accent); border-color:var(--accent); color:#fff; }
.shelf-all { background:none; border:none; color:var(--accent); cursor:pointer; font-family:'Barlow Condensed',sans-serif; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; margin-left:.5rem; padding:.4rem 0; }
.shelf-all:hover { color:var(--white); }
.shelf-track { display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding:0 4px; padding:14px 4px 24px; margin:-14px -4px -24px; scrollbar-width:none; }
.shelf-track::-webkit-scrollbar { display:none; }
.shelf-track .game-card { flex:0 0 clamp(150px,15vw,210px); scroll-snap-align:start; }
.top-section { margin-bottom:3rem; }

/* ══ NIVEL DE REQUISITOS ══ */
.m-badge.new { background:var(--green); }
.m-badge.tier { clip-path:none; border:1px solid; }
.m-badge.t-bajo  { background:rgba(34,197,94,.14); color:#4ade80; border-color:rgba(34,197,94,.4); }
.m-badge.t-medio { background:rgba(245,197,24,.12); color:var(--gold); border-color:rgba(245,197,24,.35); }
.m-badge.t-alto  { background:rgba(255,107,0,.15); color:#ff8a3d; border-color:rgba(255,107,0,.45); }
#filterBar { padding-bottom:.8rem; }

/* ══ ORDENAR ══ */
.sort-wrap { margin-left:auto; display:flex; align-items:center; gap:.5rem; }
.sort-wrap .filter-label { margin-right:0; }
.sort-select { background:var(--card2); border:1px solid var(--border); color:var(--text); font-family:'Barlow Condensed',sans-serif; font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; padding:.38rem .7rem; outline:none; cursor:pointer; }
.sort-select:focus { border-color:var(--border2); }
.sort-select option { background:var(--card2); }

/* ══ RESULTADOS DE BÚSQUEDA ══ */
.sr-title { font-family:'Bebas Neue',sans-serif; font-size:clamp(2.5rem,7vw,5rem); letter-spacing:.04em; color:var(--white); line-height:1; overflow-wrap:anywhere; }
.sr-empty { margin:0 2.5rem 5rem; }
.sri-all { display:block; width:100%; padding:.75rem 1rem; background:var(--card); border:none; border-top:1px solid var(--border); color:var(--accent); font-family:'Barlow Condensed',sans-serif; font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; text-align:center; }
.sri-all:hover { color:var(--white); background:var(--card2); }

/* ══ TRÁILER ══ */
.trailer { aspect-ratio:16/9; background:#000; border:1px solid var(--border); margin-bottom:2.5rem; }
.trailer video, .trailer iframe { width:100%; height:100%; display:block; border:0; background:#000; object-fit:contain; }

/* ══════════════════════════════════════════
   EFECTOS
══════════════════════════════════════════ */
/* Tarjetas 3D + brillo que sigue al mouse */
.game-card { transition:transform .25s ease, box-shadow .3s ease; }
.game-card:hover { z-index:3; box-shadow:0 22px 45px rgba(0,0,0,.6), 0 0 0 1px rgba(232,39,42,.55), 0 0 32px rgba(232,39,42,.18); }
.game-card::after { content:''; position:absolute; inset:0; z-index:3; pointer-events:none; background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 55%); opacity:0; transition:opacity .3s; }
.game-card:hover::after { opacity:1; }
/* Brillo de "cargando" mientras baja la portada */
.game-card.skel::before { content:''; position:absolute; inset:0; background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.06) 45%,transparent 65%),var(--card); background-size:250% 100%,auto; animation:shimmer 1.3s linear infinite; }
@keyframes shimmer { from{background-position:130% 0,0 0} to{background-position:-130% 0,0 0} }
.cover-img { transition:transform .5s ease, filter .4s ease, opacity .45s ease; }
.game-card.skel .cover-img { opacity:0; }
/* Aparecer suave al bajar */
.reveal { opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.in { opacity:1; transform:none; }
/* Cambio de página con fundido */
.page.active { animation:pageIn .35s ease; }
@keyframes pageIn { from{opacity:0} to{opacity:1} }
/* Header que se achica al bajar */
header { transition:height .3s ease, background .3s ease, box-shadow .3s ease; }
.logo { transition:font-size .3s ease; }
header.scrolled { height:56px; background:rgba(7,9,14,.98); box-shadow:0 10px 30px rgba(0,0,0,.45); }
header.scrolled .logo { font-size:1.65rem; }
/* Botón "volver arriba" */
.to-top { position:fixed; right:2rem; bottom:2rem; z-index:1500; width:46px; height:46px; border:1px solid var(--border2); background:rgba(15,19,32,.92); color:var(--white); font-size:1.2rem; cursor:pointer; opacity:0; transform:translateY(14px); pointer-events:none; transition:opacity .3s, transform .3s, background .2s; }
.to-top.show { opacity:1; transform:none; pointer-events:auto; }
.to-top:hover { background:var(--accent); border-color:var(--accent); }
.toast-cont { bottom:5.5rem; }
/* Brillo que pasa por los botones de descarga y "Ver juego" */
.dl-btn { position:relative; overflow:hidden; }
.dl-btn:not(.locked)::after, .hs-btn::after { content:''; position:absolute; top:0; left:-60%; width:45%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent); transform:skewX(-20deg); animation:shine 3.2s ease-in-out infinite; pointer-events:none; }
@keyframes shine { 0%,55%{left:-60%} 100%{left:130%} }
/* Barra de scroll oscura */
html { scrollbar-color:var(--border2) var(--bg); }
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-track { background:var(--bg); }
::-webkit-scrollbar-thumb { background:var(--border2); border:2px solid var(--bg); }
::-webkit-scrollbar-thumb:hover { background:var(--accent); }
/* Si el sistema pide menos animaciones, se apagan */
@media (prefers-reduced-motion:reduce) {
  .reveal { opacity:1; transform:none; transition:none; }
  .hs-slide.active .hs-bg, .hs-slide.active .hs-content > *, .dl-btn::after, .hs-btn::after, .game-card.skel::before, .page.active { animation:none; }
  .hs-dot.active span { animation:none; width:100%; }
  .game-card { transition:none; }
}

/* ══ APPS: categorías nuevas ══ */
.cov-gaming { background:linear-gradient(150deg,#0a1406 0%,#2a5a10 50%,#060a04 100%); }
.cov-office { background:linear-gradient(150deg,#06100a 0%,#0f4a3a 50%,#040a08 100%); }

/* ══ MINIATURAS CON IMAGEN (ranking, buscador e historial) ══ */
.top-thumb img { position:absolute; inset:0; }
.top-thumb img.top-app-icon { position:static; }
.sri-thumb { position:relative; overflow:hidden; }
.sri-thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sri-thumb img.sri-app-icon { position:static; width:60%; height:60%; object-fit:contain; }
.sri-app-icon.mono { filter:brightness(0) invert(1); }
.dl-hist-thumb img.top-app-icon { width:60%; height:60%; object-fit:contain; }

/* ══ ADMIN ══ */
.admin-grid { grid-template-columns:repeat(4,1fr); }
.admin-table-wrap { overflow-x:auto; margin-bottom:2.5rem; }
.admin-table-wrap .admin-table { margin-bottom:0; min-width:560px; }
.admin-btn.sm { font-size:.72rem; padding:.35rem .8rem; }

@media(max-width:768px){
  header { padding:.6rem 1rem; gap:.6rem; height:auto; flex-wrap:wrap; }
  .search-wrap { order:3; flex:1 1 100%; max-width:none; }
  nav { order:4; flex:1 1 100%; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  nav::-webkit-scrollbar { display:none; }
  nav button { white-space:nowrap; padding:.4rem .6rem; }
  .top-full-list, #paginacion-apps, #paginacion-top, #paginacion { padding-left:1rem; padding-right:1rem; }
  .hero-stats { flex-wrap:wrap; }
  .top-item-lg .top-rank { width:28px; font-size:1.5rem; }
  .top-item-lg .top-thumb { width:44px; height:44px; }
  .logo { font-size:1.5rem; }
  .btn-auth { padding:.4rem .6rem; font-size:.66rem; letter-spacing:.08em; }
  .hero h1 { font-size:clamp(3.2rem,15vw,5rem); }
  .hero { padding:4rem 1.5rem 3rem; }
  .hero-stats { gap:1.5rem; }
  .games-grid { margin:0 1rem 3rem; }
  .filter-bar,.section-label,.novedades-section { padding-left:1rem; padding-right:1rem; }
  .novedades-grid { grid-template-columns:1fr; }
  .gd-body { grid-template-columns:1fr; padding:1.5rem; }
  .admin-grid { grid-template-columns:1fr 1fr; }
  .admin-form-grid { grid-template-columns:1fr; }
  .screenshots { grid-template-columns:1fr 1fr; }
  footer { flex-direction:column; text-align:center; padding:1.5rem; }
  .gd-body > aside, .gd-com { grid-column:auto; grid-row:auto; }
  .games-grid.related { grid-template-columns:repeat(2,1fr); }
  .hero-slider { height:460px; min-height:0; }
  .hs-content { left:1rem; right:1rem; top:auto; bottom:3.4rem; transform:none; max-width:none; }
  .hs-shade { background:linear-gradient(to top,rgba(7,9,14,.98) 0%,rgba(7,9,14,.8) 45%,rgba(7,9,14,.2) 100%); }
  .hs-logo { max-width:230px; max-height:86px; }
  .hs-desc { font-size:.88rem; }
  .hs-nav { display:none; }
  .hs-dots { left:1rem; right:auto; bottom:1.3rem; }
  .home-stats { padding:2rem 1rem 1.6rem; }
  .shelf { padding:0 1rem; }
  .shelf-arrow { display:none; }
  .shelf-sub { display:none; }
  .shelf-track .game-card { flex-basis:42vw; }
  header.scrolled { height:auto; }
  .sort-wrap { margin-left:0; }
  .sr-empty { margin:0 1rem 3rem; }
  .to-top { right:1rem; bottom:1rem; }
  .toast-cont { right:1rem; left:1rem; bottom:4.5rem; }
  .info-wrap { padding:1.5rem 1rem; }
  .info-mail { display:block; text-align:center; font-size:.8rem; padding:.9rem 1rem; overflow-wrap:anywhere; }
  .user-area { gap:.4rem; }
  .lang-sw button { padding:.35rem .45rem; font-size:.66rem; }
  .com-form .com-av { display:none; }
  .com-btn { padding:.5rem .9rem; }
  .admin-wrap { padding:1.5rem 1rem; }
  .footer-links { justify-content:center; }
}