/**
 * @copyright Plataforma Novaspice
 * @author Nucliux Solutions (edoardo@nucliux.mx)
 * @version 1.2.5 (Enero 2025)
 * @since 1.0.0
 */

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

@import "modal.css?v=1.2.5";

@import "fontawesome/css/all.min.css";
@import "default.css";
@import "default.time.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: #000000;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 1.2vw;
}

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

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

h3{
	font-weight: 600;
}

a{
	color: #adb329;
}

.alerta, .alerta2{
	margin-bottom: 1.5vh;
	color: #adb329;
	font-weight: 700;
	text-align: center;
}

.oculto{
	display: none;
}

.entrada{
	margin-bottom: 1.5vh;
	padding: 1vh 3%;
	width: 94%;
	border: 0.3vh solid #adb329;
	color: #adb329;
	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: #adb329;
	margin-bottom: 1.5vh;
	padding: 1vh 0;
	width: 100%;
	border: none;
	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: #adb329;
	margin-bottom: 5vh;
	margin-right: 2vw;
	padding: 1vh 0;
	width: 10vw;
	border: 0.3vh solid #adb329;
	color: #F4F0ED;
	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: #adb329;
}

/*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{
		font-size: 2vw;
	}

	.boton{
		font-size: 2vw;
	}

	.boton-alt{
		width: 15vw;
		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;
	}	
}