/* ----------carrusel en movimiento-----------------------*/
.carousel-autoplay1 .swiper-slide.rectangulo/*,
.carousel-autoplay2 .swiper-slide.rectangulo*/{ width: 360px; }
.carousel-autoplay1 .swiper-slide.cuadrada/*,
.carousel-autoplay2 .swiper-slide.cuadrada*/{ width: 180px; }
.swiper.carousel-autoplay1/*,
.swiper.carousel-autoplay2*/{  width: 100%; height: 180px; }

.carousel-autoplay1 .swiper-slide/*,
.carousel-autoplay2 .swiper-slide*/{display: flex; justify-content: center; align-items: center;	width: unset; margin-left:1rem;}

@media only screen and (min-width: 767px) {
.carousel-autoplay1 .swiper-slide.rectangulo/*,
.carousel-autoplay2 .swiper-slide.rectangulo */{ width: 390px; }
.carousel-autoplay1 .swiper-slide.cuadrada/*,
.carousel-autoplay2 .swiper-slide.cuadrada */{ width: 187px; }
.swiper.carousel-autoplay1/*,
.swiper.carousel-autoplay2*/{  width: 100%; height: 187px; }
.carousel-autoplay1  .swiper-wrapper {
    display: flex; animation: scroll-left 30s linear infinite!important;
  }
	@keyframes scroll-left {
    0% { transform: translateX(50); }
		100% { transform: translateX(-70%); }
  }	
}


/* carrusel2 que se mueve hacia la derecha*/
/*.carousel-autoplay2  .swiper-wrapper {
    display: flex; animation: scroll-right 25s linear infinite;}

  @keyframes scroll-right {
  0% { transform: translateX(50); }
	100% { transform: translateX(-70%); }
  }

.carousel-autoplay2  .swiper-slide {
    flex-shrink: 0;
  }*/

/* ------------  fin imagenes carruseles ------------- */

/* ------------class progress bars speaker y pilares ------------------*/
/*
.carousel-speaker .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.carousel-card .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--color-blue-buk);}
.carousel-speaker .swiper-pagination-progressbar,
.carousel-card .swiper-pagination-progressbar { background: #D9E3FC;}
.carousel-speaker .swiper-pagination-progressbar { width: 88%!important; left: 06%!important; height: 5px;}
.carousel-card .swiper-pagination-progressbar{ height: 5px;}*/


/* flechas carrusel precios */

/* MOBILE: sin carrusel, lista vertical */
/* MOBILE < 767px: Swiper desactivado visualmente, lista vertical */
@media only screen and (max-width: 767px) {
  .carousel-precios {
    overflow: visible !important;
  }
  .carousel-precios .swiper-wrapper {
    display: flex !important;
    flex-direction: column !important;
    transform: none !important;
    width: 100% !important;
    gap: 24px;
  }
  .carousel-precios .swiper-slide {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .carousel-precios .swiper-button-next,
  .carousel-precios .swiper-button-prev,
  .carousel-precios .swiper-pagination {
    display: none !important;
  }
}

/* DESKTOP: siempre 3 columnas de igual ancho aunque haya menos tarjetas */
@media only screen and (min-width: 767px) {
  .carousel-precios .swiper-slide {
    /* fuerza ancho de 1/3 del contenedor para que 2 tarjetas 
       no estiren el espacio de toda la fila */
    flex-shrink: 0;
  }
}

@media only screen and (min-width: 767px) {
	.carousel-precios .swiper-pagination {color:white!important; bottom: 80px!important;}
  .carousel-precios .swiper-button-prev { left: calc(46% - 40px); right: auto; top: auto;  bottom: 0rem;}
  .carousel-precios .swiper-button-next { left: calc(50% + 40px); right: auto; top: auto; bottom: 0rem;}
}

@media only screen and (min-width: 1020px) {
	.carousel-precios .swiper-pagination{color:white!important; bottom: 80px!important;}
  .carousel-precios .swiper-button-prev { left: calc(46% - 40px); right: auto; top: auto;  bottom: 0rem;}
  .carousel-precios .swiper-button-next { left: calc(50% + 40px); right: auto; top: auto; bottom: 0rem;}
}

.carousel-precios .swiper-button-next, .carousel-precios .swiper-button-prev {
  background: var(--color-white);
  border: 2px solid var(--color-blue-buk);
  border-radius: 50%;
  height: 55px;
  width: 55px;
  z-index: 9999999909;
}

.carousel-precios .swiper-button-prev::after, .carousel-precios .swiper-button-next::after {
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 50px;
  width: 50px;
}

.carousel-precios .swiper-button-prev::after {
  background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/flecha-azul-izq.svg);
}
.carousel-precios .swiper-button-next::after {
  background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aRight.svg)
}

.carousel-precios .swiper-button-next:hover, .swiper-button-prev:hover {
  background: #2f4daa;
}

.carousel-precios .swiper-button-next.swiper-button-disabled, .carousel-precios .swiper-button-prev.swiper-button-disabled {
  border: 3px solid #a1a2aa;
  opacity: .3;
}

.carousel-precios .swiper-button-next:hover::after {
  background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aRightWhite.svg);
}
.carousel-precios .swiper-button-prev:hover::after {
  background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aLeftWhite.svg)
}

.carousel-precios .swiper-button-next.swiper-button-disabled:after {
  background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aRightGrey.svg);
}
.carousel-precios .swiper-button-prev.swiper-button-disabled:after {
  background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aLeftGrey.svg);
}
}


.carousel-precios .swiper-pagination{color:white!important; bottom: 80px!important;}
/*.carousel-precios .swiper-wrapper {height: auto!important;}
.carousel-precios .swiper-pagination-bullet {
  background: var(--color-1);
  transition: .5s ease !important;
  height: 0.8rem;
  width: 0.8rem;
}*/



/* form input email + button solo para suscripcion*/
@media only screen and (min-width: 767px) {
	#suscription .formulario input[type=submit] { display: inline!important; margin: 1rem 0 0 0!important;  width: auto!important;}
}

#suscription .formulario input[type=submit] { border-radius: var(--radius-btn); cursor: pointer;
    display: block; font-family: var(--font-family-body);font-weight: 700; padding: 0.625rem 1.5rem;
    transition: all ease .3s; margin: 1rem auto 0; background: var(--color-white)!important;
    color: var(--color-1); font-size: 1.25rem; border: 2px solid var(--color-1); min-height:49px; width: 100%;}

#suscription .formulario input[type=submit]:hover {display: block; background: var(--color-3)!important; color: var(--color-white); border: 2px solid var(--color-white); cursor:pointer; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;}

#suscription .formulario input[type=email] { min-height: 25px; display: block; outline: 0; font-size: 16px; line-height: 22px; cursor: pointer;
                padding: 8px 16px; width: 100% !important; border-radius: 30px !important; border:1px solid var(--color-light-blue);
                box-shadow: none; font-family: 'inter',sans-serif; background: #fff !important; color: #2f4daacc; }

#suscription .formulario ::-webkit-input-placeholder {color: #2f4daacc; font-weight:400;}
#suscription .formulario :-ms-input-placeholder {color: #2f4daacc; font-weight:400;}
#suscription .formulario ::placeholder {color: #2f4daacc; font-weight:400;} 
#suscription .hs-form-booleancheckbox {margin-top:16px; font-size:14px;}
#suscription .hs-form-booleancheckbox input {margin-right:8px;}


#suscription .formulario label.hs-error-msg {color: var(--color-2); font-size: 0.938rem; margin-top: .5rem; display: block; margin-left: 1rem;}