.container form {
    margin-top: 20px;
}

.row>.col-lg-6 {
    margin-bottom: 15px;
}

.col-lg-12 {
    text-align: center;
}

input[type="date"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

.btn-primary {
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.btn-primary:hover {
    background-color: #0056b3;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.btn-primary:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5);
}

.evento-disponible {
    background-color: #d4edda; 
    color: #155724;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
}

.evento-no-disponible {
    background-color: #f8d7da; 
    color: #721c24; 
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
}

.custom-link {  
    color: black;
    text-decoration: none;
}

.section-heading h2 {
    font-size: 3rem; 
    font-weight: 800;
    text-align: center; 
    background: linear-gradient(90deg, #34b3fb, #fbdc5c); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    letter-spacing: 2px; 
    margin-bottom: 100px; 
    position: relative; 
  }
  
  .section-heading h2::after {
    content: '';
    width: 100px; 
    height: 4px; 
    background: #fb5454; 
    position: absolute; 
    bottom: -10px; 
    left: 50%;
    transform: translateX(-50%); 
    border-radius: 5px; 
  }
  
  .highlight {
    color: #ff7e5f; 
  }
  
  .live {
    color: #e63946; 
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); 
  }
  
  .section-heading img {
    margin: 20px auto; 
  }