/*=============BASE=============*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 
}


/*=============HEADER=============*/
.header__content{
  background-image: url("../images/Tamano-grande/nuevasimg/Banner_1.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 39vw;
}
.header__content a {
    color: #ffffff !important;
}

.header__social img {
  width: clamp(25px, 3vw, 30px);
  height: auto;
}


.navbar__logo{
  height: clamp(2.5em, 5vw, 4.5em);
  width: auto;
}
/* Efecto hover para los iconos sociales */
.header__social li a img {
  transition: transform 0.3s ease, filter 0.3s ease;
}
.header__social li a img:hover {
  transform: scale(1.15); 
  filter: drop-shadow(0px 4px 6px rgba(255, 255, 255, 0.3)); /* Le agrega un leve resplandor/sombra */
}

/* Efecto hover para todos los botones de los banners */
.boton img,
.boton__2 img,
.boton__3 img,
.boton__4 img,
.boton__5 img,
.boton__6 img,
.boton__7 img,
.boton__8 img {
  transition: transform 0.3s ease, filter 0.3s ease;
}

.boton:hover img,
.boton__2:hover img,
.boton__3:hover img,
.boton__4:hover img,
.boton__5:hover img,
.boton__6:hover img,
.boton__7:hover img,
.boton__8:hover img {
  transform: scale(1.05); /* Un aumento más sutil (5%) ya que son imágenes más grandes */
  filter: drop-shadow(0px 6px 12px rgba(255, 255, 255, 0.4));
}

.boton{
  margin-left: 7.5vw;
}

.boton img {
  width: clamp(120px, 20vw, 350px);
  height: auto;
}

/*=============BANNER2=============*/
.banner__content-2{
  background-image: url("../images/Tamano-grande/nuevasimg/Banner_2.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 39vw;
}


.boton__2{
  margin-left: 7.5vw;
}

.boton__2 img {
  width: clamp(95px, 20vw, 350px);
  height: auto;
}

/*=============BANNER3=============*/
.banner__content-3{
  background-image: url("../images/Tamano-grande/nuevasimg/Banner_3.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 39vw;
}

.boton__3{
  margin-right: 5.5vw;
}

.boton__3 img {
  width: clamp(95px, 20vw, 350px);
  height: auto;
}

/*=============BANNER4=============*/
.banner__content-4{
  background-image: url("../images/Tamano-grande/nuevasimg/Banner_4.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 39vw;
}

.boton__4{
  margin-left: 7.5vw;
}

.boton__4 img {
  width: clamp(95px, 20vw, 350px);
  height: auto;
}


/*=============BANNER5=============*/
.banner__content-5{
  background-image: url("../images/Tamano-grande/nuevasimg/Banner_5.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 39vw;
}

.boton__5{
  margin-right: 5.5vw;
}

.boton__5 img {
  width: clamp(95px, 20vw, 350px);
  height: auto;
}

/*=============BANNER6=============*/
.banner__content-6{
  background-image: url("../images/Tamano-grande/nuevasimg/Banner_6.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 39vw;
}

.boton__6{
  margin-left: 7.5vw;
}

.boton__6 img {
  width: clamp(95px, 20vw, 350px);
  height: auto;
}


/*=============BANNER7=============*/
.banner__content-7{
  background-image: url("../images/Tamano-grande/nuevasimg/Banner_7.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 39vw;
}

.boton__7{
  margin-right: 5.5vw;
}

.boton__7 img {
  width: clamp(95px, 20vw, 350px);
  height: auto;
}

/*=============BANNER8=============*/
.banner__content-8{
  background-image: url("../images/Tamano-grande/nuevasimg/Banner_8.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 39vw;
}

.boton__8{
  margin-left: 7.5vw;
}

.boton__8 img {
  width: clamp(95px, 20vw, 350px);
  height: auto;
}


/*============= MEDIAS QUERYS=============*/

@media (max-width: 576px){
.header__content{
  background-image: url("../images/Tamano-mediano/Banner1.png");
  height: 54vw;
}

.boton{
  margin-left: 2vw;
}
/*====*/
.banner__content-2{
  background-image: url("../images/Tamano-mediano/Banner2.png");
  height: 44vw;
}

.boton__2{
  margin-left: 2vw;
}
/*====*/
.banner__content-3{
  background-image: url("../images/Tamano-mediano/Banner3.png");
  height: 44vw;
}
.boton__3{
  margin-right: 2vw;
}

/*====*/
.banner__content-4{
  background-image: url("../images/Tamano-mediano/Banner4.png");
  height: 44vw;
}

.boton__4{
  margin-left: 2vw;
}

/*====*/
.banner__content-5{
  background-image: url("../images/Tamano-mediano/Banner5.png");
  height: 44vw;
}
.boton__5{
  margin-right: 2vw;
}

/*====*/
.banner__content-6{
  background-image: url("../images/Tamano-mediano/Banner6.png");
  height: 44vw;
}

.boton__6{
  margin-left: 2vw;
}

/*====*/
.banner__content-7{
  background-image: url("../images/Tamano-mediano/Banner7.png");
  height: 44vw;
}
.boton__7{
  margin-right: 2vw;
}

/*====*/
.banner__content-8{
  background-image: url("../images/Tamano-mediano/Banner8.png");
  height: 44vw;
}

.boton__8{
  margin-left: 2vw;
}

}






@media (max-width: 768px ){
 
}