/* En tu archivo CSS (por ejemplo, styles.css) */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700&display=swap');

*{
  margin: 0;
  padding: 0;
}
.content{
  min-height: 100%;
  display: flex;
  flex-direction: row;
  @media screen and (max-width: 1000px) {
    flex-direction: column-reverse;
    
  }
}
html, body {
  height: 100%; /* Esto asegura que el cuerpo del documento ocupe toda la altura de la ventana */
  margin: 0; /* Esto remueve los márgenes predeterminados que los navegadores asignan a la página */
}
.div-1 {
  background-color: #FEFBFF;
display: flex;
column-width: auto;
padding: 80px 60px;
box-sizing: border-box;
flex-direction: column;
align-items: flex-start;
flex-shrink: 0;
border-right: 1px solid #4659A9;
@media screen and (max-width: 1000px) {
  border-right: none;
  border-top: 1px solid #4659A9;
}

}

.div-2 {
  display: flex;
  padding: 80px 60px;
  color: white;
  width: 100%;
  box-sizing: border-box;
  
}
h1{
  height: 73.828px;
  align-self: stretch;

  font-family: 'Merriweather';
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 69.154px; /* 144.071% */

  background: var(--hi, linear-gradient(180deg, #798CE0 0%, #112878 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 27px;
}
h3{

  align-self: stretch;
  
  color: var(--carpenter-core-color-light-on-baseplate, #1B1B1F);
  font-family: 'Assistant';
  font-size: 32px;
  font-style: normal;
  font-weight: 400; /* 216.107% */

}

span{
  color: var(--carpenter-core-color-light-primary, #4659A9);
  font-family: 'Assistant';
  font-size: 20px;
  font-style: normal;
  font-weight: 700; /* 345.771% */
}
input{
  color: var(--carpenter-core-color-light-on-baseplate, #1B1B1F);
  font-family: Assistant;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: 27px;
  display: flex;
  border: none;
  outline: none;
  background: none;
}

.inputLayout{
  display: flex;
  max-width: 100%;
  width: 100%;
  height: 67px;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid var(--carpenter-core-color-light-primary, #4659A9);
  margin-top: 30px;
}