:root{--azul: #085ba7;--azul-oscuro: #064a88;--cian: #00a0dd;--azul-claro: #d1eaff;--fondo: #f2f5f8;--superficie: #ffffff;--tinta: #33373d;--acero: #65656a;--linea: #d5dbe0;--oxido: #b3261e;--ok: #1e7a4c;--cuerpo: Helvetica, "Roboto", Arial, sans-serif;--titulo: "Roboto Condensed", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--cuerpo);font-size:16px;line-height:1.5;color:var(--tinta);background:var(--fondo)}h1,h2{font-family:var(--titulo);font-weight:700;line-height:1.15;margin:0}h1{font-size:2.6rem;letter-spacing:-.01em}h2{font-size:1.35rem}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--cian);outline-offset:2px}.inicio{min-height:100vh;display:grid;place-items:center;padding:2rem}.inicio__bloque{max-width:30rem;border-left:6px solid var(--azul);padding:.5rem 0 .5rem 1.75rem}.logo--inicio{display:block;margin-bottom:1.5rem}.inicio h1{color:var(--azul)}.inicio__bloque p{color:var(--acero);font-size:1.125rem;margin:.75rem 0 1.75rem}.cabecera{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.8rem 2rem;background:var(--superficie);color:var(--tinta);border-bottom:4px solid var(--azul);box-shadow:inset 0 -7px 0 -4px var(--cian)}.cabecera__marca{display:flex;align-items:center;gap:1rem}.cabecera__titulo{font-family:var(--titulo);font-weight:700;font-size:1.3rem;color:var(--azul);padding-left:1rem;border-left:1px solid var(--linea)}.cabecera__cuenta{display:flex;align-items:center;gap:1rem;font-size:.95rem;color:var(--acero)}.cabecera .enlace{color:var(--azul)}.logo{height:26px;width:auto;display:block}.logo-texto{font-family:var(--titulo);font-weight:700;font-size:1.15rem;color:var(--cian);white-space:nowrap}.contenido{max-width:84rem;margin:0 auto;padding:1.75rem 2rem 4rem}.pestanas{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--linea)}.pestanas button{background:none;border:0;padding:.6rem 1rem;cursor:pointer;color:var(--acero);font-family:var(--titulo);font-weight:600;font-size:1.05rem;border-bottom:3px solid transparent;margin-bottom:-1px}.pestanas button.activa{color:var(--azul);border-bottom-color:var(--azul)}.contador{font-family:var(--cuerpo);font-size:.85rem;color:var(--acero);margin-left:.25rem}.rejilla{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:1.75rem;align-items:start}@media(max-width:1100px){.rejilla{grid-template-columns:1fr}.rejilla .form{order:-1;position:static}.contenido,.cabecera{padding-left:1rem;padding-right:1rem}.cabecera__titulo{font-size:1.1rem}h1{font-size:2.1rem}}.panel{background:var(--superficie);border:1px solid var(--linea);border-radius:4px;padding:1.5rem}.form{position:sticky;top:1.25rem;display:flex;flex-direction:column}.form h2{margin-bottom:.35rem;color:var(--azul)}.form label{font-weight:600;margin-top:1rem;margin-bottom:.3rem}.form input,.form select{width:100%;padding:.55rem .7rem;border:1px solid var(--linea);border-radius:3px;background:#fff}.ayuda{color:var(--acero);font-size:.92rem;margin:0}.ayuda--campo{font-size:.85rem;margin-top:.3rem}.opcional{font-weight:400;color:var(--acero)}.vista-previa{margin:1.25rem 0 .25rem;display:flex;align-items:center;gap:.75rem}.vista-previa__texto{color:var(--acero);font-size:.9rem}.boton{margin-top:1rem;padding:.7rem 1.2rem;border:0;border-radius:3px;cursor:pointer;font-family:var(--titulo);font-weight:700;font-size:1.05rem}.boton--principal{background:var(--azul);color:#fff}.boton--principal:hover:not(:disabled){background:var(--azul-oscuro)}.boton:disabled{opacity:.55;cursor:not-allowed}.enlace{background:none;border:0;padding:0;cursor:pointer;color:var(--acero);text-decoration:underline;text-underline-offset:3px}.usuarios__cabecera{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.buscador{flex:0 1 20rem;padding:.55rem .7rem;border:1px solid var(--linea);border-radius:3px;background:var(--superficie)}.usuarios__lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linea)}.usuario{padding:1.1rem 0;border-bottom:1px solid var(--linea)}.usuario__nombre{display:flex;gap:.75rem;align-items:baseline;flex-wrap:wrap;font-weight:600;margin-bottom:.6rem}.usuario__estado{font-weight:500;font-size:.85rem;color:var(--oxido)}.usuario--sin-acceso .usuario__nombre span:first-child{color:var(--acero)}.usuario__etiquetas{display:flex;flex-wrap:wrap;gap:.6rem}.usuario__inactivos{margin-top:.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;font-size:.92rem}.etiqueta{display:inline-flex;align-items:center;gap:.65rem;background:var(--azul-claro);color:var(--azul-oscuro);padding:.45rem .6rem .45rem .55rem;border-radius:3px 10px 10px 3px;box-shadow:inset 0 0 0 1px #085ba740}.etiqueta__ojal{width:.7rem;height:.7rem;border-radius:50%;background:var(--fondo);box-shadow:inset 0 0 0 2px var(--azul);flex:none}.etiqueta__datos{display:flex;flex-direction:column;line-height:1.15}.etiqueta__sucursal{font-size:.78rem;font-weight:500}.etiqueta__grupo{font-family:var(--titulo);font-weight:700;font-size:1.02rem}.etiqueta--total{background:var(--azul);color:#fff}.etiqueta--total .etiqueta__ojal{box-shadow:inset 0 0 0 2px var(--cian)}.etiqueta--inactiva{background:transparent;color:var(--acero);box-shadow:inset 0 0 0 1px var(--linea)}.etiqueta--inactiva .etiqueta__ojal{box-shadow:inset 0 0 0 2px var(--linea)}.etiqueta--inactiva .etiqueta__grupo{text-decoration:line-through}.etiqueta__accion{margin-left:.2rem;background:#ffffffbf;border:0;border-radius:3px;padding:.2rem .5rem;font-size:.82rem;cursor:pointer;color:var(--tinta)}.etiqueta--total .etiqueta__accion{background:#ffffff24;color:var(--superficie)}.etiqueta__accion--quitar:hover{background:var(--oxido);color:#fff}.etiqueta__accion--reactivar{background:var(--superficie)}.etiqueta__accion--reactivar:hover{background:var(--azul-claro)}.mensaje{padding:.75rem 1rem;border-radius:3px;margin:0 0 1rem}.mensaje--error{background:#fbe3e1;color:#7a1a14;border-left:4px solid var(--oxido)}.mensaje--ok{background:#dcebe3;color:var(--ok);border-left:4px solid var(--ok)}.form .mensaje{margin:1rem 0 0}.vacio{color:var(--acero);padding:1rem 0}.sin-rol{max-width:40rem}.sin-rol p{margin:.75rem 0 0}.tabla-contenedor{padding:0;overflow-x:auto}.tabla{width:100%;border-collapse:collapse;font-size:.94rem}.tabla th{text-align:left;font-family:var(--titulo);font-weight:600;padding:.75rem 1rem;border-bottom:2px solid var(--azul);color:var(--azul);white-space:nowrap}.tabla td{padding:.65rem 1rem;border-bottom:1px solid var(--linea);vertical-align:top}.tabla__detalle{color:var(--acero)}.accion{font-weight:600;white-space:nowrap}.accion--crear,.accion--activar{color:var(--ok)}.accion--desactivar{color:var(--oxido)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.usuarios__filtros{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.casilla{display:inline-flex;align-items:center;gap:.45rem;font-size:.92rem;color:var(--acero);cursor:pointer}.casilla input{accent-color:var(--azul);width:1rem;height:1rem}.tabla--permisos{min-width:46rem}.tabla--permisos td,.tabla--permisos th[scope]{vertical-align:middle}.bloque-usuario+.bloque-usuario tr:first-child>*{border-top:2px solid var(--linea)}.celda-usuario{text-align:left;font-weight:600;color:var(--tinta);vertical-align:top!important;padding:.75rem 1rem;border-bottom:1px solid var(--linea);background:#f7f9fb;border-right:1px solid var(--linea);word-break:break-word;width:15rem;white-space:normal;font-family:var(--cuerpo);font-size:.94rem}.tabla .celda-usuario{border-bottom:1px solid var(--linea);color:var(--tinta);font-weight:600}.celda-usuario .usuario__estado{display:block;margin-top:.2rem}.comodin{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:var(--azul-claro);color:var(--azul-oscuro);font-size:.85rem;font-weight:600}.celda-motivo{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.celda-otorgado{white-space:nowrap}.celda-otorgado__por{display:block;font-size:.8rem;color:var(--acero)}.estado{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.88rem;white-space:nowrap}.estado:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.estado--activo{color:var(--ok)}.estado--retirado,.fila--retirada td{color:var(--acero)}.fila--retirada .comodin{background:#eef1f4;color:var(--acero)}.celda-accion{text-align:right;white-space:nowrap}.boton-tabla{border:1px solid var(--azul);background:var(--superficie);color:var(--azul);border-radius:3px;padding:.25rem .7rem;font-size:.85rem;font-weight:600;cursor:pointer}.boton-tabla:hover{background:var(--azul-claro)}.boton-tabla--quitar{border-color:var(--oxido);color:var(--oxido)}.boton-tabla--quitar:hover{background:var(--oxido);color:#fff}.nota{color:var(--acero);font-size:.9rem;margin:.75rem 0 0}.solo-lector{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.apilado{display:flex;flex-direction:column;gap:2rem}.form--barra{position:static}.form__titulo{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.form__titulo h2{margin:0}.form__campos{display:grid;gap:0 1rem;align-items:end;margin-top:.25rem;grid-template-columns:minmax(15rem,1.5fr) minmax(10rem,1fr) minmax(10rem,1fr) minmax(12rem,1.2fr) auto}.campo{display:flex;flex-direction:column;min-width:0}.form--barra .boton{margin-top:0;height:2.6rem;white-space:nowrap}.form__pie{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.6rem}.form__pie .vista-previa{margin:0}@media(max-width:1100px){.form__campos{grid-template-columns:1fr 1fr}.campo--usuario{grid-column:1 / -1}.form--barra .boton{margin-top:1rem;grid-column:1 / -1}}@media(max-width:640px){.form__campos{grid-template-columns:1fr}}.form--barra input,.form--barra select{height:2.6rem}.usuarios__filtros{flex:1 1 auto;justify-content:flex-end}