@charset 'UTF-8';

/*Fonts*/

@font-face {
    font-family: 'Printvetica';
    src: url('../fonts/Printvetica.otf');
    src: url('../fonts/Printvetica.woff') format('woff'),
        url('../fonts/Printvetica.ttf') format('truetype'),
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue Light';
    src: url('../fonts/HelveticaNeueLight.otf');
    src: url('../fonts/HelveticaNeueLight.woff') format('woff'),
        url('../fonts/HelveticaNeueLight.ttf') format('truetype'),
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue Bold';
    src: url('../fonts/HelveticaNeueBold.otf');
    src: url('../fonts/HelveticaNeueBold.woff') format('woff'),
        url('../fonts/HelveticaNeueBold.ttf') format('truetype'),
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



:root{

	--azul-oscuro: #03609e;

	--naranja: #ea663a;

	--fucsia: #e62975;

	--turquesa: #0299c9;

	--violeta: #5D477A;

	--gris-claro: #898989;
}



/*Text*/

*{
	font-family: 'Helvetica Neue Light', sans-serif;
	color: var(--azul-oscuro);
}

h1{
	font-family: 'Helvetica Neue Light', sans-serif;
	color: var(--azul-oscuro);
	font-weight: 600;
	font-size: 1.5em;
}

h1 span{
	font-weight: 300;
}

h2.titulo a{
	font-family: 'Printvetica', sans-serif;
	color: var(--turquesa);
}


h2{
	font-family: 'Printvetica', sans-serif;
	font-size: 2.2em;
}

h3{
	font-family: 'Helvetica Neue Light', sans-serif;
	font-weight: 300;
	font-size: 2em;
}

h3 span{
	font-weight: 700;
	font-size: .7em;
}

h4{
	font-family: 'Printvetica', sans-serif;
	font-weight: 500;
	font-size: 1.5em;
}

h6 .titulo-banda, h6 .titulo-banda span, h6 .titulo-banda a{
	font-family: 'Printvetica', sans-serif;
	font-weight: 600;
}

h6 .titulo-banda a{
	font-weight: 400;
}

span.titulo-banda{
	line-height: 2em;
}

.text b, .text-dest b{
	font-weight: 600;
}

.fechas b{
	font-family: 'Helvetica Neue Bold';
	color: var(--gris-claro);
}

.fechas{
	color: var(--gris-claro);
}

.text-white b{
	color: white;
}

.text{
	font-family: 'Helvetica Neue Light', sans-serif;
	font-weight: 300;
}

.text-dest{
	font-size: 1.2em;
}

.text-columns{
	columns: 1;
	column-gap: 30px;
}

p b{
	font-weight: 600;
}

.beneficio{
	font-size: .8em;
	font-weight: 500;
}

.bullet{
	color: var(--naranja);
	font-weight: 600;
}

.titulo{
	color: var(--violeta);
}

.turquesa{
	color: var(--turquesa);
}


/*Menu*/

#top-menu{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}

/*.logo{
	border-bottom: solid 1px #ccc;
}

footer .logo{
	border-bottom: solid 1px #ccc;
}*/

#scroll-menu{
	position: fixed;
  	top: -150px; 
  	width: 100%;
  	transition: top .3s;
  	z-index: 1;
}

#scroll-menu .logo{
	border-bottom: none;
	border-right: solid 1px #ccc;
}



/****Sections***/

/*Header*/

#header{
	background-image: url('../img/header.jpg');
	background-size: cover;
	background-position: top center;
	min-height: 600px;
}

#header .container-fluid, #header .row{
	height: inherit;
	min-height: inherit;
}

.pie-foto{
	 font-variation-settings:
    "wdth" 87.5;
}

.ondas{
	min-height: 40px;
	background-repeat: repeat-x;
}

.ondas-fucsia-bottom{
	background-image: url('../img/bg-fucsia-bottom.svg');
}

.ondas-turquesa-top{
	background-image: url('../img/bg-turquesa-top.svg');
}

.ondas-fucsia-top{
	background-image: url('../img/bg-fucsia-top.svg');
}

.ondas-turquesa-bottom{
	background-image: url('../img/bg-turquesa-bottom.svg');
}

.ondas-azul-top{
	background-image: url('../img/bg-azul-top.svg');
}

.ondas-azul-bottom{
	background-image: url('../img/bg-azul-bottom.svg');
}

/*Secciones textos*/

.bg-fucsia{
	background-image: url("../img/bg-fucsia.jpg");
	background-size: cover;
	background-position: center;
}

.bg-turquesa{
	background-image: url("../img/bg-turquesa.jpg");
	background-size: cover;
	background-position: center;
}

.bg-naranja{
	background-color: var(--naranja);
}

.bg-azul{
	background-color: var(--azul-oscuro);
}

/*Video*/

.video-container{
	position: relative;
}

.video-container img{
	position: absolute;
	left: calc(50% - 35px);
	top: calc(50% - 35px);
}

#video-yt iframe{
	border:solid 10px var(--turquesa);
	height: 350px;
}

/*Footer*/

footer{
	background-color: var(--azul-oscuro);
}

/*Responsive*/

@media (min-width:766px){

	.logo{
		border-bottom: none;
		border-right: solid 1px #ccc;
	}

	.text-columns{
		columns: 2;
	}

	#video-yt iframe{
		height: 500px;
	}

}

@media (min-width:1024px){
	.logo{
		border-bottom: none;
		border-right: solid 1px #ccc;
	}
}

@media (min-width:1200px){

	.container{
		max-width: 900px;
	}

}