/* CSS Document */
@font-face {
  font-family: "Hero-new";
  src: url("fonts/hero-new-regular.eot");
  src: url("fonts/hero-new-regular.eot?#iefix") format("embedded-opentype"),
	url("fonts/hero-new-regular.svg") format("svg"),
	url("./fonts/hero-new-regular.ttf") format("truetype"),
	url("fonts/hero-new-regular.otf") format("otf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: "Hero-new";
  src: url("fonts/hero-new-bold.eot");
  src: url("fonts/hero-new-bold.eot?#iefix") format("embedded-opentype"),
	url("fonts/hero-new-bold.svg") format("svg"),
	url("./fonts/hero-new-bold.ttf") format("truetype"),
	url("fonts/hero-new-bold.otf") format("otf");
	font-weight: bold;
	font-style: normal;
}
@font-face {
  font-family: "Hero-new-super";
  src: url("fonts/hero-new-super.eot");
  src: url("fonts/hero-new-super.eot?#iefix") format("embedded-opentype"),
	url("fonts/hero-new-super.svg") format("svg"),
	url("./fonts/hero-new-super.ttf") format("truetype"),
	url("fonts/hero-new-super.otf") format("otf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: "NeuePower-Heavy";
  src: url("fonts/NeuePower-Heavy.eot");
  src: url("fonts/NeuePower-Heavy.eot?#iefix") format("embedded-opentype"),
	url("fonts/NeuePower-Heavy.svg") format("svg"),
	url("./fonts/NeuePower-Heavy.ttf") format("truetype"),
	url("fonts/NeuePower-Heavy.otf") format("otf");
	font-weight: normal;
	font-style: normal;
}

html, body {height:100%;}
body {
	overflow:auto;
	background:#FFF;
	margin:0; padding:0;
	font-family: "Hero-new";
	font-weight:400;
	font-size:1rem;
	color:#3F3F3F;
}
@media (max-width:600px) {body {font-size:0.9rem;}}

/**COLORES FONDOS**/
.bg-azul {background-color: #39CECA;}
.bg-amarillo {background-color: #febd00;}
.bg-rosa {background-color: #FF2ADA;}
.bg-morado {background-color: #4C3193;}
.bg-morado-light {background-color: #655BFB;}
.bg-gris {background-color: #DBD9FF;}
.bg-corazones {background: #655bfa url("../img/bg-nav.jpg") top center;}

/**COLORES DE TEXTO**/
.text-rosa {color: #FF2ADA;}
.text-morado {color: #4C3193;}
.text-morado-light {color: #655BFB;}
.text-azul {color: #39CECA;}
.text-amarillo {color: #febd00;}
.text-danger {color: red!important;}

/*BORDERS MORADOS LIGHT*/
.border-morado-light {border: solid 2px #655BFB;}

/*SOMBRA DE TEXTO*/
.text-shadow {text-shadow: 1px 2px 2px rgb(0 0 0 / 60%);}

/*TEXTO TACHADO*/
.text-line-trough {text-decoration:line-through;}

/*SMALL XS*/
.text-sm {font-size: 0.9rem;}

/*REDONDEADO GRANDE*/
.rounded-big {border-radius: 2em!important;}

/*HOME BACKGROUND*/
.home-bg {
    background-image: url("../img/home-bg.png?02");
    background-position: bottom center;
    background-repeat: no-repeat;
}

@media (max-width:600px) and (orientation:portrait) {
    .home-bg {background-image: url("../img/home-bg-vert.png?02"); background-size: cover;}
}


/*ANIMACIONES*/
.animate-blink {animation-name: blink-text; animation-duration: 1s; animation-iteration-count: infinite;}
@keyframes blink-text {
    0% {opacity: 1;}
    50% {opacity: 0.5; transform: scale(1.1)}
    100% {opacity: 1;}
}

/*REACTIONS*/
.grow-up, .grow-big {transition: all 0.2s linear;}
.grow-up:hover {transform: scale(1.05);}
.grow-big:hover {transform: scale(1.1);}


/*CONTENEDORES*/
.container {padding-left: 20px; padding-right: 20px;}

.container-1300 {max-width: 1300px;}
.container-1200 {max-width: 1200px;}
.container-1000 {max-width: 1000px;}
.container-900 {max-width: 900px;}
.container-800 {max-width: 800px;}
.container-700 {max-width: 700px;}
.container-600 {max-width: 600px;}

/*HORIZONTAL SCROLLER INTERNO*/
.hor-scroller-container {min-width: 960px;}
.hor-scroller {overflow: hidden;}
@media (max-width: 1000px) {
	.hor-scroller-container {min-width: 1100px;}
	.hor-scroller {overflow: auto;}
}

/*HORIZONTAL SCROLLER HOME*/
.scroll-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.no-wrap-row { flex-wrap: nowrap; } /* row por defecto es display:flex; esto evita el wrap */
.no-wrap-row .col-3 { flex: 0 0 auto; min-width: 210px; width: auto; }
@media (min-width:768px) {
  .no-wrap-row { flex-wrap: wrap; }
  .no-wrap-row .col-3 { flex: 0 0 25%; min-width: 0; }
}


h1, h2, h4 {font-family: "Hero-new-super";}
h1 {font-size: 2rem;}
h2 {font-size: 1.6rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 1.2rem;}
h5 {font-size: 1.1rem;}

.neuepower {font-family: "NeuePower-Heavy";}

.font-super {font-family: "Hero-new-super";}

strong {font-weight: 700;}
a:link, a:visited {text-decoration:none; color: #4C3193;}
a:hover {text-decoration:underline;}


hr {
	height:2px;
    width:70px;
    position:relative;
    background:#4C3193;
    margin:0.5em 0 2em 0;
    border:0;
}
.hr_center {margin:0.5em auto 3em auto;}

/*CARDS**********************/
.card {border: none; border-radius: 2rem;}
.card-img-top {border-top-left-radius: 2rem; border-top-right-radius: 2rem;}
.card-header, .card-header:first-child {border-top-left-radius: 2rem; border-top-right-radius: 2rem;}
.card-footer {border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem;}

/*SOMBRA FUERTE*************/
.shadow-thick {box-shadow: 2px 2px 15px rgb(0 0 0 / 80%);}


/*LISTAS ORDENADAS***************/

ol.bignumbers {
	counter-reset: my-awesome-counter;
	list-style: none;
	padding-left: 40px;
}
ol.bignumbers li {
	margin: 0 0 0.5rem 0;
	counter-increment: my-awesome-counter;
	position: relative;
	border-bottom: dotted 1px #999;
	padding: 0.5em 0;
}
ol.bignumbers li::before {
	content: counter(my-awesome-counter);
	color: #CACACA;
	font-size: 2rem;
	font-weight: bold;
	position: absolute;
	--size: 32px;
	left: calc(-1 * var(--size) - 10px);
	line-height: var(--size);
	width: var(--size);
	height: var(--size);
	top: 0;
	text-align: center;
}



/*BLOCKQUOTES*********************/
blockquote {
	background: #e0defe;
    padding: 1.5rem 2rem;
    border-radius: 2rem;
}


/*VIGILADO*/
.vigilado {
	position: absolute;
	right: 0;
	width: 25px;
}


/*HEADER****/
#website-menu .nav-link {font-family: 'NeuePower-Heavy'; font-size: 1.1rem; transition: all 0.2s linear;}
#website-menu .nav-link, #website-menu .dropdown-item {color: #FFF; opacity: 0.6; padding-left: 0.6rem; padding-right: 0.6rem;}
#website-menu .nav-link:hover, #website-menu .dropdown-item:hover {opacity: 1.0; background-color: transparent;}
/*submenus*/
#website-menu .dropdown-item {transition: all 0.2s linear;}
#website-menu .dropdown:hover .dropdown-menu {display: block; background-color: #655bfa;}
#website-menu .dropdown-menu {margin-top: 0; border: 0; border-radius: 20px;}
.current-section a.nav-link {color: #febd00!important; opacity: 1.0!important;}

@media (max-width:991px) {
	#website-menu .nav-link {border-bottom: solid 1px #FFF;}
}

/*barra de usuario*/
.user-bar .dropdown-menu .dropdown-item {color: #FFF!important; font-size: 0.8em;}
.user-bar .dropdown-menu .dropdown-item:hover, .user-bar .dropdown-menu .dropdown-item:active {background-color: transparent; color: #FFF!important;}


/*BRANDING RESULTADOS*/
.branding_results {background-color:#fff20d; display: none;}



/*MAIN SLIDER*************/
.carousel-indicators {bottom: 20px;}

.carousel-indicators li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: transparent;
  margin: 4px;
  opacity: 0.8;
  transition: all 0.3s ease;
}

.carousel-indicators .active {
  background-color: #fff;
  opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 53px;
  height: 53px;
  background-size: 100% 100%;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.5));
}

/* Flecha izquierda */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
}

/* Flecha derecha */
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
}

/* Área clicable de controles */
.carousel-control-prev,
.carousel-control-next {
  width: 6%;
  opacity: 0.9;
  transition: opacity 0.3s ease;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
  opacity: 1;
}
/*MAIN SLIDER FIN*************/



/*display en desktop o mobile*/
.desktop {display: block;}
.mobile {display: none;}
@media (max-width:600px) and (orientation:portrait) {
	.desktop {display: none;}
	.mobile {display: block;}
}


/*SECCIÓN PATROCINADORES******/
.sponsors_wrapper a {display: inline-block; margin: 4px 2px; border: solid 2px #f6f6f6; transition: all 0.2s linear 0.05s;}
.sponsors_wrapper a:hover {transform: translateY(-3px); box-shadow: 2px 0 3px rgba(0,0,0,0.2);}
.sponsors_wrapper .big a {width:31%;}
.sponsors_wrapper .mid a {width:22%;}
.sponsors_wrapper .sml a {width:17%;}

.sponsors_wrapper .rcn a {width:34%;}/*logo RCN*/
.sponsors_wrapper .idrd a {width:67%;}/*logo ALCALDIA IDRD*/

@media only screen and (max-width: 500px) {
    .sponsors_wrapper .rcn a {width:39%;}
    .sponsors_wrapper .idrd a {width:60%;}
}
.sponsors_wrapper a img {
	display:inline-block;
	max-width:100%;
}



/*EVIDENCIA**********************/
.img-results {padding: 8px 0 0 0; transition: all 0.2s linear;}
.img-results:hover {padding: 0 0 8px 0; opacity: 0.5;}

/*CONFETI************************/
.confeti {background: url(../img/confetti.gif);}

/*TABLAS DE RESULTADOS**********/
img.logo-results-table {width: 100%; max-width: 200px; border-radius: 0.5em; box-shadow: #666 1px 1px 5px;}
.table-results {width: 100%; font-size: 0.8em;}
/*.avatar-container {width:60px; height:60px; background-position: center center; background-size: 100%;}*/
.avatar_results {width: 60px;}

/*GALERÍA EVIDENCIAS*****/
.ima_container {
	background: #CCC;
	padding: 3px;
	background-size: 100%;
    background-position: center center;
}
.ima_container img {opacity: 0.5; transition: all 0.2s linear;}
.ima_container img:hover {opacity: 1;}


/*COUNTDOWN CLOCKS*/
.Countdown {font-size: 1.5rem; text-align: center;}
.Countdown div {display: inline-block;}
.Countdown span {display:block; font-size:0.6em; line-height:1em;}

.Countdown-home {font-size: 2.2rem; line-height: 1em;}
.Countdown-header {font-size: 1.8rem;}

.Countdown-home div {margin: 0 0.3em; color: #655BFB;}
.Countdown-header div {margin: 0 0.3em; color: #FFF;}

.Countdown-home div, .Countdown-header div{
	display: inline-block;
	font-family: "NeuePower-Heavy";
	line-height: 1.2em;
}
.Countdown-header span, .Countdown-home span {display:block; font-size: 0.3em; line-height: 0.9em;}

@media (max-width:600px) {
    .Countdown-home {font-size: 1.4rem;}
    .Countdown-home div {margin: 0 0.2em;}
}

/*ACCORDIONS*****************/
.accordion .card-header .btn-link {color: #464646; font-weight: 700;}
.accordion .btn-link.focus, .accordion .btn-link:focus, .accordion .btn-link:hover {text-decoration: none;}
.accordion .card-header {background: #E5E5E5;}



/*TABS - NAV PILLS**********/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: #343A40;}
.nav-pills {border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; padding: 0.5rem 0; font-weight: 700;}



/*FORMS**********************/
/*grupo radio buttons*/
.btn-group .btn {cursor: pointer;}
.btn-group .btn-secondary:not(:disabled):not(.disabled).active, .btn-group .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {background-color: #35393D;}
/*labels*/
label {font-weight: 700; font-size: 0.95rem;}
/*borde campos*/
.form-control, .custom-select {border: 1.5px solid #ced4da; border-radius: 2.25rem;}


/*VALIDADOR PASSWORD*/
#pswd_info {
	position: absolute;
    z-index: 100;
    background: #FFF;
    border: solid 1px #CCC;
    box-shadow: #999 2px 2px 6px;
    font-size: 0.8em;
}
#pswd_info ul {
	list-style: none;
	padding: 0;
	margin: 5px 15px;
}
#pswd_info p {
	background: #333;
    color: #FFF;
    padding: 5px 10px;
}



/*BOTONES*/
.btn {
    border-radius: 2.25rem;
    border: none;
    font-weight: bold;
    padding: 0.6rem 1.5rem;
    transition: all 0.2s linear;
}
.btn:hover {transform: scale(1.03);}

.btn-race, .btn-race:link, .btn-race:visited {background-color: #655BFA; color: #FFF;}
.btn-race:hover {background-color: #4C3193; color: #FFF; }

.btn-rosa {background-color: #FF2ADA;}
.btn-rojo {background-color: #FF0F06;}
.btn-azul {background-color: #39CECA;}
.btn-morado-light {background-color: #655BFA;}
.btn-morado-grey {background-color: #ae77b1;}
.btn-amarillo {background-color: #ecae0f;}

.btn-rosa:link, .btn-rojo:link, .btn-azul:link, .btn-morado-light:link, .btn-morado-grey:link, .btn-amarillo:link, .btn-rosa:visited, .btn-rojo:visited, .btn-azul:visited, .btn-morado-light:visited, .btn-morado-grey:visited, .btn-amarillo:visited, .btn-rosa:hover, .btn-rojo:hover .btn-azul:hover, .btn-morado-light:hover, .btn-morado-grey:hover, .btn-amarillo:hover {color: #FFF;}

/*botones info usuario*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: #4C3193;}




/*header tablas*/
.table .thead-dark th {background-color: #4C3193; border-color: #4C3193;}
/*alerts*/
.alert {font-weight: bold; font-size: 1.1em;}
.alert-danger {color: #5e0911; border-color: #ca0015;}


/*BOTON FLOTANTE INSCRIPCIÓN*/
.floatbut_mob {display: none;}
.floatbut_desk {position:fixed; left:0; z-index:1000;}
.floatbut_desk {bottom:20px; width:40%; max-width:200px; display: block;}

@media (max-width:600px) {
    .floatbut_desk {display: none;}
    .floatbut_mob {display: block; position:fixed; bottom: 0; width: 100%; z-index: 20;}
}


/*PRINTABLE**************/
#printable .print-hide {display: block;}
#printable .print-show {display: none;}

@media print {
	body * {visibility: hidden;}
	body {width: 100%; background: #FFF; color: #333; margin: 5px;}
	#printable .print-hide {display: none;}
	#printable .print-show {display: block;}
	
	#printable, #printable * {visibility: visible; background: #FFF;}
	#printable {
		display: block;
		position: absolute;
        margin: auto;
		top: 0;
		left: 0;
		padding: 20px 15% 20px 15%;
	}
}

	


/*FOOTER***********************/
footer {font-size: 0.8rem;}
footer a, footer a:visited {color: #655BFB!important;}
.footer_logo {width: 65%; max-width: 150px; height: auto;}

/*social icons**/
.social a {display: inline-block; width: 14%; max-width: 50px; transition: all 0.2s linear;}
.social a:hover {transform: translateY(5px);}

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