:root{--azul-noche:#141a23;--gris-grafito:#474c53;--gris-plata:#adb0b2;--blanco-calido:#e5e4e1;--blanco:#fff;--acero:#5e6a76;--linea:#d7d6d3;--fuente:"Poppins", "DejaVu Sans", system-ui, sans-serif}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--fuente);color:var(--azul-noche);background:var(--azul-noche);-webkit-font-smoothing:antialiased;margin:0;font-weight:400}.acceso{background-color:var(--azul-noche);background-image:radial-gradient(circle at 50% 42%,#5e6a7657 0%,#5e6a761f 34%,#5e6a7600 68%);background-repeat:no-repeat;justify-content:center;align-items:center;min-height:100dvh;padding:clamp(1.5rem,5vw,3.5rem) 1.25rem;display:flex}.tarjeta{background:var(--blanco);border:1px solid var(--linea);border-radius:2px;width:100%;max-width:400px;padding:clamp(1.9rem,5vw,2.6rem) clamp(1.4rem,4.5vw,2.25rem) clamp(1.4rem,3.5vw,1.9rem);box-shadow:0 1px 2px #141a230d,0 24px 60px -30px #141a2373}.tarjeta__logo{object-fit:contain;width:auto;max-width:100%;height:34px;margin:0 auto clamp(1.7rem,4vw,2.1rem);display:block}.etiqueta{letter-spacing:.14em;text-transform:uppercase;color:var(--gris-grafito);margin:0 0 .75rem;font-size:.68rem;font-weight:500}.titulo{letter-spacing:-.02em;margin:0 0 .55rem;font-size:clamp(1.6rem,5vw,1.95rem);font-weight:300;line-height:1.15}.subtitulo{color:var(--gris-grafito);margin:0 0 1.9rem;font-size:.84rem;line-height:1.55}.campo{margin-bottom:1.15rem}.campo__label{letter-spacing:.14em;text-transform:uppercase;color:var(--gris-grafito);margin-bottom:.45rem;font-size:.66rem;font-weight:500;display:block}.campo__input{width:100%;color:var(--azul-noche);background:var(--blanco);border:1px solid var(--linea);border-radius:2px;padding:.72rem .8rem;font-family:inherit;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.campo__input::placeholder{color:var(--gris-plata)}.campo__input:focus{border-color:var(--azul-noche);outline:none;box-shadow:0 0 0 3px #141a2312}.campo__input--codigo{font-variant-numeric:tabular-nums;letter-spacing:.4em;text-align:center;padding-left:.4em;font-size:1.3rem}.fila{justify-content:flex-end;align-items:center;margin:.25rem 0 1.6rem;display:flex}.enlace{color:var(--gris-grafito);border-bottom:1px solid var(--linea);padding-bottom:1px;font-size:.78rem;text-decoration:none}.enlace:hover{color:var(--azul-noche);border-color:var(--azul-noche)}.boton{letter-spacing:.16em;text-transform:uppercase;width:100%;color:var(--blanco-calido);background:var(--azul-noche);border:1px solid var(--azul-noche);cursor:pointer;border-radius:2px;padding:.95rem 1rem;font-family:inherit;font-size:.78rem;font-weight:500;transition:background .15s,border-color .15s}.boton:hover{background:var(--gris-grafito);border-color:var(--gris-grafito)}.boton:disabled{opacity:.7;cursor:default}.aviso{color:var(--gris-grafito);border-left:2px solid var(--acero);margin-top:1.15rem;padding-left:.7rem;font-size:.78rem;line-height:1.5}.pie{border-top:1px solid var(--linea);letter-spacing:.04em;text-align:center;color:var(--gris-plata);margin:clamp(1.8rem,4vw,2.4rem) 0 0;padding-top:1.1rem;font-size:.68rem;line-height:1.5}@media (height<=640px){.acceso{padding-top:1rem;padding-bottom:1rem}.tarjeta{padding-top:1.5rem;padding-bottom:1.2rem}.tarjeta__logo{margin-bottom:1.25rem}.subtitulo{margin-bottom:1.35rem}.fila{margin-bottom:1.25rem}.pie{margin-top:1.4rem;padding-top:.9rem}}.panel{background:var(--azul-noche);min-height:100dvh;padding:clamp(1rem,3vw,2rem)}.panel__marco{background:var(--blanco);border:1px solid var(--linea);border-radius:2px;flex-direction:column;width:100%;max-width:1180px;min-height:calc(100dvh - clamp(2rem,6vw,4rem));margin:0 auto;display:flex;box-shadow:0 1px 2px #141a230d,0 24px 60px -30px #141a2373}.panel__encabezado{border-bottom:1px solid var(--linea);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1.1rem,3vw,2rem);display:flex}.panel__marca{align-items:center;gap:.9rem;min-width:0;display:flex}.panel__logo{object-fit:contain;width:auto;max-width:100%;height:26px;display:block}.panel__saludo{color:var(--gris-grafito);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.85rem;line-height:1.4;overflow:hidden}.panel__salir{letter-spacing:.12em;text-transform:uppercase;color:var(--azul-noche);border:1px solid var(--linea);cursor:pointer;background:0 0;border-radius:2px;flex:none;padding:.55rem .9rem;font-family:inherit;font-size:.68rem;font-weight:500}.panel__salir:hover:not(:disabled){color:var(--blanco-calido);background:var(--azul-noche);border-color:var(--azul-noche)}.panel__salir:disabled{opacity:.7;cursor:default}.panel__cuerpo{flex:1;grid-template-columns:11rem minmax(0,1fr);min-height:0;display:grid}.panel__lateral{background:var(--blanco-calido);border-right:1px solid var(--linea);padding:clamp(1rem,2.5vw,1.5rem) .7rem}.panel__nav{flex-direction:column;gap:.25rem;display:flex}.panel__nav-item{letter-spacing:.06em;text-align:left;width:100%;color:var(--gris-grafito);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .75rem;font-family:inherit;font-size:.78rem;font-weight:500;display:flex}.panel__nav-flecha{flex:none;font-size:.62rem;line-height:1}.panel__subnav{border-left:1px solid var(--linea);flex-direction:column;gap:.15rem;margin:.15rem 0 .4rem .5rem;padding-left:.55rem;display:flex}.panel__nav-subitem{text-align:left;width:100%;color:var(--gris-grafito);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:space-between;align-items:center;gap:.4rem;padding:.45rem .55rem;font-family:inherit;font-size:.74rem;font-weight:400;line-height:1.3;display:flex}.panel__nav-subitem:hover{color:var(--azul-noche);background:var(--blanco)}.panel__nav-subitem--activa,.panel__nav-subitem--activa:hover{color:var(--azul-noche);background:var(--blanco);border-color:var(--linea);font-weight:500}.panel__nav-conteo{background:var(--gris-plata);min-width:1.3rem;color:var(--azul-noche);text-align:center;border-radius:999px;flex:none;padding:.05rem .35rem;font-size:.62rem;font-weight:500;line-height:1.4}.panel__nav-item:hover{color:var(--azul-noche);background:var(--blanco)}.panel__nav-item--activa,.panel__nav-item--activa:hover{color:var(--blanco-calido);background:var(--azul-noche);border-color:var(--azul-noche)}.panel__contenido{min-width:0;padding:clamp(1.4rem,4vw,2.5rem)}.panel__datos{border-top:1px solid var(--linea);max-width:34rem;margin:0}.panel__dato{border-bottom:1px solid var(--linea);grid-template-columns:9rem minmax(0,1fr);gap:1rem;padding:.8rem 0;display:grid}.panel__dato dt{letter-spacing:.12em;text-transform:uppercase;color:var(--gris-grafito);font-size:.68rem;font-weight:500}.panel__dato dd{overflow-wrap:anywhere;margin:0;font-size:.9rem}.panel__estado{color:var(--gris-grafito);margin:0;font-size:.84rem;line-height:1.5}.panel__boton{width:auto;min-width:220px;margin-top:1.25rem}.panel__tabla-contenedor{width:100%;overflow-x:auto}.panel__tabla{border-collapse:collapse;width:100%;font-size:.84rem}.panel__tabla th,.panel__tabla td{text-align:left;vertical-align:top;border-bottom:1px solid var(--linea);padding:.7rem .75rem}.panel__tabla th{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--gris-grafito);font-size:.64rem;font-weight:500}.panel__tabla td{overflow-wrap:anywhere}.panel__acciones{flex-wrap:wrap;gap:.4rem;display:flex}.panel__accion{letter-spacing:.08em;text-transform:uppercase;color:var(--azul-noche);border:1px solid var(--linea);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:.35rem .6rem;font-family:inherit;font-size:.68rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.panel__accion:hover:not(:disabled){color:var(--blanco-calido);background:var(--azul-noche);border-color:var(--azul-noche)}.panel__accion:disabled{opacity:.65;cursor:default}.panel__accion--peligro{border-color:var(--gris-plata)}.panel__accion--peligro:hover:not(:disabled){color:var(--blanco-calido);background:var(--gris-grafito);border-color:var(--gris-grafito)}.visor{z-index:100;background:#141a23e0;justify-content:center;align-items:center;padding:clamp(.75rem,3vw,2rem);display:flex;position:fixed;inset:0}.visor__marco{background:var(--blanco);border:1px solid var(--linea);border-radius:2px;flex-direction:column;width:100%;max-width:1040px;height:100%;display:flex;overflow:hidden;box-shadow:0 24px 60px -30px #141a23a6}.visor__barra{background:var(--blanco-calido);border-bottom:1px solid var(--linea);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .8rem .65rem 1rem;display:flex}.visor__codigo{overflow-wrap:anywhere;letter-spacing:.12em;text-transform:uppercase;min-width:0;color:var(--gris-grafito);margin:0;font-size:.72rem;font-weight:500}.visor__acciones{flex:none;align-items:center;gap:.5rem;display:flex}.visor__contador{letter-spacing:.04em;color:var(--gris-grafito);white-space:nowrap;margin-right:.15rem;font-size:.72rem}.visor__paginas{background:var(--blanco-calido);scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;padding:clamp(.9rem,2.4vw,1.6rem);display:flex;overflow-y:auto}.visor__hojas{flex-direction:column;align-items:center;gap:clamp(.9rem,2vw,1.4rem);width:100%;display:flex}.visor__pagina{background:var(--blanco);max-width:100%;display:block;box-shadow:0 2px 10px #141a2329}.visor__estado{text-align:center;color:var(--gris-grafito);margin:auto;padding:2rem 1rem;font-size:.9rem}.visor__estado--error{max-width:42ch;color:var(--azul-noche)}@media (width<=720px){.visor{padding:0}.visor__marco{border:0;border-radius:0}.visor__barra{flex-wrap:wrap}.panel{padding:0}.panel__marco{min-height:100dvh;box-shadow:none;border:0;border-radius:0}.panel__cuerpo{grid-template-columns:1fr}.panel__lateral{border-right:0;border-bottom:1px solid var(--linea);padding:.5rem .75rem}.panel__nav{flex-flow:wrap}.panel__nav-item{text-align:center;flex:1;width:auto}.panel__subnav{border-left:0;flex-direction:row;flex-basis:100%;margin:0;padding-left:0}.panel__nav-subitem{flex:1;width:auto}.panel__contenido{padding:1.25rem 1rem 1.75rem}.panel__dato{grid-template-columns:1fr;gap:.2rem}}