:root{color-scheme:light;--fondo:#f6f7f6;--tarjeta:#ffffff;--texto:#16181a;--tenue:#5f6b62;--borde:#e3e7e4;--acento:#1b5e20;--acento-suave:#e8f2e9;--error:#b3261e;--alerta:#8a6d00;--sidebar:#14231a;--sidebar-texto:#d7e3da}:root[data-tema=oscuro]{color-scheme:dark;--fondo:#0f1311;--tarjeta:#161b18;--texto:#e8ebe8;--tenue:#9daaa1;--borde:#262f2a;--acento:#8fd39a;--acento-suave:#1b2a20;--error:#f2b8b5;--alerta:#e0c26a;--sidebar:#0b120e;--sidebar-texto:#c8d6cc}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--fondo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--acento);text-decoration:none}a:hover{text-decoration:underline}.disposicion{display:flex;min-height:100vh}.lateral{width:220px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-texto);padding:20px 0;display:flex;flex-direction:column}.marca{padding:0 20px 20px;font-weight:700;letter-spacing:.3px}.marca small{display:block;font-weight:400;opacity:.6;font-size:12px}.nav a{display:block;padding:9px 20px;color:var(--sidebar-texto);border-left:3px solid transparent}.nav a:hover{background:rgba(255,255,255,.06);text-decoration:none}.nav a[aria-current=page]{border-left-color:var(--acento);background:rgba(255,255,255,.09);font-weight:600}.nav .proximamente{opacity:.38;cursor:default}.nav .proximamente:hover{background:none}.pie-lateral{margin-top:auto;padding:16px 20px 0;font-size:12px;opacity:.75}.contenido{flex:1 1;padding:24px 28px 48px;min-width:0}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:28px 0 10px}.subtitulo{color:var(--tenue);margin:0 0 20px}.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:12px;gap:12px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;padding:14px 16px}.tarjeta .etiqueta{color:var(--tenue);font-size:12px;text-transform:uppercase;letter-spacing:.4px}.tarjeta .valor{font-size:26px;font-weight:650;margin-top:4px}.tarjeta .nota{color:var(--tenue);font-size:12px;margin-top:2px}.tarjeta.atencion{border-color:var(--alerta)}.tarjeta.atencion .valor{color:var(--alerta)}table{width:100%;border-collapse:collapse;background:var(--tarjeta)}.tabla-envoltorio{border:1px solid var(--borde);border-radius:10px;overflow-x:auto}td,th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--borde);white-space:nowrap}th{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--tenue);font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--acento-suave)}.insignia{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--borde);color:var(--tenue)}.insignia.ok{color:var(--acento);border-color:var(--acento)}.insignia.mal{color:var(--error);border-color:var(--error)}.boton,button{font:inherit;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;border:1px solid var(--acento);background:var(--acento);color:var(--tarjeta)}button.secundario{background:transparent;color:var(--acento)}button[disabled]{opacity:.55;cursor:default}input,select{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--borde);background:var(--tarjeta);color:var(--texto)}.fila{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.aviso{padding:12px 14px;border-radius:8px;border:1px solid var(--borde);background:var(--tarjeta)}.aviso.error{border-color:var(--error);color:var(--error)}.centrado{display:grid;place-items:center;min-height:100vh;padding:24px}.panel-acceso{max-width:380px;width:100%;background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:32px}.selector-tema{display:flex;gap:4px;margin:12px 0 0}.selector-tema button{flex:1 1;padding:5px 0;font-size:12px;background:rgba(255,255,255,.07);color:var(--sidebar-texto);border:1px solid transparent;border-radius:7px}.selector-tema button:hover{background:rgba(255,255,255,.13)}.selector-tema button.elegido{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);font-weight:600}.telon{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(8,12,10,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:telon-entra .12s ease-out}.dialogo{width:100%;max-width:460px;background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:22px 24px 18px;box-shadow:0 18px 48px rgba(0,0,0,.28);animation:dialogo-entra .14s ease-out}.dialogo h2{margin:0 0 10px;font-size:18px;line-height:1.35}.dialogo .consecuencias{margin:0 0 4px;padding:0;list-style:none;color:var(--tenue);font-size:14px;line-height:1.5}.dialogo .consecuencias li{padding:4px 0 4px 16px;position:relative}.dialogo .consecuencias li:before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--borde)}.dialogo .campo{display:block;margin-top:14px}.dialogo .campo>span{display:block;margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--tenue)}.dialogo .campo input,.dialogo .campo textarea{width:100%;resize:vertical}.dialogo .acciones{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}button.peligroso{background:var(--error);color:#fff}:root[data-tema=oscuro] button.peligroso{color:#2a0f0d}@keyframes telon-entra{0%{opacity:0}}@keyframes dialogo-entra{0%{opacity:0;transform:translateY(6px) scale(.985)}}@media (prefers-reduced-motion:reduce){.dialogo,.telon{animation:none}}@media (max-width:760px){.disposicion{flex-direction:column}.lateral{width:100%}.contenido{padding:16px}}