@charset "utf-8";
/* CSS Document */
/*FONT************************************************/
@font-face {
	font-family: 'RedHatDisplay';
    src: url('fonts/RedHatDisplay-Regular.eot?#iefix') format('embedded-opentype'), 
         url('fonts/RedHatDisplay-Regular.woff') format('woff'),
         url('fonts/RedHatDisplay-Regular.ttf') format('truetype'),
         url('fonts/RedHatDisplay-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RedHatDisplay';
    src: url('fonts/RedHatDisplay-Bold.eot?#iefix') format('embedded-opentype'), 
         url('fonts/RedHatDisplay-Bold.woff') format('woff'),
         url('fonts/RedHatDisplay-Bold.ttf') format('truetype'),
         url('fonts/RedHatDisplay-Bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}

body {
    font-family: 'RedHatDisplay', sans-serif;
    font-size: 1rem;
    color: #323f48;
}

strong {font-weight: bold;}
.text-shadow {text-shadow: 2px 2px rgba(0,0,0,0.45);}
.line-height-sm {line-height: 0.8em;}

.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;}
.container-500 {max-width: 500px;}

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

/*rounded borders*/
.rounded {border-radius: 1.3rem!important;}

/*borders azules*/
.border-azul {border: solid 1px #b0297a;}

/*imágenes fit area*/
.img-fit {width: 100%; height: 100%; object-fit: cover;}

/*filtros imagenes*/
.img-grayscale {filter: grayscale(100%);}

/*botones*/
.btn-rojo, .btn-rojo:active, .btn-rojo:visited {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f70931+0,c9037c+63 */
    background: -webkit-linear-gradient(left, #f70931 0%, #c9037c 63%);
    background: -o-linear-gradient(left, #f70931 0%, #c9037c 63%);
    background: linear-gradient(to right, #f70931 0%, #c9037c 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #FFF; border: 0; border-radius: 0.5em;}
.btn-rojo:hover {background-color: #b0297a!important;}

.bg-gradient {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f70931+0,c9037c+63 */
    background: -webkit-linear-gradient(left, #f70931 0%, #c9037c 63%);
    background: -o-linear-gradient(left, #f70931 0%, #c9037c 63%);
    background: linear-gradient(to right, #f70931 0%, #c9037c 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.bg-gris {background-color: #1b1b1b;}
.bg-rojo {background-color: #FF0000;}
.bg-rojo-dark {background-color: #ed0707;}
.bg-azul {background-color: #b0297a;}
.bg-verde {background-color: #23C847;}

.text-rojo {color: #FF0000;}
.text-azul {color: #b0297a;}
.text-verde {color: #23C847;}

a, a:visited, a:active {color: #ed0707;}
a:hover {color: #FF0000;}

.hr-dotted-white {border: 0; border-bottom: dotted 2px #FFF;}
.hr-dotted-grey {border: 0; border-bottom: dotted 2px #808080;}

.border-top-dotted {border-top: dotted 2px #CCC;}

/*CARDS*/
.card {border: solid 1px #e7e7e7!important;}

/*LISTAS UL*/
ul li::marker {
  color: red;
}


/*HOME**************************/
/*countdown*/
#Countdown {padding-top: 5px; padding-bottom: 5px; border-radius: 1.3rem;}
#Countdown div {padding-left: 15px; padding-right: 15px; width: 20%;}
#Countdown div p {font-size: 3.5rem; line-height: 1em;}
@media (max-width: 600px) {
	#Countdown {border-radius: 1rem;}
    #Countdown div {width: 22%;}
	#Countdown div p {font-size: 2rem;}
}

/*banner avianca*/
.banner-avianca {line-height: 1.6rem;}
.banner-avianca .p1 {font-size: 2.3rem;}
.banner-avianca .p2 {font-size: 3rem;}
@media (max-width: 600px) {
	.banner-avianca .p1 {font-size: 1.6rem; display: block;}
	.banner-avianca .p2 {font-size: 2rem;}
}


/*NAV*/
.navbar-dark .navbar-nav .nav-link {font-size: 0.9rem; text-align: center;}
.navbar-dark .navbar-nav .nav-link span {font-size: 1.5rem; transition: all 0.2s linear 0.05s;}
.navbar-dark .navbar-nav .nav-link {color: #FFF;}
.navbar-dark .navbar-nav .nav-link:hover {color: #FFF;}
.navbar-dark .navbar-nav .nav-link:hover span {transform: translateY(3px);}
.nav-logo {width: 10%; max-width: 150px; z-index: 10000;}

@media (max-width:991px) {
    .navbar-dark .navbar-nav .nav-link span {font-size: 1rem; margin-right: 0.3rem;}
    .nav-logo {width: 25%; top: 15px;}
}

/*BOTON FLOTANTE*/
.float-btn {
	position: fixed;
	display: inline-block;
	right: 0;
    bottom: 20px;
    width: 150px;
	z-index: 100;
}
.fixed-btn {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
}
.spacer-bottom {display: none; height: 2.5rem;}
@media (max-width: 600px) {
    .float-btn {display: none;}
    .fixed-btn {display: block;}
    .spacer-bottom {display: block;}
}

/*NAV PILLS FOR TABS*/
.nav-pills .nav-link {color: #343a40;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #FFF; background-color: #b0297a;}

/*SPONSORS*/
.sponsors a {display: inline-block; width: 20%; margin: .2rem; transition: all 0.2s linear 0.05s;}
.sponsors a img {width: 100%; border: solid 2px #f6f6f6;}
.sponsors a:hover {transform: translateY(-3px); box-shadow: 2px 0 3px rgba(0,0,0,0.2);}
.sponsors a:hover img {border: solid 2px #e9e9e9;}

.sponsors-main a {display: inline-block; width: 20%;}
.sponsors-support a {display: inline-block; width: 15%;}
.sponsors-double a {display: inline-block; width: 30%;}

@media (max-width:800px) {
    .sponsors-main a {width: 30%;}
    .sponsors-support a {width: 20%;}
    .sponsors-double a {width: 40%;}
}


/*SPONSORS NEW -- UNA VEZ APROBADO, ELIMINAR EL DE ARRIBA*/
.sponsors-new a {display: inline-block; transition: all 0.2s linear 0.05s;}
.sponsors-new a img {border: solid 2px #f6f6f6; width: 100%;}
.sponsors-new a:hover {transform: translateY(-3px); box-shadow: 2px 0 3px rgba(0,0,0,0.2);}
.sponsors-new a:hover img {border: solid 2px #e9e9e9;}

/*FOOTER*/
footer {
	background-image: url("../img/footer/background.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	font-size: 0.9rem;
}
img.jk-credit {width: 40%; max-width: 120px;}