/* Aprova TI — ajustes globais de legibilidade e responsividade (24/10/2026)
   Carregado por último em todas as páginas. */
html{-webkit-text-size-adjust:100%}

/* Brilho decorativo do topo das páginas internas (vazava da tela no celular) */
.inner-hero-glow{display:none!important}

/* Rótulos pequenos: mínimo de 12px */
.eyebrow,.overline,.tag,.cgu-eyebrow,.cgu-poster-caption,.cgu-poster-top span,.cgu-card-bottom span,
.cgu-specialties span,.sprint-badge,.sprint-featured-top small,.sprint-featured-aside span,.sprint-catalog-note span,
.article-meta small,.article-status,.content-cta span,.calendar-banner span,.contact-card-label,.contact-option span,
.appeal-proof-bar span,.appeal-proof-card span,.appeal-proof-card small,.document-card span,.process-flow span,
.course-cover small,.dataprev-product-meta span,.dp-product-meta span,.footer-links h2,.new-footer h2,
.hours,.hours span,.lpm-photo-cap span,.dataprev-home-head small,.dataprev-home-product span,.panel-kicker span,.panel-card span,
.proof-item span,.path-topline span,.editorial-home-card small{font-size:12px!important}
.panel-card p{font-size:13px!important}

/* Textos de apoio, rodapés e tabelas: mínimo de 13–14px */
.footer-bottom,.footer-bottom span,.footer-bottom a,.footer-bottom-new,.footer-bottom-new span,
.cgu-note,.cgu-sources span,.cgu-sources a,.news-source,.news-source a,.tp-buy-status,.tp-label,
.dataprev-current-badge,.dp-current-badge,.dataprev-product-meta small,.dp-product-meta small,
.hero-stats span,.dataprev-building span,.mobile-bar a,.contact-option strong,
.news-table-wrap td,.news-table-wrap th,.article-table-scroll td,.article-table-scroll th{font-size:13px!important}
.ethics-note p{font-size:14px!important}
.footer-bottom,.footer-bottom span,.footer-bottom a{color:#7a89a3}

/* Quebra de linha mais equilibrada nos parágrafos */
main p{text-wrap:pretty}

@media (max-width:860px){
  /* Dataprev: cards de oferta estouravam a largura da tela */
  .offer-grid{grid-template-columns:minmax(0,1fr)!important}
  .offer-grid>*{min-width:0}
  .offer-featured{grid-template-columns:minmax(0,1fr)!important}
  .offer-featured>*{min-width:0}
  .offer-top{flex-wrap:wrap;gap:8px}
  .hours{white-space:normal}
}
@media (max-width:600px){
  /* Dataprev: abas de Perfil 1 a 6 visíveis de uma vez, sem rolagem lateral escondida */
  .tabs[role=tablist]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible!important}
  .tabs[role=tablist]>button{white-space:normal;min-width:0}
  /* Recursos de discursivas: provas em grade de 2 colunas em vez de carrossel lateral */
  .appeal-proof-grid{grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;scroll-snap-type:none!important;gap:12px!important;padding:0!important;margin-inline:0!important}
  .appeal-proof-grid>*{min-width:0!important;width:auto!important}
}

/* Cabeçalho em notebooks (1025–1599px): o menu não cabia e a página rolava para o lado */
@media (min-width:1025px) and (max-width:1599px){
  .site-header .container{width:calc(100% - 40px)!important;max-width:1520px!important}
  .site-header .header-inner{gap:16px!important}
  .main-nav{gap:clamp(7px,0.65vw,14px)!important}
  .main-nav>a,.main-nav .nav-dropdown-toggle,.main-nav .nav-dropdown>a{font-size:11.5px!important;letter-spacing:0!important;white-space:nowrap}
}
@media (min-width:1025px) and (max-width:1279px){
  .site-header .brand-logo{width:140px!important;height:auto!important}
}
@media (min-width:1025px){
  /* último submenu abre alinhado à direita para não sair da tela */
  .main-nav>.nav-dropdown:last-of-type .nav-dropdown-menu{left:auto!important;right:0!important;transform:none!important}
}
/* Submenus abertos por clique/toque (CGU, Transpetro, Simulados): um link por linha */
.campaign-menu.is-expanded>.nav-dropdown-menu{display:flex!important;flex-direction:column}
.main-nav .nav-dropdown-menu>a{display:block}

/* Botão de menu no celular/tablet (até 1200px): os três traços apareciam lado a lado,
   formando uma linha só. Agora ficam empilhados (☰) e viram um X quando o menu está aberto. */
@media (max-width:1200px){
  .site-header .menu-button{flex-direction:column!important;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;padding:0!important}
  .site-header .menu-button span{margin:0!important;width:24px!important;transition:transform .2s ease,opacity .2s ease}
  .site-header .menu-button[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .site-header .menu-button[aria-expanded=true] span:nth-child(2){opacity:0}
  .site-header .menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  /* itens CGU, Transpetro e Simulados alinhados com os demais no menu aberto */
  .site-header .main-nav .nav-dropdown-toggle{padding:11px 10px!important;font-weight:600!important;width:100%;text-align:left;justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){.site-header .menu-button span{transition:none}}