/* Fuentes */
@font-face {
	font-family: 'Titulo';
	src: url(../fonts/Orbitron/Orbitron-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Text';
	src: url(../fonts/Poppins/Poppins-Regular.ttf) format('truetype');
}


* {
	box-sizing: border-box;
	font-family:Titulo;
	font-size:3vw;
	margin: 0;
	padding: 0;
}
*::-webkit-scrollbar {
	display: none;
}


/* Estilos generales */
body {
	color: #FFF;
	background: linear-gradient(#14191d,#2f363e,#0b1013);
	font-family: 'Text';
	letter-spacing: 0.05em;
	line-height:1.3em;
}

h1 {
	margin: 10vw 0 10vw 0;
	padding:0;
	font-size: 1.5em;
	font-family: 'Titulo';
	color: var(--primary);
	text-align: center;
	color:#5ad6fd;
}
h1 span {font-size: 1em;}

h2 {
	color: #FFF;
	font-family: 'Titulo';
	letter-spacing: 0.2em;
	margin-bottom: 0.5em;
	font-size: 1em;
}



.form-control {border: #000 1px solid;padding: 7px 15px;border-radius: 0.4em;background:transparent;background:rgba(0,0,0,0.4);color:#FFF}
::-webkit-input-placeholder {color: #AAA;}
:-ms-input-placeholder {color: #AAA;}
::placeholder {color: #AAA;}
textarea {min-height:100px;}
.has-danger {border-color: #C00}

hr {padding: 0;margin: 0;border: 0;border-top: #000 1px solid;}
a, .link {text-decoration: none;color: var(--primary);cursor: pointer;display:inline-block;}

img {display: block;}
button {border:0;background:transparent;}
.container {
	max-width:1360px;
	margin:auto;
}

th {font-size:0.8em;}

.text-center {text-align: center;}
.text-end, .text-right {text-align: right;}
.text-start, .text-left {text-align: left;}


.row {
  display: flex;
  flex-wrap: wrap;
}

[class*="col-"] {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/* Columnas por defecto (1 columna igualitaria por col) */
.col {
  flex: 1 0 0%;
}

/* Columnas específicas */
.col-1 { flex: 0 0 8.3333%; max-width: 8.3333%; padding:0;}
.col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; padding:0;}
.col-3 { flex: 0 0 25%; max-width: 25%; padding:0;}
.col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; padding:0;}
.col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; padding:0;}
.col-6 { flex: 0 0 50%; max-width: 50%; padding:0;}
.col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; padding:0;}
.col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; padding:0;}
.col-9 { flex: 0 0 75%; max-width: 75%; padding:0;}
.col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; padding:0;}
.col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; padding:0;}
.col-12 { flex: 0 0 100%; max-width: 100%; padding:0;}

@media(min-width:768px) {
	.col-md-1 { flex: 0 0 8.3333% !important; max-width: 8.3333% !important; padding:0;}
	.col-md-2 { flex: 0 0 16.6667% !important; max-width: 16.6667% !important; padding:0;}
	.col-md-3 { flex: 0 0 25% !important; max-width: 25% !important; padding:0;}
	.col-md-4 { flex: 0 0 33.3333% !important; max-width: 33.3333% !important; padding:0;}
	.col-md-5 { flex: 0 0 41.6667% !important; max-width: 41.6667% !important; padding:0;}
	.col-md-6 { flex: 0 0 50% !important; max-width: 50% !important; padding:0;}
	.col-md-7 { flex: 0 0 58.3333% !important; max-width: 58.3333% !important; padding:0;}
	.col-md-8 { flex: 0 0 66.6667% !important; max-width: 66.6667% !important; padding:0;}
	.col-md-9 { flex: 0 0 75% !important; max-width: 75% !important; padding:0;}
	.col-md-10 { flex: 0 0 83.3333% !important; max-width: 83.3333% !important; padding:0;}
	.col-md-11 { flex: 0 0 91.6667% !important; max-width: 91.6667% !important; padding:0;}
	.col-md-12 { flex: 0 0 100% !important; max-width: 100% !important; padding:0;}
}

.p-0 {padding:0}
.p-5 {padding: 0.5em}
.p-10 {padding: 1.0em}
.p-15 {padding: 1.5em}
.p-20 {padding: 2.0em}
.p-25 {padding: 2.5em}
.p-30 {padding: 3.0em}
.p-35 {padding: 3.5em}
.p-40 {padding: 4.0em}
.p-45 {padding: 4..5em}
.p-50 {padding: 5.0em}

.pt-0 {padding-top:0}
.pt-5 {padding-top: 0.5em}
.pt-10 {padding-top: 1.0em}
.pt-15 {padding-top: 1.5em}
.pt-20 {padding-top: 2.0em}
.pt-25 {padding-top: 2.5em}
.pt-30 {padding-top: 3.0em}
.pt-35 {padding-top: 3.5em}
.pt-40 {padding-top: 4.0em}
.pt-45 {padding-top: 4.5em}
.pt-50 {padding-top: 5.0em}

.pb-0 {padding-bottom:0}
.pb-5 {padding-bottom: 0.5em}
.pb-10 {padding-bottom: 1.0em}
.pb-15 {padding-bottom: 1.5em}
.pb-20 {padding-bottom: 2.0em}
.pb-25 {padding-bottom: 2.5em}
.pb-30 {padding-bottom: 3.0em}
.pb-35 {padding-bottom: 3.5em}
.pb-40 {padding-bottom: 4.0em}
.pb-45 {padding-bottom: 4.5em}
.pb-50 {padding-bottom: 5.0em}

.pl-0 {padding-left:0}
.pl-5 {padding-left: 0.5em}
.pl-10 {padding-left: 1.0em}
.pl-15 {padding-left: 1.5em}
.pl-20 {padding-left: 2.0em}
.pl-25 {padding-left: 2.5em}
.pl-30 {padding-left: 3.0em}
.pl-35 {padding-left: 3.5em}
.pl-40 {padding-left: 4.0em}
.pl-45 {padding-left: 4.5em}
.pl-50 {padding-left: 5.0em}

.pr-0 {padding-right: 0}
.pr-5 {padding-right: 0.5em}
.pr-10 {padding-right: 1.0em}
.pr-15 {padding-right: 1.5em}
.pr-20 {padding-right: 2.0em}
.pr-25 {padding-right: 2.5em}
.pr-30 {padding-right: 3.0em}
.pr-35 {padding-right: 3.5em}
.pr-40 {padding-right: 4.0em}
.pr-45 {padding-right: 4.5em}
.pr-50 {padding-right: 5.0em}

.m-0 {margin:0}
.m-5 {margin: 0.5em}
.m-10 {margin: 1.0em}
.m-15 {margin: 1.5em}
.m-20 {margin: 2.0em}
.m-25 {margin: 2.5em}
.m-30 {margin: 3.0em}
.m-35 {margin: 3.5em}
.m-40 {margin: 4.0em}
.m-45 {margin: 4.5em}
.m-50 {margin: 5.0em}

.mt-0 {margin-top:0}
.mt-5 {margin-top: 0.5em}
.mt-10 {margin-top: 1.0em}
.mt-15 {margin-top: 1.5em}
.mt-20 {margin-top: 2.0em}
.mt-25 {margin-top: 2.5em}
.mt-30 {margin-top: 3.0em}
.mt-35 {margin-top: 3.5em}
.mt-40 {margin-top: 4.0em}
.mt-45 {margin-top: 4.5em}
.mt-50 {margin-top: 5.0em}

.mb-0 {margin-bottom:0}
.mb-5 {margin-bottom: 0.5em}
.mb-10 {margin-bottom: 1.0em}
.mb-15 {margin-bottom: 1.5em}
.mb-20 {margin-bottom: 2.0em}
.mb-25 {margin-bottom: 2.5em}
.mb-30 {margin-bottom: 3.0em}
.mb-35 {margin-bottom: 3.5em}
.mb-40 {margin-bottom: 4.0em}
.mb-45 {margin-bottom: 4.5em}
.mb-50 {margin-bottom: 5.0em}

.ml-0 {margin-left:0}
.ml-5 {margin-left: 0.5em}
.ml-10 {margin-left: 1.0em}
.ml-15 {margin-left: 1.5em}
.ml-20 {margin-left: 2.0em}
.ml-25 {margin-left: 2.5em}
.ml-30 {margin-left: 3.0em}
.ml-35 {margin-left: 3.5em}
.ml-40 {margin-left: 4.0em}
.ml-45 {margin-left: 45em}
.ml-50 {margin-left: 5.0em}

.mr-0 {margin-right:0}
.mr-5 {margin-right: 0.5em}
.mr-10 {margin-right: 1.0em}
.mr-15 {margin-right: 1.5em}
.mr-20 {margin-right: 2.0em}
.mr-25 {margin-right: 2.5em}
.mr-30 {margin-right: 3.0em}
.mr-35 {margin-right: 3.5em}
.mr-40 {margin-right: 4.0em}
.mr-45 {margin-right: 4.5em}
.mr-50 {margin-right: 5.0em}

.w-0 {width:0 !important}
.w-5 {width:5% !important}
.w-10 {width: 10% !important}
.w-15 {width: 15% !important}
.w-20 {width: 20% !important}
.w-25 {width: 25% !important}
.w-30 {width: 30% !important}
.w-35 {width: 35% !important}
.w-40 {width: 40% !important}
.w-45 {width: 45% !important}
.w-50 {width: 50% !important}
.w-55 {width:55% !important}
.w-60 {width: 60% !important}
.w-65 {width: 65% !important}
.w-70 {width: 70% !important}
.w-75 {width: 75% !important}
.w-80 {width: 80% !important}
.w-85 {width: 85% !important}
.w-90 {width: 90% !important}
.w-95 {width: 95% !important}
.w-100 {width: 100% !important}
.w-auto {width: auto !important}

.d-none {display: none}
.d-block {display: block}
.d-inline-block {display: inline-block}


.btn-primary {
	background: transparent url('../images/secondary.png');
	background-size:contain;
	color:#5fd6fc;
	padding:1.4em 0 1.2em 0;
	width:100%;
	height:100%;
	text-align:center;
	font-size:1em;
	display:block;
	cursor:pointer;
	font-family: 'Titulo';
	margin: 0;
	position: relative;
	text-transform:uppercase;
}
.btn-primary:before {
	content:"";
	background:transparent;
	background-image: url('../images/secondary_before.png');
	width:0.9em;
	height:100%;
	background-size:cover;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top:0;left:-0.9em;

}
.btn-primary:after {
	content:"";
	background:transparent;
	background-image: url('../images/secondary_after.png');
	width:0.9em;
	height:100%;
	background-size:cover;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top:0;right:-0.9em;
}




.btn-secondary {
	background: transparent url('../images/secondary.png');
	background-size:contain;
	color:#FFF;
	padding:1.1em 2em;
	width:70%;
	height:100%;
	text-align:center;
	font-size:1em;
	display:block;
	cursor:pointer;
	font-family: 'Titulo';
	margin: 0;
	position: relative;
	text-transform:uppercase;
}
.btn-secondary:before {
	content:"";
	background:transparent;
	background-image: url('../images/secondary_before.png');
	width:0.9em;
	height:100%;
	background-size:cover;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top:0;left:-0.9em;
}
.btn-secondary:after {
	content:"";
	background:transparent;
	background-image: url('../images/secondary_after.png');
	width:0.9em;
	height:100%;
	background-size:cover;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top:0;right:-0.9em;
}



label {min-width:50px;display: inline-block;color:#5ad6fd;vertical-align: middle;}

.zoom {
  transition: transform 0.3s ease;
}
.zoom:hover {
  transform: scale(1.1); /* Puedes subir a 1.2 o 1.5 si quieres más caña */
}


.background {position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%;}


#menu-lateral {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222;
  color: white;
  padding: 2rem;
  transform: translateX(-100%);
  z-index: 1000;
}


#menu-bottom {
  
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.6);
  transform: translateY(100%);
  z-index: 1000;

}

#menu-opciones {
  
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.6);
  transform: translateX(100%);
  z-index: 1000;

}

#modal {
  
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.8);
  transform: translateY(-100%);
  z-index: 1000;
}


#modal_sobres {
  
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.6);
  transform: translateY(-100%);
  z-index: 1000;
}

#sobrediario {
	display: none;
}

.blink {
  animation: blink-animation 1s steps(2, start) infinite;
}

/* Animación */
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.selected {border:#0C0 2px solid;}



.slider-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    background:#000;
}

.slider {
    width: 100%;
    position: relative;
    min-height: 250px;
}

.slide {
    width: 100%;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background:#000;

}

.slider-controls {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding: 0 20px;
}