@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600&display=swap');

*{outline: none; margin: 0px; padding: 0px; border: 0 solid #fff; box-sizing: border-box; }
html{width: 100%; height: 100%;}
body { 
	width: 100%; height: 100%; 
	font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 24px;  color: #616161;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #000;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-image: url( '../img/fondos/home.jpg' );
}

a{text-decoration: underline; transition: color .2s ease-out; color:#616161;}
a:hover{color:#fff;}
hr{ border:1px solid black;}

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; line-height: 1.3em;  }
#wrapper{ 
	display: grid; 
	grid-template-rows: max-content auto minmax(100px,max-content);
	/* grid-template-rows: minmax(170px,max-content) auto minmax(110px,max-content); */
	min-height: 100%; min-width: 100%; 
}
/* 
@media all and (max-width: 570px) {
	#wrapper{ grid-template-rows: 230px auto 180px;}
}
@media all and (max-width: 540px) {
	#wrapper{ grid-template-rows: 250px auto 180px;}
} */html[lang=en] header .assets-ancho-maximo .contact .lang_en{ font-weight: bold;  }
html[lang=es] header .assets-ancho-maximo .contact .lang_es{ font-weight: bold;  }
header{ background-color: #000; font-size: 18px; color:#fff; padding: 23px 0;}
header a { color: #fff; text-decoration: none;  }
header a:hover { color: #737171;}
header .assets-ancho-maximo{  display: flex; justify-content: space-between; align-items: flex-end;}

header .assets-ancho-maximo ul { list-style-type: none; display: flex; white-space: nowrap; align-items: flex-end; }
header .assets-ancho-maximo nav ul li { margin-right: 30px; }

header .assets-ancho-maximo .contact { text-align: right; font-size: .9em; }
header .assets-ancho-maximo .contact ul { justify-content: flex-end; }
header .assets-ancho-maximo .contact ul li { margin:7px 0 0 7px; }

#menu-trigger{ margin:14px 0 0; display: none; }

@media all and (max-width: 930px) {
	#menu-trigger{ display: block; }
	header .assets-ancho-maximo { flex-direction: column; }
	header .assets-ancho-maximo nav  { order: 2; margin-top: 20px;}
	header .assets-ancho-maximo nav ul { flex-direction: column; }
	header .assets-ancho-maximo nav ul li { margin-right: 0; padding: 5px; }
} 

/******************************************************/
/* Seleccion menú */
body.page-film-scores header .film-scores,
body.page-music header .music,
body.page-session-player header .session-player,
body.page-ads header .ads,
body.page-videos header .videos,
body.page-contact header .contact{ color: #737171; }
/******************************************************/main .nombre{ padding-top: 40px; padding-bottom: 40px; }
main .nombre img{ width: 400px; height: auto; max-width: 100%; }
main .nombre h1{ font-weight: bold; font-size: 20px; }

main h3{ font-weight: bold; margin-bottom: 1em; }
main section{ margin-bottom: 50px; }footer{ 
	display: flex; justify-content: center; align-items: center;
	min-height: 100px;
	color: #666666;
	border-top: 1px solid #abc0ab; 
	font-size: 12px;
}

@media all and (max-width: 900px) {
	footer{ flex-direction: column; }
	footer a:nth-child(2){ border: 0px solid #666 !important;}
}

footer a{ color: #666666; text-decoration: none; } 
footer a:nth-child(2){  
	padding: 0 10px;
	margin: 0 10px;
	border: 1px solid #666; 
	border-width: 0 1px;
}/******************************************************/
/* Ancho Máximo */
.assets-ancho-maximo{ width: 100%; max-width: 1000px; margin:0 auto; }
@media all and (max-width: 1050px) {
	.assets-ancho-maximo{ padding:0 25px;}
} 
/******************************************************/

/******************************************************/
/* Stores */
ul.assets-stores{ display: flex; list-style-type: none;}
ul.assets-stores li{ display: flex; margin-right: 20px; }
ul.assets-stores li a img{ width: 30px;  transition: filter .2s ease-out; }
ul.assets-stores li a img:hover{ filter:  saturate(00%) brightness(500%); /* filter: none; */ }
/******************************************************/

/******************************************************/
/* RRSS */
ul.assets-rrss { list-style-type: none; display: flex; white-space: nowrap; align-items: flex-end; }
ul.assets-rrss li ,
ul.assets-rrss li a,
ul.assets-rrss li a img{display: block; width: 30px; height: 30px; }
ul.assets-rrss li a img{ filter:  saturate(00%) brightness(500%); transition: filter .2s ease-out; }
ul.assets-rrss li a img:hover{ filter: none; }
/* ul.assets-rrss li a img:hover{ filter:  saturate(100%) brightness(100%); border: 2px solid red; } */

/******************************************************/

/******************************************************/
/* Tracks */
.assets-tracks .assets-tracks-info{ display: flex; justify-content: space-between; margin-bottom: 1em; flex-wrap: wrap;}
.assets-tracks .assets-tracks-img{ max-width: 332px; }
.assets-tracks .assets-tracks-img img{ margin-bottom: 1em; }
.assets-tracks .assets-tracks-txt{ max-width: 610px; flex-grow: 1; }
.assets-tracks .assets-tracks-info h4{ font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 1em;}
.assets-tracks .assets-tracks-tracks iframe{ margin-bottom: 1em; }
/******************************************************/

/******************************************************/
/* Videos */
.assets-videos iframe{ width: 100%; height: 500px; }
.assets-videos h4{ font-weight: bold; font-size: 18px; }
/******************************************************/

/******************************************************/
/* Columnas */
.assets-columnas{display: flex; justify-content: space-between; margin-bottom: 1em; flex-wrap: wrap;}
.assets-columnas-columna{ width: 50%; padding-right: 20px;}
@media all and (max-width: 600px) {
	.assets-columnas{ flex-direction: column;}
	.assets-columnas-columna{ width: 100%; padding-right: 0;}
} 
/******************************************************//******************************************************/
/* Home */
body.page-home main{ background-image: url('../img/home/ale.png'); background-position: center bottom; background-repeat: no-repeat; }
body.page-home footer { border-color: #b7aba4; }

body.page-home section{ max-width: 610px; }
body.page-home section .assets-stores{ margin: .5em 0; }

body.page-home section.new-record p{ max-width: 253px; }
@media all and (max-width: 1050px) {
	/* body.page-home main{ background-image: url('../img/home/ale-m.png');} */
	body.page-home main{ background-position: 50% bottom; background-size: auto 80%; }
	
}
@media all and (max-width: 900px) {
	body.page-home main{ background-position: 40% bottom; }
}
@media all and (max-width: 670px) {
	body.page-home main{ background-position: 50% bottom; background-size: auto 80%;}
	body.page-home section{ background-color: rgba(255,255,255,.6); max-width: 610px; padding: 10px 20px; } /* box-shadow: 0px 0px 3px 3px rgba(255,255,255,0.6); */
	body.page-home section.bio{ margin-bottom: 0; padding-bottom: 50px; }
}
/******************************************************/

/******************************************************/
/* Film Scores */
body.page-film-scores{ background-image: url( '../img/fondos/film-scores.jpg' ); }
body.page-film-scores footer { border-color: #eed9da; }
/******************************************************/

/******************************************************/
/* Music */
body.page-music{ background-image: url( '../img/fondos/music.jpg' ); }
body.page-music footer { border-color: #bbceea; }
/******************************************************/

/******************************************************/
/* Session player */
body.page-session-player{ background-image: url( '../img/fondos/session-player.jpg' ); }
/* body.page-session-player footer { border-color: red; } */
body.page-session-player picture{ width: 100%; }
body.page-session-player picture img{ width: 100%; display: block; }
/******************************************************/

/******************************************************/
/* Ads */
body.page-pub{ background-image: url( '../img/fondos/pub.jpg' ); }
body.page-pub footer { border-color: #999356; }
body.page-pub picture{ width: 100%; }
body.page-pub picture img{ width: 100%; display: block; margin-top: 1em; margin-bottom: 1em;}
/******************************************************/

/******************************************************/
/* Videos */
body.page-videos{ background-image: url( '../img/fondos/videos.jpg' ); }
body.page-videos footer { border-color: #e0c8c3; }
/******************************************************/

/******************************************************/
/* Contact */
body.page-contact{ background-image: url( '../img/fondos/contact.jpg' ); }
body.page-contact footer { border-color: #abc0ab; }
body.page-contact{ font-size: 18px; }
body.page-contact .assets-columnas-columna{ padding-bottom: 1em; }
body.page-contact h4{ font-weight: bold; }
body.page-contact a{ text-decoration: none; }
body.page-contact ul li { margin:7px 7px 0 0; }

/******************************************************/