/*
Theme Name: 27B Guia Cinematic
Theme URI: https://27b.lat/
Author: 27B Guia
Description: Tema independente de informação, verificação e segurança para usuários brasileiros.
Version: 1.0.1
Text Domain: guia27b
*/

:root{--bg:#0b0c0d;--surface:#141618;--card:#1b1d20;--gold:#f2c94c;--gold-2:#d8a928;--text:#f5f5f2;--muted:#b9bab6;--border:#303236;--danger:#e1a64b;--red:#d66b5d;--green:#73b991;--max:1240px;--read:820px;--radius:18px;--shadow:0 24px 64px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.72;overflow-wrap:anywhere}body.menu-open{overflow:hidden}a{color:var(--gold);text-underline-offset:.2em}a:hover{color:#ffe28a}img{display:block;max-width:100%;height:auto}button,a{outline-color:transparent}:focus-visible{outline:3px solid #ffe28a!important;outline-offset:2px}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.reading{width:min(100%,var(--read));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;background:var(--gold);color:#111;padding:12px 18px;border-radius:10px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:100;height:70px;background:rgba(11,12,13,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.site-brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-size:1.35rem;font-weight:800;white-space:nowrap}.brand-pill{font-size:.7rem;line-height:1;background:var(--gold);color:#17130a;border-radius:999px;padding:6px 9px;letter-spacing:.04em}.primary-nav{margin-left:auto}.primary-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:22px;align-items:center}.primary-nav a{color:var(--text);text-decoration:none;font-size:.88rem;font-weight:650}.header-cta{margin-left:8px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:11px 22px;border-radius:999px;background:var(--gold);color:#17130a;text-decoration:none;font-weight:800;border:1px solid var(--gold);line-height:1.25}.button:hover{background:#ffe28a;color:#17130a}.button.secondary{background:transparent;color:var(--text);border-color:#6b6d70}.button.secondary:hover{border-color:var(--gold);color:var(--gold)}.menu-toggle{display:none;margin-left:auto;width:48px;height:48px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:0}.menu-toggle::before{content:"☰";font-size:24px}.menu-toggle[aria-expanded="true"]::before{content:"×"}.hero{padding:82px 0 72px;text-align:center}.hero .reading{max-width:940px}.eyebrow{display:inline-block;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;margin-bottom:14px}.hero h1,.page-hero h1{font-size:clamp(2.5rem,6vw,4.75rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}.lead{font-size:clamp(1.05rem,2vw,1.3rem);color:#d6d7d3;max-width:850px;margin:0 auto 28px}.cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hero-media,.section-media{margin-top:48px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--surface)}.hero-media img{width:100%;aspect-ratio:16/9;object-fit:cover}.section-media img{width:100%;aspect-ratio:3/2;object-fit:cover}.section-media.square img{aspect-ratio:4/3}.caption{margin:10px 0 0;color:var(--muted);font-size:.88rem}.site-section{padding:92px 0;border-top:1px solid rgba(48,50,54,.65)}.section-heading{width:min(100%,var(--read));margin:0 auto 32px}.section-heading h2{font-size:clamp(2rem,4vw,2.75rem);line-height:1.14;letter-spacing:-.025em;margin:0 0 15px}.section-heading p{color:var(--muted);margin:0}.notice{width:min(100%,var(--read));margin:24px auto;padding:22px 24px;border:1px solid #655632;border-radius:16px;background:#242117}.notice strong{display:block;color:#ffe28a;margin-bottom:6px}.notice.danger{background:#261a18;border-color:#6b3a34}.notice.info{background:#14211f;border-color:#2c554e}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.task-card,.info-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:25px;box-shadow:0 12px 32px rgba(0,0,0,.18)}.task-card h3,.info-card h3{margin:0 0 8px;font-size:1.15rem}.task-card p,.info-card p{color:var(--muted);margin:0 0 18px}.task-card a{font-weight:800}.icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#29271c;color:var(--gold);margin-bottom:16px;font-size:1.3rem}.steps{counter-reset:step;list-style:none;padding:0;margin:28px auto;width:min(100%,var(--read))}.steps li{counter-increment:step;position:relative;padding:0 0 28px 62px;min-height:52px}.steps li::before{content:counter(step);position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#17130a;font-weight:900}.steps li+li{border-top:1px solid var(--border);padding-top:24px}.steps li+li::before{top:24px}.checklist{width:min(100%,var(--read));margin:24px auto;list-style:none;padding:0}.checklist li{position:relative;padding:12px 0 12px 34px;border-bottom:1px solid var(--border)}.checklist li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:900}.scenario{width:min(100%,var(--read));margin:28px auto;padding:22px;border-left:4px solid var(--red);background:#211716;border-radius:0 14px 14px 0}.scenario strong{color:#f6b1a8}.table-wrap{width:min(100%,var(--read));margin:26px auto;overflow-x:auto;border:1px solid var(--border);border-radius:14px}.table-wrap table{width:100%;border-collapse:collapse;min-width:620px}.table-wrap caption{text-align:left;padding:16px;font-weight:800;background:var(--surface)}th,td{text-align:left;padding:15px;border-top:1px solid var(--border);vertical-align:top}th{color:var(--gold);background:#141517}.breadcrumb{padding-top:28px;color:var(--muted);font-size:.88rem}.breadcrumb a{color:var(--muted)}.page-hero{padding:40px 0 52px}.page-hero h1{font-size:clamp(2.35rem,5vw,4.15rem);max-width:950px}.page-hero .lead{margin-left:0}.answer-box{width:min(100%,var(--read));margin:0 auto 36px;padding:24px;border:1px solid #5f512e;border-radius:16px;background:#211f17;font-size:1.08rem}.toc{width:min(100%,var(--read));margin:0 auto 34px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.toc strong{display:block;margin-bottom:10px}.toc ul{margin:0;padding-left:22px}.article-section{padding:58px 0;border-top:1px solid var(--border)}.article-section h2{font-size:clamp(1.8rem,4vw,2.55rem);line-height:1.18;margin:0 0 18px}.article-section h3{font-size:1.25rem;margin:30px 0 10px}.article-section p,.article-section ul:not(.checklist),.article-section ol:not(.steps){width:min(100%,var(--read));margin-left:auto;margin-right:auto}.section-cta{width:min(100%,var(--read));margin:28px auto 0}.faq-list{width:min(100%,var(--read));margin:28px auto}.faq-list details{border-top:1px solid var(--border);background:var(--surface)}.faq-list details:last-child{border-bottom:1px solid var(--border)}.faq-list summary{min-height:58px;padding:17px 52px 17px 18px;cursor:pointer;font-weight:800;position:relative}.faq-list summary::after{content:"+";position:absolute;right:20px;font-size:1.4rem;color:var(--gold)}.faq-list details[open] summary::after{content:"−"}.faq-answer{padding:0 20px 22px;color:#d4d5d1}.related{padding:58px 0;background:var(--surface)}.site-footer{border-top:1px solid var(--gold-2);padding:68px 0 28px;background:#090a0b}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px}.site-footer h2,.site-footer h3{font-size:1rem;margin:0 0 14px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0}.site-footer a{color:var(--muted)}.footer-note{color:var(--muted);font-size:.9rem}.footer-bottom{margin-top:36px;padding-top:22px;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem}.category-jumps{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.category-jumps a{padding:8px 13px;border:1px solid var(--border);border-radius:999px;text-decoration:none}.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}.empty-state{padding:90px 0;text-align:center}
.primary-nav .mobile-extra{display:none}
@media(max-width:1023px){body{font-size:17px}.primary-nav,.header-cta{display:none}.menu-toggle{display:block}.primary-nav.is-open{display:block;position:fixed;inset:60px 0 auto 0;max-height:calc(100vh - 60px);overflow:auto;background:#0b0c0d;padding:22px}.primary-nav.is-open ul,.primary-nav.is-open .mobile-extra{display:flex;flex-direction:column;align-items:stretch;gap:4px}.primary-nav.is-open .mobile-extra{margin-top:4px}.primary-nav.is-open a{display:flex;min-height:48px;align-items:center;padding:6px 12px;border-bottom:1px solid var(--border)}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{height:60px}}
@media(max-width:767px){.container{width:min(calc(100% - 36px),var(--max))}.hero{padding:56px 0 48px}.hero h1,.page-hero h1{font-size:clamp(2.25rem,11vw,3.1rem)}.site-section{padding:56px 0}.grid.two,.grid.three,.footer-grid{grid-template-columns:1fr}.button{width:100%}.cta-row{flex-direction:column}.hero-media{margin-top:34px;border-radius:12px}.hero-media img{aspect-ratio:4/5;object-position:center}.section-media{border-radius:12px}.article-section{padding:44px 0}.steps li{padding-left:54px}.site-footer{padding-top:52px}.table-wrap{margin-inline:0;width:100%}}
@media(max-width:389px){.container{width:calc(100% - 32px)}body{font-size:16px}.site-section{padding:48px 0}.task-card,.info-card{padding:20px}.faq-list summary{min-height:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.site-footer .footer-title{font-size:1rem;font-weight:700;margin:0 0 14px}
.floating-go{position:fixed;left:50%;right:auto;bottom:22px;z-index:90;width:auto!important;max-width:calc(100vw - 36px);transform:translateX(-50%);box-shadow:0 12px 32px rgba(0,0,0,.45)}
@media(max-width:767px){.site-footer{padding-bottom:92px}.floating-go{bottom:14px;max-width:calc(100vw - 28px);padding-inline:20px}}