/* ---------- LOGO E CABEÇALHO ---------- */
.evento .logo {
  background: #33507a;
  padding: 2rem 4rem;
  border-radius: 2rem;
  display: inline-flex;
  align-items: center;
}
.evento .logo img { max-height: 100px; margin-right: 10px; }
.evento .logo h1 { color: #FFF; }
.evento hr { border: 0; border-bottom: 4px dashed #999; }

/* ---------- TITULOS GERAIS ---------- */
.evento h2 {
  font-weight: normal;
  font-size: 2.5rem;
  margin-top: 0;
}
.evento h2 strong { font-weight: bold; }

.evento .error {
  padding: 2rem 1rem;
  text-align: center;
}
.evento .error h2 {
  margin-bottom: 0;
}

/* ---------- ESTILO DOS CARDS (DADOS DO EVENTO) ---------- */
.evento .card {
  border-radius: 1.5rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
  margin-bottom: 2rem;
  border: none;
}

.evento .card-header {
  color: #FFF;
  padding: 1.5rem;
  font-size: 2rem;
  border-radius: 1.5rem 1.5rem 0 0;
}

.evento .card-header h4, 
.evento .card-header h5 {
	color: #FFF;
	font-size: 2rem;
}

.evento .card-body {
  font-size: 1.6rem;
  padding: 2rem;
}

.evento .card-body .mb-10 {
  margin-bottom: 1rem;
}

/* ---------- FORMULÁRIO MODERNO ---------- */
.evento form label {
  font-size: 1.6rem;
  font-weight: 500;
  color: #333;
}

.evento form .form-control {
  font-size: 1.5rem;
  border-radius: 0.6rem;
  padding: 0.9rem 1.2rem;
  border: 2px solid #ccc;
  transition: border-color 0.3s ease;
}

.evento form .form-control:focus {
  border-color: #33507a;
  box-shadow: none;
}

/* ---------- CARD DO FORMULÁRIO ---------- */
.evento .form-card {
  background-color: #fff;
  padding: 2.5rem;
  border-radius: 1.5rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
  margin-top: 2rem;
}

.evento .form-card h4 {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 2rem;
  color: #33507a;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.evento .form-card h4 i {
  font-size: 2.2rem;
  color: #5c80d1;
}

/* ---------- BOTÃO SUBMIT ---------- */
.evento .btn-submit {
  border: none;
  font-size: 1.7rem;
  font-weight: 600;
  padding: 1.2rem;
  border-radius: 0.8rem;
  color: #fff;
  width: 100%;
  transition: background 0.3s ease;
}

.evento .btn-submit:hover {
  background: #3a60a1;
}

.evento input::placeholder {
  color: #aaa;
  font-size: 1.4rem;
}

/* ---------- ÍCONES, TÍTULOS E DETALHES ---------- */
.evento .panel-heading h4,
.evento .panel-heading h5 {
  font-size: 2rem;
  margin: 0;
}
.evento .text-muted {
  color: #6c757d !important;
}

/* ---------- RESPONSIVIDADE ---------- */
@media (max-width: 768px) {
  .evento .card-body,
  .evento .form-card {
    padding: 1.5rem;
  }

  .evento h2 {
    font-size: 2rem;
  }

  .evento .form-card h4 {
    font-size: 1.8rem;
  }
}