/* topxcasino2.org — revista de mitos e fatos (layout H) */
.n08{margin:0;background:#090F1E;color:#fff;font:400 17px/1.7 "Nunito Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-text-size-adjust:100%}
.n08 *,.n08 *::before,.n08 *::after{box-sizing:border-box}
.n08 img{max-width:100%;height:auto;display:block}
.n08 a{color:#ff6b52;text-decoration-thickness:1px;text-underline-offset:3px}
.n08 a:hover{color:#fff}
.n08 .shell{max-width:1120px;margin:0 auto;padding:0 20px}

/* cabeçalho de jornal */
.n08 .top{background:#090F1E;border-bottom:3px double rgba(255,255,255,.28)}
.n08 .top-in{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px;padding-top:14px;padding-bottom:10px}
.n08 .top-in>a:first-child{display:block;line-height:0}
.n08 .top nav{display:flex;flex-wrap:wrap;gap:0 26px;margin-left:auto}
.n08 .top nav a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:none;font:700 15px/1 Archivo,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;border-bottom:2px solid transparent}
.n08 .top nav a:hover{color:#ff6b52;border-bottom-color:#FF2400}
.n08 .btn.btn-main{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:2px solid #FF2400;color:#fff;background:transparent;text-decoration:none;font:800 14px/1 Archivo,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.n08 .btn.btn-main:hover{background:#FF2400;color:#fff}

.n08-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.n08-narrow{max-width:1040px}

/* capa */
.n08-cover{padding:56px 0 48px;border-bottom:1px solid rgba(255,255,255,.16)}
.n08-cover-in{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.n08-kicker{margin:0 0 14px;font:800 13px/1.2 Archivo,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#FF2400}
.n08 h1{margin:0 0 22px;font:800 clamp(34px,5.4vw,66px)/1.02 Archivo,system-ui,sans-serif;letter-spacing:-.025em}
.n08-dek{margin:0 0 26px;font-size:20px;line-height:1.55;color:#dfe4f1}
.n08-date{margin:18px 0 0;font:600 14px/1.4 "Nunito Sans",system-ui,sans-serif;letter-spacing:.04em;color:#9aa3b8;border-top:1px solid rgba(255,255,255,.16);padding-top:12px;display:inline-block}
.n08-cover-fig{margin:0}
.n08-cover-fig img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* cabeçalho das páginas internas */
.n08-head{padding:48px 0 34px;border-bottom:1px solid rgba(255,255,255,.16)}
.n08-head .n08-wrap{max-width:1040px}
.n08-head h1{max-width:20ch}
.n08-head .n08-dek{max-width:60ch}

/* botões */
.n08-cta-row{margin:26px 0 6px}
.n08 a.n08-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 30px;background:#FF2400;color:#fff;text-decoration:none;font:800 15px/1 Archivo,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.n08 a.n08-cta:hover{background:#fff;color:#090F1E}
.n08-ad{display:block;margin-top:9px;font-size:13px;line-height:1.4;color:#9aa3b8;letter-spacing:.03em}

/* corpo em colunas de revista */
.n08-art{padding-bottom:30px}
.n08-sec{padding:40px 0;border-top:1px solid rgba(255,255,255,.16);columns:2 320px;column-gap:56px}
.n08-art>.n08-wrap>.n08-sec:first-child{border-top:0}
.n08-sec>h2,.n08-sec>.n08-kicker,.n08-sec>figure,.n08-sec>.n08-scroll,.n08-sec>.n08-cta-row,.n08-sec>.n08-faq,.n08-sec>.n08-callout,.n08-sec>.n08-links,.n08-sec>.n08-quote,.n08-sec>.n08-steps,.n08-sec>.n08-facts{column-span:all}
.n08 h2{margin:0 0 20px;font:800 clamp(25px,3.2vw,38px)/1.12 Archivo,system-ui,sans-serif;letter-spacing:-.015em}
.n08-sec p{margin:0 0 1em;break-inside:avoid-column}
.n08-sec>h2+p::first-letter{font:800 3.2em/.8 Archivo,system-ui,sans-serif;float:left;padding:6px 10px 0 0;color:#FF2400}
.n08-limit{background:#111A2B;padding:34px 28px;border:0;margin-top:20px;columns:1}
.n08-limit>p::first-letter{all:unset}
.n08-fig{margin:6px 0 10px}
.n08-fig img{width:100%;max-height:420px;object-fit:cover}
.n08-fig-small{width:200px!important;max-height:none!important;margin:0 auto}

/* mito e fato */
.n08-mf{display:grid;grid-template-columns:180px 1fr;column-gap:40px;padding:38px 0;border-top:1px solid rgba(255,255,255,.16)}
.n08-tag{grid-column:1;grid-row:1/3;margin:6px 0 0;font:800 clamp(18px,2vw,22px)/1.1 Archivo,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#FF2400}
.n08-mf h2{grid-column:2;margin-bottom:18px}
.n08-verdict{grid-column:2;display:grid;grid-template-columns:auto 1fr;gap:18px}
.n08-fato{margin:5px 0 0;height:max-content;padding:4px 12px;background:#fff;color:#090F1E;font:800 13px/1.3 Archivo,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.n08-verdict>div{columns:2 260px;column-gap:40px}
.n08-verdict p{margin:0 0 1em;break-inside:avoid-column}
.n08-verdict ul{margin:0 0 1em;padding-left:1.2em;break-inside:avoid-column}
.n08-verdict li{margin:0 0 .4em}

/* listas */
.n08-facts{margin:0 0 1.2em;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.16)}
.n08-facts li{padding:12px 0 12px 26px;border-bottom:1px solid rgba(255,255,255,.16);position:relative}
.n08-facts li::before{content:"";position:absolute;left:2px;top:22px;width:10px;height:10px;background:#FF2400}
.n08-steps{margin:0 0 1.2em;padding:0;list-style:none;counter-reset:s}
.n08-steps li{counter-increment:s;padding:14px 0 14px 62px;border-top:1px solid rgba(255,255,255,.16);position:relative}
.n08-steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:10px;font:800 28px/1 Archivo,system-ui,sans-serif;color:#FF2400}
.n08-links{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.n08-links li{border-top:1px solid rgba(255,255,255,.16)}
.n08 .n08-links a{display:block;padding:16px 0;text-decoration:none;color:#fff}
.n08-links strong{display:block;font:800 20px/1.2 Archivo,system-ui,sans-serif}
.n08-links span{display:block;margin-top:4px;color:#b3bbcf;font-size:16px}
.n08 .n08-links a:hover strong{color:#ff6b52}

/* tabelas */
.n08-scroll{overflow-x:auto;margin:0 0 1.2em}
.n08-tbl{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.n08-tbl th{padding:10px 14px;text-align:left;font:800 13px/1.3 Archivo,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;border-top:2px solid #fff;border-bottom:1px solid #fff;color:#fff}
.n08-tbl td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.16);vertical-align:top}
.n08-tbl td:first-child{font-weight:600}

.n08-quote{margin:6px 0 1.2em;padding:6px 0 6px 26px;border-left:4px solid #FF2400;font:600 clamp(19px,2.2vw,23px)/1.5 Archivo,system-ui,sans-serif}
.n08-quote p{margin:0}
.n08-callout{margin:10px 0 1.2em;padding:18px 22px;background:#111A2B;border-top:2px solid #FF2400}
.n08-callout p{margin:0}

/* perguntas */
.n08-faq{margin:0}
.n08-faq details{border-top:1px solid rgba(255,255,255,.16)}
.n08-faq details:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.n08-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none}
.n08-faq summary::-webkit-details-marker{display:none}
.n08-faq h3{margin:0;font:700 19px/1.3 Archivo,system-ui,sans-serif}
.n08-faq i{flex:none;font:800 24px/1 Archivo,system-ui,sans-serif;color:#FF2400;font-style:normal}
.n08-faq details[open] i{transform:rotate(45deg)}
.n08-faq details p{margin:0 0 16px;max-width:70ch;color:#dfe4f1}

/* rodapé */
.n08 .foot{margin-top:40px;background:#111A2B;border-top:3px double rgba(255,255,255,.28);padding:34px 0 40px;font-size:15px;line-height:1.6;color:#b3bbcf}
.n08 .foot-top{display:flex;flex-wrap:wrap;gap:18px 40px;align-items:center;margin-bottom:18px}
.n08 .foot-top a:first-child{display:block;line-height:0}
.n08 .foot nav{display:flex;flex-wrap:wrap;gap:0 22px}
.n08 .foot nav a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:none;font-size:15px}
.n08 .foot nav a:hover{color:#ff6b52}
.n08 .foot p{margin:0 0 10px;max-width:78ch}

@media (max-width:860px){
  .n08-cover{padding:34px 0 30px}
  .n08-cover-in{grid-template-columns:1fr;gap:28px}
  .n08-cover-fig{order:-1}
  .n08-cover-fig img{aspect-ratio:16/9}
  .n08-mf{grid-template-columns:1fr}
  .n08-tag{grid-row:auto;margin:0 0 8px}
  .n08-mf h2,.n08-verdict{grid-column:1}
  .n08-links{grid-template-columns:1fr}
}
@media (max-width:640px){
  .n08{font-size:17px}
  .n08 .top-in{padding-top:10px}
  .n08 .top nav{order:3;width:100%;margin-left:0;gap:0 16px}
  .n08 .btn.btn-main{margin-left:auto}
  .n08-dek{font-size:18px}
  .n08-sec{columns:1;padding:30px 0}
  .n08-verdict{grid-template-columns:1fr;gap:10px}
  .n08-verdict>div{columns:1}
  .n08-sec>h2+p::first-letter{font-size:2.8em}
  .n08-cta{width:100%}
  .n08-limit{padding:26px 18px}
  .n08-tbl th,.n08-tbl td{padding:10px 8px}
}