/* Ajustes da auditoria de UX de 27/10/2026 (Hick, Fitts, Von Restorff, Jakob, posição serial e carga cognitiva).
   Carregado depois das outras folhas de estilo, em todas as páginas. */

/* Von Restorff: um único destaque por tela, o botão Agendar visita em dourado */
.menu .menu-cta,.e-abre .e-btn-principal{background:var(--acento,#FBB900)!important;color:var(--tinta,#0B1630)!important;border:0!important}
.menu .menu-cta:hover,.e-abre .e-btn-principal:hover{background:#E8AA00!important;color:var(--tinta,#0B1630)!important}
.e-abre .e-btn-principal{min-height:56px;padding:0 30px;font-size:18px}

/* Fitts: alvos de toque com 44 px ou mais */
.e-link{display:inline-flex;align-items:center;min-height:44px}
.parc-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.migalhas a{display:inline-flex;align-items:center;min-height:44px}
.menu-toggle{width:48px!important;height:48px!important}
.menu .sub summary{min-height:44px;display:flex;align-items:center}
.rodape-in p{margin:0}
.rodape-in p a,.rodape-fim a,.rodape-fim .link-cookies{display:inline-flex;align-items:center;min-height:44px}
form.form-lead .check input{width:24px;height:24px;margin-top:0}

/* Selo da OBE no início do conteúdo (substitui a faixa do topo) */
.e-chip-obe{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;padding:6px 14px 6px 8px;background:#fff;border:1px solid var(--fio,#D9D4C8);border-radius:999px;font:500 12px/1.2 var(--f-mono,'IBM Plex Mono',monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2,#4A5469)}
.e-chip-obe img{height:22px;width:auto}

/* Primeira tela: título menor e chamada visível sem rolar */
.e-abre h1{font-size:clamp(40px,5vw,72px)!important;line-height:1.02!important;margin:18px 0 32px!important}
.e-abre-txt{align-self:start!important}

/* Faixa de parceiros: link para o ecossistema completo */
.e-prova-faixa .faixa-eco{margin-top:8px;font-size:15px}

/* Perguntas frequentes em blocos */
.faq-grupo{margin:36px 0 8px;font:500 12px/1.3 var(--f-mono,'IBM Plex Mono',monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-2,#4A5469)}
.faq-grupo:first-of-type{margin-top:8px}

@media (max-width:860px){
  /* Barra fixa só aparece depois que a família passa da primeira tela */
  .barra-movel{transform:translateY(110%);transition:transform .25s ease}
  body.barra-on .barra-movel{transform:none}
  .barra-movel a{min-height:56px;display:flex!important;align-items:center;justify-content:center}
  /* Aviso de cookies compacto, sem cobrir o título */
  .cookies{left:12px;right:12px;bottom:12px!important;max-width:none;padding:10px 10px 10px 14px;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px}
  body.barra-on .cookies{bottom:68px!important}
  .cookies p{font-size:13px;line-height:1.35}
  .cookies-acoes{gap:6px}
  .cookies .btn{min-height:44px;padding:0 14px!important;font-size:14px!important}
  .cookies .btn::after{content:none}
}
@media (max-width:640px){
  .e-abre{padding-top:20px!important}
  .e-abre h1{font-size:34px!important;line-height:1.08!important;margin:10px 0 16px!important}
  .e-abre-txt{gap:16px!important}
  .e-abre-txt p{font-size:17px!important}
  .e-abre-txt > p:not(.e-sub){display:none}
  .e-abre .e-acoes{display:flex;flex-direction:column;align-items:stretch;gap:4px}
  .e-abre .e-btn-principal{justify-content:center;width:100%}
  .e-abre .e-acoes .e-link{justify-content:center;border-bottom:0;text-decoration:underline;text-decoration-color:var(--acento,#FBB900);text-underline-offset:4px}
}

/* Fitts: demais alvos que ficavam abaixo de 44 px */
.marca{display:inline-flex;align-items:center;min-height:44px}
.menu > a{display:inline-flex;align-items:center;min-height:44px}
.btn{min-height:44px}
.segs h3 a{display:inline-flex;align-items:center;min-height:44px}
.form-crescer-alt a,.cookies p a{display:inline-flex;align-items:center;min-height:44px}
.parc-fechar{min-width:44px;min-height:44px}
.acoes .btn-linha,.btn.btn-linha{display:inline-flex!important;align-items:center;min-height:44px!important}

/* Contraste do botão dourado e ordem da primeira tela */
header .menu a.menu-cta,header .menu a.menu-cta:hover,.e-abre a.e-btn-principal,.e-abre a.e-btn-principal:hover{color:#0B1630!important}
.e-abre-txt .e-acoes{order:1}
.e-abre-txt > p:not(.e-sub){order:2}
/* Occam: o selo da OBE já aparece no topo do conteúdo */
.e-selo-card{display:none!important}

/* Botão Entrar (painel da equipe) de volta ao topo, ao lado de Agendar visita.
   No celular aparece compacto, com ícone e a palavra Entrar, para a equipe encontrar o acesso. */
@media (max-width:980px){
  .acesso-equipe{height:44px!important;padding:0 14px!important;gap:6px;font-size:15px!important;border-width:1.5px}
  .acesso-equipe span{position:static;width:auto;height:auto;overflow:visible;clip:auto}
}
@media (max-width:360px){
  .acesso-equipe{padding:0 10px!important;font-size:14px!important}
  .marca img{height:34px!important}
}