:root {
            --color-100: #f9f1fc; /* color predeterminado */
            --color-200: #f2e2f8;
            --color-300: #e5c5f2;
            --color-400: #d6a3ea;
            --color-500: #c57ee2;
            --color-base: #b152d8;
            --color-700: #9f49c2;
            --color-800: #8a40a8;
            --color-900: #703489;
            --color-1000: #4f2460;
            --color-fondo1: #FFFFFF;
            --color-fondo2: #f2f2f2;
            --color-fondovariante1: #fff;
        }
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');


/* Body */
body {
	font-family: "Nunito", serif;

	
}
.navbar-brand{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    cursor: pointer;

}
.inputform{
    border-radius: 5px;
    border-color: var(--color-base);
    color: var(--color-base);
}
.formu{
    display: flex;
    flex-direction: column;
  
    align-items: center;
}
.btn {
	font-size: 14px;
	padding: 12px 30px !important;
	font-weight: 600;
        border-radius: 23px;
        width: 53%;
    margin-top: 14px;
}
.text-black1{
    color: #736575;
}
.btn-primary {
/*	background: hsla(286.97 94.09% 37.66%);
	background: linear-gradient(360deg, hsla(286.97 94.09% 37.66%) 0%, hsla(327.57deg 100% 60.24%) 100%);  
	background: -moz-linear-gradient(360deg, hsla(286.97 94.09% 37.66%) 0%, hsla(327.57deg 100% 60.24%) 100%);
	background: -webkit-linear-gradient(360deg, hsla(286.97 94.09% 37.66%) 0%, hsla(327.57deg 100% 60.24%) 100%);*/
	border-color: var(--color-base) !important;
        background-color: var(--color-base);
	color: #fff;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:disabled {
        background-color: var(--color-800);
/*	background: hsla(286.97 94.09% 37.66%);
	background: linear-gradient(360deg, hsla(286.97 94.09% 37.66%) 0%, hsla(327.57deg 100% 60.24%) 100%);  
	background: -moz-linear-gradient(360deg, hsla(286.97 94.09% 37.66%) 0%, hsla(327.57deg 100% 60.24%) 100%);
	background: -webkit-linear-gradient(360deg, hsla(286.97 94.09% 37.66%) 0%, hsla(327.57deg 100% 60.24%) 100%);*/
	border-color: var(--color-800) !important;
	color: #fff;
}
.fas.fa-spinner.fa-pulse {
    margin-left: 10px;
    font-size: 18px;
}
.transition-3d-hover {
  transition: all 0.2s ease-in-out;
}
.transition-3d-hover:hover {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
.inputs{
  width: 48%;
}
.imagenlogov{
    width: 469px;
}
.btn {   
    width: 35%;
}
.margintop {
    margin-top: 3rem !important;
}
.hola{
      margin-top: 10px;
}


.footer23{
    background-color: #F7F7F7; 
    display: flex !important; 
    flex-direction: column;
    align-items: center; 
    position: absolute; 
    bottom: 0
}
.formu{
    margin-top: 72px;
}
@media screen and (max-width: 1400px) {
.btn {
   width: 135px;
        height: 39px;
        padding: 0 !important;
}

    .footer23{
    position: absolute; 
    bottom: 0
    }
        .imagenlogov {
        width: 287px;
    }
    .navbar{
        height: 57px;
    }
    .formu{
    margin-top: 10px;
}
    .inputs {
        width: 55%;
    }
}
@media screen and (max-width: 1050px) {

.footer23{
    position: absolute; 
    bottom: 0
}
 .inputs{
  width: 44%;
}
.btn {
    width: 31%;
}
.imagenlogov {
    width: 376px;
}
    .margintop {
        margin-top: 8.5rem !important;
    }
    .logovesta{
            margin-top: 3rem !important;
    }

}