/* vaidebet-betting-br.com · layout "quadro" (família E, tabular) · prefixo qb */
:root{--qb-bg:#F3F0E8;--qb-sf:#FFFFFF;--qb-sf2:#E9E4D6;--qb-ink:#1B2430;--qb-mut:#566070;--qb-line:#CFC8B8;--qb-navy:#23406E;--qb-amb:#B85000;--qb-amb2:#E3892B;--qb-hl:#FFF4E1}
body.qb{margin:0;background:var(--qb-bg);color:var(--qb-ink);font:400 17px/1.65 "IBM Plex Sans","Segoe UI",system-ui,Arial,sans-serif;-webkit-text-size-adjust:100%}
.qb *,.qb *::before,.qb *::after{box-sizing:border-box}
.qb img{max-width:100%;height:auto}
.qb :where(a){color:var(--qb-navy);text-underline-offset:3px;text-decoration-thickness:1px}
.qb :where(a):hover{color:var(--qb-amb)}
.qb h1,.qb h2,.qb h3{margin:0;font-family:"IBM Plex Sans","Segoe UI",system-ui,Arial,sans-serif;overflow-wrap:break-word;line-height:1.2}
.qb p{margin:0 0 14px}
.qb .shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.qb a:focus-visible,.qb summary:focus-visible{outline:3px solid var(--qb-amb2);outline-offset:2px}

/* botões */
.qb .btn,.qb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;background:var(--qb-amb);color:#fff;text-decoration:none;font:600 15.5px/1.15 "IBM Plex Sans","Segoe UI",Arial,sans-serif;border:2px solid var(--qb-ink);border-radius:3px;box-shadow:4px 4px 0 var(--qb-ink);text-align:center;transition:transform .12s,box-shadow .12s}
.qb .btn:hover,.qb-btn:hover{color:#fff;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--qb-ink)}
.qb-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--qb-navy)}
.qb-ad{display:block;font:500 14.5px/1.4 "IBM Plex Mono",ui-monospace,Consolas,monospace;color:var(--qb-mut);letter-spacing:.01em}

/* cabeçalho */
.qb .top{background:var(--qb-sf);border-bottom:3px solid var(--qb-ink);position:sticky;top:0;z-index:30}
.qb .top-in{display:flex;align-items:stretch;gap:20px;min-height:68px}
.qb .top-in>a:first-child{display:flex;align-items:center;flex:none}
.qb .top-in>a:first-child img{display:block;width:auto;max-height:44px}
.qb .top nav{display:flex;align-items:stretch;margin-left:auto}
.qb .top nav a{display:flex;align-items:center;padding:0 18px;border-left:1px solid var(--qb-line);color:var(--qb-ink);text-decoration:none;font:500 14px/1 "IBM Plex Mono",ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.04em}
.qb .top nav a:last-child{border-right:1px solid var(--qb-line)}
.qb .top nav a:hover{background:var(--qb-hl);color:var(--qb-amb)}
.qb .top .btn-main{align-self:center;min-height:44px;padding:0 18px;font-size:14.5px;box-shadow:3px 3px 0 var(--qb-ink)}

/* hero */
.qb-hero{background:var(--qb-sf);border-bottom:1px solid var(--qb-line)}
.qb-hero-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:44px;padding:44px 0 46px;align-items:start}
.qb-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px;font:500 13.5px/1.4 "IBM Plex Mono",ui-monospace,Consolas,monospace;color:var(--qb-mut)}
.qb-crumb a{color:var(--qb-mut);text-decoration:none;display:inline-flex;min-height:24px;align-items:center}
.qb-crumb b{font-weight:500;color:var(--qb-ink)}
.qb-kicker{display:inline-block;margin:0 0 14px;padding:3px 10px;background:var(--qb-ink);color:#fff;font:500 14.5px/1.5 "IBM Plex Mono",ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.qb-hero h1{font-size:clamp(28px,4.2vw,44px);font-weight:700;letter-spacing:-.01em;margin-bottom:16px}
.qb-lead{font-size:18.5px;line-height:1.55;color:#2c3745;max-width:46em}
.qb-acts{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin:22px 0 10px}
.qb-date{margin:10px 0 0;font:500 14.5px/1.4 "IBM Plex Mono",ui-monospace,Consolas,monospace;color:var(--qb-mut)}
.qb-ficha table{width:100%;border-collapse:collapse;border:2px solid var(--qb-ink);background:var(--qb-bg)}
.qb-ficha caption{caption-side:top;text-align:left;padding:9px 14px;background:var(--qb-ink);color:#fff;font:500 12.5px/1.3 "IBM Plex Mono",ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.qb-ficha th,.qb-ficha td{padding:11px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--qb-line);font-size:15.5px;line-height:1.4}
.qb-ficha th{width:38%;font:500 13px/1.4 "IBM Plex Mono",ui-monospace,Consolas,monospace;color:var(--qb-mut);background:var(--qb-sf2)}
.qb-ficha td{font-weight:600}

/* seções em duas colunas: rótulo à esquerda, texto à direita */
.qb-sec{padding:34px 0 30px;border-bottom:1px solid var(--qb-line)}
.qb-sec-in{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px 40px;align-items:start}
.qb-sec h2{position:sticky;top:88px;font-size:21px;font-weight:700;padding-top:12px;border-top:3px solid var(--qb-ink)}
.qb-n{display:block;margin-bottom:6px;font:500 13px/1.3 "IBM Plex Mono",ui-monospace,Consolas,monospace;color:var(--qb-amb);letter-spacing:.06em}
.qb-sb{min-width:0;max-width:780px}
.qb-sb>p{font-size:17px}
.qb-sb h3{font-size:17px;font-weight:700;margin-bottom:6px}

/* listas */
.qb-ul,.qb-ol{margin:0 0 18px;padding:0;list-style:none}
.qb-ul li,.qb-ol li{position:relative;padding:10px 0 10px 34px;border-top:1px solid var(--qb-line);font-size:17px;line-height:1.55}
.qb-ul li:last-child,.qb-ol li:last-child{border-bottom:1px solid var(--qb-line)}
.qb-ul li::before{content:"";position:absolute;left:8px;top:21px;width:10px;height:10px;background:var(--qb-amb)}
.qb-ol{counter-reset:qb}
.qb-ol li{counter-increment:qb}
.qb-ol li::before{content:counter(qb,decimal-leading-zero);position:absolute;left:0;top:11px;font:500 14px/1.6 "IBM Plex Mono",ui-monospace,Consolas,monospace;color:var(--qb-amb)}

/* tabelas */
.qb-tw{margin:4px 0 22px;border:2px solid var(--qb-ink);background:var(--qb-sf)}
.qb-t{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.45}
.qb-t th{background:var(--qb-ink);color:#fff;text-align:left;padding:10px 14px;font:500 12.5px/1.3 "IBM Plex Mono",ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.qb-t td{padding:11px 14px;vertical-align:top;border-top:1px solid var(--qb-line)}
.qb-t tbody tr:nth-child(even) td{background:#F8F5EE}
.qb-t td:first-child{font-weight:600}
.qb-t td+td,.qb-t th+th{border-left:1px solid var(--qb-line)}

/* fluxo, nota, cartões */
.qb-flow{display:flex;gap:0;margin:6px 0 22px;padding:0;list-style:none;border:2px solid var(--qb-ink);background:var(--qb-sf)}
.qb-flow li{flex:1;padding:14px 16px;position:relative;display:flex;flex-direction:column;gap:4px;min-width:0}
.qb-flow li+li{border-left:1px dashed var(--qb-ink)}
.qb-flow li+li::before{content:"→";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--qb-amb);color:#fff;display:flex;align-items:center;justify-content:center;font:600 15px/1 "IBM Plex Sans",Arial,sans-serif}
.qb-flow small{font:500 12.5px/1.3 "IBM Plex Mono",ui-monospace,Consolas,monospace;color:var(--qb-mut);text-transform:uppercase;letter-spacing:.05em}
.qb-flow b{font-size:16.5px;line-height:1.35;overflow-wrap:anywhere}
.qb-note{margin:6px 0 18px;padding:14px 18px;background:var(--qb-hl);border:1px solid var(--qb-amb2);border-left:6px solid var(--qb-amb)}
.qb-note b{display:block;margin-bottom:4px;font-size:16.5px}
.qb-note p{margin:0;font-size:16.5px}
.qb-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:4px 0 12px;border:2px solid var(--qb-ink);background:var(--qb-sf)}
.qb-cards article{padding:16px 18px;border-left:1px solid var(--qb-line)}
.qb-cards article:first-child{border-left:0}
.qb-cards h3{font:500 13px/1.3 "IBM Plex Mono",ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--qb-amb);margin-bottom:8px}
.qb-cards p{margin:0;font-size:16px;line-height:1.55}
.qb-cta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:14px 0 18px}
.qb-cta .qb-ad{max-width:18em}

/* FAQ */
.qb-faq{border:2px solid var(--qb-ink);background:var(--qb-sf)}
.qb-qa{border-top:1px solid var(--qb-line)}
.qb-qa:first-child{border-top:0}
.qb-q{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:56px;padding:12px 16px;cursor:pointer;list-style:none;font-weight:600;font-size:17px;line-height:1.35}
.qb-q::-webkit-details-marker{display:none}
.qb-q::after{content:"+";flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--qb-ink);color:#fff;font:500 18px/1 "IBM Plex Mono",ui-monospace,Consolas,monospace}
.qb-qa[open] .qb-q::after{content:"−";background:var(--qb-amb)}
.qb-a{margin:0;padding:0 16px 16px;font-size:16.5px}

/* faixa final */
.qb-close{background:var(--qb-ink);color:#fff;padding:36px 0}
.qb-close-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:center}
.qb-close h2{font-size:25px;margin-bottom:8px}
.qb-close p{margin:0;color:#DCE1E8;font-size:17px}
.qb-close-act{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.qb-close .qb-btn{background:var(--qb-amb2);color:var(--qb-ink);border-color:#fff;box-shadow:4px 4px 0 #fff}
.qb-close .qb-btn:hover{color:var(--qb-ink)}
.qb-close .qb-ad{color:#BFC7D2}

/* mais páginas: linhas de tabela */
.qb-more{padding:34px 0 40px}
.qb-more h2{font-size:21px;margin-bottom:14px}
.qb-more-list{list-style:none;margin:0;padding:0;border:2px solid var(--qb-ink);background:var(--qb-sf)}
.qb-more-list li+li{border-top:1px solid var(--qb-line)}
.qb-more-list a{display:grid;grid-template-columns:230px minmax(0,1fr);gap:8px 24px;align-items:center;min-height:56px;padding:10px 16px;text-decoration:none;color:var(--qb-ink)}
.qb-more-list a:hover{background:var(--qb-hl)}
.qb-more-list b{color:var(--qb-navy);font-size:16.5px}
.qb-more-list span{font-size:15.5px;color:var(--qb-mut)}

/* rodapé */
.qb .foot{background:var(--qb-sf2);border-top:3px solid var(--qb-ink);padding:30px 0 34px;color:#2c3745}
.qb .foot-top{display:flex;flex-wrap:wrap;gap:16px 36px;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid var(--qb-line)}
.qb .foot-top img{display:block;width:auto;max-height:40px}
.qb .foot-top nav{display:flex;flex-wrap:wrap;gap:0 4px}
.qb .foot-top nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--qb-ink);font-size:15px;text-decoration:none;font-weight:500}
.qb .foot-top nav a:hover{color:var(--qb-amb);text-decoration:underline}
.qb .foot p{font-size:14.5px;line-height:1.55;margin:0 0 6px;max-width:72em}

/* documentos curtos */
.qb-doc .qb-sec h2{font-size:19px}

/* responsivo */
@media (max-width:980px){
  .qb-hero-in{grid-template-columns:1fr;gap:26px;padding:32px 0 34px}
  .qb-sec-in{grid-template-columns:1fr;gap:12px}
  .qb-sec h2{position:static}
  .qb-sb{max-width:none}
  .qb-close-in{grid-template-columns:1fr}
  .qb-more-list a{grid-template-columns:1fr}
}
@media (max-width:720px){
  .qb{font-size:16.5px}
  .qb .top{position:static}
  .qb .top-in{flex-wrap:wrap;gap:0 12px;padding:10px 0 0}
  .qb .top-in>a:first-child{min-height:48px}
  .qb .top .btn-main{margin-left:auto;padding:0 14px;font-size:14px}
  .qb .top nav{order:3;width:100%;margin:10px 0 0;border-top:1px solid var(--qb-line)}
  .qb .top nav a{flex:1;justify-content:center;min-height:46px;padding:0 6px;font-size:12.5px;letter-spacing:.02em;text-align:center}
  .qb .top nav a:first-child{border-left:0}
  .qb .top nav a:last-child{border-right:0}
  .qb-lead{font-size:17.5px}
  .qb-cards{grid-template-columns:1fr}
  .qb-cards article{border-left:0;border-top:1px solid var(--qb-line)}
  .qb-cards article:first-child{border-top:0}
  .qb-flow{flex-direction:column}
  .qb-flow li+li{border-left:0;border-top:1px dashed var(--qb-ink)}
  .qb-flow li+li::before{left:50%;top:-14px;transform:translateX(-50%) rotate(90deg)}
  .qb-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .qb-t,.qb-t tbody,.qb-t tr,.qb-t td{display:block;width:100%}
  .qb-t tr{border-top:2px solid var(--qb-ink)}
  .qb-t tr:first-child{border-top:0}
  .qb-t td{border:0!important;border-top:1px solid var(--qb-line)!important;padding:8px 14px 9px}
  .qb-t td:first-child{border-top:0!important;padding-top:11px}
  .qb-t td::before{content:attr(data-l);display:block;font:500 11.5px/1.3 "IBM Plex Mono",ui-monospace,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--qb-amb);margin-bottom:2px}
  .qb-cta .qb-btn,.qb-acts .qb-btn,.qb-close .qb-btn{width:100%}
  .qb-cta .qb-ad{max-width:none}
  .qb-close-act{width:100%}
  .qb-ficha th{width:42%}
}