.mainEvento{
  background-image: url("https://imagenes.blackfridaycol.com/assets-web/Imagen_background_blackfriday_nov2025.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mainEvento__content{
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


.diamante{
  width: 100%;
  /*
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; */
}

.eventoBanners__bannerPrincipal picture{
  /*
  display:flex;
  justify-content: center; */
  height: 100%;
  width: 100%;
}

.eventoBanners__bannerPrincipal img{
  /*
  height: 100%;

  object-fit: contain;
  overflow-clip-margin: content-box;
  overflow: clip; */
  width: 100%;
  transition: 0.5s border;
  border: 2px solid #f1f1f1;
  box-shadow: 0px 0px 8px var(--verde);
  border-radius: 6px;
}
.eventoBanners__bannerPrincipal img:hover{
  box-shadow: 3px 3px 6px var(--verde);
  margin-bottom: 0.3rem;
  height: 102%;
}

.eventoBanners__bannerSecondary{
  width: 100%;
  column-gap: 4px;
}
.eventoBanners__bannerSecondary a{
  width: 50%;
}

.eventoBanners__bannerSecondary picture{
  height: 100%;
  width: 50%;
  /* display:flex;
  justify-content: center; */
}
.eventoBanners__bannerSecondary img{
  /* border-radius: 2px;
  height: 100%;
  width: inherit;
  object-fit: contain;
  overflow-clip-margin: content-box;
  overflow: clip; */
  width:100%;
  height:100%;
  transition: 0.5s border;
  border: 2px solid #f1f1f1;
  box-shadow: 0px 0px 8px var(--verde);
  border-radius: 6px;
}

.eventoBanners__bannerSecondary img:hover{
  box-shadow: 3px 3px 6px var(--verde);
  margin-bottom: 0.3rem;
  height: 102%;
}



/* Anunciantes */
.anunciantesEvento{
  padding: unset;
  z-index: 1;
  position: relative;
  margin: 0px 0px 35px;
  margin-top: 2.5rem;
  width: 100%;
}

.anunciantesEvento .grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  grid-gap: 20px;
  text-align: center;
}

.anunciantesEvento a{
width: 117px;
height: 117px;
position: relative;
display: grid;
place-items: center;
width: 170px;
height: 170px;
border: 6px solid transparent;
border-radius: 120px;
margin: auto;
transition: all 0.2s ease-in;
}

.anunciantesEvento a img{
    width: 130px;
    height: 130px;
    box-shadow: 5px 5px 12px #53004d23;
    border: 2px solid #f1f1f1;
    border-radius: 33px;
    margin: 1rem;
    opacity: 1;
    transition: 0.5s border;
    position: flex;
    background-color: white;
}

.anunciantesEvento a img:hover{
  /* border: solid 5px var(--verde);
  width: 105%;
  box-shadow: 0px 5px 25px var(--verde); */
  -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    box-shadow: 0.2rem 0.2rem 0.5rem #686868;
}


/* Primer Carrusel */
.CarruselVerde{
  background-color: #aeca001f;
}
.carrusel_principal{
  width: 100%;
  background-color: unset;
  border:0;
}
.green_slick{
  background-color:var(--verde);
}
.card-principal{
  width: 270px;
  margin: 0 20px 0 10px;
}


/* Zafiro */
.bannersPaquete{
  width: 100%;
  column-gap:4px;
}


.bannersPaquete img{
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 8px #7dfbd747;
  border-radius: 6px;
}
.bannersPaquete img:hover{
  box-shadow: 3px 3px 6px #7dfbd747;
  margin-bottom: 0.3rem;
  height: 102%;
}

/* Titulo */
.ofertasTitle{
  text-transform: uppercase !important;
  font-size:2rem;
  font-weight: bold;
  color:var(--verde);
  margin-top:2.5rem;
  text-align: center;
}

/* Segundo Carrusel */
.carrusel_secundario{
  width: 100%;
  margin-top:2.5rem;
}

.carrusel_secundario .tituloCarrusel{
  color:var(--verde);
  font-size:2rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}


/*TV y Pantallas extra grandes */
@media only screen and (min-width: 1200px) {

}

/*Pantallas  desktop y laptos*/
@media only screen and (min-width: 767px) and (max-width: 1200px) {

}

/*iPads y tables */
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .mainEvento__content{
    width: 90%;
  }

  .eventoBanners__bannerSecondary picture{
    height: 100%;
    width: 100%;
  }
  .eventoBanners__bannerSecondary{
    flex-wrap:wrap;
  }

  .bannersPaquete{
    flex-wrap:wrap;
  }
  .bannersPaquetes picture{
    width:100%
  }

  /* .green_slick{
    display: none;
  } */

}

/* Teléfonos moviles*/
@media only screen and (max-width: 480px) {
  .header__evento-top {
    justify-content: center;
  }
  .mainEvento__content{
    width: 100%;
  }
  .bannersPaquete{
    flex-wrap:wrap;
  }
  .eventoBanners__bannerSecondary{
    flex-wrap:wrap;
  }
  .eventoBanners__bannerSecondary a{
    width: 100%;
  }
  /* Estilos de los anunciantes en el home */
  .anunciantesEvento .grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    grid-gap: 0px;
    text-align: center;
  }

  .anunciantesEvento a{
    position: relative;
    display: grid;
    place-items: center;
    width: 100px;
    border: 6px solid transparent;
    border-radius: 120px;
    margin: auto;
    transition: all 0.2s ease-in;
  }

  .anunciantesEvento a img{
    width: 100px;
    height: 100px;
    margin: 0rem;
  }
  .anunciantesEvento .grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 15px;
    text-align: center;
  }
}