@import url(font/stylesheet.css);

html{width: 100%;overflow-x: hidden;}
body {background: #fff;font-size: 12px;font-family: avantt_trialregular;overflow-x: hidden;}
a {text-decoration: none;color: #000;}
a:hover{text-decoration: none;}

.clear { clear: both; }
.dn{display: none;}
.vh{visibility: hidden;}
.btn-back{cursor: pointer;}
.bloq-pdf{overflow: auto;}

#wall{position: absolute;top: 0;left: 0;width: 100%;z-index: 99;height: 100%;background-color: transparent;opacity: 0.4;display: none;}
.player-container {width: 1080px;height: 1920px;position: absolute;top: 0;left: 0;z-index: 98;overflow: hidden;display: none;}
.player {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 0.5s ease-in-out;opacity: 0;}
.player-show {opacity: 1}

header{height: 255px;background-color: #fff;}
header img{width: 100%;}

main{height: 1545px;position: relative;}
main.white{background-color: #fff;}
main.gray{background-color: #cfd4e0;}

/* BTNS TOP */
.bloq-data{padding-top:10px;height: 120px;background-color: #fff;}
.bloq-data .container-fluid{padding: 0px;}
.bloq-data .bloqs{padding: 0 32px;}
.bloq-data .col{padding: 0 8px;}
.bloq-data .bloq{height: 97px;}
.bloq-data .bloq.date{padding-top: 22px;background-color: #cd132e;border-radius: 5px;}
.bloq-data .bloq.date p{font-size: 1.6em;margin-bottom: 0;text-align: center;line-height: 1.1;color: #fff;letter-spacing: 2px;}
.bloq-data .bloq.date p.big{font-size: 3.8em;margin-bottom: 0;font-family: avantt_trialbold;margin-right: 10px;}
.bloq-data .bloq.date p.big i{color: #fff;font-size: 0.4em;}

.bloq-data .bloq.time{padding-top: 16px;background-color: #202c55;border-radius: 5px;}
.bloq-data .bloq.time p{font-size: 3.8em;margin-bottom: 0;text-align: center;color: #fff;letter-spacing: 2px;font-family: avantt_trialbold;}
.bloq-data .bloq.time p i{font-size: 0.7em;}

.bloq-data .bloq.weather{padding-top: 16px;background-color: #cd132e;border-radius: 5px;}
.bloq-data .bloq.weather p{font-size: 3.8em;margin-bottom: 0;text-align: center;color: #fff;font-family: avantt_trialbold;}
.bloq-data .bloq.weather p i{font-size: 0.7em;}

.bloq-data .bloq.days{padding-top: 30px;background-color: #202c55;border-radius: 5px;}
.bloq-data .bloq.days p{font-size: 3.2em;margin-bottom: 0;text-align: center;color: #fff;font-family: avantt_trialbold;letter-spacing: 1px;line-height: 1;text-transform: uppercase;}

/* HOME */
#carouselExampleControls{border-radius: 5px;}
.bloq-banners{padding: 30px 80px;}
.bloq-banners .carousel-item{border-radius: 5px;}
.bloq-banners .carousel-item img{width: 100%;height: 438px;object-fit: contain;background-color: #19244b;border-radius: 5px;}

.carousel-control-next {right: 0px;opacity: 1;}
.carousel-control-prev {left: 0px;opacity: 1;}

.bloq-btns{margin-top: 30px;}
.bloq-btns img{width: 100%;height: 279px;object-fit: cover;}
.bloq-btns .btn-effect{overflow:hidden;margin-bottom: 30px;position: relative;}
.bloq-btns .btn-effect .text{position: absolute;top: 0;left: 0;color: #fff;font-size: 3.8em;text-transform: uppercase;font-family: avantt_trialbold;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;line-height: 1;}

.bloq-btns.detail{margin-top: 60px;}
.bloq-btns.detail img{width: 100%;margin-bottom: 60px;}

/* SECCIONES */
.bloq-title{padding-top: 30px;}
.bloq-title .container-fluid{padding: 0px;}
.bloq-title .btn-home{border-radius: 5px;background-color: #045db5;}
.bloq-title .btn-home img{width: 100%;padding: 10px;}
.bloq-title .text h1{text-align: center;color: #fff;margin: 0 20px;font-size: 3.2em;padding: 20px 0;text-transform: uppercase;font-family: avantt_trialbold;letter-spacing: 0px;height: 86px;overflow: hidden;}
.bloq-title .btn-back{border-radius: 5px;background-color: #949aae;}
.bloq-title .btn-back img{width: 100%;padding: 10px;}

.bloq-title.blue .text h1{background-color: #202c55;}
.bloq-title.bluelight .text h1{background-color: #0082fa;}
.bloq-title.redlight .text h1{background-color: #ff4242;}
.bloq-title.red .text h1{background-color: #ef0b2c;}
.bloq-title.yellow .text h1{background-color: #fdb400;}

/*
.bloq-btns-detail{margin-top: 90px;}
.bloq-btns-detail .bloqs{min-height: 1215px;}
.bloq-btns-detail .btn-effect img{width: 100%;height: 100px;object-fit: cover;}
.bloq-btns-detail .btn-effect{overflow:hidden;margin-bottom: 30px;position: relative;}
.bloq-btns-detail .btn-effect .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 20px 20px 0;display: flex;justify-content: end;flex-direction: column;align-self: center;text-align: left;line-height: 1;}
.bloq-btns-detail .btn-effect .text p{color: #fff;font-size: 3.4em;text-transform: uppercase;font-family: avantt_trialregular;margin-bottom: 30px;}
.bloq-btns-detail .btn-effect .text p i{border: 4px solid #fff;border-radius: 40px;padding: 10px;}

*/
.bloq-btns-detail{margin-top: 90px;}
.bloq-btns-detail .bloqs{min-height: 1215px;}
.bloq-btns-detail .btn-effect{overflow:hidden;margin-bottom: 30px;position: relative;}
.bloq-btns-detail .btn-effect .text{padding: 20px 20px;text-align: left;line-height: 1.2;display: flex;align-items: center;justify-content: start;}
.bloq-btns-detail .btn-effect .text p{color: #fff;font-size: 3.4em;text-transform: uppercase;font-family: avantt_trialsemibold;margin-bottom: 0px;}
.bloq-btns-detail .btn-effect .text i{color: #fff;font-size: 3.4em;border: 4px solid #fff;border-radius: 40px;padding: 10px;margin-right: 30px;width: 63px;height: 68px;}
.bloq-btns-detail .btn-effect.color-blue{background-color: #202c55;}
.bloq-btns-detail .btn-effect.color-bluelight{background-color: #0082fa;}
.bloq-btns-detail .btn-effect.color-redlight{background-color: #ff4242;}
.bloq-btns-detail .btn-effect.color-red{background-color: #ef0b2c;}
.bloq-btns-detail .btn-effect.color-yellow{background-color: #fdb400;}


.btns-pagination{display: flex;justify-content: center;}
ul.pagination li a{background-color: #202c55; color: #fff;font-size: 2.4em;font-family: avantt_trialbold;}
.page-item.active .page-link {z-index: 3;color: #fff;background-color: #cd132e;border-color: #d9b630;}
.page-link {padding: .8rem 1.55rem;font-size: 2.4em;}

/* DETALLE */
.bloq-slide-detail{margin-top: 60px;overflow: hidden;overflow-y: auto;}
.bloq-slide-detail .info{height: 1200px;margin-top: 40px;background-color: #fff;border-radius: 10px;}
.bloq-slide-detail .info img{width: 100%;height: 1200px;object-fit: contain;}

.btn-email{display: flex;height: 100px;cursor: pointer;}
.btn-email .image{display: flex;align-items: center;justify-content: center;width: 100px;background-color: #fff;height: 100%;}
.btn-email .text{display: flex;align-items: center;justify-content: center;width: 350px;font-size: 2.0em;color: #fff;text-transform: uppercase;font-family: avantt_trialbold;letter-spacing: 2px;background-color: #005db8;}

.btn-qr{display: flex;height: 100px;cursor: pointer;}
.btn-qr .image{display: flex;align-items: center;justify-content: center;width: 100px;background-color: #fff;height: 100%;}
.btn-qr .text{display: flex;align-items: center;justify-content: center;width: 350px;font-size: 2.0em;color: #fff;text-transform: uppercase;font-family: avantt_trialbold;letter-spacing: 2px;background-color: #068eff;}

#qr{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-color: #2a365d;z-index: -1;display: flex;flex-direction: column;align-items: center;justify-content: start;padding-top: 160px;opacity: 0;transition: 0.5s ease-in-out;}
#qr h3{color: #068eff;font-family: avantt_trialbold;font-size: 6.2em;text-align: center;text-transform: uppercase;margin-bottom: 30px;}
#qr p{color: #fff;font-family: avantt_trialregular;font-size: 4.2em;text-align: center;margin-bottom: 30px;}
#qr.active{opacity: 1;z-index: 2}
#qr p span{background-color: #068eff;padding: 15px 30px 10px;border-radius: 5px;text-transform: uppercase;font-family: avantt_trialsemibold;line-height: 1;font-size: 0.8em;}

#qr.blue{background-color: #202c55;}
#qr.bluelight{background-color: #0082fa;}
#qr.bluelight h3{color: #2a365d;}
#qr.bluelight p span{background-color: #2a365d;}
#qr.redlight{background-color: #ff4242;}
#qr.redlight h3{color: #2a365d;}
#qr.redlight p span{background-color: #2a365d;}
#qr.red{background-color: #ef0b2c;}
#qr.red h3{color: #2a365d;}
#qr.red p span{background-color: #2a365d;}
#qr.yellow{background-color: #fdb400;}


#email{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-color: #2a365d;z-index: -1;display: flex;flex-direction: column;align-items: center;justify-content: start;padding-top: 160px;opacity: 0;transition: 0.5s ease-in-out;}
#email h3{color: #068eff;font-family: avantt_trialbold;font-size: 6.2em;text-align: center;text-transform: uppercase;margin-bottom: 30px;}
#email p{color: #fff;font-family: avantt_trialregular;font-size: 4.2em;text-align: center;margin-bottom: 30px;line-height: 1.1;}
#email.active{opacity: 1;z-index: 2;}
#email p span{background-color: #068eff;padding: 15px 30px 10px;border-radius: 5px;text-transform: uppercase;font-family: avantt_trialsemibold;line-height: 1;font-size: 0.8em;}

#email.blue{background-color: #202c55;}
#email.bluelight{background-color: #0082fa;}
#email.bluelight h3{color: #2a365d;}
#email.bluelight p span{background-color: #2a365d;}
#email.redlight{background-color: #ff4242;}
#email.redlight h3{color: #2a365d;}
#email.redlight p span{background-color: #2a365d;}
#email.red{background-color: #ef0b2c;}
#email.red h3{color: #2a365d;}
#email.red p span{background-color: #2a365d;}
#email.yellow{background-color: #fdb400;}

#frm-infographic{width: 1200px;}
#frm-infographic input{width: 600px;height: 80px;font-size: 2.8em;font-family: avantt_trialregular;border-radius: 10px; margin: 0 auto;}
.actions{text-align: center;margin-bottom: 60px;}
.actions button{background-color: #fdb400;color: #000;padding: 15px 30px 10px;margin-top: 10px; border-radius: 5px;text-transform: uppercase;font-family: avantt_trialsemibold;line-height: 1;font-size: 3.6em;}
.bv-form .help-block{text-align: center;color: #fff;font-size: 2.4em;font-family: avantt_trialregular;display: block;}

#keyboard_container {text-align: center;box-sizing: border-box;}
#keyboard {background-color: transparent;display: inline-block;padding: 10px;}
#keyboard button {font-size: 3.2em;width: 56px;height: 56px;background-color: #fff;border-radius: 10px; border: 0px;cursor: pointer;font-family: avantt_trialsemibold;margin: 3px;box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.5);box-sizing: border-box;padding: 0px 10px;}
#keyboard button#cls {background-color: #cd132e;color: white;width: 190px;}
#keyboard button#space {width: 48%;}
#keyboard button:hover {background-color: #068eff;color: white;}
#keyboard button:active {box-shadow: none;}

.bloq-thanks{display: none;}


footer{height: 104px;text-align: center;background-color: rgba(0, 0, 0, 0.8);padding: 20px 0;}



/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14.active figure::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


/* Circle */
.hover15 div.btn-effect {
	position: relative;
}
.hover15 div.btn-effect::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15.active div.btn-effect:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}



@keyframes hide{
  0% { transform: translate(0);}
  20% { transform: translate(5px);}
  100% { transform: translate(-120vw);}
}

@keyframes show {
  0% { transform: translate(120vw);}
  80% { transform: translate(5px);}
  100% { transform: translate(0vw);}
}

.effect-hide {
  animation: hide 0.5s forwards ease-in-out;
  animation-delay: .8s;
}

.effect-show {
  animation: show 0.5s forwards ease-in-out;
}


.no-long-press {
    -webkit-touch-callout: none; /* Deshabilita el menú al mantener presionado (iOS) */
    user-select: none;           /* Evita selección de texto */
    touch-action: manipulation;  /* Permite scroll y zoom, pero no acciones de doble toque/largo */
}

/*
.no-touch-all {
    touch-action: none;
}
*/