/* The original home page is kept intact. These rules cover only additions and responsive navigation. */
.original-home{--sans:Outfit,'Segoe UI',sans-serif;--ink:#f7f3ef;--paper:#101017;--muted:#beb6c4;--accent:#fa3757;--wine:#fa3757;--serif:var(--sans)}
.original-home.modal-open{overflow:hidden}
.home-skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:#fa3757;color:white;padding:12px 20px;border-radius:10px}
.home-skip-link:focus{top:15px}.home-skip-target{display:block;position:relative;top:-80px}
.original-home :focus-visible{outline:3px solid #69d9fa;outline-offset:4px}
.home-new{border-top:1px solid var(--borde);background:radial-gradient(ellipse at 10% 50%,#fa375712,transparent 60%)}
.home-new-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin-top:30px}
.home-new-grid>article{position:relative;min-width:0;border:1px solid var(--borde);border-radius:var(--radio);padding:35px;background:linear-gradient(145deg,#17131f,#0d0d16);overflow:hidden}
.home-new-grid h3{font-family:var(--fuente-display);font-size:32px;line-height:1.15;margin:0 0 18px;letter-spacing:-.035em}
.home-new-grid p{color:var(--texto-2);font-size:14px}.home-new-grid .btn{margin-top:22px}
.home-brand-coin{width:125px;height:125px;border-radius:50%;border:5px ridge #b194a5;background:radial-gradient(circle at 30% 20%,#433241,#0c0b13 65%);display:grid;place-items:center;box-shadow:4px 5px 0 #6a3449,0 0 30px #ff32632a;transform:rotate(-12deg);margin-bottom:32px;outline:1px solid #f96385;outline-offset:-12px}
.home-brand-coin img{width:88px;height:auto}
.home-posts{margin-top:20px}.home-posts a{position:relative;display:block;padding:15px 27px 15px 0;border-top:1px solid var(--borde);text-decoration:none}.home-posts span{display:block;color:#ef7790;font-size:10px;margin-bottom:4px}.home-posts strong{font-size:14px;line-height:1.5;display:block;color:#eee4f0}.home-posts b{position:absolute;right:0;top:30px;color:#ef7790}.home-posts a:hover strong{color:#ff7895}
.home-extra-links{display:flex;gap:25px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;font-size:12px;color:var(--texto-2)}
.original-home .mapa{box-shadow:0 20px 70px #0005,inset 0 0 65px #fa37570b;border-color:#fa375735}.original-home .mapa__pin{filter:drop-shadow(0 0 20px #fa3757)}
.age-gate{padding:36px;max-width:440px;width:calc(100% - 32px);border:1px solid #fa375755;border-radius:18px;background:#121018;color:#f7f3ef;text-align:center;box-shadow:0 35px 100px #0008;max-height:90dvh;overflow:auto}
.age-gate::backdrop{background:#090710d9;backdrop-filter:blur(8px)}.age-gate>.eyebrow{font-size:9px;margin-bottom:20px}.age-symbol{font:600 63px/1 var(--sans);color:#fa3757;margin-bottom:19px}.age-symbol>span{font-size:33px;vertical-align:top}.age-gate h2{font:600 32px/1.1 var(--sans);margin:0 0 15px}.age-gate p{font-size:13px;line-height:1.8;color:#beb6c4}.check-row{display:flex;align-items:flex-start;gap:11px;text-align:left;font-size:12px;line-height:1.65;cursor:pointer}.check-row input{width:18px;height:18px;accent-color:#fa3757;margin:1px 0 0;flex:none}.age-gate .check-row{margin:25px 0 20px}.age-gate .button{width:100%;min-height:48px;border:0;border-radius:12px;background:#fa3757;color:white;font:600 14px var(--sans);cursor:pointer}.age-gate .button:disabled{opacity:.4;cursor:not-allowed}.age-gate .text-button{display:block;margin:10px auto 8px;color:#beb6c4;background:transparent;border:0;min-height:44px;text-decoration:underline;cursor:pointer}.age-gate small{font-size:10px;line-height:1.7;color:#beb6c4;display:block}.no-js-note{position:fixed;bottom:0;left:0;right:0;padding:18px;background:#f7e6bd;color:#302819;z-index:100;font-size:13px}
@media(min-width:1280px){.original-home .header .contenedor{max-width:1380px}.original-home .nav-desktop{gap:18px}.original-home .nav-desktop a{font-size:13px}}
@media(min-width:1024px) and (max-width:1279px){.original-home .nav-desktop{display:none}.original-home .btn-menu{display:grid}}
@media(max-width:700px){.home-new-grid{grid-template-columns:1fr}.home-new-grid>article{padding:27px}.home-new-grid h3{font-size:29px}.home-brand-coin{width:105px;height:105px}.home-brand-coin img{width:72px}.home-extra-links{gap:18px}.age-gate{padding:28px 24px}.age-gate h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.original-home .mapa__pin,.original-home .hero__estrellas i{animation:none}}

/* Use the same official wordmark and slogan as the games page. */
.original-home .logo{flex-direction:column;align-items:flex-start;gap:0;width:186px;flex-shrink:0}
.original-home .logo__img{width:100%;height:auto}
.home-brand-caption{display:block;font:500 7px/1.5 var(--sans);letter-spacing:.2em;color:#bfb7c6;margin-top:9px;white-space:nowrap}
.home-trivia-emblem{position:relative;display:grid;place-items:center;width:110px;height:110px;margin:0 0 32px;border:1px solid #e8bd786b;border-radius:50%;color:#f2d6a6;font:600 42px/1 var(--sans);letter-spacing:-.06em;background:radial-gradient(circle,#96744735,transparent 75%);box-shadow:0 0 0 9px #d9b27508,0 0 50px #d29d3512;transform:rotate(-9deg)}
.home-trivia-emblem span{position:absolute;right:7px;bottom:16px;font-size:28px;color:#ff8daf;transform:rotate(13deg)}
.home-new-grid .home-game-card{border-color:#eac48b42;background:radial-gradient(ellipse at 100% 0%,#94703b20,transparent 70%),linear-gradient(145deg,#1b1721,#111018)}
.home-game-card>.eyebrow{color:#edc68d}
.home-game-card h3{color:#f4cf94}
.home-game-card>.btn{background:#ebc58d;color:#20151b;border-color:#ebc58d;box-shadow:0 6px 26px #d5a35418}
.home-game-card>.btn:hover{background:#f5d8ad}
@media(max-width:1100px){.original-home .logo{width:164px}}
@media(max-width:600px){.original-home .logo{width:139px}.home-brand-caption{font-size:5.5px;letter-spacing:.16em;margin-top:7px}.home-trivia-emblem{margin-bottom:27px}}
@media(max-width:360px){.original-home .logo{width:112px}.home-brand-caption{font-size:4.6px}}
