:root{--bg:#0a0f16;--panel:#0f1520;--ink:#eaf1ff;--sub:#a7b3c6;--gold:#f6c453;--accent:#00ffc6;--muted:#0b1220;--br:16px;--shadow:0 18px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,Segoe UI,Arial;background:
 radial-gradient(1200px 600px at -10% -20%,rgba(0,255,198,.08),transparent 60%),
 radial-gradient(900px 480px at 120% 0%,rgba(246,196,83,.10),transparent 60%),
 var(--bg);color:var(--ink)}
a{color:#bfe0ff;text-decoration:none}a:hover{opacity:.95}
.header{position:sticky;top:0;z-index:40;background:rgba(10,14,22,.6);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07)}
.container{max-width:1160px;margin:0 auto;padding:18px}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ffd642,#00ffc6);display:grid;place-items:center;color:#0b0f14;font-weight:900;box-shadow:var(--shadow)}
nav a{padding:10px 12px;margin-right:8px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:var(--muted);color:var(--sub)}
nav a.active,nav a:hover{background:linear-gradient(135deg,rgba(255,214,66,.18),rgba(0,255,198,.12));color:var(--ink)}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch;margin-top:10px}
.panel{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:var(--br);padding:22px;box-shadow:var(--shadow)}
.banner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#121212,#1b1f26);border:1px solid rgba(246,196,83,.35);border-radius:14px;padding:16px}
.banner .gold{color:var(--gold);font-weight:900;letter-spacing:.3px}
.ad{margin:14px 0;padding:14px;border-radius:12px;border:1px dashed rgba(255,255,255,.3);color:var(--sub);text-align:center;background:var(--muted)}
.section{margin-top:18px}.section h2{margin:4px 0}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:transform .2s ease, box-shadow .2s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 28px 80px rgba(0,0,0,.45)}
.card img{width:100%;height:180px;object-fit:cover;background:#0d1117}
.card .pad{padding:14px}
.badge{display:inline-block;font-size:12px;color:var(--sub);border:1px solid rgba(255,255,255,.12);padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.05)}
.price{font-weight:800;margin:6px 0 2px}
.cta{display:flex;gap:10px;margin-top:8px}
.btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0f1522;color:#eaf1ff;transition:transform .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn.amz{background:linear-gradient(135deg,#131a22,#0d141b)}
.btn.fk{background:linear-gradient(135deg,#0039cb,#0d1f52)}
.footer{margin-top:28px;padding:22px 0;border-top:1px solid rgba(255,255,255,.08);background:#0a0f16}
.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}
.small{color:var(--sub);font-size:13px}
.hero-ronaldo{border:1px solid rgba(246,196,83,.4)}
.cookie{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:var(--shadow);padding:12px 16px;display:none;gap:10px;align-items:center}
.cookie.show{display:flex}
.cookie button{margin-left:10px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,214,66,.18),rgba(0,255,198,.12));color:var(--ink)}
.hero-img{width:100%;height:240px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.08)}
.badge.arg{border-color:#63b3ff;background:linear-gradient(90deg,rgba(99,179,255,.15),rgba(255,255,255,.05))}
/* Floating WhatsApp */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;border:none;box-shadow:0 18px 50px rgba(0,0,0,.35);cursor:pointer}
.wa-float:hover{transform:translateY(-2px)}
.wa-float svg{width:28px;height:28px;fill:#fff}