div.contenedor-central#centro{grid-template:"titulares"min-content"formulario"1fr/1fr;display:grid;position:relative}div#titulares{grid-area:titulares;align-self:baseline;padding-left:3%}h1#titulo{margin:0;padding:0;font-size:1.5em;transition:all .2s ease-out}#subtitulo{margin:0;padding:0;font-size:small;transition:all .2s ease-out}form{grid-area:formulario;grid-template-columns:repeat(3,auto);align-items:baseline;justify-items:center;gap:2em 4%;width:auto;display:grid}form#form-inicio-sesion{grid-template-rows:repeat(4,min-content);grid-template-areas:"usuario usuario usuario""contrasenas contrasenas contrasenas""iniciar-sesion registrarse olvide-contrasena""ayuda ayuda ayuda"}form#form-registrarse{grid-template-rows:repeat(5,min-content);grid-template-areas:"usuario usuario usuario""correo correo correo""contrasenas contrasenas contrasenas""contrasenas contrasenas contrasenas""registrarse iniciar-sesion."}input.caja{opacity:.7;color:var(--color-blanco-paloma-mia);background-color:transparent;width:100%;font-size:medium}input.caja:not([name=busqueda]){border-bottom:solid 1px var(--color-blanco-paloma-mia)}input.caja:hover{opacity:1;transition:all .2s ease-out;transform:scale(1.02)}input.caja:focus{opacity:1;border-bottom-width:2px;border-bottom-color:var(--color-yuyo-verde);outline:none}input:-webkit-autofill{-webkit-text-fill-color:var(--color-blanco-paloma-mia);-webkit-background-clip:text;font-family:Nunito Sans;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px var(--color-negro-atila)!important;-webkit-box-shadow:inset 0 0 20px 20px var(--color-negro-atila)!important}input:autofill{-webkit-text-fill-color:var(--color-blanco-paloma-mia);-webkit-background-clip:text;font-family:Nunito Sans;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px var(--color-negro-atila)!important;-webkit-box-shadow:inset 0 0 20px 20px var(--color-negro-atila)!important}input:-webkit-autofill{-webkit-text-fill-color:var(--color-blanco-paloma-mia);-webkit-background-clip:text;font-family:Nunito Sans;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px var(--color-negro-atila)!important;-webkit-box-shadow:inset 0 0 20px 20px var(--color-negro-atila)!important}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-blanco-paloma-mia);-webkit-background-clip:text;font-family:Nunito Sans;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px var(--color-negro-atila)!important;-webkit-box-shadow:inset 0 0 20px 20px var(--color-negro-atila)!important}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-blanco-paloma-mia);-webkit-background-clip:text;font-family:Nunito Sans;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px var(--color-negro-atila)!important;-webkit-box-shadow:inset 0 0 20px 20px var(--color-negro-atila)!important}input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-blanco-paloma-mia);-webkit-background-clip:text;font-family:Nunito Sans;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 20px 20px var(--color-negro-atila)!important;-webkit-box-shadow:inset 0 0 20px 20px var(--color-negro-atila)!important}#input-usuario,#caja-usuario{grid-area:usuario;width:100%}#input-correo,#caja-correo{grid-area:correo;width:100%}div#contrasenas{grid-area:contrasenas;grid-template-areas:"contrasena""repetir-contrasena";row-gap:2em;width:100%;display:grid;position:relative}#caja-contrasena{grid-area:contrasena}#caja-repetir-contrasena{grid-area:repetir-contrasena}#contrasenas>span.ojo{color:var(--color-gris-claro);opacity:.7;width:24px;height:24px;position:absolute;top:0;right:.5em}#contrasenas>span.ojo:hover{opacity:1}#contrasenas>span.ojo.activo{color:var(--color-rojo)}button#boton-inicio-sesion{border-radius:20%/50%;grid-area:iniciar-sesion;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:50px;height:50px;margin-top:10%;padding:10px}button#boton-registrarse{border-radius:20%/50%;grid-area:registrarse;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:50px;height:50px;margin-top:10%;padding:10px}button>h1{font-size:x-small;font-style:normal}#olvide-contrasena{grid-area:olvide-contrasena;font-size:smaller}#ayuda{grid-area:ayuda}i{opacity:.7;font-size:smaller}i:hover{color:var(--color-rojo);opacity:1}a{cursor:pointer}a:link{color:var(--color-rojo);text-decoration:none}a:hover{text-decoration:underline}a:visited{color:var(--color-rojo)}i#registrarse{grid-area:registrarse}i#iniciar-sesion{grid-area:iniciar-sesion}.valido{filter:drop-shadow(0 4px 4px var(--color-yuyo-verde))}.invalido{filter:drop-shadow(0 4px 4px var(--color-rojo));border-bottom-color:var(--color-rojo)}input.caja.invalido:focus{border-bottom-color:var(--color-rojo)}.contenedor-error{box-shadow:0px 0px 4px var(--color-rojo);border-width:1px;border-color:var(--color-rojo);color:var(--color-rojo);width:95%;float:inline-start;text-align:center;width:-webkit-fill-available;padding:2%;font-size:medium;font-weight:400}.exito{background-color:var(--color-yuyo-verde);color:var(--color-blanco-paloma-mia);margin-bottom:2%;padding:2%;font-size:small;font-weight:700;transition:all .2s ease-out}.error{background-color:var(--color-rojo);color:var(--color-blanco-paloma-mia);margin-bottom:2%;padding:2%;font-size:small;font-weight:700;transition:all .2s ease-out}@media screen and (min-width:40em){form{justify-items:left}button>h1{font-size:medium;font-style:normal}}@media screen and (min-width:60em){h1#titulo{font-size:2em}form{grid-template-columns:repeat(3,fit-content(100%));width:70%}.contenedor-error{text-align:left}input.caja{font-size:large}}@media screen and (min-width:80em){h1#titulo{font-size:2.5em}#subtitulo{font-size:1.2em}button>h1{font-size:medium;font-style:normal}}