@charset "utf-8";
/* CSS Document */
/*PALETA DE COLORES
VERDE #00FE0A
NARANJA #FE572A
GRIS CLARO #F3F0EB
GRIS OSCURO #201E1F
*/

html, body {margin: 0;}
body {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-size: 1rem;
  font-weight: 500;
  font-style: normal;
  color: #1A1A1A;
}

h1 {font-size: 2.5rem;}
h2 {font-size: 2rem;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.2rem;}
h5 {font-size: 1rem;}

.h1 {font-size: 2.5rem;}
.h2 {font-size: 2rem;}
.h3 {font-size: 1.5rem;}
.h4 {font-size: 1.2rem;}
.h5 {font-size: 1rem;}

.glow-azul { text-shadow: 2px 2px 12px #29ABE2; }
.glow-blanco { text-shadow: 2px 2px 12px #fff; }

.hr-white {border: 0; border-bottom: solid 2px #fff;}
.hr-grey {border: 0; border-bottom: solid 2px #353133;}

strong { font-weight: 800; }

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

/*textos 2026*/
.text-verde  {color: #00FE0A;}
.text-naranja  {color: #FE572A;}
.text-light {color: #F3F0EB!important;}

/*textos borrar 2025*/
.text-amarillo  { color: #f2e641; }
.text-purpura   { color: #ba38f2; }
.text-morado    { color: #461e7d; }
.text-azul      { color: #050a59; }
.text-azul-dark { color: #090c40; }
.text-aguamarina { color: #2efef8; }

/*fondos 2026*/
.bg-negro {background-color: #000;}
.bg-verde {background-color: #00FE0A;}
.bg-naranja {background-color: #FE572A;}
.bg-dark {background-color: #201E1F!important;}
.bg-light {background-color: #F3F0EB!important;}

/*fondos borrar 2025*/
.bg-morado      { background-color: #461e7d; }
.bg-azul        { background-color: #050a59; }
.bg-azul-dark   { background-color: #090c40; }
.bg-aguamarina  { background-color: #2efef8; }
.bg-foto        { background-size: cover; background-position: center center; }
.bg-fixed       { background-attachment: fixed; }

/*botones y links*/
.btn-link {color: #006fe5;}

.btn {
  border-radius: 1.5em;
  font-weight: 900;
  transition: all 0.2s linear 0.05s;
  padding: .5em 1.5em;
  border: solid 2px #FFF;
}

.btn-dark {
  background-color: #FE572A;
  color: #FFF;
}

.btn-dark:hover {
  background-color: #C9340B;
  border: solid 2px #FFF;
}

/*rollovers*/
.scale-up, .scale-down, .scale-rotate {transition:all 0.3s linear;}
.scale-up:hover {transform: scale(1.2);}
.scale-down:hover {transform: scale(.9);}
.scale-rotate:hover {transform: scale(1.2) rotate(-15deg);}

/*cajita de textos*/
.rounded-box {
    border: solid 1px #FFF;
    border-radius: .8rem;
}

/*HOME*********************/
/*conteo regresivo*/
#Countdown {padding: .2em .5em; width: 100%;}
#Countdown div {display: inline-block; width: 23%; margin: 0 .2rem;}
#Countdown strong, #Countdown span {display: block;}
#Countdown strong {font-size: 2.5rem; text-align: center;}
#Countdown span {background-color: #FE572A; color: #FFF; padding: 1px;}

/*menu*/
#main-nav {z-index: 100;}
#main-nav .navbar-nav .nav-link {color: #FFF;}
#main-nav .navbar-nav .nav-link:hover {color: #FE572A;}

/*header*/
.bg-header {
  background-color: #000;
  background-image: url(../img/bg-header2026.webp);
  background-size: cover;
  background-position: center center;
}

/*Boton inscribete*/
@keyframes pulse { 0%, 100% {transform:scale(1)} 50% {transform:scale(.9)} }
.inscribete{ width: 30%; max-width: 180px; top: 105px; left: 15px; z-index: 10;}
.inscribete img{ width: 100%; animation: pulse 1s infinite ease-in-out;}


/* Rotador de banners home */
#banner-rotator {
  position: relative;
  width: 100%;
  aspect-ratio: 5 / 2;
  overflow: hidden;
  display: flex;
  align-items: center;
}

/*rotador de banners*/
.banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.banner.active {
  opacity: 1;
  z-index: 1;
}

.banner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: white;
  transform: scaleX(0);
  transform-origin: left;
}

.banner-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  cursor: pointer;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: background 0.3s ease;
}

.banner-nav:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.banner-prev { left: 0; }
.banner-next { right: 0; }

/*patrocinadores*/
logos-patro img {width: 100%;}
.logo-box {border: solid 1px #CCC; background: #FFF;}
.logo-box:hover {transform: translateY(-4px); box-shadow: 2px 0 5px rgb(0 0 0 / .2);}

/*redes sociales*/
.socials {
  position: fixed;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
  font-size: 1.2rem;
  z-index: 15;
}

.socials .container-fluid { padding: 0; }
.socials .row { margin: 0; }
.socials .col { overflow: hidden; }
.socials .col * { transition: all 0.15s linear; }

.socials a:hover { transform: scale(1.3); }

.bg-ig { background-color: #f0f; }
.bg-fb { background-color: darkblue; }
.bg-tw { background-color: #000; }
.bg-yt { background-color: red; }
.bg-wp { background-color: #25d366; }

/*footer*/
footer .logo-corre { width: 40%; max-width: 180px; }
footer .footer_data span {
  margin: 0 .5em;
  display: inline-block;
}

footer a:link,
footer a:active,
footer a:visited {
  color: #FFF !important;
}

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