/* topx-casinos.org: editorial, secoes claras e escuras alternadas (family F) */
:root{--ed-bg:#090F1E;--ed-sf:#111A2B;--ed-ac:#FF2400;--ed-acd:#c41d00;--ed-ink:#0d1322}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.ed{margin:0;background:var(--ed-bg);color:#fff;font:400 17px/1.7 "Nunito Sans",system-ui,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
.ed img{max-width:100%;height:auto;display:block}
.ed .shell,.ed-in{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}
.ed-narrow>*{max-width:720px}
.ed-narrow>.ed-quote{max-width:820px}

/* topo: faixa fina com logo, menu de texto e botao */
.ed .top{background:var(--ed-bg);border-bottom:3px solid var(--ed-ac)}
.ed .top-in{display:flex;align-items:center;gap:20px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.ed .top-in>a:first-child{display:block;line-height:0;flex:none}
.ed .top nav{display:flex;gap:6px 22px;flex:1;justify-content:flex-end;flex-wrap:wrap}
.ed .top nav a{font:600 16px/1 Archivo,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#fff;text-decoration:none;padding:14px 0;border-bottom:2px solid transparent}
.ed .top nav a:hover{border-bottom-color:var(--ed-ac)}
.ed .btn-main,.ed-go{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border-radius:999px;background:var(--ed-ac);color:#fff;font:700 16px/1 Archivo,system-ui,sans-serif;text-decoration:none;letter-spacing:.02em;border:2px solid var(--ed-ac)}
.ed .btn-main:hover,.ed-go:hover{background:#fff;color:var(--ed-acd);border-color:#fff}
.ed-cta{margin:24px 0 4px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.ed-ad{font-size:14px;line-height:1.3;opacity:.7}
.ed-lt .ed-ad{opacity:.65}

/* hero */
.ed-hero{padding:56px 0 52px;background:radial-gradient(900px 400px at 85% 0%,rgba(255,36,0,.22),transparent 70%),var(--ed-bg)}
.ed-hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;align-items:center}
.ed-hero-pg{padding:46px 0 40px}
.ed-hero-pg .ed-in>*{max-width:820px}
.ed-hero-pg .ed-hero-in>*{max-width:none}
.ed-kick{margin:0 0 14px;font:700 14px/1.3 Archivo,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ed-ac)}
.ed h1{margin:0 0 18px;font:800 clamp(32px,5.4vw,56px)/1.06 Archivo,system-ui,sans-serif;letter-spacing:-.02em}
.ed-lead{margin:0;font-size:19px;line-height:1.6;color:rgba(255,255,255,.88)}
.ed-hero-fig{margin:0;position:relative}
.ed-hero-fig::before{content:"";position:absolute;inset:18px -14px -14px 18px;background:var(--ed-ac);z-index:0}
.ed-hero-fig img{position:relative;z-index:1;width:100%;height:auto}

/* secoes alternadas */
.ed-sec{padding:54px 0 42px}
.ed-lt{background:#fff;color:var(--ed-ink)}
.ed-lt a{color:var(--ed-acd)}
.ed-dk{background:var(--ed-sf);color:#fff}
.ed-dk a{color:#ff8a73}
.ed-sec a:hover{text-decoration-thickness:2px}
.ed-sec h2{margin:34px 0 12px;font:800 clamp(24px,3.4vw,34px)/1.18 Archivo,system-ui,sans-serif;letter-spacing:-.01em}
.ed-sec h2:first-child,.ed-day+h2{margin-top:0}
.ed-sec p{margin:0 0 15px}
.ed-sec ul,.ed-sec ol{margin:0 0 16px;padding-left:24px}
.ed-sec li{margin-bottom:8px}
.ed-day{display:inline-block;margin:0 0 12px;padding:5px 16px;border-radius:999px;background:var(--ed-ac);color:#fff;font:800 15px/1.4 Archivo,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.ed-quote{margin:0 0 34px;padding:6px 0 6px 26px;border-left:6px solid var(--ed-ac);font:700 clamp(24px,3.6vw,36px)/1.25 Archivo,system-ui,sans-serif;letter-spacing:-.01em}
.ed-upd{font-size:14px;opacity:.7}
.ed-fig{margin:26px 0}
.ed-fig img{max-width:420px;width:100%}
.ed-dk .ed-fig img,.ed-lt .ed-fig img{border-radius:0}

/* faq */
.ed-faq{padding-top:46px}
.ed-faq .ed-in>*{max-width:820px}
.ed-faq details{border-bottom:1px solid rgba(13,19,34,.2)}
.ed-faq details:first-of-type{border-top:1px solid rgba(13,19,34,.2)}
.ed-faq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;position:relative;min-height:48px}
.ed-faq summary::-webkit-details-marker{display:none}
.ed-faq summary::after{content:"+";position:absolute;right:4px;top:12px;font:800 26px/1 Archivo,sans-serif;color:var(--ed-acd)}
.ed-faq details[open] summary::after{content:"\2212"}
.ed-faq h3{margin:0;font:700 19px/1.35 Archivo,system-ui,sans-serif}
.ed-faq details p{padding:0 0 18px;margin:0}

/* rodape */
.ed .foot{background:var(--ed-bg);border-top:3px solid var(--ed-ac);padding:34px 0 40px;font-size:15px;color:rgba(255,255,255,.72)}
.ed .foot-top{display:flex;flex-wrap:wrap;gap:16px 36px;align-items:flex-start;margin-bottom:16px}
.ed .foot-top nav{display:flex;flex-wrap:wrap;gap:0 22px;flex:1}
.ed .foot-top nav a{color:#fff;padding:11px 0;display:inline-block;text-decoration:none;font:600 15px/1.2 Archivo,sans-serif;text-transform:uppercase;letter-spacing:.05em}
.ed .foot p{margin:0 0 8px;max-width:78ch}

@media (max-width:820px){
  .ed-hero-in{grid-template-columns:minmax(0,1fr);gap:34px}
  .ed-hero-fig{margin-right:14px}
  .ed .top nav{order:3;flex:0 0 100%;justify-content:flex-start;gap:0 18px}
  .ed .btn-main{margin-left:auto}
  .ed-sec{padding:40px 0 30px}
}
@media (max-width:480px){
  body.ed{font-size:17px}
  .ed-go{width:100%}
  .ed-quote{padding-left:16px;border-left-width:5px}
}
.ed-sec a.ed-go{color:#fff;text-decoration:none}
.ed-sec a.ed-go:hover{color:var(--ed-acd);background:#fff}