@charset "utf-8";
/* 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 {
	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-amarillo {background-color: #febd00;}
.bg-morado {background-color: #4C3193;}
.bg-morado-light {background-color: #655BFB;}
.bg-corazones {background: #655bfa url("../img/bg-nav.jpg") top center;}

/**COLORES DE TEXTO**/
.text-morado {color: #4C3193;}
.text-morado-light {color: #655BFB;}
.text-danger {color: red!important;}

/*COLOR LINKS*/
a {color: #655BFB;}
a:hover {color: #4C3193;}

/*TEXTOS*/
h1, h2, h3, h4, h5 {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";}

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

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

/*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: #655BFB; color: #FFF;}
.btn-race:hover {background-color: #4C3193; color: #FFF; }


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

#website-menu #inscribete .nav-link {background-color: #febd00; color: #4C3193; opacity: 1.0; border-radius: 0.5rem;}
#website-menu #inscribete .nav-link:hover {background-color: #4C3193; color: #FFF;}

/*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;}
	#website-menu #inscribete .nav-link {border-radius: 0;}
}


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


/*CARRUSEL*************/
.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*************/


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


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


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


/*UTILIDADES***************************/
/*display en desktop o mobile*/
.desktop {display: block;}
.mobile {display: none;}
@media (max-width:600px) and (orientation:portrait) {
	.desktop {display: none;}
	.mobile {display: block;}
}
/*horizontal scroller interno*/
@media (max-width: 1000px) {
	.hor-scroller-container {min-width: 1100px;}
	.hor-scroller {overflow: auto;}
}

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


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