body{margin:0px;color:white;font-family:'Roboto Condensed', sans-serif}
a{color:rgba(255, 255, 255, 0.7);text-decoration:none}
a:hover{color:white}
div#background{position:fixed;height:100%;width:100%;background:#222;background-size:cover;background-position:center}
div#background video{width:100%;height:100%;object-fit:cover}
div#lateral{position:fixed;right:0px;width:400px;height:100%;display:grid;box-sizing:border-box;grid-template-rows:1fr 100px 480px 60px 150px;background:rgba(0, 0, 0, 0.5);backdrop-filter:blur(5px);overflow:hidden;padding:0px 50px}
div#lateral div.logo{align-self:center;text-align:center}
div#lateral div.logo img{width:200px}
div#lateral div.content{text-align:center}
div#lateral div#legal{align-self:end;text-align:center;opacity:0.5;font-size:80%}
div.área-opciones{margin-top:20px}
button{background:rgb(255, 255, 255, 0.75);width:100%;margin:10px 0px;padding:15px;border:none;border-radius:3px;cursor:pointer;user-select:none;font-size:90%}
button:hover{background:rgba(255, 255, 255, 0.9)}
button:active{background:rgba(255, 255, 255, 0.5);color:black}
button:disabled{background:rgba(255, 255, 255, 0.5);color:rgba(0, 0, 0, 0.25);cursor:not-allowed}
button.progreso:disabled{background:rgb(128, 128, 128, 0.5);color:white;cursor:not-allowed}
button.lowlight{background:inherit;padding:10px;margin:0px;color:rgba(255, 255, 255, 0.7);font-family:'Roboto Condensed', sans-serif}
button.lowlight:hover{color:white}
h1{font-size:20px;font-weight:normal}
h1.nombre{font-size:180%;margin:0px}
h2{font-size:18px;font-weight:normal}
h2.correo-electrónico{margin:0px;margin-bottom:20px}
div.description{color:rgba(255, 255, 255, 0.75);padding-bottom:20px}
div.action{margin:0px 0px}
div.action a{display:block;padding:7px 0px}
div.form-element{height:55px;text-align:right}
div.form-element.extra-height{height:75px}
div.form-element.extra-height button.field-action{top:-80px}
div.form-element.align-left{text-align:left}
div.form-element.margin-top{margin-top:20px}
div.form-element input[type=text],div.form-element input[type=password],div.form-element input[type=email]{width:100%;background:rgba(255, 255, 255, 0.1);border:none;border-bottom:1px solid rgba(255, 255, 255, 0.5);padding:10px;box-sizing:border-box;color:white;height:50px}
div.form-element input[type=text]::placeholder,div.form-element input[type=password]::placeholder,div.form-element input[type=email]::placeholder{color:rgba(255, 255, 255, 0.5)}
div.form-element input[type=text]:disabled,div.form-element input[type=password]:disabled,div.form-element input[type=email]:disabled{background:rgba(255, 255, 255, 0.25);color:#eee;cursor:not-allowed}
div.form-element button.field-action{background:inherit;border:none;position:relative;width:40px;height:50px;top:-60px;padding:0px;cursor:pointer;color:rgba(255, 255, 255, 0.7)}
div.form-element button.field-action:hover{color:white}
div#oauth{display:none;position:fixed;top:0px;left:0px;width:100vw;height:100vh;z-index:10000;background:rgba(0, 0, 0, 0.8);backdrop-filter:blur(5px)}
div#oauth div.contenedor{width:400px;height:600px;background:white;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:1fr 20px;grid-template-rows:30px 1fr;color:black}
div#oauth div.contenedor iframe{grid-column:1 / 3;width:100%;height:100%}
section.panel{display:none;box-sizing:border-box;padding:0px 50px;position:absolute;transition:left 0.2s;margin-top:20px;width:100%}
section.panel.desactivar-transición{transition:none}
input.elemento-código-verificación{display:inline;background:rgba(255, 255, 255, 0.1);border:none;border-bottom:1px solid rgba(255, 255, 255, 0.5);padding:5px;width:30px;font-size:180%;color:white;text-align:center}
input.elemento-código-verificación:disabled{background:rgba(255, 255, 255, 0.25);color:#eee;cursor:not-allowed}
.grecaptcha-badge{visibility:hidden}
.procesando{display:none;margin:40px 0px}
#inicializando-sesión-guardada{display:none;margin-top:150px}
#inicializando-sesión-guardada div.ícono{font-size:150%;margin-bottom:20px}
#botón-gugol{background-color:#aaaa;color:#222}
div.botones-autenticadores-externos{display:flex;justify-content:center;gap:10px}
div.botones-autenticadores-externos > *{width:40px;height:40px;margin:0px;display:flex;align-items:center;justify-content:center;font-size:120%}
:root{--lateral-fondo:#002150;--lateral-fondo-1:#26589a;--lateral-color:white;--header-color:black;--header-fondo:#e6e6e6;--main-fondo:white;--main-fondo-1:#fefef0;--main-fondo-2:#f0f0f0;--main-fondo-3:#f8f8f8;--main-color:black;--main-color-1:#333;--main-color-2:#666;--main-color-3:#999;--main-color-4:#BBB;--main-color-5:#EEE;--resaltado-0:#fee;--resaltado-1:#e44;--resaltado-2:#800;--resaltado-3:#400;--resaltado-4:#2571A3;--resaltado-5:#0B5C90;--resaltado-6:#064670;--resaltado-0-color-0:white;--resaltado-0-fondo-0:#D82121;--resaltado-0-fondo-1:#AA1010;--resaltado-0-fondo-2:#830000;--resaltado-1-color-0:white;--resaltado-1-fondo-0:#FF632D;--resaltado-1-fondo-1:#E23D05;--resaltado-1-fondo-2:#B02D00;--resaltado-2-color-0:white;--resaltado-2-fondo-0:#FFA22D;--resaltado-2-fondo-1:#E28005;--resaltado-2-fondo-2:#B06200;--resaltado-3-color-0:white;--resaltado-3-fondo-0:#2571A3;--resaltado-3-fondo-1:#0B5C90;--resaltado-3-fondo-2:#064670;--inactivo-color:#aaa;--inactivo-fondo:white;--infobox-borde:#eee;--enlace:#448;--enlace-resaltado:#66A;--enlace-inactivo:#AAD;--enlace-desactivado:#888;--table-borde:#f2f2f2;--bandera-bien:black;--bandera-bien-fondo:#efe;--bandera-progreso:black;--bandera-progreso-fondo:#8f8;--bandera-información:white;--bandera-información-fondo:#F82;--bandera-advertencia:black;--bandera-advertencia-fondo:#ff8;--bandera-error:white;--bandera-error-fondo:black;--bandera-eliminado:white;--bandera-eliminado-fondo:#888;--menú-color:#448;--menú-fondo:white;--menú-color-deshabilitado:#aaa;--menú-fondo-deshabilitado:#efefff;--menú-separador:#e3e3f4;--advertencia-ligera-color:#440;--advertencia-ligera-fondo:#ff8;--noticia-ligera-color:#444;--noticia-ligera-fondo:#fff}
section#mensaje{position:fixed;z-index:1000;top:0px;left:0px;width:400px;height:100%;background-color:rgba(0, 0, 0, 0.75);backdrop-filter:blur(5px);padding:0px 30px;box-sizing:border-box;display:none}
section#mensaje .contenido{position:relative;top:50%;transform:translateY(-50%)}
section#mensaje .contenido > div{margin:10px 0px}
section#mensaje .contenido .título{font-size:200%;font-weight:bold}
section#mensaje .contenido .ícono{font-size:400%}
.puntaje-contraseña{display:grid;grid-template-columns:180px 1fr 20px;text-align:left;padding:5px 0px;font-size:75%;font-variant:small-caps}
.puntaje-contraseña .barras{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:2px;align-items:center}
.puntaje-contraseña .barras div{border-radius:2px;height:4px;opacity:0.5}
.puntaje-contraseña .ok{text-align:right;display:none}
@media (max-width: 800px){div#background video{display:none}div#lateral{background:rgba(0, 0, 0, 0.75);width:100%}div.form-element input[type=text],div.form-element input[type=password],div.form-element input[type=email]{background:rgba(0, 0, 0, 0.75)}section#mensaje{width:100%}}
@media (max-height: 600px){div#lateral div#legal{display:none}}
@media (max-height: 790px){div#lateral{grid-template-rows:0px 100px 1fr 40px 150px}}