/* ===========================
   CRN-5 — estilos gerais
   =========================== */
:root{
  --crn5-green: #12d7c9;
  --crn5-green-2: #3d8ca0;
  --crn5-yellow: #f0ca17;
}

/* ---- Cards da home ---- */
.card-deck .card{
  background: linear-gradient(90deg, var(--crn5-green), var(--crn5-green-2));
  border: none;
  border-radius: 20px;
  overflow: hidden;
}

.btn-card-index{
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  border-radius: 10px;
}

.btn-card-index:hover{
  background: var(--crn5-yellow) !important;
  color: #222;
  border-color: var(--crn5-yellow);
}

/* ===========================
   Modal / Formulário
   =========================== */

/* altura de rolagem confortável dentro da modal */
.modal-body{
  max-height: calc(100vh - 210px);
  overflow-y: auto;
}

/* título dinâmico dentro do formulário (verde CRN-5) */
#modalFormulario #denunciaForm #tituloDinamico,
#modalFormulario #denunciaForm .titulo-dinamico-crn{
  margin: 0 0 12px;
  color: var(--crn5-green) !important;
  font-weight: 700;
}

/* seletor de motivo: NÃO ficar sticky (rola junto) */
.sticky-top-select{
  position: static !important;
  top: auto;
  z-index: auto;
  background: transparent;
  padding: 0;
  margin: 0 0 12px;
  border: 0;
}

/* aparência do <select> para evitar texto cortado */
#modalFormulario #blocoMotivo select.form-control{
  display: block;
  line-height: 1.35;
  height: auto;
  min-height: calc(1.5em + .75rem + 2px);
  white-space: normal;
}

/* pequenos espaçamentos de UX */
#modalFormulario #alerta .alert{ margin-top: 14px; }
#modalFormulario #blocoMotivo{ margin-top: 6px; }

/* garantir que o botão principal apareça quando habilitado */
#concluir:not(.d-none){ display: inline-block; }

/* se existir o “enviar” inline interno, começa oculto */
#concluirInlineWrap{ display: none; }