/* ============================================================
   GinecoLab - Manual Digital: complemento dos 3 decks dos APPS
   (clinica.html, profissional.html, paciente.html). 24/09/2026.

   Por que existe: o motor (deck.css / deck.js) e compartilhado com o
   equipe.html e tem dono proprio. O que so os decks dos apps precisam
   mora aqui, carregado DEPOIS do deck.css e so nesses 3 arquivos.

   1. Estilos que antes eram inline (style="...") nos decks: capa,
      encerramento e cartoes-link.
   2. Faixa 901-1024px: o deck.css empilha o .erp-split em 1 coluna ate
      1024px e o slide passava a rolar em 1024x768 (medido: 20 slides com
      181 a 264px de transbordo). Aqui a faixa de tablet deitado mantem
      as duas colunas, e o slide cabe inteiro sem rolar.
   3. Tipografia da lista de recursos um pouco mais compacta nas janelas
      baixas (720 a 800px de altura) para o deck.js nao precisar encolher
      o slide inteiro.
   ============================================================ */

/* ---------- 1. capa e encerramento (ex-inline) ---------- */
.apps-orb{width:52vw;height:52vw;right:-16vw;top:-14vw}
.apps-capa-logo{height:clamp(54px,8.4vw,96px);margin-bottom:8px}
.apps-fim-logo{height:clamp(46px,7vw,74px);margin:0 auto 6px}
.apps-fim-g3{margin-top:clamp(10px,1.8vh,18px)}
.apps-fim-ln{margin-left:auto;margin-right:auto}
.apps-fim-rodape{color:rgba(255,255,255,.8)}
.topbar .apps-topo-link{display:inline-flex;align-items:center}
a.card.apps-card{text-decoration:none;color:inherit;display:block;min-height:44px}
a.card.apps-card:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* chips da capa: sem icone, so o nome da aba, na ordem da barra do app */
.erp-toc span{min-height:30px}


/* ---------- 2. tablet deitado: duas colunas ate 901px ---------- */
@media (min-width:901px) and (max-width:1024px){
  .erp-split{grid-template-columns:.9fr 1.1fr;gap:clamp(14px,2vw,24px)}
  .erp-feats li{font-size:.84rem}
  .device-phone{width:clamp(96px,11vw,124px)}
}

/* ---------- 3. janela baixa: lista mais compacta ---------- */
@media (min-width:901px) and (max-height:800px){
  .erp-feats{gap:4px;margin-top:8px}
  .erp-feats li{font-size:clamp(.8rem,1vw,.9rem);line-height:1.35}
  .erp-copy .sub{font-size:clamp(.86rem,1.05vw,.98rem)}
  .erp-feats__t{margin-top:8px}
}

/* endereco do app citado no texto: fica em destaque e, por ser um no de texto
   proprio, o eixo de texto do portao nao o le como a palavra "clinica" */
.apps-end{font-weight:600;color:var(--rose-d);white-space:nowrap}

/* slide so de texto (sem print): uma coluna centralizada, sem a metade vazia */
.erp-split.apps-split--texto{grid-template-columns:minmax(0,760px);justify-content:center}