@charset "UTF-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: none;
  font-family: quickregular;
  scroll-behavior: smooth;
}
:root {
--violetae:	#2c439d;
--azul: #011640;
--grisazul: #024059;
--verde: #00A48A;
--amarillo: #EDBD45;
--violeta: #4F66AE;
--violetac: #6b7ebd;
--verdec:#66c8b9;
--azulc:#4e5c7a;
--amarilloc:#eaca81;
--lilaclaro:#f6f7fa;
--grisoscuro: #3d3d3d;
--grisfondo:#525252;
--grisclaro:#858585;
--grisazul2:#9598a3;
--grisazul2-hover:#6e727f;
}

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



@font-face {
	font-family: quickbold;
	src: url("../familyfont/Quicksand-Bold.ttf");
	font-display: swap;
}
@font-face {
	font-family: quicksemibold;
	src: url("../familyfont/Quicksand-SemiBold.ttf");
	font-display: swap;
}
@font-face {
	font-family: quickregular;
	src: url("../familyfont/Quicksand-Regular.ttf");
	font-display: swap;
}
@font-face {
	font-family: quickmedium;
	src: url("../familyfont/Quicksand-Medium.ttf");
	font-display: swap;
}
@font-face {
	font-family: quicklight;
	src: url("../familyfont/Quicksand-Light.ttf");
	font-display: swap;
}
@font-face {
	font-family: roboto;
	src: url("../familyfont/Roboto-Regular.ttf");
	font-display: swap;
}

/*font-size*/
.cinco{font-size:5em;}
.cuatro{font-size:4em;}
.tres{font-size:3em;}
.dos{font-size:2em;}
.unotres{font-size:1.3em;}
.unocinco{font-size:1.5em;}
.unoocho{font-size:1.8em;}
.unosiete{font-size:1.7em;}
.unoseis{font-size:1.6em;}
.unodos{font-size:1.2em;}
.unosolo{font-size:1em;}
.ceronueve{font-size:0.9em;}
.ceroocho{font-size:0.8em;}

/*font-color*/
.c-a{color:#011640;}
.c-ac{color:#043f70;}
.c-ac1{color:#4e5c7a;}
.c-ga{color:#024059;}
.c-v{color:#00a48a;}
.c-vc{color:#34c1a6;}
.c-vc1{color:#66c8b9;}
.c-am{color:#edbd45;}
.c-amc{color:#eaca81;}
.c-vt{color:#4f66ae;}
.c-vte{color:#2c439d;}
.c-vtec{color:#6b7ebd;}
.c-lc{color:#f6f7fa;}
.c-r{color:#ea4747;}
.c-go{color:#3d3d3d;}
.c-gc3{color:#525252;}
.c-gc{color:#858585;}
.c-gc1{color:#afb2bf;}

/*background-color*/
.bg-a{background-color:#011640;}
.bg-ac{background-color:#043f70;}
.bg-ac1{background-color:#4e5c7a;}
.bg-ga{background-color:#024059;}
.bg-v{background-color:#00a48a;}
.bg-vc{background-color:#34c1a6;}
.bg-vc1{background-color:#66c8b9;}
.bg-am{background-color:#edbd45;}
.bg-amc{background-color:#eaca81;}
.bg-vt{background-color:#4f66ae;}
.bg-vte{background-color:#2c439d;}
.bg-vtec{background-color:#6b7ebd;}
.bg-lc{background-color:#f6f7fa;}
.bg-r{background-color:#ea4747;}
.bg-go{background-color:#3d3d3d;}
.bg-gc3{background-color:#525252;}
.bg-gc3{background-color:#858585;}
.bg-gc1{background-color:#afb2bf;}

.qb{font-family:quickbold;}
.qsb{font-family:quicksemibold;}
.qm{font-family:quickmedium;}
.qr{font-family:quickregular;}

.mr{font-family: 'Manrope', sans-serif;
}

.cinco{font-size:5em;}
.cuatro{font-size:4em;}
.tres{font-size:3em;}
.dos{font-size:2em;}
.unoocho{font-size:1.8em;}
.unoseis{font-size:1.6em;}
.unomedio{font-size:1.5em;}
.unomedio{font-size:1em;}
.ceronueve{font-size:0.9em;}
.ceroocho{font-size:0.8em;}


.bg-gradient-hero {
    background: linear-gradient(180deg, rgba(171, 255, 193, 0.08) 0%, rgba(18, 255, 247, 0.08) 100%);
}

.no-u{
	text-decoration: none;
}
.ch-vo:hover{
	color:#2C439D;
}
.ch-ve:hover{
	color:#00a48a;
}
.myCheck::before{
	border-color: #00a48a!important;}

.link{
	color:var(--grisazul2);
	color:#9598a3;
	font-family: quicksemibold;
	font-size: 0.9em;
}
.link:hover{
	color:var(--amarillo);
	color:#EDBD45;
}
.login-box {
	display: block;
	position: relative;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.login-box-n {
	display: block;
	position: relative;
	width: 50%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	margin-left: auto;
	margin-right: auto;
	
}
.bg-gif{
	background-color: white;
}
.size-gif{
	width: 700px;
}
#img-container{
	width: 40%;
}
#login_form{
	width: 100%;
	background-color:white;
	background-color:#fff;
	padding:20px;
	border-radius: 5px;
}
#pre-registro_form{
	width: 100%;
	background-color:white;
	background-color:#fff;
	padding:50px;
}
#Negocio,#username,#Telefono,#Email,#password{
	font-family: quicksemibold;
}
label{
	font-family: quicksemibold;
}
span{
	color:var(--verde);
	color:#00A48A;
}
#login{
	background-color:var(--azul);
	background-color:#011640;
	color:white;
	color:#fff;
	border-radius: 5px;
	font-family: quickbold;
}
#login:hover{
	background-color:var(--violetac);
	background-color: #6b7ebd;
}
#pre-registro{
	background-color:var(--azul);
	background-color:#011640;
	color:white;
	color:#fff;
	border-radius: 20px;
	font-family: quickbold;
}
#pre-registro:hover{
	background-color:var(--violetac);
	background-color: #6b7ebd;
}
.hidden {
	font-size: 0.2em;
	display:none;
}
.myCheck::before{
	border-color: #6B7EBD!important;
}
.mytextCheck{
	color:var(--grisazul2);
	color:#9598a3;
	font-family: quicksemibold;
	border-color: #9598a3!important;
}
.myCheck{
	border-color:#9598a3;
}
#icono-password{
	color:#9598a3;
	margin-right: 10px;
	margin-left: 5px;
	margin-bottom:20px;
	margin-top:13px;
}
#volver-inicio{
	color:#9598a3;
}
.txt-1{
	margin-top:30px;
	border-style: solid;
	border-top-color: #e8e8e8;
	border-bottom: transparent;
	border-right: transparent;
	border-left:transparent;
	border-width: 0.5px;
	padding-top:30px;
	font-family: quicksemibold;
	font-size: 0.9em;
	color:#9598a3;
}

.ing-t{
	font-size: 2rem;
	font-weight: 600;
}

.link-2{
	font-family: quickbold;
	font-size: 1em;
	color:var(--verde);
	color:#00A48A;
}
.link-2:hover{
	color:#EDBD45;
}
#bg{
	background: rgb(1,22,64);
	background: -moz-linear-gradient(135deg, rgba(1,22,64,1) 0%, rgba(19,40,102,1) 63%, rgba(44,67,157,1) 98%);
	background: -webkit-linear-gradient(135deg, rgba(1,22,64,1) 0%, rgba(19,40,102,1) 63%, rgba(44,67,157,1) 98%);
	background: linear-gradient(135deg, rgba(1,22,64,1) 0%, rgba(19,40,102,1) 63%, rgba(44,67,157,1) 98%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#011640",endColorstr="#2c439d",GradientType=1);
}
#cover{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top:40px;
}
#img-login{
	width: 70%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:9%;
}
#sama{
	width: 70px;
}
@media all and (min-width: 640px) {
.login-box {
	width: 500px;
	padding: 5px 10px 0;
	}
}
@media all and (max-width: 768px) {
.login-box {
	width: 650px;
	padding: 5px 0px 0;
}
#img-login{
	width: 45%;
	height:45%;
	margin-top:0px;
}
#cover{
	padding-top:0px;
}
#img-container{
	width: 58%;
	margin-bottom: 5%;
	padding-top:10%;
}
.ing-t{
	font-size: 1.3em;
	font-weight: 700;
}
.login-box-n {
	width: 90%;
}
.txt{
	color:transparent;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.row-login{
	padding-top:90px;
	}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
#img-login{
	width: 0%;
	height:0%;
	margin-top:0px;

}
.txt{
	color:transparent;
}
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
#img-login{
	width: 80%;
	height:80%;
	margin-top:0px;
}
.row-login{
	padding-top:350px;
}
.login-box-n {
	width: 90%;
}
}