/* Navbar igual al header */
.custom-navbar {
  background: linear-gradient(135deg, #2563eb, #1e3a8a); /* gradient violeta → azul */
  color: white;
}

/* Header nuevo y moderno */
.header-section {
  background: linear-gradient(315deg, #2563eb, #1e3a8a); /* violeta más brillante → violeta oscuro */
  padding: 5rem 0;
  color: white;
  text-align: center;
}

/* Cards de salas más modernas */
.room-card {
  border-radius: 15px;
  transition: transform 0.3s, box-shadow 0.3s;
}
.room-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* Formulario moderno */
.card-form {
  border-radius: 15px;
}

/* Botones con gradient */
.btn-primary {
  background: linear-gradient(90deg, #6366f1, #3b82f6);
  border: none;
  transition: 0.3s;
}
.btn-primary:hover {
  background: linear-gradient(90deg, #4f46e5, #6366f1);
}

/* Footer con gradient coherente */
.footer-section {
  background: linear-gradient(135deg, #2563eb, #1e3a8a);
  padding: 1.5rem 0;
  color: white;
}

/* Link FAQ */
.link-custom {
  color: #e0e7ff;
  text-decoration: none;
}
.link-custom:hover {
  text-decoration: underline;
}