/* Instituto Sacramento — ajustes de celular (v5.7, 01/11/2026)
 * Um arquivo só, carregado por todas as páginas públicas, depois do estilo de cada página.
 * Regras: toque com no mínimo 44 px, letra com no mínimo 13 px, nada de rolagem para o lado.
 * Primeiro passo do estilo único (etapa 2): o que for comum às páginas passa a morar aqui.
 * O "!important" só aparece onde a página tem estilo próprio dentro do HTML que viria depois.
 */

/* Blocos "Ver mais" (menu.js): valem em qualquer tela */
.cel-oculto{display:none !important}
.cel-mais{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:48px;margin:14px 0 0;padding:12px 18px;border-radius:999px;border:1px solid var(--line,#D5E0E7);background:var(--surface,#fff);color:var(--navy,#0A4060);font:600 .95rem/1.2 var(--f-body,system-ui,sans-serif);cursor:pointer}
.cel-mais:hover{border-color:var(--navy,#0A4060)}
.cel-recolhido{position:relative;max-height:var(--cel-altura,520px);overflow:hidden}
.cel-recolhido::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(to bottom,transparent,var(--cel-fundo,var(--paper,#F4F7F9)));pointer-events:none}
.band .cel-recolhido::after,.band.cel-recolhido::after{--cel-fundo:var(--navy-soft,#E3EDF3)}

@media (max-width:820px){
  /* toque: botões, chips, abas e campos */
  .btn,button.btn,a.btn,.fchip,.flimpar,.vt-tab,.lv-chip,.vt-add,.vt-ver,.lv-tab,.chip,
  .menu-btn,header.top a.brand,header.top .btn{min-height:44px !important}
  .btn{padding-block:12px}
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{min-height:44px;font-size:16px !important}
  .dcol .hr,.pc-ag-top button,.cal button,.cal .livre,.cal-nav button,.slots button{min-height:44px !important;min-width:44px}
  .pc-ag-top button{width:44px !important;height:44px !important}
  .pc-mais{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .front .go{display:inline-flex;align-items:center;min-height:44px}
  footer .copy,button.copy{min-height:40px;padding:8px 14px !important;font-size:13px !important;margin-left:8px}
  footer ul{gap:2px !important}
  footer li a{display:inline-flex;align-items:center;min-height:40px}
  .redes a{min-height:44px;display:inline-flex;align-items:center}
  .trilha a,nav[aria-label*="trilha" i] a,.migalhas a{display:inline-flex;align-items:center;min-height:40px}
  .lb-atalhos a{display:inline-block;padding:8px 0}
  .temas-grade li a{display:inline-flex;align-items:center;min-height:44px}
  .temas-grade ul{gap:0 !important}
  .lp-trilha a,.psi h3 a,.psi .acoes a.link,.topbar a{display:inline-flex;align-items:center;min-height:44px}
  .tag,span.tag{font-size:13px !important}

  /* letra: mínimo de 13 px em rótulos, selos e títulos pequenos */
  label,.finder label,.field label,.bq label{font-size:14px !important}
  .eyebrow,.kicker,.front .who,footer h4,.copy,.crp,span.cat,.vt-selo,.selo,.pc-selos .selo,.tags span,.dcol .dh,.dcol .dh small,
  .lv-autor,.lv-desc,.cal-leg,.b-total,.demo-aviso,header.top .brand small,.cal-leg{font-size:13px !important}
  .lv-autor,.lv-desc,.b-total,.legal p,.price{font-size:max(13px,.92rem) !important}
  .eyebrow,.front .who,footer h4{letter-spacing:.08em}
  .dcol .dh small{display:block}

  /* rodapé recolhível (menu.js transforma os títulos em botões) */
  footer .cel-sanfona{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;cursor:pointer;font:500 13px/1 var(--f-mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;opacity:.85;border-bottom:1px solid rgba(255,255,255,.18)}
  footer .cel-sanfona::after{content:"+";font:400 1.4rem/1 var(--f-body,system-ui,sans-serif)}
  footer .cel-sanfona[aria-expanded="true"]::after{content:"−"}
  footer .cel-sanfona:focus-visible{outline:2px solid var(--gold,#D9A441);outline-offset:4px}
  footer .wrap{gap:18px !important}
  footer{padding-block:36px 28px !important}
}