.overlap-group4 {
height: 2361px; 
    position: relative;
    width: 100%;
    z-index: 1;
    justify-content: center;
    display: flex;
    align-items: center;
}


.loginpage.screen
{
	background-color: var(--blue-zodiac);
}


.capa-1 {
     align-items: center;
    background-image: url(../img/trazado-236@1x.png);
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    height: 2361px;  
    width: 100%;   
    justify-content: center;
}

.panelinputs
{
	display: flex;flex-direction: column;gap: 10px; 
	margin:auto;
}

.panelingresar {
    align-items: center;
    justify-content: center;
    background-color: var(--alabaster);
    border-radius: 25px;
    display: flex;    
    padding: 40px;    
}

.contenidoingresar {
  align-items: center;
  display: flex;
  flex-direction: column;
     justify-content: space-between;
    height: 400px;
}

.logochicoletra {
  align-items: flex-start;
  display: flex;
  min-width: 103px;
}

.overlap-group-1 {
  height: 124px;
  position: relative;
  width: 103px;
}

.elipse-2 {
  background-color: var(--violet-blue);
  border-radius: 18.86px;
  height: 38px;
  left: 53px;
  position: absolute;
  top: 6px;
  width: 38px;
}

.trazado-41 {
  height: 124px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 103px;
}

.inputingresarcorreo {
  align-items: flex-start;
  display: flex;
  height: 77px;
  justify-content: center;
  margin-top: 107px;
  min-width: 503px;
}

.overlap-group {
  align-items: flex-end;
  border:1px solid;
  border-color: var(--blue-zodiac);
  border-radius: 40px;
  display: flex;  
  
  min-width: 504px;
  padding: 22px 45px;
}

.correo-electrnico {
  background-color: transparent;
  border: 0;
  height: 31px;
  letter-spacing: 0;
  line-height: 48px;
  opacity: 0.49;
  padding: 0;
  white-space: nowrap;
  width: 100%;
}

.correo-electrnico::placeholder {
  color: #1b284899;
}

.inputingresarclave {
  align-items: flex-start;
  display: flex;
  height: 77px;
  justify-content: center;
  margin-top: 39px;
  min-width: 503px;
}

.contrasea {
  background-color: transparent;
  border: 0;
  height: 31px;
  letter-spacing: 0;
  line-height: 48px;
  opacity: 0.49;
  padding: 0;
  white-space: nowrap;
  width: 100%;
}

.contrasea::placeholder {
  color: #1b284899;
}

.btningresar {
  align-items: flex-end;
  background-color: var(--violet-blue);
  border-radius: 31.77px;
  cursor: pointer;
  display: flex;
  height: 64px;
  justify-content: flex-end;
  margin-left: 0;
  margin-top: 102px;
  min-width: 292px;
  padding: 13.0px 75.3px;
}

.ingresar {
  color: var(--white);
  font-family: var(--font-family-sora);
  font-size: var(--fontsize13vw);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 28.6px;
  min-height: 33px;
  min-width: 140px;
  white-space: nowrap;
}


.rnos-container {
  height: 755px;
  position: relative;
  width: 1940px;
}


.grupo-5 {
  display: flex;
  height: 60px;
  margin-top: 23.51px;
  width: 242px;
}

.grupo-3 {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  justify-content: center;
  min-width: 49px;
}

.overlap-group-2 {
  height: 59px;
  position: relative;
  width: 49px;
}

.elipse-1 {
  background-color: var(--white);
  border-radius: 9px;
  height: 18px;
  left: 25px;
  position: absolute;
  top: 3px;
  width: 18px;
}

.trazado-2 {
  height: 59px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 49px;
}

.trazado-3 {
  align-self: center;
  height: 58px;
  margin-bottom: 0.45px;
  margin-left: 5px;
  object-fit: cover;
  width: 12px;
}

.trazado-4 {
  height: 45px;
  margin-bottom: 0.14px;
  margin-left: 7px;
  object-fit: cover;
  width: 43px;
}

.grupo-2 {
  background-image: url(../img/trazado-1-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 45px;
  margin-left: 5px;
  width: 43px;
}


.contactarnos {
  align-items: flex-start;
  background-color: var(--manz);
  display: flex;
  flex-direction: column;
  left: 1174px;
  min-height: 755px;
  padding: 28.3px 60.7px;
  position: absolute;
  top: 0;
  width: 766px;
}

.title {
  letter-spacing: 0;
  line-height: 62.0px;
  margin-top: 91px;
  min-height: 57px;
  white-space: nowrap;
}


.logo {
  align-self: flex-start;
  display: flex;
  height: 42px;
  width: 167px;
}

.grupo-187 {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  justify-content: center;
  min-width: 34px;
}

.overlap-group-3 {
  height: 41px;
  margin-top: 0;
  position: relative;
  width: 34px;
}

.elipse-24 {
  background-color: var(--white);
  border-radius: 6.22px;
  height: 12px;
  left: 17px;
  position: absolute;
  top: 2px;
  width: 12px;
}

.trazado-170 {
  height: 31px;
  margin-bottom: 0.1px;
  margin-left: 5px;
  object-fit: cover;
  width: 30px;
}

.trazado-171 {
  height: 29px;
  margin-bottom: 0.93px;
  margin-left: 3px;
  object-fit: cover;
  width: 25px;
}

.grupo-186 {
  background-image: url(../img/trazado-167-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 31px;
  margin-bottom: 0;
  margin-left: 4px;
  width: 30px;
}

.trazado-172 {
  height: 29px;
  margin-bottom: 0.93px;
  margin-left: 5px;
  object-fit: cover;
  width: 19px;
}

.componente-2-1 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 22px;
  display: flex;
  height: 45px;
  justify-content: flex-end;
  margin-left: 62px;
  margin-top: 2.65px;
  min-width: 228px;
  padding: 5.5px 28px;
}

.overlap-group1 {
  align-items: flex-end;
  border: 1px solid;
  border-color: var(--white);
  border-radius: 22px;
  display: flex;
  height: 46px;
  margin-top: -0.5px;
  min-width: 235px;
  padding: 7.0px 29.5px;
}

.componente-4-1 {
  align-items: flex-end;
  align-self: flex-end;
  background-color: var(--manz);
  border-radius: 22px;
  display: flex;
  height: 47px;
  justify-content: flex-end;
  margin-left: 10px;
  min-width: 152px;
  padding: 6.5px 26px;
}