@charset "utf-8";
/* CSS Document */

/******colores****
Azul #003781
Azul claro #25a9e0
****************/

html, body {margin: 0; height: 100%;}
body {
	/*overflow:auto;*/
	padding:0;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color: #292929;
}
@media (max-width:768px) {body {font-size: 0.9rem;}}

/*fondos*****************************/
.bg-azul {background-color: #013781;}
.bg-azul-claro {background-color: #29AAE1;}
.bg-light {background-color: #f1f1f1!important;}
/*complementarios*/
.bg-amarillo {background-color: #FAB600;}
.bg-rojo {background-color: #F62459;}
.bg-azul-bright {background-color: #007AB3;}
.bg-azul-pastel {background-color: #DFEFF2;}

/*textos*/
.text-azul {color: #013781;}
.text-azul-claro {color: #29AAE1;}

.text-sm {font-size: 0.9rem;}

.display-5 {font-size: 2rem;}
.display-6 {font-size: 1.5rem;}

.container {padding-right: 20px; padding-left: 20px;}
.container-1200 {max-width: 1200px; margin: auto;}
.container-1000 {max-width: 1000px; margin: auto;}
.container-900 {max-width: 900px; margin: auto;}
.container-800 {max-width: 800px; margin: auto;}
.container-700 {max-width: 700px; margin: auto;}
.container-600 {max-width: 600px; margin: auto;}

/*dotted borders*/
.dotted-border-blue {border: dotted 2px #25a9e0;}
.dotted-border-grey {border: dotted 2px #C6C6C6;}

/*botones*/
.btn-azul {background-color: #003781; border: solid 1px #003781; color: #FFF;}
.btn-azul:hover {background-color: #25a9e0; border: solid 1px #25a9e0; color: #FFF;}

/*HR*/
.bold-hr-white {width: 50px; border: solid 3px #FFF; border-radius: 3px;}
.bold-hr-grey {width: 50px; border: solid 3px #999; border-radius: 3px;}
.bold-hr-azul {width: 50px; border: solid 3px #29AAE1; border-radius: 3px;}

/*IMAGES FIT*/
.img-fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*countdown*/
@media (max-width:768px) {.count-container {position: relative; top: 0; right: 0; z-index: 100;}}
#Countdown div {width: 50px;}
.letter-space {letter-spacing: 2px;}

/*navegación*/
#main-menu .nav-link {color: #FFF; transition: all 0.2s linear 0.05s; padding: 1rem 1.2rem;}
#main-menu .nav-link:hover {color: #FFF; background-color: #29AAE1; padding-top: 1.4rem; padding-bottom: 0.6rem;}
.navbar-dark .navbar-toggler {color: #29AAE1!important; border: 0;}

/*STICKY NAV BAR*/
/*funciona con el sticky bar js*/
.sticky {position: fixed; top: 0; width: 100%; z-index: 1020;}
.sticky-placeholder {height: 0;}

/*HEADER SECCIONES*/
.vigilado {
	background-image: url("../img/vigilado.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}

/*MOBILE/DESKTOP DISPLAY*/
.desktop {display: block;}
.mobile {display: none;}
@media (max-width:800px) and (orientation:portrait) {
	.desktop {display: none;}
	.mobile {display: block;}
}

/*SPONSORS*/
.sponsors div {padding: 2px;}
.sponsors img {width: 100%; background-color: white; border: solid 1px #eaeaea;}

/* POPUP ACEPTACIÓN DE COOKIES */
.cookie-popup {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	background-color: white;
	padding: 15px;
	border-radius: 10px;
	width: 90%;
	max-width: 400px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
	z-index: 1000;
	line-height: 1.1rem;
}

/*FOOTER*****************/
footer a, footer a:hover {color: #FFF;}
footer i {color: #FFF; margin-right: 3px;}
footer img {max-width: 50%;}

img.jk-credit {width: 30%; max-width: 120px;}

@media (max-width:768px) {footer .footer_data span {display: block;}}