:root { --bg:#070812; --panel:#111428; --line:#282d4e; --ink:#f7f7fb; --muted:#b5bbd1; --gold:#ffc84a; --pink:#ff4b9b; --max:1120px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; color:var(--ink); background:radial-gradient(circle at 15% 0,#24204e 0,transparent 31%),var(--bg); }
a { color:inherit; text-decoration:none; }
.wrap { width:min(var(--max),calc(100% - 38px)); margin:auto; }
.header { border-bottom:1px solid var(--line); background:rgba(7,8,18,.88); position:sticky; top:0; z-index:4; backdrop-filter:blur(12px); }
.header .wrap { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { width:300px;height:70px;display:block;flex:0 0 auto;background:url("assets/site-logo.png") left center/contain no-repeat;font-size:0;line-height:0; } .brand span { font-size:0; }
.header nav { display:flex; gap:22px; color:var(--muted); font-size:14px; font-weight:bold; }
.hero { padding:78px 0 54px; text-align:center; }
.eyebrow { color:var(--gold); text-transform:uppercase; font-size:12px; letter-spacing:1.6px; font-weight:bold; }
h1 { font-size:clamp(34px,6vw,64px); letter-spacing:-2px; margin:12px 0; }
.hero p { color:var(--muted); font-size:18px; max-width:680px; line-height:1.6; margin:0 auto; }
.catalog { padding:18px 0 80px; } .section-title { font-size:28px; margin:0 0 22px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(255px,1fr)); gap:20px; }
.card { background:linear-gradient(145deg,#171b36,#0d1020); border:1px solid var(--line); border-radius:18px; overflow:hidden; transition:transform .2s,border-color .2s; }
.card:hover { transform:translateY(-5px); border-color:#7775c9; }
.card img { width:100%; aspect-ratio:1.9/1; object-fit:cover; display:block; background:#111; }
.card-copy { padding:18px; } .card h2 { margin:0 0 8px; font-size:22px; }.card p { color:var(--muted); line-height:1.55; margin:0 0 18px; font-size:14px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:13px 18px; border-radius:999px; font-weight:800; background:linear-gradient(110deg,var(--pink),#854cff); color:white; box-shadow:0 9px 28px rgba(211,52,177,.23); }
.footer { border-top:1px solid var(--line); padding:30px 0; color:var(--muted); font-size:13px; }
.footer-content { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.footer-content > span { color:#c7d0ec; letter-spacing:.02em; }
.footer-links { display:flex; align-items:center; flex-wrap:wrap; gap:10px 18px; }
.footer-links a { color:var(--muted); text-decoration:none; white-space:nowrap; transition:color .2s ease; }
.footer-links a:hover { color:var(--gold); }
.legal-page { max-width:850px; padding:58px 0 72px; }
.legal-page h1 { font-size:clamp(30px,4vw,48px); margin:10px 0 18px; }
.legal-page h2 { margin:30px 0 10px; font-size:22px; }
.legal-page p, .legal-page li { color:var(--muted); line-height:1.75; }
.legal-page ul { padding-left:22px; }
.contact-card { margin-top:26px; padding:24px; border:1px solid var(--line); border-radius:18px; background:rgba(21,25,55,.7); }
.crumbs { color:var(--muted); font-size:14px; padding:26px 0 8px; }.crumbs a { color:var(--gold); }
.game-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(270px,.7fr); gap:36px; align-items:center; padding:24px 0 56px; }
.game-shell { overflow:hidden; background:#000; border:1px solid #5c4d93; border-radius:17px; box-shadow:0 22px 60px rgba(0,0,0,.45); }
.game-bar { display:flex; justify-content:space-between; align-items:center; padding:13px 16px; background:#111426; font-size:14px; font-weight:bold; }.game-actions { display:flex; gap:12px; align-items:center; }.game-bar span { color:var(--gold); }.fullscreen-button { border:1px solid #67608d; background:#1b1d37; color:#fff; padding:7px 10px; border-radius:8px; font:inherit; font-size:12px; cursor:pointer; }.fullscreen-button:hover { border-color:var(--gold); color:var(--gold); }
.game-frame { width:100%; aspect-ratio:16 / 9; height:auto; display:block; border:0; background:#000; }
.game-shell:fullscreen { width:100vw; height:100vh; max-width:none; border:0; border-radius:0; background:#000; }
.game-shell:fullscreen .game-bar { min-height:52px; }
.game-shell:fullscreen .game-frame { width:100vw; height:calc(100vh - 52px); }
.game-copy h1 { font-size:clamp(34px,4.1vw,50px); margin:10px 0 16px; }.game-copy p { color:var(--muted); line-height:1.7; }
.facts { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:24px 0; }.fact { padding:12px; border:1px solid var(--line); border-radius:11px; background:#101328; }.fact small { display:block; color:var(--muted); margin-bottom:5px; }.fact b { font-size:14px; }
.info { border-top:1px solid var(--line); padding:52px 0 72px; }.info-inner { max-width:780px; }.info h2 { font-size:31px; }.info p { color:var(--muted); line-height:1.75; font-size:16px; }
.related-games { border-top:1px solid var(--line);padding:48px 0 66px; }.related-games h2 { font-size:30px;margin:7px 0 22px; }.related-games .showcase-grid { grid-template-columns:repeat(4,1fr); }
.notice { border-left:3px solid var(--gold); padding:13px 16px; background:#13162a; color:var(--muted); font-size:14px; line-height:1.5; }
.content-grid { display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:34px;align-items:start; }.article-copy h2 { margin:42px 0 12px;font-size:29px; }.article-copy h3 { margin:27px 0 9px;font-size:20px; }.article-copy p,.article-copy li { color:var(--muted);line-height:1.75;font-size:16px; }.article-copy ul { padding-left:20px; }.spec-card { position:sticky;top:24px;align-self:start;border:1px solid var(--line);border-radius:16px;background:#101328;padding:20px; }.spec-card h2 { margin:0 0 14px;font-size:20px; }.spec-card dl { margin:0; }.spec-card div { padding:12px 0;border-top:1px solid var(--line); }.spec-card dt { color:#959bb6;font-size:12px; }.spec-card dd { margin:4px 0 0;font-weight:bold;font-size:14px; }.faq { margin:18px 0;border:1px solid var(--line);border-radius:12px;background:#11142a;padding:0 17px; }.faq summary { padding:16px 0;cursor:pointer;font-weight:bold; }.faq p { margin:0 0 17px; }.money-action { position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin-top:18px;padding:14px 18px;overflow:hidden;border:1px solid #e784ff;border-radius:999px;background:linear-gradient(105deg,#3d0a68 0%,#7e1bd2 48%,#e539ba 100%);box-shadow:0 0 0 2px rgba(18,5,40,.86) inset,0 0 22px rgba(201,63,255,.48),0 10px 28px rgba(0,0,0,.3);color:#fff;font-size:15px;font-weight:900;letter-spacing:.01em;text-shadow:0 1px 2px rgba(18,0,39,.85);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }.money-action::before { content:"";position:absolute;z-index:-1;inset:3px;border-radius:inherit;background:radial-gradient(circle at 50% -35%,rgba(255,255,255,.96),rgba(255,255,255,.13) 25%,transparent 47%),linear-gradient(90deg,rgba(255,255,255,.06),transparent 36%,rgba(255,255,255,.16));opacity:.83; }.money-action::after { content:"→";display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(255,255,255,.15);font-size:17px;line-height:1; }.money-action:hover { transform:translateY(-2px);filter:saturate(1.14) brightness(1.08);box-shadow:0 0 0 2px rgba(18,5,40,.86) inset,0 0 30px rgba(220,76,255,.68),0 15px 30px rgba(0,0,0,.38); }.money-action:focus-visible { outline:3px solid #ffe570;outline-offset:3px; }.money-action small { display:block;margin-top:4px;font-weight:normal;color:#ffe9b4; }.affiliate { color:#9da3bb!important;font-size:12px!important;line-height:1.45!important; }
@media(max-width:760px){.content-grid{grid-template-columns:1fr}.spec-card{position:static}.article-copy h2{font-size:25px}}
@media(max-width:760px) { .brand { width:235px;height:55px; }.header nav { display:none; }.hero { padding:58px 0 34px; }.game-layout { grid-template-columns:1fr; gap:25px; }.facts { grid-template-columns:1fr 1fr; } }

/* Home de catálogo */
.home-body { background:radial-gradient(circle at 15% 10%,#32255f 0,transparent 26%),radial-gradient(circle at 86% 15%,#631b68 0,transparent 21%),#080914; overflow-x:hidden; }
.home-header { position:relative; background:rgba(8,9,20,.75); }
.home-header > .wrap > .button { padding:10px 14px; font-size:12px; }
.home-hero { padding:68px 0 58px; position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(90deg,rgba(8,9,20,.96) 0%,rgba(8,9,20,.76) 45%,rgba(8,9,20,.2) 100%),url("assets/hero-slot-machine.png") center/cover no-repeat; }.home-hero::after { content:"";position:absolute;inset:auto -10% -250px auto;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(255,202,75,.22),transparent 68%);z-index:-1; }
.hero-grid { display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center; }.hero-copy h1 { margin:13px 0 16px;font-size:clamp(42px,5.7vw,75px);line-height:.96; }.hero-copy h1 em { color:var(--gold);font-style:normal; }.hero-copy p { max-width:590px;font-size:17px;line-height:1.65;color:var(--muted); }
.hero-actions { display:flex;flex-wrap:wrap;gap:12px;margin-top:27px; }.action-secondary { display:inline-flex;align-items:center;padding:13px 19px;border:1px solid #777096;border-radius:999px;font-weight:bold;color:#e7e6f0; }.action-secondary:hover { border-color:var(--gold);color:var(--gold); }
.bonus-card { padding:27px;border:1px solid rgba(255,210,90,.52);border-radius:25px;background:linear-gradient(145deg,rgba(31,18,75,.83),rgba(113,33,137,.74));backdrop-filter:blur(9px);box-shadow:0 25px 70px rgba(0,0,0,.35);position:relative;overflow:hidden; }.bonus-card::after { content:"✦";position:absolute;right:22px;top:-20px;color:rgba(255,224,124,.23);font-size:160px; }.bonus-card small { color:#f5d76f;text-transform:uppercase;letter-spacing:1.3px;font-weight:bold; }.bonus-card strong { display:block;font-size:clamp(42px,5vw,70px);line-height:.9;margin:12px 0 7px;color:#fff0aa; }.bonus-card b { font-size:25px; }.bonus-card p { margin:12px 0 21px;color:#ded8ec;line-height:1.5;position:relative;z-index:1; }.bonus-card .button { position:relative;z-index:1; animation:cta-pulse 2.2s infinite; }.terms { display:block;margin-top:16px;color:#cbc6d7;font-size:11px; }
@keyframes cta-pulse { 50% { transform:translateY(-3px);box-shadow:0 14px 37px rgba(255,81,181,.5); } }
.quick-links { padding:28px 0 34px; }.quick-row { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }.quick { min-height:76px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:13px;padding:14px 20px;background:rgba(20,23,47,.76);color:#d7d8e5;font-size:14px;font-weight:bold; }.quick strong { color:#ed38fb;font-size:28px;line-height:1; }.quick span { color:#d7d8e5;font-weight:500; }.quick:hover { border-color:#9c83ec;color:#fff;transform:translateY(-2px); }.quick i { color:var(--gold);font-style:normal;margin-right:8px; }
.catalog-head { display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px; }.catalog-head h2 { margin:5px 0 0;font-size:33px; }.catalog-tools { display:flex;gap:10px;flex-wrap:wrap; }.filter { border:1px solid #393d63;background:#13162a;color:#d8d8e7;border-radius:999px;padding:9px 13px;font-size:13px;text-decoration:none; }.filter.active,.filter:hover { color:#151119;background:var(--gold);border-color:var(--gold); }.catalog-more { border-color:#9d78ef;color:#fff; }
.catalog-page { padding:42px 0 78px; }.catalog-page h1 { font-size:clamp(32px,4vw,50px); margin:7px 0 12px; }.catalog-intro { color:var(--muted); margin:0; line-height:1.6; }.pagination { display:flex; justify-content:center; align-items:center; gap:9px; flex-wrap:wrap; padding:38px 0 0; }.pagination-link { min-width:42px; padding:10px 13px; border:1px solid var(--line); border-radius:999px; color:var(--muted); text-align:center; font-weight:bold; }.pagination-link:hover,.pagination-link.active { background:var(--gold); border-color:var(--gold); color:#17111c; }
.showcase-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:17px; }.game-card { isolation:isolate;border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#151936,#0d1024);border:0;transition:.25s transform,.25s box-shadow; }.game-card:hover { transform:translateY(-6px);box-shadow:0 17px 36px rgba(0,0,0,.32); }.game-card img { display:block;width:calc(100% - 14px);margin:7px 7px 0;aspect-ratio:1.88/1;object-fit:contain;background:radial-gradient(ellipse at center,rgba(104,72,190,.22),transparent 68%);mix-blend-mode:screen;filter:drop-shadow(0 8px 9px rgba(0,0,0,.42)); }.game-card-info { padding:13px 14px 15px;display:flex;gap:10px;align-items:center; }.game-card h3 { margin:0;font-size:15px;line-height:1.25; }.play-dot { display:none; }
.feature-band { width:min(var(--max),calc(100% - 38px));margin:65px auto;background:linear-gradient(100deg,#29145b,#192f78 55%,#9c2579);border:1px solid #7651cb;border-radius:23px;padding:31px;display:flex;align-items:center;justify-content:space-between;gap:20px; }.feature-band h2 { margin:4px 0 0;font-size:28px; }.feature-band p { margin:8px 0 0;color:#dad7ec; }
.home-info { padding:16px 0 78px; }.info-cards { display:grid;grid-template-columns:repeat(3,1fr);gap:17px; }.info-card { padding:23px;border:1px solid var(--line);border-radius:16px;background:#101328; }.info-card b { display:block;font-size:18px;margin:10px 0; }.info-card p { color:var(--muted);font-size:14px;line-height:1.55;margin:0; }.info-icon { font-size:25px; }
.home-guide { padding:62px 0 26px; border-top:1px solid var(--line); }.home-guide h2 { max-width:680px; margin:7px 0 26px; font-size:clamp(28px,3vw,40px); }.home-guide-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.home-guide-grid article { padding:24px; border-radius:17px; background:linear-gradient(145deg,rgba(24,28,61,.86),rgba(14,17,38,.86)); border:1px solid var(--line); }.home-guide-grid h3 { margin:0 0 10px; font-size:19px; }.home-guide-grid p { margin:0 0 12px; color:var(--muted); line-height:1.65; }.home-guide-grid p:last-child { margin-bottom:0; }
@media(max-width:850px) { .hero-grid { grid-template-columns:1fr; }.showcase-grid { grid-template-columns:repeat(4,1fr); }.quick-row { grid-template-columns:repeat(2,1fr); } }
@media(max-width:580px) { .showcase-grid,.related-games .showcase-grid,.quick-row,.home-guide-grid { grid-template-columns:1fr;gap:13px; }.game-card-info { padding:10px; }.game-card h3 { font-size:13px; }.play-dot { width:29px;height:29px;font-size:12px; }.catalog-head { display:block; }.catalog-tools { margin-top:17px; }.feature-band { margin:45px auto;padding:23px;display:block; }.feature-band .button { margin-top:18px; }.info-cards { grid-template-columns:1fr; } }
@media(max-width:580px) { .header .wrap { gap:10px; } .brand { width:190px; height:48px; } .header > .wrap > .button { padding:8px 10px; font-size:10px; line-height:1; white-space:nowrap; box-shadow:none; } }
.age-gate { position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:22px;background:rgba(2,3,12,.82);backdrop-filter:blur(10px); }.age-gate[hidden] { display:none; }.age-card { width:min(460px,100%);padding:37px;border:1px solid rgba(255,208,83,.56);border-radius:25px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(167,74,255,.42),transparent 42%),#11142c;box-shadow:0 30px 90px rgba(0,0,0,.6); }.age-badge { width:74px;height:74px;margin:auto;display:grid;place-items:center;border-radius:50%;color:#fff0b4;border:2px solid var(--gold);font-size:23px;box-shadow:0 0 32px rgba(255,204,71,.34); }.age-card h2 { font-size:31px;margin:20px 0 9px; }.age-card p { color:var(--muted);line-height:1.55; }.age-actions { display:grid;gap:11px;margin-top:25px; }.age-actions .button { border:0;cursor:pointer;font:inherit; }.exit-button { padding:13px;background:transparent;border:1px solid #6a6d8d;border-radius:999px;color:#e0e0ea;font-weight:bold;cursor:pointer; }.exit-button:hover { border-color:#fff;color:#fff; }