/* topxcasinos.org — guia passo a passo (layout A) */
.n09{margin:0;background:#090F1E;color:#fff;font:400 17px/1.7 Rubik,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-text-size-adjust:100%}
.n09 *,.n09 *::before,.n09 *::after{box-sizing:border-box}
.n09 img{max-width:100%;height:auto;display:block}
.n09 a{color:#ff7a63;text-underline-offset:3px}
.n09 a:hover{color:#fff}
.n09 .shell{max-width:1140px;margin:0 auto;padding:0 20px}

/* barra fixa */
.n09 .top{position:sticky;top:0;z-index:50;background:rgba(9,15,30,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}
.n09 .top-in{display:flex;align-items:center;gap:20px;min-height:68px}
.n09 .top-in>a:first-child{display:block;line-height:0;flex:none}
.n09 .top nav{display:flex;gap:4px;margin-left:auto}
.n09 .top nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;color:#e6eaf5;text-decoration:none;font-weight:500;font-size:16px}
.n09 .top nav a:hover{background:#111A2B;color:#fff}
.n09 .btn.btn-main{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:0 22px;border-radius:12px;background:#FF2400;color:#fff;text-decoration:none;font-weight:600;font-size:16px}
.n09 .btn.btn-main:hover{background:#ff4a2e}

.n09-wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.n09-narrow{max-width:860px}

/* hero */
.n09-hero{padding:56px 0 40px;background:radial-gradient(900px 400px at 85% 10%,rgba(255,36,0,.18),transparent 70%)}
.n09-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.n09-pill{display:inline-block;margin:0 0 18px;padding:5px 14px;border-radius:99px;background:#111A2B;border:1px solid rgba(255,36,0,.6);color:#ffb3a6;font-size:14px;font-weight:500;letter-spacing:.02em}
.n09 h1{margin:0 0 20px;font:700 clamp(32px,4.6vw,54px)/1.1 Rubik,system-ui,sans-serif;letter-spacing:-.02em}
.n09-lead{margin:0 0 26px;font-size:19px;line-height:1.65;color:#d9dfee}
.n09-upd{margin:16px 0 0;font-size:14px;color:#8f99b2}
.n09-hero-img{display:flex;justify-content:center}
.n09-hero-img img{width:100%;max-width:400px;border-radius:12px;background:#111A2B}
.n09-top{padding:44px 0 34px;background:linear-gradient(180deg,#111A2B,#090F1E)}
.n09-top .n09-wrap{max-width:860px}

/* botões */
.n09-actions{margin:24px 0 4px}
.n09 a.n09-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:12px;background:#FF2400;color:#fff;text-decoration:none;font-weight:600;font-size:17px;box-shadow:0 8px 24px rgba(255,36,0,.28)}
.n09 a.n09-cta:hover{background:#ff4a2e;color:#fff}
.n09 a.n09-cta-w{background:#fff;color:#090F1E;box-shadow:none}
.n09 a.n09-cta-w:hover{background:#ffd9d2;color:#090F1E}
.n09-ad{display:block;margin-top:9px;font-size:13px;line-height:1.4;color:#8f99b2}

/* blocos */
.n09-main{padding-top:20px;padding-bottom:30px}
.n09-block{padding:38px 0;border-top:1px solid rgba(255,255,255,.08)}
.n09-block:first-child{border-top:0}
.n09 h2{margin:0 0 16px;font:600 clamp(24px,2.8vw,32px)/1.2 Rubik,system-ui,sans-serif;letter-spacing:-.01em}
.n09 h3{margin:0 0 4px;font:600 19px/1.35 Rubik,system-ui,sans-serif}
.n09-block p{margin:0 0 1em}
.n09-intro{color:#c3cade}

/* cartões em 3 colunas */
.n09-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.n09-cards-2{grid-template-columns:repeat(2,1fr)}
.n09-card{background:#111A2B;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 20px 18px}
.n09-card strong{display:block;margin-bottom:6px;font:600 20px/1.25 Rubik,system-ui,sans-serif;color:#fff}
.n09-card span{display:block;font-size:16px;line-height:1.55;color:#c3cade}

/* passos numerados */
.n09-steps{margin:18px 0;padding:0;list-style:none;counter-reset:p}
.n09-steps>li{counter-increment:p;position:relative;display:block;margin:0 0 14px;padding:18px 20px 16px 76px;background:#111A2B;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.n09-steps>li::before{content:counter(p);position:absolute;left:18px;top:18px;width:40px;height:40px;border-radius:50%;background:#FF2400;color:#fff;display:flex;align-items:center;justify-content:center;font:700 19px/1 Rubik,system-ui,sans-serif}
.n09-steps p{margin:0;color:#d3d9ea}
.n09-ticks{margin:14px 0 1em;padding:0;list-style:none}
.n09-ticks li{position:relative;padding:6px 0 6px 34px}
.n09-ticks li::before{content:"";position:absolute;left:4px;top:13px;width:16px;height:9px;border-left:3px solid #FF2400;border-bottom:3px solid #FF2400;transform:rotate(-45deg)}

.n09-note{margin:18px 0;padding:18px 22px;background:rgba(255,36,0,.1);border-left:4px solid #FF2400;border-radius:0 12px 12px 0}
.n09-note p{margin:0}
.n09-fig{margin:22px 0 0}
.n09-fig img{width:100%;border-radius:12px;max-height:400px;object-fit:cover}
.n09-fig-small{width:220px!important;margin:0 auto;border-radius:12px}

.n09-scroll{overflow-x:auto;margin:18px 0}
.n09-tbl{width:100%;min-width:480px;border-collapse:separate;border-spacing:0;font-size:16px;line-height:1.5;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden}
.n09-tbl th{padding:12px 16px;text-align:left;background:#111A2B;font-weight:600;color:#ffb3a6;font-size:15px}
.n09-tbl td{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);vertical-align:top;color:#e1e6f3}
.n09-tbl td:first-child{font-weight:500;color:#fff}

/* faq */
.n09-faqbox{background:#111A2B;border-radius:12px;padding:30px 28px;border:1px solid rgba(255,255,255,.08);margin:26px 0}
.n09-faq details{border-top:1px solid rgba(255,255,255,.1)}
.n09-faq details:first-child{border-top:0}
.n09-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:10px 0;cursor:pointer;list-style:none}
.n09-faq summary::-webkit-details-marker{display:none}
.n09-faq h3{margin:0;font-size:18px;font-weight:500}
.n09-faq i{flex:none;width:30px;height:30px;border-radius:50%;background:#FF2400;display:flex;align-items:center;justify-content:center;font:600 20px/1 Rubik,sans-serif;font-style:normal}
.n09-faq details[open] i{transform:rotate(45deg)}
.n09-faq details p{margin:0 0 14px;color:#cfd5e6}

.n09-end{margin:20px 0 0;padding:34px 30px;border-radius:12px;background:linear-gradient(135deg,#1b0d12,#111A2B);border:1px solid rgba(255,36,0,.35);text-align:center}
.n09-end h2{margin-bottom:10px}
.n09-end p{margin:0 auto 6px;max-width:60ch;color:#d3d9ea}

/* rodapé */
.n09 .foot{margin-top:50px;background:#0c1527;border-top:1px solid rgba(255,255,255,.1);padding:34px 0 40px;font-size:15px;line-height:1.65;color:#a7b0c6}
.n09 .foot-top{display:flex;flex-wrap:wrap;align-items:center;gap:14px 36px;margin-bottom:16px}
.n09 .foot-top a:first-child{display:block;line-height:0}
.n09 .foot nav{display:flex;flex-wrap:wrap;gap:0 18px}
.n09 .foot nav a{display:inline-flex;align-items:center;min-height:44px;color:#e6eaf5;text-decoration:none;font-size:15px}
.n09 .foot nav a:hover{color:#ff7a63}
.n09 .foot p{margin:0 0 9px;max-width:80ch}

@media (max-width:900px){
  .n09-hero-in{grid-template-columns:1fr;gap:26px}
  .n09-hero-img{order:-1}
  .n09-hero-img img{max-width:260px}
  .n09-cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
  .n09 .top{position:static}
  .n09 .top-in{flex-wrap:wrap;gap:4px 12px;padding-top:10px;padding-bottom:6px}
  .n09 .top nav{order:3;width:100%;margin-left:0;overflow-x:auto;gap:2px;padding-bottom:2px}
  .n09 .top nav a{padding:0 12px;white-space:nowrap}
  .n09 .btn.btn-main{margin-left:auto}
  .n09-hero{padding:30px 0 24px}
  .n09-lead{font-size:18px}
  .n09-cards,.n09-cards-2{grid-template-columns:1fr}
  .n09-steps>li{padding:16px 16px 14px 62px}
  .n09-steps>li::before{left:13px;width:36px;height:36px;font-size:17px}
  .n09 a.n09-cta{width:100%}
  .n09-tbl{min-width:0;font-size:15px}
  .n09-tbl th,.n09-tbl td{padding:10px 9px}
  .n09-faqbox{padding:22px 16px}
  .n09-end{padding:26px 16px}
}