/* ============================================================
   AURICLEAN — páginas institucionais (Sobre, Termos, Privacidade,
   Trocas, Rastreio, Contato, Admin). Reaproveita os tokens de
   style.css — carregar style.css ANTES deste arquivo.
   ============================================================ */

.pagina{padding-block:clamp(40px,6vw,72px) 90px}
.pagina__voltar{
  display:inline-flex;align-items:center;gap:6px;color:var(--teal-dark);font-weight:700;
  font-size:14.5px;margin-bottom:22px;
}
.pagina__voltar svg{width:16px;height:16px;transform:rotate(180deg)}
.pagina__titulo{font-size:clamp(28px,4vw,40px);margin-bottom:8px}
.pagina__atualizado{color:var(--ink-soft);font-size:14px;margin-bottom:32px}
.pagina__intro{font-size:17px;color:var(--ink-soft);max-width:760px;margin-bottom:8px}

.pagina__aviso{
  background:var(--teal-softer);border-left:4px solid var(--teal);border-radius:0 var(--r-sm) var(--r-sm) 0;
  padding:16px 20px;margin-block:28px;font-size:15px;color:var(--ink);max-width:760px;
}
.pagina__aviso strong{color:var(--teal-dark)}

.pagina__secao{max-width:760px;margin-top:32px}
.pagina__secao h2{font-size:21px;margin-bottom:12px;color:var(--ink)}
.pagina__secao p{font-size:15.5px;color:var(--ink-soft);margin-bottom:14px;line-height:1.65}
.pagina__secao p:last-child{margin-bottom:0}

/* rastreio: caixa de busca */
.tracking-box{
  background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:28px;max-width:520px;margin:28px 0;
}
.tracking-box p{margin-bottom:12px;font-weight:700;color:var(--ink)}
.tracking-box input{
  width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-sm);
  font-size:15px;font-family:var(--font);margin-bottom:14px;
}
.tracking-box input:focus{outline:2px solid var(--teal);outline-offset:1px}
.btn-track{
  display:inline-flex;align-items:center;gap:8px;background:var(--teal);color:#fff;
  padding:13px 26px;border-radius:99px;font-weight:800;font-size:15px;
}
.btn-track:hover{background:var(--teal-dark)}

/* formulario de contato */
.form-contato{max-width:560px;margin-top:24px;display:grid;gap:16px}
.form-contato label{display:block;font-weight:700;font-size:14px;margin-bottom:6px;color:var(--ink)}
.form-contato input,.form-contato textarea{
  width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-sm);
  font-size:15px;font-family:var(--font);background:#fff;
}
.form-contato input:focus,.form-contato textarea:focus{outline:2px solid var(--teal);outline-offset:1px}
.form-contato textarea{resize:vertical;min-height:140px}
.form-contato__linha2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-contato__hp{position:absolute;left:-9999px;opacity:0}
.form-contato__msg{
  padding:13px 16px;border-radius:var(--r-sm);font-size:14.5px;font-weight:600;display:none;
}
.form-contato__msg.ok{display:block;background:#e8f7ef;color:var(--ok)}
.form-contato__msg.erro{display:block;background:#fdecea;color:var(--sale)}
.form-contato .btn{margin-top:4px}

@media (max-width:600px){
  .form-contato__linha2{grid-template-columns:1fr}
}

/* admin */
.admin__login{max-width:360px;margin:80px auto;text-align:center}
.admin__login input{
  width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-sm);
  font-size:15px;margin:16px 0;text-align:center;letter-spacing:.05em;
}
.admin__tabela{width:100%;border-collapse:collapse;font-size:14px;margin-top:20px}
.admin__tabela th,.admin__tabela td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.admin__tabela th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}
.admin__tabela tr.lida{opacity:.5}
.admin__tabela .msg-completa{max-width:340px;white-space:pre-wrap}
.admin__vazio{color:var(--ink-soft);padding:40px 0;text-align:center}
.admin__topo{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.admin__contador{font-size:14px;color:var(--ink-soft)}