/*
Theme Name: HJBet Guia Brasil WR2BCXOF
Theme URI: https://hjbet.buzz/
Author: HJBet Guia Brasil
Description: Tema editorial móvel para o HJBet Guia Brasil.
Version: 1.0.0
Text Domain: hjbet-guia
*/

:root{--bg:#f3f7f6;--surface:#fff;--soft:#e7f3ef;--deep:#123c3a;--accent:#167d72;--violet:#6d5bd0;--gold:#f0b84a;--ink:#142b2a;--muted:#637572;--border:#d3e3df;--focus:#5a46c8;--radius:14px;--shadow:0 14px 34px rgba(20,70,65,.10);--wide:1140px;--reading:780px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.72}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:#116d64;text-decoration-thickness:.09em;text-underline-offset:.18em}a:hover{color:var(--violet)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.header-inner{min-height:68px;max-width:var(--wide);margin:auto;padding:0 20px;display:flex;align-items:center;gap:22px}.custom-logo-link{display:flex;align-items:center;flex:0 0 auto}.custom-logo{width:auto;max-width:260px;height:46px;object-fit:contain}.menu-toggle{display:none;margin-left:auto;width:48px;height:48px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--deep);font-size:23px}.primary-nav{margin-left:auto}.primary-nav ul{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.primary-nav a{display:flex;align-items:center;min-height:44px;padding:8px 10px;border-radius:10px;color:var(--deep);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.primary-nav a:hover{background:var(--soft)}.site-main{min-height:70vh}.page-content>h1{margin:0;color:#fff;background:linear-gradient(125deg,var(--deep),#135c56 62%,#5949ad);padding:72px max(20px,calc((100vw - var(--wide))/2));font-size:clamp(40px,5.5vw,68px);line-height:1.04;letter-spacing:-.045em}.page-content>p,.page-content>h2,.page-content>h3,.page-content>ul,.page-content>ol,.page-content>.table-wrap,.page-content>.related-reading,.page-content>.source-box{width:min(calc(100% - 40px),var(--reading));margin-left:auto;margin-right:auto}.page-content>p{margin-top:24px;margin-bottom:24px}.page-content>h2{margin-top:64px;margin-bottom:18px;font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.025em}.page-content>h2:before{content:"";display:block;width:52px;height:5px;margin-bottom:15px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--violet))}.page-content>h3{margin-top:42px;font-size:24px;line-height:1.25}.content-band{padding:54px 0}.content-band:nth-of-type(even){background:var(--surface)}.content-band:nth-of-type(3n){background:var(--soft)}.content-band>p,.content-band>h2,.content-band>h3,.content-band>ul,.content-band>ol,.content-band>.table-wrap,.content-band>figure{width:min(calc(100% - 40px),var(--reading));margin-left:auto;margin-right:auto}.content-band>h2{font-size:clamp(28px,3vw,40px);line-height:1.15;margin-top:0}.content-band>h2:before{content:"";display:block;width:52px;height:5px;margin-bottom:15px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--violet))}.editorial-image{width:min(calc(100% - 40px),var(--wide))!important;margin:34px auto!important;background:var(--deep);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.editorial-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.editorial-image figcaption{padding:13px 18px;color:#eaf8f5;font-size:14px}.table-wrap{overflow-x:auto;margin-top:26px;margin-bottom:32px;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}table{width:100%;border-collapse:collapse;min-width:640px}th,td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--border)}th{background:var(--deep);color:#fff;font-size:14px;letter-spacing:.01em}tr:last-child td{border-bottom:0}.action-list{counter-reset:steps;list-style:none;padding:0}.action-list li{position:relative;margin:14px 0;padding:18px 18px 18px 58px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.action-list li:before{counter-increment:steps;content:counter(steps);position:absolute;left:16px;top:16px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:800}.faq-section{padding:64px 20px;background:var(--deep);color:#fff}.faq-inner{max-width:var(--reading);margin:auto}.faq-item{margin:12px 0;background:#fff;color:var(--ink);border-radius:var(--radius);overflow:hidden}.faq-item summary{cursor:pointer;min-height:54px;padding:17px 52px 17px 20px;font-weight:800;list-style:none;position:relative}.faq-item summary:after{content:"+";position:absolute;right:20px;top:12px;color:var(--violet);font-size:27px}.faq-item[open] summary:after{content:"−"}.faq-item p{padding:0 20px 20px;margin:0}.source-box,.related-reading{margin-top:48px!important;margin-bottom:48px!important;padding:28px;border-radius:var(--radius);background:var(--soft);border-left:5px solid var(--accent)}.source-box h2,.related-reading h2{margin:0 0 12px;font-size:24px}.source-box h2:before,.related-reading h2:before{display:none}.source-box ul,.related-reading ul{margin:0;padding-left:20px}.site-footer{background:var(--deep);color:#dcebe8;padding:50px 20px}.footer-inner{max-width:var(--wide);margin:auto}.footer-brand{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;align-items:start}.footer-logo{font-size:25px;font-weight:900;color:#fff}.footer-statement{max-width:620px}.footer-menu{display:flex;flex-wrap:wrap;gap:10px 18px;list-style:none;margin:0;padding:0}.footer-menu a,.site-footer a{color:#e8f4fa}.copyright{border-top:1px solid rgba(255,255,255,.16);margin-top:28px;padding-top:18px;color:#a9c3be;font-size:14px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:980px){.header-inner{min-height:58px;padding:0 16px}.custom-logo{max-width:215px;height:40px}.menu-toggle{display:block}.primary-nav{display:none;position:fixed;left:0;right:0;top:58px;height:calc(100vh - 58px);overflow:auto;background:#fff;padding:18px}.primary-nav.is-open{display:block}.primary-nav ul{display:block}.primary-nav a{font-size:17px;padding:12px;white-space:normal}.page-content>h1{padding-top:52px;padding-bottom:52px}.footer-brand{grid-template-columns:1fr}.footer-menu{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:480px){body{font-size:16px}.page-content>h1{padding:42px 16px;font-size:38px}.page-content>p,.page-content>h2,.page-content>h3,.page-content>ul,.page-content>ol,.page-content>.table-wrap,.page-content>.related-reading,.page-content>.source-box,.content-band>p,.content-band>h2,.content-band>h3,.content-band>ul,.content-band>ol,.content-band>.table-wrap,.content-band>figure{width:calc(100% - 32px)}.content-band{padding:40px 0}.editorial-image{width:calc(100% - 32px)!important}.editorial-image img{aspect-ratio:4/3}.page-content>h2{margin-top:48px}.footer-menu{grid-template-columns:1fr}.custom-logo{max-width:194px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}