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

html, body {margin: 0; height: 100%;}
body {
    font-family: "Raleway", sans-serif;
  	font-optical-sizing: auto;
    font-weight: 500;
    font-size: 1rem;
    color: #000;
}

strong {font-weight: 800;}

hr {border: 0; border-bottom: dotted 3px #BABABA; opacity: 0.8;}

.text-danger {color: #E53377!important;}
.text-giro {color: #E53377;}

.bg-giro {background-color: #E53377!important;}
.bg-dark {background-color: #424647!important;}
.bg-gris {background-color: #BABABA;}
.bg-black {background-color: #000;}


.btn {border-radius: 0; font-weight: 800;}
.btn-giro {background-color: #E53377; border: solid 2px #E53377;}
.btn-giro:hover {background-color: #000; border: solid 2px #666;}

/*rollovers*/
.pinch-img {transition: all 0.3s ease-in;}
.pinch-img:hover {transform: scale(0.95);}


/*boton cierre*/
.close-button {text-align: right;}
.close-button a {color: #FFF!important; font-size: .85rem; text-decoration: none;}
.close-button a:hover {color: #666!important; text-decoration: none;}

/*containers*/
.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;}
.container-500 {max-width: 500px; margin: auto;}
.container-400 {max-width: 400px; margin: auto;}

/*Listas sin bullets*/
.list-no-bullets {list-style: none;}

/**HEADER**/
.logo-header {max-width: 150px; transition: all 0.3s ease-in;}
header.reduce .logo-header {max-width: 130px;}
.logo-header img {width: 100%;}

/*NAV*/
.main-nav .nav-link {transition: all 0.2s ease-in;}
.main-nav .nav-link:hover {color: #E53377!important; transform: scale(1.05);}
.main-nav li.active .nav-link {color: #E53377!important; font-weight: 800;}

/*SLIDER*/
.hero-carousel .carousel-item {height: 60vh;}
.hero-carousel .carousel-item img {width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}

/*IMAS BACKGROUNDS*/
.img-bg {position: relative; background-size: cover; background-position: center;}
.img-bg::before {content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .65); z-index: 1;}
.img-bg > * {position: relative; z-index: 2;}

/*VIDEO LINKS HOME*/
.video-card {position: relative; display: block; width: 100%; height: 60vh; overflow: hidden; border-radius: 6px; cursor: pointer; text-decoration: none; color: inherit;}
.video-bg {position: absolute; inset: 0; filter: brightness(0.5); background-size: cover; background-position: center; transition: all 0.6s ease; z-index: 1;}
.video-card:hover .video-bg {transform: scale(1.12); filter: brightness(1);}

.video-play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.video-play i {font-size: 4rem; color: white; text-shadow: 0 4px 10px rgba(0,0,0,0.7); pointer-events: none;}

.video-title {position: absolute; bottom: 0; left: 0; width: 100%; padding: 14px 10px; font-weight: 600; text-align: center; color: white; z-index: 3; font-size: 1rem;}


/*CONTADOR HOME*/
#Countdown div {display: inline-block; padding: 0.2rem 0 0 0; margin: 0 0.2rem;}
#Countdown strong, #Countdown span {display: block;}
#Countdown strong {font-size: 2rem; width: 70px;}

/*social-bar*/
.social-bar a {color: #FFF; font-size: 0.9rem; transition: all 0.2s ease-in;}
.social-bar a:hover {color: #E53377; transform: scale(1.1);}
.social-bar .nav-link {padding: .5rem .6rem;}

/*FOOTER*/
footer {border-top: solid 5px #1b1b1b; font-size: 0.9rem; color: #fff;}
img.jk-credit {width: 30%; max-width: 120px;}