.cuadroLogin {
   display: flex;
   align-self: center;
   align-content: center;
   justify-content: center;
   align-items: center;
   justify-items: center;
   border-radius: var(--borderRadiusCuadroLogin);
   background-color: transparent;
   color: var(--colorParaTextoPagina);
   flex-direction: column;
   max-width: 95%;
   min-width: 25%;
   padding: 2rem;
   border: var(--bordeGeneral);
   opacity: 1;
}

   .cuadroLogin .renglonLogo {
      align-content: center;
      align-items: center;
      justify-content: center;
      justify-items: center;
      display: flex;
      flex-direction: row;
      object-fit: cover;
      min-height: 5%;
      height: 5%;
      max-height: 5%;
      min-width: 10rem;
      width: 10rem;
      max-width: 10rem;
      padding: 2rem;
      opacity: 1;
   }

   .cuadroLogin .renglonTitulo {
      display: flex;
      font-size: 1.5rem;
      font-weight: bold;
      height: auto;
      justify-content: center;
      min-height: 0;
      min-width: 90%;
      padding: 1rem 0 0 0;
      width: 90%;
   }

   .cuadroLogin .renglonSubtitulo,
   .cuadroLogin .renglonNota {
      display: flex;
      font-size: 1rem;
      font-weight: normal;
      height: auto;
      justify-content: center;
      min-height: 0;
      min-width: 90%;
      padding: 0 0 2rem 0;
      width: 90%;
   }

   .cuadroLogin .renglonRecuperarCrear * {
      font-size: .8rem;
   }

.textBoxLogin {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
   padding: 0;
   margin: 0;
   padding-left: .3rem;
   width: 90%;
   min-height: 100%;
   height: 100%;
   max-height: 100%;
   border: inherit;
}

.cuadroLogin .renglonPie {
   background-color: var(--colorParaFondoPagina0);
   color: var(--colorParaTextoPagina);
   font-size: .5rem;
   font-weight: bolder;
   max-width: 100%;
   min-width: 100%;
   padding: 0;
   width: 100%;
}