.projects-header{
    padding:250px 0px;
    background: linear-gradient(to right,#00116296,rgb(20 27 120 / 51%)),url(/assets/images/home/ticpass-home-header.jpeg);
    background-position: center;
    background-size: cover;
}

.project-header{
  padding:250px 0px;
  background-position: center;
  background-size: cover;
}

.festivals-projects-header{
    padding:250px 0px;
    background: linear-gradient(to right,#00116296,rgb(20 27 120 / 51%)),url(/assets/images/headers/ticpass-header-proyectos-festivales.jpg);
    background-position: center;
    background-size: cover;
}

.school-projects-header{
    padding:250px 0px;
    background: linear-gradient(to right,#00116296,rgb(20 27 120 / 51%)),url(/assets/images/headers/ticpass-header-proyectos-escuelas.jpg);
    background-position: center;
    background-size: cover;
}

.company-projects-header{
    padding:250px 0px;
    background: linear-gradient(to right,#00116296,rgb(20 27 120 / 51%)),url(/assets/images/headers/ticpass-header-proyectos-corporativo.jpg);
    background-position: center;
    background-size: cover;
}

.concerts-projects-header{
    padding:250px 0px;
    background: linear-gradient(to right,#00116296,rgb(20 27 120 / 51%)),url(/assets/images/headers/ticpass-header-proyectos-conciertos.jpg);
    background-position: center;
    background-size: cover;
}

.clubs-projects-header{
    padding:250px 0px;
    background: linear-gradient(to right,#00116296,rgb(20 27 120 / 51%)),url(/assets/images/headers/ticpass-clubs-header.jpg);
    background-position: center;
    background-size: cover;
}



.contenedor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}
.contenedorCapa {
    position: relative;
  	width: 100%;
  	height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.capa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000b0;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 0.5s;
}

.capa-2 {
  opacity: 0;
}

.contenedorCapa:hover .capa-1 {
  opacity: 0;
}

.contenedorCapa:hover .capa-2 {
  opacity: 1;
}