:root{--fuenteTitulos:'Bree Serif',serif;--fuenteBody:'Jaldi',sans-serif;--fuenteFooter:'Sarabun',sans-serif;--color1:#2471A3;--color2:#D6EAF8;--colorFooter:#000;--blanco:#fff}html{box-sizing:border-box}*,*:after,*:before{box-sizing:inherit}.contenedor{max-width:700px;margin:0
    auto}.sombra{-webkit-box-shadow:7px 7px 3px 0px rgba(189,187,189,0.86);-moz-box-shadow:7px 7px 3px 0px rgba(189,187,189,0.86);box-shadow:7px 7px 3px 0px rgba(189,187,189,0.86)}body{background-color:var(--color2)}@media (min-width: 768px){.login{background-image:url("../img/antealeft.svg");background-repeat:no-repeat;background-size:100%;border-radius:10px}.titulo{color:var(--color1);text-align:center;font-family:var(--fuenteTitulos);margin-top:4rem;margin-bottom:5rem}.encabezado-login{font-family:var(--fuenteTitulos);text-align:center;padding:1rem;color:var(--color1)}.encabezado-login
    p{color:var(--blanco);font-family:var(--fuenteFooter);font-weight:700}.error{padding:1rem 0;background-color:red;text-transform:uppercase;color:white;font-family:var(--fuenteTitulos);text-align:center}.ocultar{display:none}.formulario{display:grid;grid-template-columns:1fr,1fr,1fr,1fr,1fr;text-align:center;padding-bottom:2rem}.label-login{padding:1rem 0;font-family:var(--fuenteFooter);font-weight:700;color:var(--blanco)}.campos-login
    input{width:80%;padding: .3rem;border:1px
    solid gray;border-radius:5px}.boton-login{padding-top:2rem;width:100%}.btn-enviar{width:60%;padding: .5rem;background-color:var(--color1);;color:var(--blanco);text-transform:uppercase;font-family:var(--fuenteFooter);border:none;border-radius:7px;font-weight:700}.btn-enviar:hover{cursor:pointer;background-color:var(--color1);opacity:.5;transition: .2s ease-in-out}.footer{margin:1.5rem 0;padding: .1rem 0;background-color:var(--colorFooter);max-width:auto}.footer
    p{text-align:center;font-family:var(--fuenteFooter);font-weight:700;color:var(--blanco)}}@media (max-width: 768px){.login{background-image:url("../img/antealeft.svg");background-repeat:no-repeat;background-size:auto;border-radius:10px}.titulo{color:var(--color1);text-align:center;font-family:var(--fuenteTitulos);margin-top:4rem;margin-bottom:5rem}.encabezado-login{font-family:var(--fuenteTitulos);text-align:center;padding:1rem;color:var(--blanco)}.encabezado-login
    p{color:var(--blanco);font-family:var(--fuenteFooter);font-weight:700}.error{padding:1rem 0;background-color:red;text-transform:uppercase;color:white;font-family:var(--fuenteTitulos);text-align:center}.ocultar{display:none}.formulario{display:grid;grid-template-columns:1fr,1fr,1fr,1fr,1fr;text-align:center;padding-bottom:2rem}.label-login{padding:1rem 0;font-family:var(--fuenteFooter);font-weight:700;color:var(--blanco)}.campos-login
    input{font-family:var(--fuenteTitulos);width:80%;padding: .3rem;border:1px
    solid gray;border-radius:5px}.boton-login{padding-top:2rem;width:100%}.btn-enviar{width:60%;padding: .5rem;background-color:var(--color1);;color:var(--blanco);text-transform:uppercase;font-family:var(--fuenteFooter);border:none;border-radius:7px}.btn-enviar:hover{cursor:pointer;background-color:var(--color1);opacity:.5;transition: .2s ease-in-out}.footer{margin:1.5rem 0;padding: .1rem 0;background-color:var(--colorFooter);max-width:auto}.footer
    p{text-align:center;font-family:var(--fuenteFooter);font-weight:700;color:var(--blanco)}}