.MainPlaya{
    width: 100%;
    height: auto;
    background-size: cover;
    background-image: url('../img/backgroundPlaya.jpg');
    padding: 50px 0px;
}

.LogoEvent{
    width: 100%;
    height: auto;
    margin: auto;
    display: block;
    object-fit: cover;
}




.cardPlayaFest {
  /* Color blanco con opacidad del 20% */
  background: rgba(255, 255, 255, 0.2); 
  
  /* El efecto de desenfoque detrás de la tarjeta */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Soporte para Safari */
  
  /* Bordes y sombras para dar profundidad */
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  
  /* Estilizado básico */
  padding: 2rem;
  width: 100%;
  height: 280px;
  text-align: center;
  color: #fff;
  font-family: sans-serif;
  margin-bottom: 12px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.cardPlayaFest img{
    width: 250px;
    height: auto;
}

/* Media Querie phone Landscape */
@media screen and (min-width:576px){

}


/* Media Querie Tablet */
@media screen and (min-width:768px){
    
    .LogoEvent{
    width: 80%;
   }
    
}

/* Media Querie Tablet-desktop */
@media screen and (min-width:992px){
   

}

/* Media Querie desktop */
@media screen and (min-width:1200px){
    
    .MainPlaya{
        background-attachment: fixed;
    }
    
}

/* Media Querie desktop large*/
@media screen and (min-width:1366px){
   
}


@media screen and (min-width:1920px){
   



}

@media screen and (min-width:2560px){
  

}