:root{--fondo:#f6f5f1;--panel:#fff;--texto:#1c1b19;--tenue:#6b6860;--borde:#e2dfd6;--acento:#0f6e56;--bien:#0f6e56;--bien-fondo:#e2f3ec;--mal:#a3281f;--mal-fondo:#fbe6e3;--duda:#8a5a00;--duda-fondo:#fbefd2}@media (prefers-color-scheme:dark){:root{--fondo:#141412;--panel:#1e1d1a;--texto:#eeece6;--tenue:#a09c91;--borde:#33312c;--acento:#4fc3a1;--bien:#6fd6b6;--bien-fondo:#14352b;--mal:#ff9d94;--mal-fondo:#40191a;--duda:#f0c060;--duda-fondo:#3a2c0c}}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:1100px;margin:0 auto;padding:24px 16px 64px}h1{margin:0;font-size:22px}h2{margin:32px 0 12px;font-size:16px}.tenue{color:var(--tenue)}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px}.panel{background:var(--panel);border:1px solid var(--borde);border-radius:10px}.tabla{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--borde);padding:9px 12px}th{color:var(--tenue);font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}.vacio{text-align:center;color:var(--tenue);padding:20px}.etiqueta{background:var(--duda-fondo);color:var(--duda);border-radius:999px;margin-right:4px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.etiqueta.bien{background:var(--bien-fondo);color:var(--bien)}.etiqueta.mal{background:var(--mal-fondo);color:var(--mal)}form.alta{flex-wrap:wrap;align-items:end;gap:10px;padding:14px;display:flex}label{color:var(--tenue);gap:4px;font-size:12px;display:grid}input,select,button{font:inherit;color:var(--texto);background:var(--fondo);border:1px solid var(--borde);border-radius:8px;padding:7px 10px}button{cursor:pointer;font-weight:600}button.principal{background:var(--acento);border-color:var(--acento);color:var(--panel)}.error{color:var(--mal);flex-basis:100%;margin:0}.veredicto{text-align:center;max-width:420px;margin:12vh auto 0;padding:28px 24px}.veredicto .icono{font-size:44px;line-height:1}.veredicto h1{margin:12px 0 6px}.veredicto.bien h1{color:var(--bien)}.veredicto.mal h1{color:var(--mal)}a{color:var(--acento)}h1 .etiqueta{vertical-align:middle;font-size:13px}textarea{font:inherit;color:var(--texto);background:var(--fondo);border:1px solid var(--borde);resize:vertical;border-radius:8px;padding:7px 10px}.franja{text-align:center;background:var(--duda-fondo);color:var(--duda);margin:0;padding:8px 16px;font-weight:600}.barra{background:var(--panel);border-bottom:1px solid var(--borde);flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px 16px;display:flex}.barra nav{flex-wrap:wrap;flex:1;gap:4px 16px;display:flex}.barra nav a{color:var(--texto);text-decoration:none}.barra nav a:hover{color:var(--acento)}.fila{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.fila.izquierda{justify-content:flex-start}form.fila>input:not([type=checkbox]){flex:1;min-width:160px}main>form.fila,main>.fila{margin:12px 0}.formulario{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:12px;padding:14px;display:grid}.formulario .ancho{grid-column:1/-1}.formulario button{justify-self:start}.casilla{color:var(--texto);align-items:center;gap:6px;font-size:14px;display:flex}fieldset{border:1px solid var(--borde);border-radius:8px;margin:0;padding:10px 12px}legend{color:var(--tenue);padding:0 6px;font-size:12px}.linea{color:var(--texto);justify-content:space-between;align-items:center;gap:12px;padding:4px 0;font-size:14px;display:flex}.aviso{background:var(--duda-fondo);color:var(--duda);border-radius:10px;margin:12px 0;padding:10px 14px}.aviso.bien{background:var(--bien-fondo);color:var(--bien)}.aviso.mal{background:var(--mal-fondo);color:var(--mal)}.cifras{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:16px 0;display:grid}.cifra{color:var(--tenue);padding:14px 16px;font-size:13px}.cifra span{color:var(--texto);font-size:30px;font-weight:700;line-height:1.1;display:block}.cifra.bien span{color:var(--bien)}.cifra.mal span{color:var(--mal)}.filtros{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.filtros a{border:1px solid var(--borde);color:var(--texto);border-radius:999px;padding:4px 12px;font-size:13px;text-decoration:none}.filtros a[aria-current=page]{background:var(--acento);border-color:var(--acento);color:var(--panel)}.tarjeta-vendedor{gap:12px;margin:12px 0;padding:14px;display:grid}.codigo{letter-spacing:2px;font-size:20px}.datos{grid-template-columns:max-content 1fr;gap:8px 20px;margin:12px 0;padding:14px;display:grid}.datos dt{color:var(--tenue)}.datos dd{margin:0}.boton{border:1px solid var(--borde);background:var(--fondo);color:var(--texto);border-radius:8px;padding:7px 14px;font-weight:600;text-decoration:none;display:inline-block}.boton.principal{background:var(--acento);border-color:var(--acento);color:var(--panel)}details>summary{cursor:pointer;color:var(--acento);font-weight:600}details>form{margin-top:10px}.sitio{max-width:680px}.sitio h1{color:var(--acento);margin-top:6vh;font-size:40px;line-height:1.1}.sitio .descripcion{white-space:pre-line;font-size:18px}.sitio .logo{max-width:240px;max-height:96px}.puntos{padding-left:20px;line-height:1.9}.lista-botones{gap:8px;margin-top:16px;display:grid}.lista-botones button{text-align:left;gap:2px;padding:12px;display:grid}.pasos{text-align:left;color:var(--tenue);margin:20px 0 0;padding-left:20px}.historial{text-align:left;margin:16px 0;padding:0;list-style:none}.historial li{border-top:1px solid var(--borde);padding:8px 0;display:grid}.acceso{text-align:center;max-width:380px;padding-top:12vh}.acceso .marca{color:var(--acento);margin:0 0 20px;font-size:26px;font-weight:700}.acceso .panel{text-align:left;gap:14px;padding:28px 24px;display:grid}.acceso h1{font-size:18px}.acceso input,.acceso button{padding:10px 12px}.acceso .boton{text-align:center}.portal{max-width:560px}.portal header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.portal header p{margin:0}.portal header .boton{padding:12px 18px;font-size:16px}.portal .vendedor{align-items:center;gap:12px;margin:16px 0 0;padding:12px 14px;display:flex}.portal .vendedor strong{flex:1}.renglones{margin:0;padding:0;list-style:none}.renglones li{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.renglones li:last-child{border-bottom:0}.renglones li>div{gap:2px;display:grid}.pedido{gap:10px;padding:14px;display:grid}.pedido .linea input{text-align:right;width:84px}.pedido button{padding:12px;font-size:16px}html{scroll-behavior:smooth}