body {
  margin: 0;
font-family: 'Poppins', sans-serif;
background-color: white;
}

/* Panel izquierdo */
.left-panel {
  flex: 0.5;
  background: url('/Imagenes/imagen-login.webp') no-repeat center center;
  background-size: cover;
  position: relative;
  color: white;
  padding: 64px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.logo {
  position: absolute;
  top: 64px;
  left: 64px;
  width: 25%;
}

.frase {
  display: flex;
  flex-direction: column;
  gap: 96px;
}

.frase h1, .frase h3, .frase h4 {
  color: white;
}

.autor {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.autor .nombre {
  font-weight: bold;
  font-size: 24px;
}

.autor .cargo {
  font-weight: 500 !important;
}

.btn{
    width: 100% !important;
}

/* Panel derecho */
.right-panel {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-box {
  max-width: 75%;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
}


/* Agrupador de bloques */
form {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 75%;
}

.form-group, .form-botones, .form-recordatorio {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.form-recordatorio {
    gap: 12px !important;
}
form .contenedor {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-botones {
    width: 75%;
}

.titulos{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.subtext {
  text-align: center;
  font-weight: 500 !important;
  width: 75%;
}

a{
    font-size: var(--medida-16px) !important;
}