/*
Theme Name: PP11 Dossiê Indigo EUYCGO4E
Theme URI: https://pp11.cam/
Author: PP11 Guia Brasil
Description: Tema editorial independente criado para o PP11 Guia Brasil.
Version: 1.0.0
Text Domain: pp11-dossier
*/

:root {
  --ink:#172553;
  --ink-deep:#0d1738;
  --paper:#f3f5f9;
  --surface:#fff;
  --soft:#e6ebf4;
  --accent:#18a8a5;
  --accent-dark:#0b706f;
  --amber:#d89b2b;
  --coral:#df655a;
  --text:#1d2736;
  --muted:#647087;
  --line:#cbd4e3;
  --focus:#18a8a5;
  --shadow:0 16px 38px rgba(24,37,78,.1);
  --wide:min(1200px,calc(100% - 64px));
  --read:min(780px,calc(100% - 40px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font:17px/1.74 "Noto Sans","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:#0b676d;text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover{color:#824b00}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.skip-link{position:absolute;left:-999px;top:8px;z-index:999;padding:12px 16px;background:#fff;color:#111}
.skip-link:focus{left:8px}
.site-header{background:var(--ink-deep);color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}
.header-inner{width:var(--wide);min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand-link{display:flex;align-items:center;min-height:48px;color:#fff;text-decoration:none}
.custom-logo{display:block;width:auto;max-width:240px;max-height:58px}
.brand-fallback{font-weight:800;font-size:1.2rem;letter-spacing:.02em}
.menu-toggle{display:none;min-width:48px;min-height:48px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:transparent;color:#fff;font:inherit}
.primary-menu{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}
.primary-menu a{display:flex;align-items:center;min-height:48px;padding:9px 11px;border-radius:6px;color:#fff;font-size:.86rem;font-weight:700;text-decoration:none}
.primary-menu a:hover,.primary-menu .current-menu-item>a{background:rgba(255,255,255,.1)}
.hero{background:linear-gradient(135deg,var(--ink-deep),var(--ink));color:#fff;padding:clamp(48px,8vw,104px) 0 64px}
.hero-inner{width:var(--wide);margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:48px;align-items:center}
.eyebrow{margin:0 0 12px;color:#75ded8;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
h1{margin:0;font-size:clamp(2.35rem,5.4vw,4.35rem);line-height:1.04;letter-spacing:-.04em}
.hero-deck{max-width:680px;margin:22px 0 0;color:#e1e7f4;font-size:1.08rem}
.hero figure{margin:0}
.hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;box-shadow:0 26px 58px rgba(0,0,0,.3)}
.content-shell{width:var(--read);margin:0 auto;padding:54px 0 92px}
.content-shell.wide{width:var(--wide)}
.article-head{width:var(--read);margin:0 auto;padding:70px 0 28px}
.article-head h1{color:var(--ink);font-size:clamp(2.2rem,5vw,4.4rem)}
.article-head .lede{color:var(--muted);font-size:1.06rem}
.entry-content>h2,.entry-content>section>h2{scroll-margin-top:20px;margin:80px 0 22px;padding-left:19px;border-left:5px solid var(--accent);color:var(--ink);font-size:clamp(1.75rem,3.2vw,2.6rem);line-height:1.18;letter-spacing:-.025em}
.entry-content>h2:first-child{margin-top:12px}
.entry-content h3{margin:42px 0 15px;color:var(--ink);font-size:1.35rem;line-height:1.3}
.entry-content p{margin:0 0 24px}
.entry-content ul,.entry-content ol{margin:0 0 28px;padding-left:1.35rem}
.entry-content li{margin:.5rem 0}
.entry-content blockquote{margin:34px 0;padding:22px 26px;border-left:5px solid var(--amber);background:#fff3d8}
.editorial-figure{width:min(1040px,calc(100vw - 40px));margin:42px 50%;transform:translateX(-50%)}
.editorial-figure img{display:block;width:100%;border-radius:9px;box-shadow:var(--shadow)}
.editorial-figure figcaption{margin-top:9px;color:var(--muted);font-size:.88rem}
.table-wrap{width:min(1040px,calc(100vw - 40px));margin:36px 50%;transform:translateX(-50%);overflow-x:auto;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:var(--shadow)}
table{width:100%;border-collapse:collapse;min-width:650px}
th,td{padding:15px 17px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{background:var(--ink);color:#fff;font-size:.9rem}
tr:last-child td{border-bottom:0}
.asset-list{margin:34px 0;padding:26px 28px 26px 48px;border:1px solid var(--line);border-top:5px solid var(--amber);border-radius:8px;background:#fff;box-shadow:var(--shadow)}
.source-box,.verdict-box{margin:34px 0;padding:26px;border-radius:8px;background:#e7f6f4;border-left:5px solid var(--accent-dark)}
.topic-glossary{margin-top:76px}
.topic-glossary>h2{padding-left:19px;border-left:5px solid var(--accent);color:var(--ink);font-size:clamp(1.75rem,3.2vw,2.6rem);line-height:1.18}
.topic-glossary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:28px 0;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}
.topic-glossary dl>div{padding:18px;background:#fff}
.topic-glossary dt{color:var(--ink);font-weight:800}
.topic-glossary dd{margin:5px 0 0;color:var(--muted);font-size:.94rem}
.faq-section{margin-top:82px;padding-top:6px;border-top:1px solid var(--line)}
.faq-section h2{padding-left:19px;border-left:5px solid var(--accent);color:var(--ink);font-size:2rem}
.faq-item{margin:14px 0;border:1px solid var(--line);border-radius:8px;background:#fff}
.faq-item summary{cursor:pointer;min-height:52px;padding:17px 54px 17px 20px;font-weight:750;list-style:none;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:20px;top:12px;font-size:1.5rem;color:var(--accent-dark)}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 20px 20px}
.site-footer{background:var(--ink-deep);color:#dbe2f0;padding:54px 0}
.footer-inner{width:var(--wide);margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:48px}
.footer-title{margin:0 0 10px;color:#fff;font-size:1.28rem;font-weight:800}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px;align-content:start}
.footer-links a{color:#fff;min-height:44px;display:inline-flex;align-items:center}
.footer-note{grid-column:1/-1;margin:0;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-size:.9rem}
.not-found{min-height:55vh}

@media(max-width:1050px){
  :root{--wide:min(100% - 48px,1200px)}
  .header-inner{flex-wrap:wrap;padding:12px 0}
  .main-nav{width:100%;order:3}
  .primary-menu{justify-content:center;flex-wrap:wrap}
  .hero-inner{grid-template-columns:1fr;gap:34px}
}
@media(max-width:720px){
  :root{--wide:calc(100% - 32px);--read:calc(100% - 32px)}
  body{font-size:16px;line-height:1.68}
  .header-inner{min-height:68px;flex-wrap:nowrap}
  .custom-logo{max-width:205px;max-height:48px}
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;z-index:30;top:68px;left:0;width:100%;padding:10px 16px 18px;background:var(--ink-deep);box-shadow:0 16px 26px rgba(0,0,0,.25)}
  .main-nav.open{display:block}
  .primary-menu{display:block}
  .primary-menu a{padding:11px 14px}
  .hero{padding:42px 0 34px}
  .hero-inner{gap:28px}
  .hero img{aspect-ratio:4/3}
  .content-shell{padding:32px 0 62px}
  .article-head{padding:46px 0 18px}
  .entry-content>h2,.entry-content>section>h2{margin-top:54px;padding-left:14px}
  .editorial-figure,.table-wrap{width:calc(100vw - 32px);margin-top:30px;margin-bottom:30px}
  .footer-inner{grid-template-columns:1fr;gap:25px}
  .topic-glossary dl{grid-template-columns:1fr}
  .footer-note{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
