@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Space+Mono&display=swap');

@font-face {
	font-family: 'Univers55';
	src: url('../_tipos/Univers/UniversLT.eot');
	src: url('../_tipos/Univers/UniversLT.eot?#iefix') format('embedded-opentype'),
	url('../_tipos/Univers/UniversLT.woff') format('woff'),
	url('../_tipos/Univers/UniversLT.ttf') format('truetype'),
	url('../_tipos/Univers/UniversLT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Univers45';
	src: url('../_tipos/Univers/UniversLT-Light.eot');
	src: url('../_tipos/Univers/UniversLT-Light.eot?#iefix') format('embedded-opentype'),
	url('../_tipos/Univers/UniversLT-Light.woff') format('woff'),
	url('../_tipos/Univers/UniversLT-Light.ttf') format('truetype'),
	url('../_tipos/Univers/UniversLT-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Space Mono';
	src: url('https://fonts.googleapis.com/css2?family=Space+Mono&display=swap');
	font-weight: normal;
	font-style: normal;
}

/*type CLASS*/

.univers{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	list-style: none;
	text-decoration: none;
	line-height: 1;
	font-family: Univers45,"Helvetica Neue", Helvetica, Arial, "sans-serif";
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	word-break: normal;
}

.spacemono{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	list-style: none;
	text-decoration: none;
	line-height: 1;
	font-family: 'Space Mono', monospace;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	word-break: normal;
}

.univers{
	font-size: 42px;
	line-height: 0.9;
	letter-spacing: 0px;
	color: white;
}

.spacemono,
.spacemono a:link,
.spacemono a:visited{
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
	color: white;
	letter-spacing: 0.5px;
}

/*STYLES*/

html{
	scroll-behavior: smooth;
	-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	font-size: 100%;
}

body{
		background: black;
		margin: 0px;
		padding: 0px;
}

.head{
	background: black;
	position: fixed;
	height: 64px;
	width: 100%;
	margin-top: -44px;
	background-image: url("../_images/iloveyou/iloveyou_640x640.jpg");
	background-size: 64px;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 999;
}

.wrapper{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 0px;
	margin-top: 44px;
	padding: 10px;
}
	
.box{
	display:grid;
	grid-template-columns: repeat(3,1fr);
	grid-auto-rows: minmax(100px, auto);
}

.box > div img{
	display: block;
	object-fit: cover;
	align-content: center;
	width: 100%;
	min-height: 220px;
}

.box_cabecera{
	padding: 10px;
	grid-column:1/4;
}

.box_titulo{
	padding: 10px;
	grid-column:1/4;		
	word-wrap: break-word;
}

.box_textoA{
	padding: 10px;
	grid-column:1/3;
}

.box_textoB{
	padding: 10px;
	grid-column:3/4;	
}

.box_premios{
	padding: 10px;
	grid-column:1/4;
	border: white 1px solid;
	display:grid;
	grid-template-columns: repeat(8,1fr);
	grid-auto-rows: minmax(100px, auto);
}

.box_premios > div{
	align-self: center;
}

.box_premios > div img{
	object-fit: contain;
	min-height: 35px;
	max-height: 55px;
}

.box_premios_texto{
	grid-column: 5/9;
	text-align: center;
}

.box_printH{
	padding: 10px;
	grid-column: 1/4;
}

.box_printV{
	padding: 10px;
}

.video {
	object-fit: cover;
	aspect-ratio: 16 / 9;
	width: 100%;
}
  
.separador{
	grid-column: 1/4;
	min-height: 220px;
}

.menu{
	display:grid;
	grid-template-columns: repeat(9,1fr);
	grid-auto-rows: minmax(100px, auto);
}

.menu_print{
	padding: 10px;
}

.menu > div img{
	display: block;
	object-fit: cover;
	align-content: center;
	width: 100%;
	min-height:55px;
}

.foot{
	height: 150px;	
	background-image: url("../_images/top.png");
	background-size: 32px;
	background-repeat: no-repeat;
	background-position: center center;
}

/*MOBILE*/

@media only screen and (max-device-width: 414px){
	
.univers{
	font-size: 56px;
}

.spacemono,
.spacemono a:link,
.spacemono a:visited{
	font-size: 26px;
}
	
.head{
	height: 128px;
	margin-top: -108px;
	background-size: 128px;
}

.wrapper{
	margin-top: 108px;
}
	
.box{
	display:grid;
	grid-template-columns: repeat(2,1fr);
	grid-auto-rows: minmax(100px, auto);
}
	
.box_cabecera{
	grid-column:1/3;
}

.box_titulo{
	grid-column:1/3;		
}

.box_textoA{
	grid-column: 1/3;		
}
	
.box_textoB{
	grid-column: 2/3;		
}
	
.box_printH{
	grid-column: 1/3;
}
	
.box_printV{
	grid-column: 1/3;
}

.separador{
	grid-column: 1/3;
}
	
.box_premios{
	grid-column:1/4;
	display:grid;
	grid-template-columns: repeat(4,1fr);
	grid-auto-rows: minmax(100px, auto);
}

.box_premios_texto{
	grid-column: 1/5;
	text-align: center;
}
	
.menu{
	display:grid;
	grid-template-columns: repeat(3,1fr);
	grid-auto-rows: minmax(100px, auto);
}
	
.foot{
	background-size: 64px;
}
	
}