/* O tema claro é o padrão; o tema escuro reaproveita a identidade azul. */
html[data-theme="light"]{color-scheme:light;--brand-background:#fff;--brand-surface:#f5f8ff;--brand-text:#101c3b;--ink:#101c3b;--forest:#071447;--cream:#fff;--lime:#003bff;--muted:#485b79;--line:#d8e2f2}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"] body{background:#fff;color:#101c3b}
html[data-theme="light"] .conecta-theme{background:radial-gradient(circle at 72% 9%,rgba(53,184,255,.12),transparent 28%),#fff;color:#101c3b}
html[data-theme="light"] .topline{background:#071447;color:#e8f3ff}
html[data-theme="light"] .site-header{background:rgba(255,255,255,.96);border-color:#dce5f3}
html[data-theme="light"] .brand-text{color:#101c3b}
html[data-theme="light"] .main-nav a{color:#425677}
html[data-theme="light"] .main-nav a:hover,html[data-theme="light"] .main-nav a.active{color:#071447}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .section-kicker{color:#0045b8}
html[data-theme="light"] .eyebrow .line{background:#8da1bf}
html[data-theme="light"] .hero h1 em,html[data-theme="light"] .about h2 em{color:#0058cd}
html[data-theme="light"] .hero-copy>p,html[data-theme="light"] .section-heading p,html[data-theme="light"] .about p{color:#485b79}
html[data-theme="light"] .hero-foot{color:#526582}
html[data-theme="light"] .feature-card{background:#fff;border-color:#dce5f2}
html[data-theme="light"] .feature-card:hover{box-shadow:0 16px 35px rgba(0,59,255,.09)}
html[data-theme="light"] .tag{color:#004bac}
html[data-theme="light"] .card-body p{color:#4c5e7b}
html[data-theme="light"] .card-link{border-color:#dce5f2;color:#526580}
html[data-theme="light"] .instagram-section{background:#f3f7ff}
html[data-theme="light"] .instagram-section .section-heading p{color:#485b79}
html[data-theme="light"] .instagram-note{color:#485b79}
html[data-theme="light"] .instagram-note>a{color:#004bac}
html[data-theme="light"] .topics-section{background:#eaf1ff}
html[data-theme="light"] .topic{background:#fff;border-color:#ccd9ee;color:#101c3b}
html[data-theme="light"] .topic:hover{background:#dbe8ff}
html[data-theme="light"] .topic-num{color:#004bac}
html[data-theme="light"] .topic small{color:#4c5e7b}
html[data-theme="light"] .about-symbol{box-shadow:0 0 40px rgba(0,59,255,.13)}
html[data-theme="light"] .text-link:hover{color:#0058cd}
html[data-theme="light"] .menu-toggle{background:#fff;border-color:#cddaf0}
html[data-theme="light"] .menu-toggle span{background:#071447}
html[data-theme="light"] .main-nav{background:rgba(255,255,255,.98)}
html[data-theme="light"] .main-nav a{border-color:#e0e8f5}

/* Barra e preferências: controles nativos permanecem acessíveis por teclado. */
.access-bar{background:#eaf1ff;color:#122c63;border-bottom:1px solid #cddcf5}
.access-bar-inner{display:flex;align-items:center;gap:19px;min-height:39px;font-size:11px;font-weight:700}
.access-bar-label{font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#294975}
.access-bar a,.access-bar button{color:inherit}
.access-bar button,.footer-map button{border:0;background:none;padding:0;cursor:pointer;font:inherit}
.access-bar a:hover,.access-bar button:hover{text-decoration:underline;text-underline-offset:3px}
.access-bar kbd{font:800 10px 'DM Sans',sans-serif;border:1px solid currentColor;border-radius:4px;padding:1px 4px;margin-left:3px}
.access-bar #accessOpen{margin-left:auto;color:#003b9f}
html[data-theme="dark"] .access-bar{background:#08143d;color:#d5e6ff;border-color:#203e83}
html[data-theme="dark"] .access-bar-label{color:#8ed7ff}
html[data-theme="dark"] .access-bar #accessOpen{color:#8ed7ff}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #bed0ec;background:#fff;color:#102b62;border-radius:100px;padding:10px 13px;cursor:pointer;font-size:12px;font-weight:800;white-space:nowrap}
.theme-toggle span:first-child{font-size:18px;line-height:1}
.theme-toggle:hover{background:#edf4ff}
html[data-theme="dark"] .theme-toggle{background:#091846;border-color:#2b4489;color:#fff}
html[data-theme="dark"] .theme-toggle:hover{background:#123179}
.skip-menu{left:205px}
.ticker{position:relative}
.ticker-track{padding-right:120px}
.ticker-pause{position:absolute;right:18px;top:50%;transform:translateY(-50%);z-index:1;border:1px solid #fff9;border-radius:100px;background:#071447;color:#fff;padding:7px 12px;font-size:11px;font-weight:800;cursor:pointer}
.ticker-pause:disabled{opacity:.8;cursor:default}
html[data-ticker-paused="true"] .ticker-track,html[data-motion="reduce"] .ticker-track,html[data-calm="true"] .ticker-track{animation-play-state:paused}
.footer-map{display:flex;flex-wrap:wrap;gap:12px 25px;border-top:1px solid #21366d;padding-top:20px;padding-bottom:20px;font-size:12px;color:#c1d4ec}
.footer-map a:hover,.footer-map button:hover{text-decoration:underline}
.footer-map button{color:inherit}
.access-dialog{width:min(600px,calc(100% - 24px));max-height:min(90vh,800px);border:1px solid #d4dff0;border-radius:22px;padding:28px;background:#fff;color:#10213e;box-shadow:0 24px 80px #0006}
.access-dialog::backdrop{background:rgba(1,2,14,.68);backdrop-filter:blur(3px)}
.access-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.access-dialog .section-kicker{color:#0053bc}
.access-dialog h2{font:800 31px/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin:8px 0 0}
.dialog-close{width:38px;height:38px;border:1px solid #cbd6e7;border-radius:10px;background:#fff;color:#182d52;font-size:26px;line-height:1;cursor:pointer}
.access-intro{color:#425573;font-size:14px;line-height:1.5;margin:15px 0 22px}
.access-controls{display:grid;gap:8px}
.access-control{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 15px;border:1px solid #dce5f1;background:#f8faff;border-radius:12px;cursor:pointer}
.access-control>div:first-child,.access-control>span:first-child{display:grid;gap:3px}
.access-control strong{font-size:14px;color:#142b56}
.access-control span,.access-control small{font-size:12px;color:#526582;line-height:1.4}
.access-control input{width:22px;height:22px;accent-color:#003bff;flex:none;cursor:pointer}
.font-buttons{display:flex;align-items:center;gap:6px;flex:none}
.font-buttons button{border:1px solid #b9c9e2;border-radius:8px;background:#fff;color:#11346f;min-width:37px;height:35px;font-weight:800;cursor:pointer}
.font-buttons output{min-width:40px;text-align:center;font-size:12px;font-weight:800;color:#142b56}
.access-dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:19px}
.access-dialog-actions button{border:1px solid #b9c9e2;border-radius:9px;padding:10px 13px;background:#fff;color:#15366d;font-weight:800;cursor:pointer}
.access-dialog-actions #loadVlibras{background:#003bff;border-color:#003bff;color:#fff}
.access-help{font-size:12px;line-height:1.6;color:#465975;margin-top:19px;border-top:1px solid #dde5f0;padding-top:14px}
.access-help summary{cursor:pointer;font-weight:800;color:#15366d}
.access-help p{margin:9px 0}

/* Preferências de leitura. */
html[data-font="115"]{--font-scale:1.15}
html[data-font="130"]{--font-scale:1.3}
html{--font-scale:1}
html[data-font="115"] body,html[data-font="130"] body{font-size:calc(16px * var(--font-scale))}
html[data-font="115"] :is(.hero-copy>p,.about p,.card-body p,.section-heading p),html[data-font="130"] :is(.hero-copy>p,.about p,.card-body p,.section-heading p){font-size:calc(16px * var(--font-scale))}
html[data-font="115"] :is(.card-body h3,.topic>span:nth-child(2)),html[data-font="130"] :is(.card-body h3,.topic>span:nth-child(2)){font-size:calc(23px * var(--font-scale))}
html[data-font="115"] :is(.main-nav a,.access-bar,.tag,.card-link,.topic small,.instagram-note,.footer-map),html[data-font="130"] :is(.main-nav a,.access-bar,.tag,.card-link,.topic small,.instagram-note,.footer-map){font-size:calc(12px * var(--font-scale))}
html[data-font="115"] :is(.hero h1,.section h2,.topics-section h2,.instagram-section h2,.about h2),html[data-font="130"] :is(.hero h1,.section h2,.topics-section h2,.instagram-section h2,.about h2){font-size:clamp(38px,calc(5vw * var(--font-scale)),100px)}
html[data-spacing="wide"] :is(main,footer){line-height:1.8;letter-spacing:.025em}
html[data-spacing="wide"] :is(p,small){line-height:1.9}
html[data-spacing="wide"] :is(.hero h1,.section h2,.topics-section h2,.instagram-section h2,.about h2,.card-body h3){line-height:1.25}
html[data-links="underlined"] a:not(.brand):not(.nav-cta):not(.pill-button){text-decoration:underline;text-underline-offset:3px}
html[data-motion="reduce"] *,html[data-motion="reduce"] *::before,html[data-motion="reduce"] *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
html[data-calm="true"] .hero-art,html[data-calm="true"] .about-symbol,html[data-calm="true"] .ticker,html[data-calm="true"] .card-art{display:none}
html[data-calm="true"] .hero,html[data-calm="true"] .about,html[data-calm="true"] .featured-grid,html[data-calm="true"] .horizontal{grid-template-columns:1fr}
html[data-calm="true"] .hero{min-height:0}
html[data-calm="true"] .hero-copy{max-width:760px}
html[data-calm="true"] .feature-card{max-width:800px}
html[data-calm="true"] .side-cards{max-width:800px}
html[data-calm="true"] .instagram-grid{grid-template-columns:1fr;max-width:800px}
html[data-calm="true"] .instagram-post:last-child{grid-column:auto;max-width:none}
html[data-calm="true"] .instagram-post iframe{display:none}
html[data-calm="true"] .instagram-post>a{background:#fff;color:#15366d;border:0;padding:22px;font-size:14px;text-decoration:underline}
html[data-calm="true"] .hero-art:before,html[data-calm="true"] .about-symbol{box-shadow:none}
html[data-calm="true"] .feature-card:hover,html[data-calm="true"] .topic:hover{transform:none;box-shadow:none}
html[data-calm="true"] *,html[data-calm="true"] *::before,html[data-calm="true"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* Folha de alto contraste inspirada no eMAG: conteúdo principal em preto e branco, links amarelos. */
html[data-contrast="high"] body,html[data-contrast="high"] .conecta-theme,html[data-contrast="high"] .topline,html[data-contrast="high"] .site-header,html[data-contrast="high"] .access-bar,html[data-contrast="high"] .feature-card,html[data-contrast="high"] .instagram-section,html[data-contrast="high"] .topics-section,html[data-contrast="high"] .topic,html[data-contrast="high"] footer,html[data-contrast="high"] .hero-art,html[data-contrast="high"] .about-symbol,html[data-contrast="high"] .ticker{background:#000!important;color:#fff!important;box-shadow:none!important}
html[data-contrast="high"] :is(h1,h2,h3,p,small,strong,span,.brand-text,.main-nav a,.card-body p,.section-heading p,.about p,.tag,.card-link,.topic-num,.topic small,.footer-main p,.footer-bottom,.instagram-note,.access-bar-label){color:#fff!important}
html[data-contrast="high"] a:not(.brand),html[data-contrast="high"] .footer-map button{color:#ffe500!important;text-decoration:underline;text-underline-offset:3px}
html[data-contrast="high"] :is(button,.nav-cta,.pill-button,.theme-toggle,.menu-toggle){background:#000!important;color:#ffe500!important;border:2px solid #ffe500!important;box-shadow:none!important}
html[data-contrast="high"] :is(.feature-card,.topic,.instagram-post,.site-header,.access-bar){border-color:#fff!important}
html[data-contrast="high"] :is(.card-art,.hero-art:before,.art-sun,.art-hill,.about-symbol,.art-grain){display:none!important}
html[data-contrast="high"] .access-dialog{background:#000;color:#fff;border:2px solid #fff}
html[data-contrast="high"] .access-dialog :is(h2,p,strong,small,span,summary,output){color:#fff!important}
html[data-contrast="high"] .access-control{background:#000;border-color:#fff}
html[data-contrast="high"] :is(.access-control input){accent-color:#ffe500}
html[data-contrast="high"] :where(a,button,input,summary):focus-visible{outline:3px solid #ffe500!important;outline-offset:4px}
@media(max-width:900px){.access-bar-inner{gap:11px}.access-bar-label{display:none}.theme-toggle-text{display:none}.theme-toggle{width:43px;height:43px;justify-content:center;padding:0}}
@media(max-width:700px){.access-bar-inner{min-height:42px;gap:12px;flex-wrap:wrap;padding-block:7px}.access-bar-inner a{font-size:10px}.access-bar #accessOpen{margin-left:auto}.theme-toggle{width:41px;height:41px}.access-dialog{padding:20px}.access-dialog-actions{flex-wrap:wrap}.access-control{padding:11px}}
@media(max-width:420px){.access-bar-inner{gap:8px}.access-bar kbd{display:none}.access-control{align-items:flex-start}.access-control strong{font-size:13px}.access-control small{font-size:11px}.font-buttons{align-self:center}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}
.access-dialog{color-scheme:light}
html[data-contrast="high"] .access-dialog{color-scheme:dark}
html[data-contrast="high"] :is(.hero h1 em,.about h2 em,.accent-dot,.eyebrow,.section-kicker,.tiny-star,.card-link span,.art-sticker){color:#fff!important}
html[data-contrast="high"] :is(.hero-art,.about-symbol){display:none!important}
html[data-contrast="high"] .hero,html[data-contrast="high"] .about{grid-template-columns:1fr;min-height:0}
html[data-contrast="high"] .instagram-post iframe{display:none}
html[data-contrast="high"] .instagram-post>a{background:#000!important}
/* Logotipo original enviado para o projeto. */
.brand-image{display:block;width:58px;height:58px;object-fit:cover;clip-path:circle(44.5% at 50% 50%);flex:none}
@media(max-width:700px){.brand-image{width:48px;height:48px}}
@media(max-width:430px){.brand-image{width:46px;height:46px}}
/* No celular, a matéria principal vem antes da ilustração. */
@media(max-width:700px){
  .hero{min-height:0;padding-top:28px;padding-bottom:32px;gap:0}
  .hero-copy{padding:0}
  .hero h1{font-size:clamp(36px,9.5vw,49px);line-height:1.1;margin:16px 0 15px}
  .hero-copy>p{font-size:15px;line-height:1.55;margin-bottom:21px}
  .hero-foot{margin-top:20px;font-size:11px}
  .hero-art,.ticker{display:none}
  #destaques{padding-top:30px}
  #destaques .section-heading{margin-bottom:22px}
  .feature-main .card-art{display:none}
  .feature-main .card-body{padding:24px}
  .feature-main .card-body h3{font-size:22px}
}
/* A matéria abre o site; os anúncios ficam depois do conteúdo editorial. */
.hero{display:block;min-height:0;padding-top:58px;padding-bottom:65px}
.hero-copy{max-width:930px;padding:0}
.hero h1{max-width:930px;font-size:clamp(44px,6vw,78px)}
.hero-copy>p{max-width:680px}
.hero-foot{margin-top:29px}
.ad-placement{margin-top:46px;color:#516686}
.ad-label{display:block;text-align:center;margin-bottom:8px;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.ad-placeholder{min-height:130px;border:1px dashed #b6c9e5;border-radius:12px;background:#f4f8ff;display:grid;place-items:center;text-align:center;padding:20px;color:#597092;font-size:12px;font-weight:700}
.ad-placement-article{max-width:336px;margin:34px auto}
.ad-placement-article .ad-placeholder{min-height:280px}
html[data-theme="dark"] .ad-placement{color:#b4c8e8}
html[data-theme="dark"] .ad-placeholder{background:#091943;border-color:#35579e;color:#afc6eb}
html[data-contrast="high"] .ad-placeholder{background:#000!important;border-color:#fff!important;color:#fff!important}
html[data-contrast="high"] .ad-placement,html[data-contrast="high"] .ad-label{color:#fff!important}
html[data-calm="true"] .ad-placement{display:none}
@media(max-width:700px){.hero{padding-top:28px;padding-bottom:34px}.hero h1{font-size:clamp(36px,9.5vw,49px)}.ad-placement-home{margin-top:34px}.ad-placement-home .ad-placeholder{min-height:280px}.ad-placement-article{max-width:320px}}
/* Imagem editorial da notícia principal no card da direita. */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.hero h1{font-size:clamp(40px,4.8vw,68px)}
.hero-art{display:grid;place-items:center;min-height:405px;height:100%;max-height:485px;background:#071447}
.hero-art:before{display:none}
.hero-news-image{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
@media(max-width:900px){.hero{gap:25px}.hero h1{font-size:clamp(38px,5vw,54px)}}
@media(max-width:700px){.hero{display:block;min-height:0;padding-top:28px;padding-bottom:34px}.hero h1{font-size:clamp(36px,9.5vw,49px)}.hero-art{display:grid;min-height:0;height:auto;max-height:none;aspect-ratio:800/620;margin-top:22px}.hero-news-image{height:auto;aspect-ratio:800/620}}
/* Destaque editorial em uma coluna, sem o antigo card lateral. */
.hero{display:block;max-width:1180px}.hero-copy{max-width:1000px}.hero h1{max-width:1000px;font-size:clamp(44px,6vw,78px)}
@media(max-width:700px){.hero h1{font-size:clamp(36px,9.5vw,49px)}}
.lead-photo{margin:32px 0 0;max-width:1000px}.lead-photo img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;border-radius:18px}.lead-photo figcaption{font-size:11px;color:#64758f;margin-top:9px}
html[data-theme="dark"] .lead-photo figcaption{color:#b5c7e3}
@media(max-width:700px){.lead-photo{margin-top:24px}.lead-photo img{border-radius:12px}}
/* Destaque editorial fixo com a imagem da notícia. */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.93fr);align-items:center;gap:28px 44px;padding-bottom:32px}
.hero-copy{min-height:380px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero h1{font-size:clamp(40px,4.4vw,64px);line-height:1.08;margin:22px 0 18px}
.hero-copy>p{max-width:620px;margin-bottom:24px}
.hero-foot{margin-top:25px}
.lead-photo{margin:0;max-width:none}.lead-photo img{display:block;width:100%;height:auto;max-height:520px;aspect-ratio:auto;object-fit:contain;border-radius:16px}
.lead-photo iframe{display:block;width:min(100%,540px);height:520px;border:0;border-radius:16px;background:#fff}.lead-photo [hidden]{display:none!important}

/* Página inicial no celular: notícia primeiro, sem rotação e com cards compactos. */
.mobile-podcast-link{display:none!important}
.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.side-cards{gap:14px}
.feature-card.horizontal{display:block;min-height:0}
.feature-card.horizontal .card-body{min-height:100%;padding:22px;justify-content:flex-start}
.feature-card.horizontal .card-link{margin-top:16px}
.feature-main .card-body{padding:22px}
@media(max-width:700px){
  .wrap{width:calc(100% - 32px)}
  .topline,.access-bar{display:none}
  .nav-shell{height:62px}
  .site-header .brand-image{width:42px;height:42px}
  .site-header .brand-text{font-size:16px}
  .main-nav{top:62px}
  .desktop-podcast-link{display:none!important}
  .mobile-podcast-link{display:block!important}
  .main-nav a[href="#instagram"],.main-nav a[href="#editorias"],.main-nav a[href="#sobre"]{display:none}
  .hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:17px;padding-bottom:15px}
  .hero-copy{min-height:0;justify-content:flex-start}
  .hero .eyebrow{font-size:10px;letter-spacing:.1em;white-space:normal;flex-wrap:wrap}
  .hero h1{font-size:clamp(30px,8vw,38px);line-height:1.1;margin:10px 0 9px;letter-spacing:-.055em}
  .hero-copy>p{font-size:14px;line-height:1.45;margin:0 0 14px}
  .hero .pill-button{padding:11px 16px;font-size:12px;min-height:42px}
  .hero-foot{margin-top:10px;font-size:10px}
  .hero-foot .tiny-star{font-size:17px}
  .lead-photo{margin-top:14px}
  .lead-photo iframe{height:430px;border-radius:10px}
  .lead-photo figcaption{margin-top:5px}
  .section{padding-top:24px;padding-bottom:25px}
  .section-heading{margin-bottom:14px}
  .section h2{font-size:27px;margin-top:5px}
  .section-heading p{font-size:12px;line-height:1.4;margin-top:6px}
  #destaques{padding-top:24px}
  #destaques .section-heading{margin-bottom:14px}
  .featured-grid{grid-template-columns:1fr;gap:10px}
  .side-cards{gap:10px}
  .feature-card,.content-card{border-radius:12px}
  .feature-main .card-body,.feature-card.horizontal .card-body{padding:15px;min-height:0}
  .feature-main .card-body h3,.feature-card.horizontal .card-body h3{font-size:18px;line-height:1.25;margin:7px 0}
  .feature-card .tag{font-size:10px}
  .feature-card .card-body p{font-size:13px;line-height:1.4}
  .feature-card .card-link{margin-top:12px;padding-top:9px}
  .feature-card.horizontal .card-link{margin-top:12px}
  .content-grid{grid-template-columns:1fr;gap:10px}
  .content-card-body{padding:15px}
  .content-card h3{font-size:18px;margin:7px 0}
  .content-card p{font-size:13px;line-height:1.4;margin:0}
  .content-card .card-link{padding-top:9px;margin-top:6px}
  .content-card>img{aspect-ratio:auto;max-height:230px;object-fit:contain;background:#f5f8ff}
  .ad-placement-home{margin-top:15px}
  .ad-placement-home .ad-placeholder{min-height:100px}
  #podcast,#instagram,#editorias,#sobre{display:none}
  .footer-map a[href="#instagram"],.footer-map a[href="#editorias"],.footer-map a[href="#sobre"]{display:none}
  .footer-main{padding-top:25px;padding-bottom:25px;gap:12px}
  .footer-bottom{padding:12px 0 18px}
}
.mobile-app-tools{display:none}.app-status{font-size:12px;line-height:1.4;color:#1753a5;margin:8px 0}.install-help{width:min(430px,calc(100% - 24px));border:1px solid #bfd1eb;border-radius:16px;padding:22px;background:#fff;color:#142b56;box-shadow:0 20px 60px #0005}.install-help::backdrop{background:#01020eaa}.install-help h2{font:800 22px Manrope,Arial,sans-serif;margin:0 0 12px}.install-help p{font-size:14px;line-height:1.5}.install-help button,.mobile-app-tools button{border:1px solid #b7cae8;background:#fff;color:#114589;border-radius:9px;cursor:pointer;font-weight:800}.install-help button{padding:10px 15px}.mobile-app-tools button:focus-visible,.install-help button:focus-visible{outline:3px solid #f36b14;outline-offset:2px}
@media(max-width:700px){.mobile-app-tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.mobile-app-tools button{min-height:34px;padding:6px 10px;font-size:11px}.mobile-app-tools button[hidden]{display:none}}
.typing-cursor{display:inline-block;margin-left:2px;color:#f36b14;animation:typing-blink .7s step-end infinite}
.icon-arrive{animation:icon-arrive .45s ease-out both}
@keyframes typing-blink{50%{opacity:0}}
@keyframes icon-arrive{from{opacity:0;transform:scale(.4) rotate(-75deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.typing-cursor,.icon-arrive{animation:none}}
html[data-motion="reduce"] .typing-cursor,html[data-calm="true"] .typing-cursor{animation:none}
.podcast-section .accent-dot,.podcast-page .accent-dot{color:#f36b14!important;background:none!important;animation:podcast-dot-blink 1s step-end infinite}
@keyframes podcast-dot-blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.podcast-section .accent-dot,.podcast-page .accent-dot{animation:none}}
html[data-motion="reduce"] .podcast-section .accent-dot,html[data-motion="reduce"] .podcast-page .accent-dot,html[data-calm="true"] .podcast-section .accent-dot,html[data-calm="true"] .podcast-page .accent-dot{animation:none}

.mobile-topics-link{display:none!important}
@media(max-width:700px){.main-nav .mobile-topics-link{display:block!important}.footer-map a[href="assuntos.html"]{display:inline}}

/* No celular, a foto real da manchete compõe o fundo do destaque. */
@media(max-width:700px){
  .hero.hero-has-image{position:relative;isolation:isolate;min-height:420px;justify-content:flex-end;overflow:hidden;border-radius:16px;margin-top:12px;padding:20px;background:#071447;color:#fff}
  .hero.hero-has-image::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(1,2,14,.96) 0%,rgba(1,2,14,.79) 46%,rgba(1,2,14,.28) 100%)}
  .hero.hero-has-image .lead-photo{position:absolute;inset:0;z-index:-2;margin:0}
  .hero.hero-has-image .lead-photo img{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;border-radius:0}
  .hero.hero-has-image .lead-photo figcaption{display:none}
  .hero.hero-has-image .hero-copy{position:relative;z-index:1}
  .hero.hero-has-image .hero h1,.hero.hero-has-image h1,.hero.hero-has-image h1 em,.hero.hero-has-image .hero-copy>p,.hero.hero-has-image .hero-foot{color:#fff!important}
  .hero.hero-has-image .eyebrow{color:#d7e9ff}
  .hero.hero-has-image .mobile-app-tools button{background:#ffffffea;color:#102c66}
  .hero.hero-has-image .pill-button{background:#003bff;color:#fff}
  html[data-contrast="high"] .hero.hero-has-image .lead-photo{display:none}
  html[data-contrast="high"] .hero.hero-has-image::before{display:none}
  html[data-calm="true"] .hero.hero-has-image .lead-photo{display:none}
}
