.marco{min-height:100vh;display:flex;flex-direction:column}.marco__cabecera{background:var(--cluum-white);border-bottom:1px solid var(--cluum-gray-200);padding:0 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.marco__marca{padding:14px 0;display:flex;align-items:center}.marco__titulo-herramienta{font-size:13px;color:var(--cluum-gray-500);border-left:1px solid var(--cluum-gray-200);padding-left:18px}.marco__nav{display:flex;gap:2px;overflow-x:auto;align-self:stretch}.marco__pestana{display:flex;align-items:center;padding:0 13px;font-size:14px;font-weight:500;color:var(--cluum-gray-500);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}.marco__pestana:hover{color:var(--cluum-ink-900)}.marco__pestana--activa{color:var(--cluum-ink-900);border-bottom-color:var(--cluum-violet-600)}.marco__pestana:focus-visible{outline:3px solid var(--cluum-violet-200);outline-offset:-3px}.marco__operador{margin-left:auto;align-self:center;font-size:13px;color:var(--cluum-gray-500)}.marco__contenido{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:26px 22px 60px}.acceso{min-height:100vh;display:grid;place-items:center;padding:24px}.acceso__tarjeta{width:100%;max-width:430px;background:var(--cluum-white);border:1px solid var(--cluum-gray-200);border-radius:var(--cluum-radius-lg);padding:34px 30px;box-shadow:0 1px 2px color-mix(in srgb,var(--cluum-ink-900) 6%,transparent),0 10px 28px color-mix(in srgb,var(--cluum-ink-900) 7%,transparent)}.acceso__marca{margin-bottom:28px}.acceso__titulo{font-family:var(--cluum-font-display);font-size:23px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--cluum-ink-900);margin:0 0 10px}.acceso__texto{font-size:15px;line-height:1.6;color:var(--cluum-gray-500);margin:0 0 24px}.acceso__texto--error{color:var(--cluum-danger);margin:0 0 16px}.acceso__nota{font-size:13px;line-height:1.55;color:var(--cluum-gray-400);margin:20px 0 0}.acceso__etiqueta{display:block;font-size:14px;font-weight:600;color:var(--cluum-ink-800);margin:0 0 8px}.acceso__campo{width:100%;padding:13px 14px;margin:0 0 16px;border:1px solid var(--cluum-gray-300);border-radius:var(--cluum-radius-md);font-family:var(--cluum-font-text);font-size:15px;color:var(--cluum-ink-900);background:var(--cluum-white)}.acceso__campo::placeholder{color:var(--cluum-gray-400)}.acceso__campo:focus-visible{outline:3px solid var(--cluum-go-200);outline-offset:1px;border-color:var(--cluum-go-600)}.acceso__boton{display:block;width:100%;padding:14px 24px;border:1px solid transparent;border-radius:var(--cluum-radius-md);font-family:var(--cluum-font-text);font-size:15px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.acceso__boton:disabled{cursor:progress;opacity:.7}.acceso__boton--acento{background:var(--cluum-go-600);color:var(--cluum-white)}.acceso__boton--acento:hover:not(:disabled){background:var(--cluum-go-700)}.acceso__boton--neutro{background:var(--cluum-white);border-color:var(--cluum-gray-300);color:var(--cluum-ink-900)}.acceso__boton--neutro:hover{background:var(--cluum-gray-50);border-color:var(--cluum-gray-400)}.acceso__boton:focus-visible{outline:3px solid var(--cluum-go-200);outline-offset:2px}.acceso__insignia{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;margin-bottom:18px}.acceso__insignia--exito{background:color-mix(in srgb,var(--cluum-success) 14%,var(--cluum-white));color:var(--cluum-success)}.acceso__insignia--error{background:color-mix(in srgb,var(--cluum-danger) 14%,var(--cluum-white));color:var(--cluum-danger)}@media(max-width:480px){.acceso{padding:16px;align-content:start;padding-top:12vh}.acceso__tarjeta{padding:28px 22px}}.pantalla__titulo{font-family:var(--cluum-font-display);font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--cluum-ink-900);margin:0 0 4px}.pantalla__sub{font-size:14px;color:var(--cluum-gray-500);margin:0 0 24px}.tarjeta{background:var(--cluum-white);border:1px solid var(--cluum-gray-200);border-radius:var(--cluum-radius-md);padding:18px 20px}.boton{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid transparent;border-radius:var(--cluum-radius-sm);font-family:var(--cluum-font-text);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.boton:disabled{opacity:.6;cursor:progress}.boton--acento{background:var(--cluum-violet-600);color:var(--cluum-white)}.boton--acento:hover:not(:disabled){background:var(--cluum-violet-700)}.boton--neutro{background:var(--cluum-white);border-color:var(--cluum-gray-300);color:var(--cluum-ink-900)}.boton--neutro:hover:not(:disabled){background:var(--cluum-gray-50)}.boton:focus-visible{outline:3px solid var(--cluum-violet-200);outline-offset:2px}.aviso-error{background:color-mix(in srgb,var(--cluum-danger) 8%,var(--cluum-white));border:1px solid color-mix(in srgb,var(--cluum-danger) 30%,var(--cluum-white));border-radius:var(--cluum-radius-sm);color:var(--cluum-danger);font-size:14px;padding:10px 14px;margin:0 0 16px}.aviso-exito{background:color-mix(in srgb,var(--cluum-success) 10%,var(--cluum-white));border:1px solid color-mix(in srgb,var(--cluum-success) 30%,var(--cluum-white));border-radius:var(--cluum-radius-sm);color:color-mix(in srgb,var(--cluum-success) 80%,var(--cluum-ink-900));font-size:14px;padding:10px 14px;margin:0 0 16px}.campo__etiqueta{display:block;font-size:13px;font-weight:600;color:var(--cluum-ink-800);margin:0 0 6px}.campo__control{width:100%;padding:10px 12px;border:1px solid var(--cluum-gray-300);border-radius:var(--cluum-radius-sm);font-family:var(--cluum-font-text);font-size:14px;color:var(--cluum-ink-900);background:var(--cluum-white)}.campo__control:focus-visible{outline:3px solid var(--cluum-violet-200);outline-offset:1px;border-color:var(--cluum-violet-600)}.consola__encabezado{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.consola__seccion{font-family:var(--cluum-font-display);font-size:15px;font-weight:600;color:var(--cluum-ink-900);margin:0 0 12px}.consola__form{margin:0 0 16px}.consola__campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 0 16px}.consola__form-acciones{display:flex;gap:10px}.consola__lista{display:flex;flex-direction:column;gap:10px}.consola__tabla{width:100%;border-collapse:collapse;font-size:14px}.consola__tabla th{text-align:left;font-size:12px;font-weight:600;color:var(--cluum-gray-500);padding:0 8px 8px 0;border-bottom:1px solid var(--cluum-gray-200)}.consola__tabla td{padding:10px 8px 10px 0;border-bottom:1px solid var(--cluum-gray-100);color:var(--cluum-ink-900);vertical-align:top}.consola__tabla .num{text-align:right;font-variant-numeric:tabular-nums}.consola__codigo{font-family:var(--cluum-font-mono);font-size:12px;color:var(--cluum-ink-700);background:var(--cluum-gray-100);border-radius:5px;padding:1px 6px}.consola__tenue{color:var(--cluum-gray-500);font-size:13px}.consola__acciones{display:flex;gap:6px;flex-wrap:wrap}.consola__detalle{background:var(--cluum-gray-50)}.consola__miembro{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0}.estado{font-weight:600;font-size:13px}.estado--activo{color:var(--cluum-success)}.estado--suspendido{color:var(--cluum-warning)}.consola__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tile{background:var(--cluum-white);border:1px solid var(--cluum-gray-200);border-radius:var(--cluum-radius-md);padding:16px 18px}.tile--alerta{border-color:color-mix(in srgb,var(--cluum-warning) 45%,var(--cluum-white));background:color-mix(in srgb,var(--cluum-warning) 6%,var(--cluum-white))}.tile__etiqueta{font-size:13px;color:var(--cluum-gray-500);margin-bottom:6px}.tile__valor{font-family:var(--cluum-font-text);font-size:30px;font-weight:600;line-height:1.1;color:var(--cluum-ink-900)}.tile__nota{font-size:12px;color:var(--cluum-gray-400);margin-top:4px}.consola__permisos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 14px}.consola__permiso{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--cluum-ink-900)}:root{--cluum-violet-50:#F2EEFE;--cluum-violet-100:#E4DEFD;--cluum-violet-200:#C9BEFB;--cluum-violet-300:#A996F7;--cluum-violet-400:#8A6DF2;--cluum-violet-500:#6E48EC;--cluum-violet-600:#5B33E8;--cluum-violet-700:#4A25C9;--cluum-violet-800:#371C97;--cluum-violet-900:#281566;--cluum-ink-900:#14122E;--cluum-ink-800:#26244A;--cluum-ink-700:#3A3860;--cluum-gray-500:#6B6A85;--cluum-gray-400:#9A99AE;--cluum-gray-300:#C9C8D6;--cluum-gray-200:#E6E5EE;--cluum-gray-100:#F2F1F7;--cluum-gray-50:#F8F8FB;--cluum-white:#FFFFFF;--cluum-success:#16A97A;--cluum-warning:#E8A317;--cluum-danger:#E5484D;--cluum-info:#3B82F6;--cluum-fiscal:#0FA968;--cluum-connect:#0EA5C9;--cluum-erp:#3457D5;--cluum-analytics:#F0932B;--cluum-ai:#B12BE0;--cluum-go:#D01A6E;--cluum-font-display:"Poppins","Segoe UI",Arial,sans-serif;--cluum-font-text:"Inter","Segoe UI",Helvetica,Arial,sans-serif;--cluum-font-mono:"IBM Plex Mono",Consolas,"Courier New",monospace;--cluum-radius-sm:8px;--cluum-radius-md:12px;--cluum-radius-lg:16px}:root{--cluum-violeta: var(--cluum-violet-600);--cluum-violeta-hover: var(--cluum-violet-700);--cluum-violeta-suave: var(--cluum-violet-50);--cluum-violeta-borde: var(--cluum-violet-200);--cluum-tinta: var(--cluum-ink-900);--cluum-tinta-alta: var(--cluum-ink-800);--cluum-tinta-media: var(--cluum-gray-500);--cluum-tinta-suave: var(--cluum-gray-400);--cluum-blanco: var(--cluum-white);--cluum-hueso: var(--cluum-gray-50);--cluum-niebla: var(--cluum-gray-100);--cluum-borde: var(--cluum-gray-200);--cluum-exito: var(--cluum-success);--cluum-alerta: var(--cluum-warning);--cluum-error: var(--cluum-danger);--cluum-font-titulo: var(--cluum-font-display);--cluum-font-texto: var(--cluum-font-text)}:root{--cluum-go-50:#FDECF4;--cluum-go-100:#FBDAEA;--cluum-go-200:#F7BAD7;--cluum-go-300:#F089B9;--cluum-go-400:#EA5399;--cluum-go-500:#E52A81;--cluum-go-600:#D01A6E;--cluum-go-700:#AE135C;--cluum-go-800:#870D46;--cluum-go-900:#5E0830}*{box-sizing:border-box}body{margin:0;font-family:var(--cluum-font-text);background:var(--cluum-gray-50);color:var(--cluum-ink-900);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--cluum-font-display)}
