/* Aprovato, telas públicas: login dividido (marca à esquerda, formulário à direita), checkout, sem acesso, erros. */
.corpo--acesso { min-height: 100vh; display: flex; flex-direction: column; }
.corpo--acesso .principal { flex: 1; display: flex; flex-direction: column; }
.cabecalho--acesso { position: static; }
.dividida { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); flex: 1; min-height: calc(100vh - 72px); }
.dividida__marca { background: var(--apr-grafite); color: var(--apr-papel); display: flex; flex-direction: column; justify-content: center; padding: var(--apr-e-16) var(--apr-e-12); gap: var(--apr-e-6); }
.dividida__marca .h1 { color: var(--apr-papel); }
.dividida__logo { width: 56px; height: 56px; }
.dividida__marca .h1 span { color: var(--apr-verde); }
.dividida__marca p { color: var(--apr-n-300); max-width: 440px; font-size: 18px; }
.dividida__form { display: flex; align-items: center; justify-content: center; padding: var(--apr-e-12) var(--apr-e-6); background: var(--apr-fundo); }
.dividida__caixa { width: 100%; max-width: 420px; display: flex; flex-direction: column; gap: var(--apr-e-6); }
.dividida__caixa .form { gap: var(--apr-e-4); }
.acesso-simples { flex: 1; display: flex; align-items: center; justify-content: center; padding: var(--apr-e-12) var(--apr-e-6); }
.acesso-simples__caixa { width: 100%; max-width: 480px; }
.marca-pontos { display: flex; flex-direction: column; gap: var(--apr-e-3); }
.marca-ponto { display: flex; align-items: center; gap: var(--apr-e-3); color: var(--apr-n-300); }
.marca-ponto .ic { color: var(--apr-verde); }
@media (max-width: 860px) {
  .dividida { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .dividida__marca { padding: var(--apr-e-8) var(--apr-e-6); gap: var(--apr-e-4); }
  .dividida__marca .marca-pontos { display: none; }
  .dividida__form { padding: var(--apr-e-8) 20px; }
}
/* Checkout */
/* Depoimentos (12/09/2026): balões no estilo de conversa, em faixa que rola no celular. */
.depoimentos__topo { margin-bottom: var(--apr-e-3); }
.depoimentos__topo .h3 { margin: 4px 0 2px; }
.depoimentos__faixa { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--apr-e-3); }
.depoimento { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.depoimento__balao { position: relative; margin: 0; padding: 14px 16px 24px; border-radius: 18px 18px 18px 4px; background: var(--apr-superficie); border: 1px solid var(--apr-borda); font-size: 14px; line-height: 1.5; color: var(--apr-tinta); flex: 1 1 auto; }
.depoimento__balao p { margin: 0; }
.depoimento__hora { position: absolute; right: 12px; bottom: 6px; font-size: 11px; color: var(--apr-tinta-3, #888); }
.depoimento__check { color: var(--apr-verde-escuro, #1a9c60); letter-spacing: -2px; }
.depoimento__quem { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--apr-tinta-2); padding-left: 4px; }
@media (max-width: 860px) {
  .depoimentos__faixa { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 12px; padding-bottom: 4px; margin-inline: calc(-1 * var(--apr-e-3)); padding-inline: var(--apr-e-3); }
  .depoimentos__faixa::-webkit-scrollbar { display: none; }
  .depoimento { flex: 0 0 82%; scroll-snap-align: start; }
}
.checkout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--apr-e-6); align-items: start; }
.checkout__resumo { position: sticky; top: 88px; }
.resumo__linha { display: flex; justify-content: space-between; gap: var(--apr-e-3); padding: 8px 0; font-size: 15px; }
.resumo__linha--total { font-size: 20px; font-weight: 600; margin-top: var(--apr-e-2); }
.ofertas { display: flex; flex-direction: column; gap: var(--apr-e-2); }
@media (max-width: 860px) { .checkout { grid-template-columns: minmax(0, 1fr); } .checkout__resumo { position: static; } }

/* Informações de confiança, discretas e adaptáveis à largura do resumo. */
.checkout__confianca { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--apr-e-3) var(--apr-e-4); padding-top: var(--apr-e-4); border-top: 1px solid var(--apr-superficie-2); color: var(--apr-tinta-3); font-size: 12px; line-height: 1.5; }
.checkout__confianca span { display: inline-flex; align-items: center; gap: var(--apr-e-2); }
.checkout__confianca .ic { color: var(--apr-verde-texto); flex-shrink: 0; }

.checkout__cupom summary { color: var(--apr-verde-texto); font-size: 14px; cursor: pointer; list-style: none; width: fit-content; min-height: 44px; display: flex; align-items: center; }
.checkout__cupom summary::-webkit-details-marker { display: none; }
.checkout__cupom summary:hover { text-decoration: underline; text-underline-offset: 4px; }
.checkout__cupom > .linha { margin-top: 8px; align-items: flex-start; }
.checkout__cupom [data-aplicar-cupom] { margin-top: 26px; }

.dividida--login { min-height: 100vh; min-height: 100dvh; }

/* Pix Automático, mesma hierarquia e superfícies do checkout. */
.pagamento-metodos { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pagamento-metodos label { display:flex; align-items:center; gap:10px; cursor:pointer; border:2px solid transparent; border-radius:20px; background:var(--apr-superficie-2); padding:16px; font-weight:600; }
.pagamento-metodos label:has(input:checked) { border-color:var(--apr-verde); background:#e9fcf3; }
.pagamento-metodos input { accent-color:var(--apr-verde-texto); width:18px; height:18px; }
.pagamento-metodos label:focus-within { outline:2px solid var(--apr-verde-texto); outline-offset:3px; }
.pix-checkout { margin-top:28px; display:flex; flex-direction:column; gap:24px; }
.pix-checkout[hidden],.pix-checkout [hidden] { display:none!important; }
.pix-checkout__intro { display:flex; gap:16px; align-items:flex-start; }
.pix-checkout__intro p { margin-top:8px; }
.pix-checkout__icone { width:52px; height:52px; flex-shrink:0; padding:12px; border-radius:16px; background:#e9fcf3; color:var(--apr-verde-texto); }
.pix-checkout__icone svg { width:100%; height:100%; }
.pix-checkout__passos { display:flex; flex-wrap:wrap; gap:12px 20px; list-style:none; margin:0; padding:0; font-size:12px; color:var(--apr-tinta-2); }
.pix-checkout__passos li { display:flex; align-items:center; gap:8px; }
.pix-checkout__passos span { display:grid; place-items:center; width:24px; height:24px; background:var(--apr-superficie-2); color:var(--apr-verde-texto); border-radius:50%; font-weight:600; }
.pix-checkout__acordo { padding:20px; background:#e9fcf3; border-radius:20px; color:var(--apr-verde-texto); font-size:14px; }
.pix-checkout__acordo p { margin-top:8px; color:var(--apr-tinta-2); font-size:13px; }
.pix-checkout__pagamento { display:flex; flex-direction:column; gap:20px; border-top:1px solid var(--apr-superficie-2); padding-top:24px; }
.pix-checkout__status { display:flex; gap:10px; align-items:center; font-size:14px; font-weight:600; }
.pix-checkout__ponto { width:8px; height:8px; background:var(--apr-verde-texto); border-radius:50%; flex-shrink:0; }
.pix-checkout__codigo { display:grid; grid-template-columns:minmax(160px,.8fr) minmax(0,1fr); gap:24px; align-items:center; }
.pix-checkout__qr { padding:12px; border:1px solid var(--apr-superficie-2); background:white; border-radius:20px; }
.pix-checkout__qr img { width:100%; height:auto; display:block; }
.pix-checkout__copiar { display:flex; flex-direction:column; gap:10px; min-width:0; }
.pix-checkout__copiar textarea { font-family:monospace; font-size:11px; resize:none; width:100%; overflow-wrap:anywhere; }
@media(max-width:600px) { .pix-checkout__codigo { grid-template-columns:1fr; } .pix-checkout__qr { width:200px; justify-self:center; } .pagamento-metodos label { padding:14px 10px; font-size:13px; } .pix-checkout__passos { flex-direction:column; } }