/**
 * @copyright Palmedia
 * @author Nucliux Solutions (edoardo@nucliux.mx)
 * @version 1.0.0a (Agosto 2024)
 * @since 1.0.0
 */

/*Importación de otros estilos*/
@import "reset.css?v=1.0.0";
@import "login.css?v=1.0.0";
@import "menu.css?v=1.0.0a";
@import "admin.css?v=1.0.0a";

@import "fontawesome/css/all.min.css";

/*Tipografías*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

/*Página*/
html,body{
    background-color: white;
	width: 100%;
	height: 100%;
	color: #434343;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 1.2vw;
}

h1{
	color: #063881;
	font-weight: 600;
	font-size: 1.8vw;
	text-transform: uppercase;
}

h2{
	font-weight: 700;
	font-size: 1.5vw;
}

h3{
	font-weight: 600;
}

p{
	
}

.alerta{
	margin-bottom: 1.5vh;
	color: #8FD300;
	font-weight: 700;
	text-align: center;
}

.entrada{
	margin-bottom: 1.5vh;
	padding: 1vh 3%;
	width: 94%;
	border: 0.3vh solid #063881;
	border-radius: 1vw;
	color: #063881;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 1.3vw;
	text-align: center;
}

.entrada-grande{
	height: 15vh;
	resize: none;
}

.boton{
	background-color: #063881;
	margin-bottom: 1.5vh;
	padding: 1vh 0;
	width: 100%;
	border: none;
	border-radius: 1vw;
	color: white;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 1.3vw;
	cursor: pointer;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.boton:hover{
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
}

.boton-alt{
	background-color: #063881;
	margin-bottom: 5vh;
	margin-right: 2vw;
	padding: 1vh 0;
	width: 13vw;
	border: 0.3vh solid #063881;
	border-radius: 1vw;
	color: #FFFFFF;
	font-size: 1.2vw;
	text-align: center;
	text-decoration: none;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.boton-alt:hover{
	background-color: #FFFFFF;
	color: #063881;
}

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

	h1{
		font-size: 2.8vw;
	}

	h2{
		font-size: 2.5vw;
	}

	.entrada{
		border-radius: 2vw;
		font-size: 2vw;
	}

	.boton{
		border-radius: 2vw;
		font-size: 2vw;
	}


	.boton-alt{
		width: 15vw;
		border-radius: 2vw;
		font-size: 2vw;
	}	
}

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

	h1{
		font-size: 4.3vw;
	}

	h2{
		font-size: 4vw;
	}

	.entrada{
		font-size: 3.5vw;
	}

	.boton{
		font-size: 3.5vw;
	}


	.boton-alt{
		width: 25vw;
		font-size: 3.5vw;
	}	
}