/* Hierarquia editorial comum ao acesso, painel e catálogo. */
:root { --sym-fundo:#f6f7f7; --font-display:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.btn,.campo input,.campo select,.btn-contorno-claro { border-radius:4px; box-shadow:none; }
.btn-primario,.btn-primario:hover { background:#0E3A3C; box-shadow:none; }
.btn:active { transform:none; }
.acesso-wrap { background:#f6f7f7; grid-template-columns:minmax(280px,1fr) minmax(350px,500px); gap:0 clamp(24px,5vw,80px); padding:clamp(20px,3vh,44px) clamp(24px,6vw,96px); }
.acesso-hero { color:#12191A; max-width:660px; }
.acesso-hero h1 { font-family:var(--font-body); font-weight:600; font-size:clamp(28px,3vw,44px); line-height:1.15; letter-spacing:-1px; max-width:23ch; }
.acesso-beneficios li { color:#627371; padding-left:0; font-size:15px; margin-bottom:8px; }
.acesso-beneficios li::before { display:none; }
.acesso-esps { display:none; }
.acesso-banner img { border-radius:3px; box-shadow:none; border:0; width:100%; max-height:36vh; object-fit:contain; }
.acesso-banner figcaption { color:#627371; font-size:11px; line-height:1.6; }
.acesso-cartao { border:1px solid #D9E2E0; border-radius:5px; box-shadow:none; }
.acesso-cartao h2 { font-weight:600; font-size:23px; }
.acesso-rodape { color:#627371; padding-top:20px; font-size:11px; max-width:none; }
.acesso-rodape > p:first-child { line-height:1.6; margin-bottom:8px; }
.acesso-rodape details { line-height:1.6; }
.acesso-rodape summary { min-height:44px; display:flex; align-items:center; cursor:pointer; }
.topo-catalogo { padding:20px clamp(20px,4vw,56px); background:#fff; border-bottom:1px solid #D9E2E0; box-shadow:none; }
/* 29/09/2026 (quadro 8, cartão 225): logomarca à esquerda, nome de quem entrou ao
   centro e Sair à direita. O .topo-acoes vira "contents" só aqui para o nome e o Sair
   ocuparem colunas próprias da grade. Abaixo de 641 px o nome some (app.css) e o
   cabeçalho segue em uma linha. A busca fica aberta no painel desde 06/09/2026. */
@media (min-width:641px) {
  .topo-catalogo { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; column-gap:16px; }
  .topo-catalogo > .topo-acoes { display:contents; }
  .topo-catalogo #conta-nome { grid-column:2; justify-self:center; }
  .topo-catalogo #btn-sair { grid-column:3; justify-self:end; }
}
.marca-logo { width:178px; max-width:100%; height:auto; }
.marca-sub { font-size:12px; margin-top:5px; color:#627371; }
.painel-catalogo { color:#12191A; border:0; border-bottom:1px solid #D9E2E0; border-radius:0; background:transparent; padding:28px 0; margin:0; box-shadow:none; }
.painel-catalogo h2 { color:#12191A; font-size:24px; font-weight:600; letter-spacing:-.4px; }
.painel-catalogo p { color:#627371; font-size:14px; line-height:1.6; }
.painel-busca { background:#fff; border:1px solid #D9E2E0; border-radius:4px; box-shadow:none; }
.painel-numeros { gap:24px; }
.painel-numeros li { color:#627371; background:transparent; border:0; border-radius:0; padding:0; }
.painel-numeros strong { color:#0E3A3C; font-size:19px; font-weight:600; }
.painel-numeros span { color:#627371; font-size:12px; }
#tela-catalogo > .tela-rolagem { padding:0 clamp(20px,4vw,56px); }
.catalogo { padding:26px 0 36px; gap:0 28px; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:none; }
.catalogo-cabeca { padding:0 0 18px; margin:0; }
.catalogo-cabeca h2 { font-size:19px; font-weight:600; }
.catalogo-cabeca p { margin-top:6px; }
.card-esp,.card-cond { display:flex; background:transparent; border:0; border-bottom:1px solid #D9E2E0; border-radius:0; box-shadow:none; min-height:135px; }
.card-esp:hover,.card-cond:hover { box-shadow:none; transform:none; background:#EDF3F2; border-color:#BFD9D6; }
.card-esp-corpo,.card-cond-corpo { padding:22px 12px; width:100%; }
.card-esp-corpo { min-width:0; }
.card-referencia { display:flex; flex-direction:column; gap:8px; flex:0 0 92px; width:92px; padding:22px 0 18px 8px; }
.card-referencia img { display:block; width:84px; height:88px; object-fit:contain; background:#12191A; }
.card-referencia > span { font-size:10px; line-height:1.4; color:#627371; }
.card-esp h3,.card-cond h3 { font-size:18px; font-weight:600; line-height:1.35; }
.card-esp p,.card-cond p { font-size:13px; line-height:1.65; color:#627371; -webkit-line-clamp:unset; display:block; }
.card-esp .tag-quantidade { background:transparent; border:0; border-radius:0; padding:0; color:#627371; font-size:12px; }
.card-esp-rodape { margin-top:16px; }
.card-recursos { display:block; margin-top:9px; color:#375957; font-size:12px; line-height:1.55; }
.card-referencia img { background:#E9EEED; border-radius:3px; }
.card-cond-corpo { min-width:0; }
.card-cond .passos-info { line-height:1.65; }
.catalogo-filtros { display:flex; flex-wrap:wrap; align-items:end; gap:12px 20px; padding:18px 0 8px; }
.catalogo-filtros label { display:flex; flex-direction:column; gap:6px; min-width:0; color:#375957; font-size:13px; font-weight:600; }
.catalogo-filtros select { min-height:44px; max-width:100%; border:1px solid #BECFCD; border-radius:4px; padding:8px 34px 8px 12px; color:#0E3A3C; background:#fff; font:inherit; }
.catalogo-filtros button { min-height:44px; padding:8px 12px; border:1px solid #BECFCD; border-radius:4px; color:#0E3A3C; background:transparent; font:inherit; font-size:13px; cursor:pointer; }
.catalogo-filtros select:focus-visible,.catalogo-filtros button:focus-visible { outline:3px solid #2E7A71; outline-offset:3px; }
.catalogo-filtros button:hover { background:#EDF3F2; }
.catalogo-resultado { margin:0; padding:6px 0 12px; color:#375957; font-size:14px; line-height:1.6; }
.atlas-convite { margin:24px 0 0; padding:18px 0; display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:32px; border:0; border-bottom:1px solid #D9E2E0; border-radius:0; background:transparent; }
.atlas-convite h2 { font-family:var(--font-body); font-size:23px; font-weight:600; margin:6px 0 10px; }
.atlas-convite h2 br { display:none; }
.atlas-convite p { font-size:14px; line-height:1.6; max-width:80ch; }
.atlas-convite .atlas-convite-link { margin-top:8px; min-height:44px; border:0; text-decoration:underline; text-underline-offset:3px; font-size:14px; }
.atlas-convite-tipo { font-size:11px; text-transform:none; letter-spacing:0; }
.atlas-convite-imagens img { height:100px; border-radius:3px; }
.atlas-convite-imagens a { line-height:1.5; font-size:11px; }
.topo-compacto { background:#fff; border-bottom:1px solid #D9E2E0; box-shadow:none; }
.topo-titulo h2 { font-size:23px; font-weight:600; }
.lista-condicoes { gap:0 26px; grid-template-columns:repeat(2,minmax(0,1fr)); padding-top:24px; }
.atlas-atalho-esp { border:0; border-bottom:1px solid #D9E2E0; border-radius:0; background:transparent; padding:0 0 20px; }
.rodape { border-top:1px solid #D9E2E0; padding:22px 0; margin:0; font-size:11px; color:#52635F; }
.rodape-creditos { margin-top:8px; line-height:1.6; color:#52635F; }
.rodape-dados { color:#52635F; }
.catalogo-creditos { text-align:left; margin-bottom:16px; }
.catalogo-creditos summary { min-height:44px; padding:12px 0; cursor:pointer; color:#0E3A3C; }
.catalogo-creditos p { margin-bottom:10px; }
.catalogo-creditos a { display:inline-flex; min-height:44px; align-items:center; color:#0E3A3C; }
.busca-secao { padding:0 0 16px; }
.temas-consulta { padding:22px 0; border-top:1px solid #D9E2E0; }
.temas-consulta h2 { margin:0 0 10px; font-size:16px; color:#0E3A3C; }
.temas-consulta > div { display:flex; flex-wrap:wrap; gap:4px 24px; }
.temas-consulta a { display:flex; align-items:center; min-height:44px; color:#0E3A3C; font-size:14px; text-underline-offset:4px; }
@media (max-width:1100px) { .catalogo { grid-template-columns:repeat(2,minmax(0,1fr)); } .acesso-wrap { gap:0 28px; padding:24px; } }
@media (max-width:700px) {
  #tela-catalogo > .tela-rolagem { padding:0 16px; }
  .topo-catalogo { padding:14px 16px; gap:10px; }
  .marca-logo { width:150px; }
  .marca-sub { max-width:25ch; }
  .painel-catalogo { padding:22px 0; }
  .painel-catalogo h2 { font-size:22px; }
  .painel-numeros { gap:18px; }
  .painel-numeros strong { font-size:19px; }
  .painel-numeros span { font-size:11px; }
  .catalogo,.lista-condicoes { grid-template-columns:minmax(0,1fr); gap:0; }
  .card-esp,.card-cond { min-height:0; }
  .card-esp-corpo,.card-cond-corpo { padding:20px 2px; }
  .card-referencia { flex-basis:82px; width:82px; padding-left:0; padding-right:8px; }
  .card-referencia img { width:74px; }
  .catalogo-filtros { gap:12px; }
  .catalogo-filtros label { flex:1 1 220px; }
  .catalogo-filtros select { width:100%; font-size:16px; }
  .atlas-convite { grid-template-columns:minmax(0,1fr); gap:12px; padding:0 0 20px; }
  .atlas-convite-imagens { display:none; }
  .atlas-convite h2 { font-size:22px; }
  .campo input,.campo select,.painel-busca input { font-size:16px; }
  .acesso-wrap { padding:12px; background:#f6f7f7; grid-template-columns:minmax(0,1fr); gap:0; }
  .acesso-hero { display:none; }
  .acesso-cartao { padding:20px 18px; align-self:stretch; max-height:100%; }
  .acesso-cartao h2 { font-size:22px; }
  .acesso-rodape { padding-top:10px; }
}