/**
 * @copyright Mr Fire
 * @author Nucliux Solutions (edoardo@nucliux.mx)
 * @version 1.0.0c (Agosto 2024)
 * @since 1.0.0
 */

/*Importación de otros estilos*/
@import "reset.css";
@import "principal.css?v=1.0.0c";
@import "menu.css";
@import "inicio.css";
@import "nosotros.css";
@import "productos.css";
@import "calidad.css";
@import "contacto.css";
@import "footer.css";

/*Tipografías*/
@font-face{
	font-family: "Myriad Pro";
	font-weight: 400;
	src: url("fonts/MyriadPro-Regular.otf");
}

@font-face{
	font-family: "Myriad Pro";
	font-weight: 600;
	src: url("fonts/MyriadPro-SemiBold.otf");
}

@font-face{
	font-family: "Juniory";
	font-weight: 400;
	src: url("fonts/Juniory-Regular.otf");
}

@font-face{
	font-family: "Averta";
	font-weight: 900;
	src: url("fonts/Averta-Black.otf");
}

/*Página*/
html,body{
    background-color: #000000;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	font-family: 'Myriad Pro', sans-serif;
	font-weight: 400;
	font-size: 1.2vw;
	line-height: 1.7vw;
	
}

h1{
	color: #F8F000;
    font-family: 'Juniory', sans-serif;
    font-weight: 400;
    font-size: 4vw;
	line-height: 4.5vw;
}

h2{
	color: #FFFFFF;
    font-family: 'Averta', sans-serif;
    font-weight: 900;
	font-size: 2vw; 	
	line-height: 2.5vw;
}

h3{
    color: #F8F000;
    font-family: 'Juniory', sans-serif;
    font-weight: 400;
    font-size: 3vw;
	line-height: 3.5vw;
}

.franja{
	display: flex;
	align-items: center;
	width: 90%;
    padding: 5vh 5%;

	display: -webkit-flex;
	-webkit-align-items: center;
}

.franja a{
	color: #FFFFFF;
	text-decoration: none;
}

.franja a:hover{
	text-decoration: underline;
}

/*Estilo para media pantalla
______________________________*/
@media only screen and (max-width: 1024px){
	html,body{
		font-size: 2.5vw;
		line-height: 3vw;
	}

	h1{
		font-size: 5vw;
		line-height: 5.5vw;
	}

	h2{
		font-size: 3vw;
		line-height: 3.5svw;
	}	

    h3{
		font-size: 4vw;
		line-height: 4.5svw;
	}	

	.franja{
		padding: 4vh 5%;
	}
}

/*Estilo para móviles
______________________________*/
@media only screen and (max-device-width: 465px) and (max-aspect-ratio: 13/9){
	html,body{
		font-size: 4vw;
		line-height: 5vw;
	}

	h1{
		font-size: 6.5vw;
		line-height: 8vw;
	}

	h2{
		font-size: 5.5vw;
		line-height: 7vw;
	}

	.franja{
		justify-content: center;
		padding: 3vh 5%;
		padding-bottom: 18vh;

		-webkit-justify-content: center;
	}

	.franja-contacto{
		padding-bottom: 3vh;
	}
}