:root{--navy:#0d1830;--oro:#e0b23a;--oro-sobre-claro:#c99a1e;--acero:#6f93c4;--papel:#edf1f7;--superficie:#fff;--tinta:var(--navy);--tinta-suave:#4a5771;--ui:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--titular:"Newsreader", Georgia, "Times New Roman", serif;--dato:"Space Mono", ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}body{background:var(--papel);color:var(--tinta);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}.marco{max-width:46rem;margin:0 auto;padding:4rem 1.5rem}.marca{letter-spacing:-.02em;align-items:baseline;gap:.5rem;font-size:2rem;display:flex}.marca .corchete{color:var(--oro-sobre-claro);font-weight:700}.marca .casa{color:var(--navy);font-weight:700}.marca .pieza{color:var(--acero);font-weight:400}.entradilla{font-family:var(--titular);color:var(--tinta-suave);margin:1rem 0 2.5rem;font-size:1.25rem}.tarjeta{background:var(--superficie);border:1px solid #dbe3ef;border-radius:10px;margin-bottom:1rem;padding:1.25rem 1.5rem}.tarjeta h2{font-family:var(--ui);text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-suave);margin:0 0 .75rem;font-size:.75rem}.dato{font-family:var(--dato);font-size:.95rem}.insignia{font-family:var(--dato);border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:700;display:inline-block}.insignia.pruebas{color:#7a5a06;border:1px solid var(--oro);background:#fdf3d8}.insignia.produccion{background:var(--navy);color:var(--oro)}.insignia.caido{color:#8c2020;background:#fdeaea;border:1px solid #e0a3a3}.lista{margin:0;padding:0;list-style:none}.lista li{flex-wrap:wrap;align-items:baseline;gap:.75rem;padding:.35rem 0;display:flex}.tenue{color:var(--tinta-suave)}.producto{text-transform:capitalize;font-weight:700}.insignia.rojo{color:#8c2020;background:#fdeaea;border:1px solid #e0a3a3}.insignia.ambar{color:#7a5a06;border:1px solid var(--oro);background:#fdf3d8}.insignia.sereno{color:#3d5a2e;background:#eaf1e6;border:1px solid #b9cfae}.ambar{color:#7a5a06;font-weight:700}.acceso{max-width:24rem}.acceso h2,.tarjeta h3{font-family:var(--titular);color:var(--navy);text-transform:none;letter-spacing:normal;margin:0 0 1rem;font-size:1.15rem}.acceso label{color:var(--tinta-suave);margin-bottom:.85rem;font-size:.8rem;display:block}.acceso input{width:100%;font:inherit;font-family:var(--dato);background:var(--superficie);color:var(--tinta);border:1px solid #c6d2e4;border-radius:6px;margin-top:.25rem;padding:.5rem .65rem;display:block}.acceso input:focus-visible,button:focus-visible{outline:2px solid var(--oro-sobre-claro);outline-offset:1px}button{font:inherit;background:var(--navy);color:var(--oro);cursor:pointer;border:0;border-radius:6px;padding:.5rem 1.1rem;font-weight:700}button[disabled]{opacity:.6;cursor:default}button.enlace{color:var(--tinta-suave);background:0 0;padding:.5rem 0;font-weight:400;text-decoration:underline}button.enlace.activo{color:var(--oro-sobre-claro);font-weight:600;text-decoration:none}.aviso{color:#8c2020;background:#fdeaea;border-radius:6px;margin:.85rem 0 0;padding:.5rem .75rem;font-size:.9rem}.nota{color:var(--tinta-suave);margin:1rem 0 0;font-size:.8rem}.qr{background:var(--superficie);width:11rem;height:11rem;margin:0 auto 1rem;display:block}.barra{justify-content:flex-start;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.barra>:last-child{margin-left:auto}.barra input[type=month]{font-family:var(--dato);border:1px solid var(--acero);background:var(--superficie);color:var(--tinta);border-radius:6px;padding:.3rem .5rem}.encabezado{flex-wrap:wrap;align-items:baseline;gap:.65rem;display:flex}.encabezado h3{flex:1;margin:0}.instancia{border-top:1px solid #e4eaf3;margin-top:.9rem;padding-top:.9rem}.numeros{flex-wrap:wrap;gap:.4rem 1.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.numeros .clave{text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave);font-size:.7rem;display:block}.numeros .valor{font-weight:700}.cruda{font-family:var(--dato);background:#fdf3d8;border-radius:3px;padding:0 .3rem}.pie{color:var(--tinta-suave);margin-top:2.5rem;font-size:.85rem}.controles{border:1px solid var(--acero);background:var(--papel);border-radius:8px;flex-direction:column;gap:1.1rem;margin-top:.75rem;padding:.9rem 1rem;display:flex}.control h4{font-family:var(--dato);letter-spacing:.09em;text-transform:uppercase;color:var(--tinta-suave);margin:0 0 .5rem;font-size:.72rem;font-weight:400}.fila{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.fila input,.fila select{font-family:var(--dato);border:1px solid var(--acero);background:var(--superficie);color:var(--tinta);border-radius:6px;padding:.35rem .5rem;font-size:.85rem}.fila input.ancho{flex:12rem}.acciones{gap:1rem;display:flex}button.enlace:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}
