body {
  /* font-family: 'Montserrat', sans-serif; */
  font-family: "Poppins", sans-serif;
  background-color: #111111;
  color: white;
  margin: 0;
  padding: 0;
}
h1, h2, .logo-font {
  /* font-family: 'Orbitron', sans-serif; */
  font-family: "Poppins", sans-serif;
  letter-spacing: 2px;
}
.pink-text {
  /* original color: #f5a6b8; */
  color: #f48eb1;
}
.pink-bg {
  background-color: #f48eb1;
}
.cream-text {
  color: #f8f6ea;
}
a:hover.cream-text {
  color: #f48eb1;
}
.cream-bg {
  background-color: #f8f6ea;
}

/* Animaciones de entrada */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 2, 0.6, 1);
}

.fade-in.visible {
  opacity: 1;
  transform: none;
}

.slide-up {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.8s, transform 0.8s cubic-bezier(0.4, 2, 0.6, 1);
}

.slide-up.visible {
  opacity: 1;
  transform: none;
}

.scale-in {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.8s, transform 0.8s cubic-bezier(0.4, 2, 0.6, 1);
}

.scale-in.visible {
  opacity: 1;
  transform: scale(1);
}

header {
  transition: background 0.3s ease, border-bottom 0.3s ease;
}

.header-transparente {
  background: transparent;
}

.header-fondo {
  background: rgba(0, 0, 0, 0.7); /* negro translúcido */
}

.cuadroEntradas {
    background-color: rgba(0, 0, 0, 0.8);
    /* backdrop-filter: blur(5px); /* desenfoque leve del fondo */
    /*-webkit-backdrop-filter: blur(5px); /* soporte Safari */
}

.tachado {
  position: relative;
  /*color: black;  color del texto */
}

.tachado::after {
  content: "";
  position: absolute;
  left: -5%;
  right: -5%;
  top: 50%; /* altura de la línea (puedes ajustar) */
  height: 3.5px; /* grosor de la línea */
  background: #f48eb1; /* color de la línea */
  transform: translateY(-50%);
}

.linea-separadora {
  border: none;
  border-top: 1px solid #f48eb1;
  flex-grow: 1;
  margin: auto;
  /* width: 25%; */
}

/* Para que el contenido quede por encima */
#inicio, #novedades, #tickets {
  position: relative;
}

#inicio {
  background: 
    linear-gradient(to bottom, rgba(0,0,0,1), transparent 30%, transparent 85%, rgba(0,0,0,1)),
    url('../images/boliche-stock4.webp') no-repeat center center / cover;
}

#novedades {
  background: 
    linear-gradient(to bottom, rgba(0,0,0,1), transparent 30%, transparent 85%, rgba(0,0,0,1)),
    url('../images/apache1.webp') no-repeat center center / cover;
}

#tickets {
  background: 
    linear-gradient(to bottom, rgba(0,0,0,1), transparent 30%, transparent 85%, rgba(0,0,0,1)),
    url('../images/boliche-stock1.webp') no-repeat center center / cover;
}

.post {
  max-width: fit-content;
  padding: 2%;
}

.seccion {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 100vh;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: rgba(0,0,0,0.6);
  z-index: 0;
}

.formularioPlanEquipo {
    /*background: rgba(255, 255, 255, 0.1);
    border: 2px solid #f48eb1;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;*/
    color: #f8f6ea;
    height: fit-content;
}

/* Estilos para los botones de la lista de jugadores */
/*
my-auto px-2 bg-indigo-600 text-white font-semibold rounded-sm shadow hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500
*/

.botonLista {
    margin: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: white;
    font-weight: 600; /* font-semibold */
    border-radius: 0.125rem; /* rounded-sm */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow */
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}