/* Colores del evento. Generado por el servidor: ver EventWebsiteController::estiloDelEvento. */
:root {
  --evento-primario: #0284C7;
  --evento-secundario: #0F172A;
  --evento-texto-primario: #F8FAFC;
  --evento-texto-hero: #F8FAFC;
}

.hero-evento {
  background-image: linear-gradient(135deg, var(--evento-primario), var(--evento-secundario));
  color: var(--evento-texto-hero);
}
.hero-evento h1,
.hero-evento .hero-titulo { color: var(--evento-texto-hero); }
.hero-evento .hero-apoyo { color: var(--evento-texto-hero); opacity: .82; }

.boton-evento {
  background-color: var(--evento-primario);
  color: var(--evento-texto-primario);
}
.boton-evento:hover { filter: brightness(1.08); }

.boton-evento-contorno {
  border-color: var(--evento-texto-hero);
  color: var(--evento-texto-hero);
}
.boton-evento-contorno:hover { background-color: rgb(255 255 255 / .12); }

.acento-evento { color: var(--evento-primario); }
.acento-evento-fondo { background-color: var(--evento-primario); }