/* Complementos ao app.css (estilos do site original) para a versão em PHP. */

/* Chips de filtro/escolha: o checkbox fica escondido e o rótulo vira o botão. */
.cc-chip { position: relative; cursor: pointer; user-select: none; display: inline-flex; align-items: center; }
.cc-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.cc-chip:focus-within { outline: 3px solid #3FB8A2; outline-offset: 2px; }

/* Campo-armadilha contra robôs (fica fora da tela). */
.cc-isca { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Sem JavaScript, os blocos aparecem direto. */
.sem-js .reveal { opacity: 1; transform: none; }

[hidden] { display: none !important; }

/* Textos longos (termos e privacidade). */
.cc-texto h2 { margin-top: 2.2rem; font-family: var(--font-display); font-size: 1.35rem; font-weight: 600; color: #1E2A28; }
.cc-texto p, .cc-texto li { margin-top: .9rem; font-size: 1.04rem; line-height: 1.75; color: #2C3A37; }
.cc-texto ul { padding-left: 1.2rem; list-style: disc; }
.cc-texto a { color: #1F7A69; font-weight: 600; text-decoration: underline; }

/* Utilitários usados nas páginas novas que não existiam no CSS original. */
.h-28 { height: 7rem; }
.w-28 { width: 7rem; }
.text-\[1\.2rem\] { font-size: 1.2rem; }
.text-\[1\.6rem\] { font-size: 1.6rem; }

/* Textos de apresentação da equipe: justificados com hifenização (no celular ficam alinhados à esquerda). */
.cc-justificado { hyphens: auto; -webkit-hyphens: auto; }
@media (min-width: 640px) { .cc-justificado { text-align: justify; } }