/* Ajustes exclusivos da versão estática (HTML puro).
   Reproduzem os comportamentos que no site original vinham do React/base-ui. */

/* Sanfonas: método e FAQ. Sem JavaScript o conteúdo permanece visível. */
[data-slot='accordion-content'] {
  overflow: hidden;
  transition: height 0.22s cubic-bezier(0.32, 0.72, 0, 1);
}

/* Diálogos: o wrapper só existe para agrupar backdrop e conteúdo. */
.dialog-portal[hidden] {
  display: none;
}

/* Formulário no celular: com fonte abaixo de 16px o Safari do iPhone amplia a
   página ao tocar no campo e o zoom persiste, cortando a lateral do modal. */
@media (hover: none) and (pointer: coarse) {
  .application-card input {
    font-size: 16px;
  }
}

/* Modal do diagnóstico: nunca ultrapassa a largura da tela. */
.application-modal {
  overflow-x: hidden;
}

@media (prefers-reduced-motion: reduce) {
  [data-slot='accordion-content'] {
    transition: none;
  }
}
