/* ----------carrusel en movimiento-----------------------*/
.carousel-autoplay1 .swiper-slide.rectangulo{ width: 360px; }
.carousel-autoplay1 .swiper-slide.cuadrada{ width: 180px; }
.swiper.carousel-autoplay1{  width: 100%; height: 180px; }
.carousel-autoplay1 .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{ width: 390px; }
.carousel-autoplay1 .swiper-slide.cuadrada{ width: 187px; }
.swiper.carousel-autoplay1{  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%); }
  }	
}

/* flechas carrusel precios */

/* 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;
  }
}

.bg-white .carousel-precios .swiper-pagination{color:var(--color-1)!important;}
@media only screen and (min-width: 767px) {
	.carousel-precios .swiper-pagination {color:white!important; bottom: 20px!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: 20px!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);
}
}

/* 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;}



/* ---------- SPEAKER 2026 -----------------------*/
section#speakers {
  position: relative;
  overflow: hidden;
}

.speakers-mano {
  position: absolute;
  top: 110px;
  right: 0;
  width: 110px;
  height: auto;
  pointer-events: none;
  /* estado inicial: fuera de pantalla a la derecha */
  transform: translateX(110%);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 3;
}
.speakers-mano.is-visible {
  transform: translateX(0);
}
@media only screen and (min-width: 767px) {
  .speakers-mano {
    width: 230px;
		top: 850px;
  }
}

.link-arrow { text-decoration: none; color: inherit; transition: font-weight 0.1s;}
.link-arrow:hover { font-weight: 700;}
.link-arrow svg { flex-shrink: 0;transition: transform 0.2s ease;}
.link-arrow:hover svg { transform: translateX(3px);}

.txt-description {font-size: 14px;}
.zoom-effect{transition: transform .3s ease;}
.zoom-effect:hover { transform: scale(1.04);}
.card-6{width: 46%;}
section#speakers h2 {Width:72%;}

@media only screen and (min-width: 767px) {
.card-6{width: 23%;}
section#speakers h2 {Width:100%;}
}

@media only screen and (min-width: 1020px) {
.card-6{width: 18.5%;}
.txt-description {font-size: 18px;}
}

@media only screen and (min-width: 1200px) {
.card-6 {width: 15.5%;}
}

.speakerjs {opacity: 0; transform: translateY(20px); transition: opacity 1.5s ease, transform 1.5s ease;}
.speakerjs.visible { opacity: 1; transform: translateY(0);}

/* DESKTOP: neutraliza el CSS base de Swiper */
@media (min-width: 767px){
  .speakers-swiper.swiper{ overflow: visible; }
  .speakers-swiper .swiper-wrapper{ flex-wrap: wrap; transform: none !important;	gap:32px 16px; }
  .speakers-swiper.swiper .swiper-scrollbar{ display: none; }
  .load-more{ display: flex; align-items: center; justify-content: center; gap: 6px; width: fit-content;}
	.load-more__chevron{	flex-shrink: 0;transition: transform .25s ease;}
	.load-more.is-expanded .load-more__chevron{transform: rotate(180deg);}
}

/* MOBILE: carrusel grilla 2×2 + scrollbar progresivo */
@media (max-width: 766px){
  .speakers-swiper.swiper{ overflow: hidden; }
  .speakers-swiper .swiper-wrapper{ gap: 0;  justify-content: flex-start;}
  .speakers-swiper.swiper .swiper-scrollbar{ position: relative; left: auto; bottom: auto; width: 100%; height: 8px;  margin: 0 0 20px; border-radius: 999px; background: #D9E3FC;}
  .speakers-swiper .swiper-scrollbar-drag{ border-radius: 999px; background: var(--color-1);}
}

/**/


/**/

#queEsPeopleDay h2{width: 60%;}
#queEsPeopleDay .txt-bajada {font-size: 16px;}
.imagen-titulo__img-wrap {flex-shrink: 0; width: 52px;;aspect-ratio: 3 / 4;overflow: hidden;}
.imagen-titulo__img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block;}

@media only screen and (min-width: 767px) {
	#queEsPeopleDay .txt-bajada {font-size: 20px;}
	#queEsPeopleDay h2{width: 70%;}
	.boxer-mobile{margin: 0 auto; max-width: 1200px;width: 90%;}
	.hs-video-widget .hs-video-container .hs-video-wrapper iframe {border-radius:16px!important;}
	.imagen-titulo__img-wrap {width: 75px;}

.hs-video-widget .hs-video-container .hs-video-wrapper iframe {border-radius:0;}
.video-js img.rich-text-preview {object-fit: cover!important;}
/**/
	
	
	/* ----------------------- PRECIOS 2026 --------------------*/
section#precios {
  position: relative;
  overflow: hidden;
}

#precios{
  scroll-margin-top: 90px; 
}
	
.content-price p.h4{font-size: 20px;}
.precios-title-img {width:20px; height: 100%;}
.price-card-border {border-radius: 20px; padding: 4px;}
.gradient-blue{background: linear-gradient(180deg, var(--color-dark-blue) 0%, var(--color-3) 100%);}
.gradient-red{background: linear-gradient(180deg, var(--color-4) 0%, var(--color-2) 100%);}

.content-price {
  border-radius: 16px;
  display: flex!important;
  min-height: 225px;
  height: auto;
  overflow: hidden; 
}
.content-price > div:last-child {flex: 1; min-width: 0; overflow: hidden;}
.box-price { padding: 4px 12px; border-radius:12px}
.box-price { font-size:30px;}
.ticket-img-wrapper {flex-shrink: 0; position: relative;}
.ticket-img-wrapper::after {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: -5px;
  width: 0;
}

/* DESPUÉS */
.ticket-img {
  border-radius: 16px 0px 0px 16px;
  width: 82px;
  height: 100%;
  min-height: 225px;   /* mobile-first */
  object-fit: cover;
  display: block;
  flex-shrink: 0;
}

.boxer-special h3 {font-size: 20px;}
.boxer-special .txt-extra {font-size: 16px;}

.boxer-special{ margin: 0 0 0 0.5rem!important;}

@media only screen and (min-width: 767px) {
  .precios-title-img {width:29px; height: 100%;}
  .box-price { padding: 2px 10px; border-radius:16px}
  .box-price p{ font-size: 34px;}
  .boxer-special{ margin: 0 0 0 1.7rem!important;}
  .boxer-special h3 {font-size: 32px;}
  .ticket-img { width: 97px; min-height: 260px; }  /* sobreescribe el mobile */
}
@media only screen and (min-width: 1200px) {
  .boxer-special{ margin: 0 auto!important; max-width: 1350px;width: 98%;}
}

/*ESTADO AGOTADO */

.sold-out-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 78px;           /* altura del footer visible en estado agotado */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 16px 16px;
  transition: height 0.35s ease, border-radius 0.35s ease;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

/* content-price necesita position relative para que el overlay se posicione bien */
.content-price {position: relative;}

/* Estado agotado activo: muestra el footer */
.is-agotado .sold-out-overlay {opacity: 1; pointer-events: auto;}

/* Hover/touch activo: la cortina sube a todo el alto */
.is-agotado .content-price:hover .sold-out-overlay,
.is-agotado .content-price.touch-active .sold-out-overlay { height: 100%;border-radius: 16px;}

/* Opacidad al contenido cuando está agotado */
.is-agotado .ticket-img,
.is-agotado .content-price > div:not(.sold-out-overlay) { opacity: 0.5;transition: opacity 0.35s ease;}

/* BADGE DESCUENTO */
#precios .swiper-slide {  position: relative;}
.dscto-badge { position: absolute; top: -16px; left: -8px; z-index: 10; border-radius: 16px;
  padding: 5px 10px; min-width: 80px; border: 3px solid white;}
@media only screen and (min-width: 767px) {
  .dscto-badge {top: -30px; }
}

/* MANO CON TICKET */
.precios-mano { position: absolute; top: 0; right: 0; width: 120px; height: auto; pointer-events: none;
  transform: translateX(110%); transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); z-index: 3;}
.precios-mano.is-visible {transform: translateX(0);}
@media only screen and (min-width: 767px) {
  .precios-mano {width: 240px;top: 30px;}
}
@media only screen and (min-width: 1020px) {
  #precios .carousel-precios .swiper-pagination { bottom: 20px !important; }
}
/* ----------------------- FIN PRECIOS 2026 --------------------*/
	
	
/* ----------------------- BOX SPONSOR 2026 --------------------*/
	.txt-description{font-size:16px;}
/*.img-form {height:80px}*/
@media only screen and (min-width: 767px) {
.img-form {min-height:280px; object-fit: fill; height: 100%;}
.txt-description{font-size:18px;}
}
@media only screen and (min-width: 1020px) {
.img-form {min-height:290px; object-fit: fill; height: 100%;}
}
@media only screen and (min-width: 1150px) {
.img-form {min-height:300px; object-fit: fill; height: 100%;}
}
/* ----------------------- FIN BOX SPONSOR 2026 --------------------*/
	
	
	
/* ----------------------- SUSCRIPCIÓN 2026 --------------------*/	
	#suscription img{ height: 100%; width:18px;}
#suscription .title {font-size:24px;}
#suscription .parrafo {font-size:16px;}
@media (min-width: 767px) {
	#suscription .title {font-size:33px;}
	#suscription .parrafo {font-size:18px;}
}

@media (min-width: 1020px) {
	#suscription .title {font-size:46px;}
}
/* ----------------------- FIN SUSCRIPCIÓN 2026 --------------------*/