.tarjeta{background-color:var(--color-fondo);border:solid 1px var(--color-gris-claro-2);border-radius:.5em;flex-direction:column;align-items:center;gap:.5em;width:100%;height:max-content;padding:2em;display:flex}.tarjeta .divisor{background-color:var(--color-gris-medio);width:100%;height:1px;margin-top:1em;margin-bottom:1em}.tarjeta>.divisor{background-color:var(--color-gris-medio);width:calc(100% + 4em);height:1px;margin:1em}.tarjeta.expandible{position:relative}.tarjeta.expandible .encabezado{cursor:pointer;width:100%}.tarjeta.expandible .encabezado:after{content:"expand_more";font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;width:min-content;height:min-content;font-family:Material Symbols Outlined;font-size:20px;position:absolute;right:2em}.tarjeta.expandible>.expande{transform-origin:top;opacity:0;max-height:0;transition:max-height var(--animacion-corta)ease-in-out,opacity var(--animacion-corta)ease-in-out,transform var(--animacion-corta)ease-in-out;pointer-events:none;overflow:hidden;transform:translateY(max(-20%,-1em))}.tarjeta.expandible>.divisor{background-color:var(--color-gris-claro-2)}.tarjeta.expandible.expandido>.expande{opacity:1;pointer-events:all;max-height:max(250px,100%);transform:translateY(0)}.tarjeta.expandible.expandido .encabezado:after{transform:rotate(180deg)}.tarjeta.expandible:not(.expandido){gap:0}.tarjeta.expandible:not(.expandido) .divisor{height:0;margin:0}.tarjeta.ko{background-color:color-mix(in srgb,var(--color-ko),transpare 50%)}.zona-carga{cursor:pointer;text-align:center;border:dashed 2px var(--color-gris-medio);border-radius:.5em;flex-direction:column;justify-content:center;align-items:center;gap:1em;width:100%;height:100%;padding:2em;display:flex}.zona-carga.arrastra{background-color:var(--color-gris-claro);border-color:var(--color-gris-medio-1)}.zona-carga:hover{background-color:var(--color-gris-claro);border-color:var(--color-gris-medio-1)}.zona-carga.arrastra{background-color:var(--color-gris-claro-1);cursor:grabbing}#progreso-carga{width:100%}#progreso{width:100%;height:24px}#progreso::-webkit-progress-bar{background-color:var(--color-gris-claro-2);border-radius:.5em}#progreso::-webkit-progress-value{background-color:var(--color-acento);border-radius:.5em}.progreso{width:100%;margin:1em 0}.progreso-contenedor{background-color:var(--color-gris-claro);border:1px solid var(--color-gris-claro-2);border-radius:8px;width:100%;height:24px;margin-bottom:1em;position:relative;overflow:hidden}.progreso-barra{background:linear-gradient(90deg,var(--color-primario),color-mix(in srgb,var(--color-primario),var(--color-blanco-solido)20%));border-radius:7px;width:0%;height:100%;transition:width .3s;position:relative}.progreso-barra.activo{background:linear-gradient(90deg,var(--color-primario),color-mix(in srgb,var(--color-primario),var(--color-blanco-solido)20%),var(--color-primario));background-size:200% 100%;animation:2s linear infinite progreso-activo}.progreso-barra.completado{background:linear-gradient(90deg,var(--color-exito),color-mix(in srgb,var(--color-exito),var(--color-blanco-solido)20%));animation:.5s ease-in-out brillo-completado}.progreso-barra.error{background:linear-gradient(90deg,var(--color-error),color-mix(in srgb,var(--color-error),var(--color-blanco-solido)20%))}.progreso-texto{color:var(--color-frente);text-shadow:0 0 2px rgba(0,0,0,.3);z-index:2;white-space:nowrap;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progreso-detalles{color:var(--color-gris-medio);justify-content:start;align-items:center;gap:1em;font-size:small;display:flex}.progreso-detalles .detalle{align-items:center;gap:.25em;font-size:12px;display:flex}.progreso-detalles .material-symbols-outlined{font-size:14px}#archivos-seleccionados{flex-direction:column;gap:1em;width:100%;display:flex}#lista-archivos{flex-wrap:wrap;width:100%;display:flex}.archivo-vista-previa{font-size:small;display:flex}.encabezado{align-self:self-start;justify-self:left}.nota{border-radius:.5em;flex-direction:column;align-items:start;gap:.5em;width:100%;min-height:4em;padding:1em 1em 1em 4em;font-size:small;font-weight:100;display:flex;position:relative}.nota:before{content:attr(data-icono);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;width:min-content;height:min-content;font-family:Material Symbols Outlined;font-size:20px;position:absolute;left:1.25em}.nota{background-color:color-mix(in srgb,var(--color-gris-medio),transparent 75%);border:solid 1px var(--color-gris-medio);color:var(--color-frente)}.nota:before{color:var(--color-gris-medio)}.nota span.material-symbols-outlined{color:var(--color-gris-medio)}.nota.exito{background-color:color-mix(in srgb,var(--color-exito),transparent 85%);border:solid 1px color-mix(in srgb,var(--color-exito),transparent 50%);color:color-mix(in srgb,var(--color-exito),black 20%)}.nota.exito:before{color:var(--color-exito)}.nota.exito span.material-symbols-outlined{color:var(--color-exito)}.nota.advertencia{background-color:color-mix(in srgb,var(--color-advertencia),transparent 85%);border:solid 1px color-mix(in srgb,var(--color-advertencia),transparent 50%);color:color-mix(in srgb,var(--color-advertencia),black 30%)}.nota.advertencia:before{color:var(--color-advertencia)}.nota.advertencia span.material-symbols-outlined{color:var(--color-advertencia)}.nota.error{background-color:color-mix(in srgb,var(--color-error),transparent 85%);border:solid 1px color-mix(in srgb,var(--color-error),transparent 50%);color:color-mix(in srgb,var(--color-error),black 20%)}.nota.error:before{color:var(--color-error)}.nota.error span.material-symbols-outlined{color:var(--color-error)}.medalla{white-space:nowrap;text-overflow:ellipsis;min-width:2.5em;max-width:66%;color:var(--color-info);background-color:color-mix(in srgb,var(--color-info),transparent 80%);border:solid 1px var(--color-info);border-radius:.25em;flex-direction:row;justify-content:center;align-self:self-start;justify-self:self-start;padding:.25em .75em;font-size:small;font-weight:700;display:inline-block;overflow:hidden}.medalla *{font-size:inherit;color:inherit}.icono{aspect-ratio:1;background-color:var(--color-gris-claro-2);width:5em;height:5em;color:var(--color-primario);border-radius:100%;align-content:center;justify-content:center;align-self:center;justify-self:center;align-items:center;justify-items:center;display:flex}.icono *.material-symbols-outlined{font-size:3em}.icono *{color:inherit}.fila{flex-direction:row;gap:1.5em;width:100%;display:flex}.columna{flex-direction:column;gap:1.5em;display:flex}.columna.columna-2_3{flex-grow:2;width:66%}.columna.columna-1_3{flex-grow:1;width:34%}.columna.columna-1_2{flex-grow:1;width:50%}:disabled,.inhabilitado{position:relative;cursor:not-allowed!important;filter:saturate(.3)!important}:is(:disabled,.inhabilitado):active{pointer-events:none}:is(:disabled,.inhabilitado):before{content:"";border-radius:inherit;filter:saturate(.7);background-color:color-mix(in srgb,var(--color-gris-medio-2),transparent 95%);-webkit-backdrop-filter:blur();backdrop-filter:blur();font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;flex-direction:column;justify-content:center;justify-items:center;width:100%;height:100%;font-family:Material Symbols Outlined;font-size:20px;display:flex;position:absolute;top:0;left:0}:is(:disabled,.inhabilitado):hover{filter:saturate(.1)!important}:is(:disabled,.inhabilitado):hover:before{filter:saturate(0);background-color:color-mix(in srgb,var(--color-gris-medio-2),transparent 75%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}:is(:disabled,.inhabilitado):active{filter:saturate(.1)!important}:is(:disabled,.inhabilitado):active:before{filter:saturate(0);background-color:color-mix(in srgb,var(--color-gris-medio-2),transparent 75%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}button{background-color:var(--color-primario);color:var(--color-fondo);cursor:pointer;border-radius:.25em;justify-content:center;align-items:center;justify-items:center;padding:.5em;font-size:large;font-weight:700;display:flex}button *{color:inherit}button:hover{filter:brightness(1.25)}button.secundario{background-color:var(--color-secundario)}button.gris{color:var(--color-gris-medio);border:solid 1px var(--color-gris-claro-2);background-color:transparent}button.gris:hover{filter:brightness(.75)}form{background-color:inherit;flex-direction:column;align-items:center;gap:1em;width:100%;display:flex}form .caja{background-color:inherit;flex-direction:column;gap:.25em;width:100%;display:flex}form .caja input{border:solid 1px var(--color-gris-claro-2);border-radius:.25em;width:100%;min-height:3em;padding:.75em}form .caja button{background-color:var(--color-primario);width:100%;color:var(--color-fondo);cursor:pointer;border-radius:.25em;padding:.5em;font-size:large;font-weight:700}form .caja button:hover{filter:brightness(1.25)}form .caja .digitos{border:solid 1px var(--color-gris-claro-2);border-radius:.25em;flex-direction:row;justify-content:space-evenly;width:100%;padding:0;display:flex}form .caja .digitos input.digito{border:none;border-right:solid 1px var(--color-gris-claro-2);text-align:center;border-radius:0;align-content:center;justify-content:center;align-items:center;justify-items:center;padding:.75em}form .caja .digitos input.digito:last-child{border-right:none}form .caja .digitos input.digito::-ms-input-placeholder{text-align:center;align-content:center;justify-content:center;align-self:center;justify-self:center;align-items:center;justify-items:center;width:100%}form .caja .digitos input.digito::placeholder{text-align:center;align-content:center;justify-content:center;align-self:center;justify-self:center;align-items:center;justify-items:center;width:100%}form .caja .o{background-color:inherit;width:100%;height:100%;margin-bottom:1.25em;position:relative}form .caja .o:before{z-index:0;content:"";background-color:var(--color-primario);width:100%;height:1px;position:absolute;top:calc(.5em + 1px)}form .caja .o>span{color:var(--color-primario);z-index:1;background-color:inherit;padding-left:.25em;padding-right:.25em;font-weight:700;position:absolute;left:calc(50% - .5em)}.fondo-primario{background-color:var(--color-primario)!important}.fondo-secundario{background-color:var(--color-secundario)!important}.fondo-acento{background-color:var(--color-acento)!important}.frente-primario{color:var(--color-primario)!important}.frente-secundario{color:var(--color-secundario)!important}.frente-acento{color:var(--color-acento)!important}.fondo-gris-claro{background-color:var(--color-gris-claro)!important}.frente-gris-claro{color:var(--color-gris-claro)!important}.fondo-gris-medio{background-color:var(--color-gris-medio)!important}.frente-gris-medio{color:var(--color-gris-medio)!important}.fondo-gris-oscuro{background-color:var(--color-gris-oscuro)!important}.frente-gris-oscuro{color:var(--color-gris-oscuro)!important}.fondo-info{background-color:color-mix(in srgb,var(--color-info),transparent 60%)!important}.fondo-exito{background-color:color-mix(in srgb,var(--color-exito),transparent 60%)!important}.fondo-advertencia{background-color:color-mix(in srgb,var(--color-advertencia),transparent 60%)!important}.fondo-error{background-color:color-mix(in srgb,var(--color-error),transparent 60%)!important}.frente-info{font-weight:700;color:var(--color-info)!important}.frente-exito{font-weight:700;color:var(--color-exito)!important}.frente-advertencia{font-weight:700;color:var(--color-advertencia)!important}.frente-error{font-weight:700;color:var(--color-error)!important}.info{font-weight:700;color:var(--color-info)!important;border-color:var(--color-info)!important;background-color:color-mix(in srgb,var(--color-info),transparent 80%)!important}.exito{font-weight:700;color:var(--color-exito)!important;border-color:var(--color-exito)!important;background-color:color-mix(in srgb,var(--color-exito),transparent 80%)!important}.advertencia{font-weight:700;color:var(--color-advertencia)!important;border-color:var(--color-advertencia)!important;background-color:color-mix(in srgb,var(--color-advertencia),transparent 80%)!important}.error{font-weight:700;color:var(--color-error)!important;border-color:var(--color-error)!important;background-color:color-mix(in srgb,var(--color-error),transparent 80%)!important}