:root{--texto:#1b1b1f;--fondo:#fff;--fondo-suave:#f2f4f8;--borde:#5f6672;--primario:#0b4fb3;--primario-oscuro:#083d8a;--error:#9f1c13;--error-fondo:#fdecea;--info:#0b4a6f;--info-fondo:#e6f2fa;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:var(--texto);background:var(--fondo);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.0625rem;line-height:1.5}main,.encabezado,.pie{max-width:64rem;margin:0 auto;padding:1rem}main:focus,h1:focus{outline:none}h1{margin:.5rem 0 1rem;font-size:1.75rem}h2{margin-top:2rem;font-size:1.3rem}.subtitulo{margin:0 0 .5rem;font-size:1.1rem}.subtitulo:focus{outline:none}a{color:var(--primario);text-underline-offset:.15em}:focus-visible{outline:3px solid var(--primario);outline-offset:2px}.solo-lector{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.saltar{background:var(--fondo);z-index:10;padding:.75rem 1rem;position:absolute;top:0;left:-999px}.saltar:focus{left:0}.encabezado{border-bottom:2px solid var(--fondo-suave)}.encabezado-fila{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;display:flex}.marca{margin:0;font-size:1.25rem;font-weight:700}.quien{margin:0}.menu{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.menu a{padding:.6rem .25rem;display:inline-block}.menu a[aria-current=page]{font-weight:700;text-decoration-thickness:3px}button{min-height:2.75rem;font:inherit;color:#fff;background:var(--primario);border:2px solid var(--primario);cursor:pointer;border-radius:.4rem;padding:.5rem 1.25rem;font-weight:600}button:hover:not(:disabled){background:var(--primario-oscuro);border-color:var(--primario-oscuro)}button:disabled{opacity:.6;cursor:progress}button.secundario{color:var(--primario);background:var(--fondo)}button.secundario:hover:not(:disabled){color:var(--primario-oscuro);background:var(--fondo-suave)}.formulario{flex-direction:column;align-items:flex-start;gap:1rem;max-width:32rem;display:flex}.formulario.en-linea{flex-flow:wrap;align-items:flex-end;max-width:none}.campo{border:0;flex-direction:column;gap:.25rem;width:100%;min-width:0;margin:0;padding:0;display:flex}.campo label,.campo legend{padding:0;font-weight:600}.ayuda{color:#444a55;margin:0;font-size:.95rem}input,select{font:inherit;min-height:2.75rem;color:var(--texto);background:var(--fondo);border:2px solid var(--borde);border-radius:.4rem;width:100%;padding:.4rem .6rem}input[type=checkbox]{flex:none;width:1.4rem;height:1.4rem;min-height:1.4rem}.casilla{align-items:center;gap:.6rem;min-height:2.75rem;font-weight:400;display:flex}.aviso{border-left:6px solid;border-radius:.3rem;max-width:40rem;margin:1rem 0;padding:.75rem 1rem}.aviso p{margin:.25rem 0}.aviso-error{color:var(--error);background:var(--error-fondo);border-color:var(--error)}.aviso-info{color:var(--info);background:var(--info-fondo);border-color:var(--info)}.tabla-envoltorio{margin:1rem 0;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:36rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #c3c8d1;padding:.6rem .75rem}thead th{background:var(--fondo-suave)}.acciones{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.lista-botones,.tarjetas,.lista-elementos,.lista-roles{flex-direction:column;gap:.75rem;margin:1rem 0;padding:0;list-style:none;display:flex}.lista-botones button{text-align:left;width:100%;max-width:32rem}.tarjetas li,.elemento,.tarjeta-rol,.panel{background:var(--fondo-suave);border-radius:.4rem;padding:.75rem 1rem}.tarjetas a{font-size:1.1rem;font-weight:600}.elemento{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.panel{max-width:40rem;margin:1rem 0}.etiqueta{font-weight:400}.qr{border:1px solid var(--borde);width:14rem;height:14rem}.secreto{word-break:break-all;font-size:1.1rem}.pasos li{margin:.25rem 0}.detalle{margin:.25rem 0;padding-left:1.25rem}pre{white-space:pre-wrap;word-break:break-word;background:var(--fondo);border-radius:.3rem;margin:.25rem 0;padding:.5rem}summary{cursor:pointer;color:var(--primario);align-items:center;min-height:2.75rem;display:flex}.pie{color:#444a55;font-size:.95rem}@media (width<=40rem){.formulario{max-width:none}button{width:100%}.acciones button,.menu button{width:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
