/* ============================================================
    Estilo da Página de Sugestão (sugestao.css)
    ============================================================ */

/* ============================================================
    Responsividade para o reCAPTCHA em telas pequenas
    ============================================================ */
@media (max-width: 380px) {
  .g-recaptcha {
    transform: scale(0.8); /* Reduz o tamanho do widget */
    transform-origin: center; /* Garante que ele encolha a partir do centro */
  }
}

/* Botão Outline Customizado */
.btn-outline-custom {
  width: 100%;
  padding: 0.8rem;
  font-size: 1.1rem;
  font-weight: 600;
  border-radius: 8px;
  background-color: transparent;
  border: 2px solid var(--cor-primaria);
  color: var(--cor-primaria);
  transition: all 0.3s ease;
}

.btn-outline-custom:hover {
  background-color: var(--cor-primaria);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}