/* topxcassino-br.com - Portal TopX Cassino */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.pv{margin:0;background:#090F1E;color:#E4E9F4;font:17px/1.68 "Nunito Sans",system-ui,"Segoe UI",Arial,sans-serif;overflow-wrap:break-word}
body.pv img{max-width:100%;height:auto;display:block}
body.pv a{color:#FF7A62;text-underline-offset:3px}
body.pv a:hover{color:#fff}
body.pv h1,body.pv h2,body.pv h3{font-family:Archivo,"Nunito Sans",system-ui,sans-serif;color:#fff;line-height:1.18;margin:0 0 .55em}
body.pv h1{font-size:clamp(1.8rem,4.8vw,2.85rem);font-weight:800;letter-spacing:-.015em}
body.pv h2{font-size:clamp(1.4rem,3vw,1.95rem);font-weight:700;margin-top:1.5em}
body.pv h3{font-size:1.12rem;font-weight:700}
body.pv p{margin:0 0 1em}
.shell{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}
.pv-wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}

/* barra superior fixa */
.top{position:sticky;top:0;z-index:60;background:rgba(9,15,30,.95);backdrop-filter:blur(8px);border-bottom:2px solid #FF2400}
.top-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;min-height:62px}
.top-in>a:first-child{display:block;flex:none}
.top nav{display:flex;flex:1;flex-wrap:wrap;gap:2px}
.top nav a{color:#D5DCEE;text-decoration:none;padding:0 12px;min-height:44px;display:inline-flex;align-items:center;font-weight:600;font-size:16px;border-radius:12px}
.top nav a:hover{background:#17223A;color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;font-family:Archivo,"Nunito Sans",sans-serif;font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;text-align:center}
.btn-main,body.pv a.btn-main{background:#FF2400;color:#fff;box-shadow:0 8px 22px rgba(255,36,0,.28)}
.btn-main:hover,body.pv a.btn-main:hover{background:#D91F00;color:#fff}
.top .btn-main{min-height:44px;padding:0 18px}

/* carimbo, apoio de CTA */
.pv-stamp{display:inline-block;margin:0 0 14px;padding:5px 12px;border:1px solid #2B3A5E;border-radius:999px;color:#9FB0D4;font-size:16px;font-weight:600;letter-spacing:.01em}
.pv-lead{font-size:1.14rem;color:#CBD5EA}
.pv-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:20px}
.pv-ad{font-size:13px;color:#8393B8;line-height:1.35}

/* heros */
.pv-hero{background:linear-gradient(135deg,#111A2B 0,#090F1E 60%);padding:44px 0 52px;border-bottom:1px solid #1C2944}
.pv-hero-in{display:grid;grid-template-columns:1fr 1.1fr;gap:38px;align-items:center}
.pv-hero-img{margin:0;order:0}
.pv-hero-img img{border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.45);border:1px solid #243357}
.pv-head{background:#0E1626;padding:40px 0 44px;border-bottom:1px solid #1C2944}
.pv-head-in{display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:center}
.pv-head-img{margin:0}
.pv-head-img img{border-radius:12px;border:1px solid #243357}
.pv-head-solo .pv-wrap{max-width:820px}

/* seções */
.pv-hero-in>*,.pv-head-in>*,.pv-split>*,.pv-two>*,.pv-grid3>*{min-width:0}

.pv-sec{padding:42px 0}
.pv-sec-tint{background:#0D1527;border-top:1px solid #1B2842;border-bottom:1px solid #1B2842}
.pv-sec-light{background:#F3F5FA;color:#1A2236}
body.pv .pv-sec-light h2{color:#0B1226}
body.pv .pv-sec-light a{color:#C41B00}
.pv-article{max-width:860px}
.pv-article>h2:first-child,.pv-wrap>h2:first-child{margin-top:0}
.pv-sub{color:#B3C0DC;max-width:62ch}
.pv-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 8px}
.pv-card{background:#111A2B;border:1px solid #22304F;border-radius:12px;padding:20px 22px}
.pv-card h3{margin-top:0}
.pv-card p:last-child{margin-bottom:0}
.pv-card-ok{border-top:4px solid #3FC28A}
.pv-card-open{border-top:4px solid #FF2400}
.pv-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.pv-grid3 .pv-card{background:#0A1020}
.pv-list{margin:0 0 1em;padding:0;list-style:none}
.pv-list li{position:relative;padding:5px 0 5px 24px}
.pv-list li::before{content:"";position:absolute;left:2px;top:.95em;width:9px;height:9px;border-radius:3px;background:#FF2400}

/* etapas */
.pv-steps{margin:22px 0;padding:0 0 0 2.4rem}
.pv-steps>li{padding:4px 0 22px 10px;margin:0 0 6px;border-left:2px solid #25365A;margin-left:-2.4rem;padding-left:2.4rem}
.pv-steps>li::marker{color:#FF7A62;font-family:Archivo,sans-serif;font-weight:800;font-size:1.5em}
.pv-steps h3{margin:0 0 .35em}
.pv-steps-cont{margin-top:8px}
.pv-chk{font-size:1rem;color:#A8B7D6;background:#111A2B;border-left:3px solid #FF2400;border-radius:0 12px 12px 0;padding:9px 14px;margin:10px 0 0}
.pv-chk b{color:#fff}

/* CTA no meio */
.pv-mid{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:30px 0;padding:20px 22px;border:1px dashed #3A4D7C;border-radius:12px;background:#0F1930}
.pv-mid p{margin:0;flex:1 1 220px;font-weight:700;color:#fff}
.pv-mid .pv-ad{flex:1 1 100%}
.pv-split{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:center}
.pv-fig{margin:0}
.pv-fig img{border-radius:12px;border:1px solid #243357}

/* tabela */
.pv-tablewrap{overflow-x:auto;margin:14px 0 22px;border-radius:12px;border:1px solid #25365A}
.pv-table{border-collapse:collapse;width:100%;font-size:16px}
.pv-table th,.pv-table td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #1E2C4A}
.pv-table th{background:#16213A;color:#fff;font-family:Archivo,sans-serif}
.pv-table tr:last-child td{border-bottom:0}

/* FAQ */
.pv-faq{max-width:860px}
.pv-q{background:#fff;border:1px solid #D6DCEA;border-radius:12px;margin:0 0 10px;overflow:hidden}
.pv-q summary{cursor:pointer;list-style:none;padding:14px 48px 14px 18px;min-height:48px;font-weight:700;color:#0B1226;position:relative}
.pv-q summary::-webkit-details-marker{display:none}
.pv-q summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#C41B00;font-weight:700}
.pv-q[open] summary::after{content:"\2212"}
.pv-q p{margin:0;padding:0 18px 16px;color:#2A3452}

/* final */
.pv-end{background:linear-gradient(120deg,#1B0B10,#2A0E10 55%,#0D1527);border-top:3px solid #FF2400;padding:38px 0}
.pv-end-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 34px}
.pv-end-in>div:first-child{flex:1 1 340px}
.pv-end h2{margin:0 0 .35em;font-size:1.5rem}
.pv-end p{margin:0;color:#D5DCEE}
.pv-end-cta{display:flex;flex-direction:column;gap:8px;align-items:flex-start}

/* rodapé */
.foot{background:#060A15;border-top:1px solid #1A2641;padding:30px 0 34px;color:#97A5C6;font-size:15px}
.foot-top{display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center;margin-bottom:12px}
.foot nav{display:flex;flex-wrap:wrap;gap:0 4px}
.foot nav a{color:#C5CFE6;padding:0 10px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.foot nav a:hover{color:#fff;text-decoration:underline}
.foot p{margin:0 0 .7em;max-width:78ch}

/* telas pequenas */
@media (max-width:860px){
  .pv-hero-in,.pv-head-in,.pv-split{grid-template-columns:1fr;gap:24px}
  .pv-hero-in .pv-hero-img{order:2}
  .pv-head-img{order:2}
  .pv-two,.pv-grid3{grid-template-columns:1fr}
  .top nav{order:3;flex:1 1 100%}
  .top-in{gap:8px 12px}
  .top-in>.btn-main{margin-left:auto}
}
@media (max-width:520px){
  body.pv{font-size:17px}
  .shell,.pv-wrap{padding:0 16px}
  .pv-hero{padding:28px 0 36px}
  .pv-head{padding:28px 0 32px}
  .pv-sec{padding:32px 0}
  .pv-card{padding:16px 16px}
  .pv-steps{padding-left:1.9rem}
  .pv-steps>li{margin-left:-1.9rem;padding-left:1.9rem}
  .pv-cta .btn,.pv-mid .btn,.pv-end-cta .btn{width:100%}
  .pv-end-cta{align-items:stretch;width:100%}
  .pv-table th,.pv-table td{padding:10px 12px}
  .top nav a{padding:0 9px}
}