@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--amarillo:#ffd60a;--amarillo-claro:#ffe55c;--amarillo-suave:#ffd60a24;--sobre-amarillo:#000;--fondo:#000;--superficie:#141416;--superficie-2:#1d1d20;--superficie-3:#26262a;--borde:#2e2e33;--borde-fuerte:#48484f;--texto:#f5f5f7;--sutil:#a1a1a8;--verde:#30d158;--verde-suave:#30d15824;--azul:#64d2ff;--azul-suave:#64d2ff24;--naranjo:#ffb340;--naranjo-suave:#ffb34024;--error:#ff6b63;--error-suave:#ff6b6324;--aviso-fondo:var(--naranjo-suave);--aviso-texto:var(--naranjo);--error-fondo:var(--error-suave);--radio:16px;--radio-chico:12px;--pildora:999px;--fuente-titulo:"Bricolage Grotesque Variable", "Instrument Sans Variable", system-ui, sans-serif;--fuente-texto:"Instrument Sans Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--fuente-texto);color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:var(--fondo);background-image:radial-gradient(80% 280px at 50% -60px,#ffd60a14,#0000);background-repeat:no-repeat;min-height:100dvh;margin:0}h1,h2,h3,legend{font-family:var(--fuente-titulo);letter-spacing:-.02em;line-height:1.15}h1{color:var(--texto);margin:8px 0 16px;font-size:1.85rem;font-weight:800}h2{margin:0 0 10px;font-size:1.25rem;font-weight:700}h3{margin:0;font-size:1.05rem;font-weight:700}p{margin:0 0 8px}a{color:var(--amarillo);text-underline-offset:3px}.contenedor{max-width:960px;margin:0 auto;padding:20px 16px 48px}.pantalla-centrada{place-items:center;min-height:100dvh;padding:16px;display:grid}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:28px 24px;display:flex;box-shadow:0 24px 60px #00000080}.tarjeta h1{margin:0}.marca{color:var(--texto);margin:0;font-size:1.9rem;font-weight:800}.marca span{color:var(--amarillo)}.marca:after{content:"";border-radius:var(--pildora);background:var(--amarillo);width:48px;height:4px;margin-top:10px;display:block}.sutil{color:var(--sutil);margin:0}.pequeno{font-size:.875rem}label{flex-direction:column;gap:6px;font-size:.95rem;font-weight:600;display:flex}input,select,textarea{font:inherit;border:1px solid var(--borde);border-radius:var(--radio-chico);background:var(--superficie-2);color:var(--texto);padding:13px 14px;font-size:16px;font-weight:400;transition:border-color .15s,background-color .15s}input::placeholder,textarea::placeholder{color:#6e6e76}input:hover,select:hover,textarea:hover{border-color:var(--borde-fuerte)}input:focus,select:focus,textarea:focus{border-color:var(--amarillo);background:var(--superficie-3);outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0;outline-width:2px}input[type=file]{padding:10px}input[type=checkbox],input[type=radio]{accent-color:var(--amarillo)}.campo-codigo{font-family:var(--fuente-titulo);letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:700}.formulario{flex-direction:column;gap:14px;display:flex}fieldset{border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);flex-direction:column;gap:14px;margin:0;padding:14px 16px 18px;display:flex}legend{padding:0 6px;font-size:1.05rem;font-weight:700}.dos-columnas{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dos-columnas>label{min-width:0}.tres-columnas{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tres-columnas>label{min-width:0}.casilla{flex-direction:row;align-items:center;gap:10px;font-weight:400}.casilla input{flex:none;width:22px;height:22px}.selector-mes{flex-direction:row;align-items:center;gap:10px}.selector-mes input{padding:9px 12px}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.boton-principal,.boton-secundario,.boton-peligro{border-radius:var(--pildora);justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform .1s,box-shadow .15s;display:inline-flex}.boton-principal:not(:disabled):active,.boton-secundario:not(:disabled):active,.boton-peligro:not(:disabled):active{transform:scale(.97)}.boton-principal{background:var(--amarillo);color:var(--sobre-amarillo);border:0;min-height:50px;padding:14px 28px;font-size:1.02rem}.boton-principal:not(:disabled):hover{background:var(--amarillo-claro);box-shadow:0 6px 24px #ffd60a40}.boton-secundario{background:var(--superficie-2);border:1px solid var(--borde-fuerte);color:var(--texto);min-height:42px;padding:9px 18px}.boton-secundario:not(:disabled):hover{background:var(--superficie-3);border-color:var(--sutil)}.boton-peligro{color:var(--error);background:0 0;border:1px solid #ff6b638c;min-height:42px;padding:9px 18px}.boton-peligro:not(:disabled):hover{background:var(--error-suave)}.boton-texto{border-radius:var(--pildora);color:var(--amarillo);background:0 0;border:0;padding:8px 12px;font-weight:600}.boton-texto:not(:disabled):hover{background:var(--amarillo-suave)}.boton-chico{min-height:40px;padding:8px 18px;font-size:.95rem}.boton-grande{width:100%;min-height:58px;font-size:1.12rem;font-weight:700}a.boton-secundario{margin-top:8px}.acciones{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.acciones.izquierda{justify-content:flex-start}.volver{color:var(--sutil);align-items:center;gap:4px;margin-bottom:8px;font-weight:600;text-decoration:none;display:inline-flex}.volver:hover{color:var(--texto)}.error,.aviso,.aviso-ok{border-radius:var(--radio-chico);border:1px solid #0000;margin:0;padding:12px 14px}.error{background:var(--error-suave);color:var(--error);border-color:#ff6b634d}.aviso{background:var(--naranjo-suave);color:#ffd39a;border-color:#ffb34047}.aviso strong,.aviso h2,.aviso h3{color:var(--naranjo)}.aviso-ok{background:var(--verde-suave);color:#8ff0a8;border-color:#30d1584d}.alertas{color:var(--naranjo);margin:4px 0;padding-left:18px;font-size:.9rem}.encabezado{-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--borde);z-index:5;background:#000000c7;padding:10px 16px;position:sticky;top:0}.encabezado-fila{align-items:center;gap:12px;max-width:960px;margin:0 auto;display:flex}.marca-chica{background:var(--amarillo);color:var(--sobre-amarillo);font-family:var(--fuente-titulo);letter-spacing:-.02em;border-radius:10px;padding:3px 10px;font-weight:800}.usuario{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}a.usuario{color:var(--texto);text-decoration:none}a.usuario:hover{color:var(--amarillo)}.selector-modo{background:var(--superficie-2);border:1px solid var(--borde);border-radius:var(--pildora);grid-template-columns:1fr 1fr;gap:4px;max-width:960px;margin:10px auto 0;padding:4px;display:grid}.modo{text-align:center;color:var(--sutil);border-radius:var(--pildora);padding:9px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s}.modo:hover{color:var(--texto)}.modo.activo{background:var(--amarillo);color:var(--sobre-amarillo)}.pestanas{scrollbar-width:none;gap:6px;max-width:960px;margin:0 auto;padding:14px 16px 2px;display:flex;overflow-x:auto}.pestanas::-webkit-scrollbar{display:none}.pestanas a{border-radius:var(--pildora);border:1px solid var(--borde);background:var(--superficie);color:var(--sutil);flex:none;padding:8px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s}.pestanas a:hover{color:var(--texto);border-color:var(--borde-fuerte)}.pestanas a.active{background:var(--amarillo);border-color:var(--amarillo);color:var(--sobre-amarillo)}.filtros{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.chip{border:1px solid var(--borde);background:var(--superficie);color:var(--sutil);border-radius:var(--pildora);padding:7px 16px;font-weight:600}.chip:hover{color:var(--texto)}.chip.activo{background:var(--amarillo-suave);border-color:var(--amarillo);color:var(--amarillo)}.seccion{background:var(--superficie);border:1px solid var(--borde);border-radius:20px;margin-bottom:16px;padding:18px}.titulo-seccion{justify-content:space-between;align-items:center;gap:8px;display:flex}.titulo-seccion h2{margin:0}.lista{margin:12px 0 0;padding:0;list-style:none}.fila{border-top:1px solid var(--borde);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.lista-tarjetas{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tarjeta-servicio{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);color:var(--texto);flex-direction:column;gap:6px;padding:16px;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex;position:relative}a.tarjeta-servicio:hover{border-color:var(--amarillo);background:var(--superficie-2)}.tarjeta-servicio.anulada{opacity:.55}.fila-tarjeta{justify-content:space-between;align-items:center;gap:8px;display:flex}.marca-prueba{letter-spacing:.06em;color:var(--naranjo);background:var(--naranjo-suave);border-radius:var(--pildora);align-self:flex-start;padding:2px 8px;font-size:.7rem;font-weight:700}.etiqueta{border-radius:var(--pildora);white-space:nowrap;background:var(--superficie-3);color:#d1d1d6;padding:3px 11px;font-size:.8rem;font-weight:700}.etiqueta-asignado,.etiqueta-en_camino,.etiqueta-en_retiro{background:var(--azul-suave);color:var(--azul)}.etiqueta-cargado,.etiqueta-en_traslado,.etiqueta-descargado{background:var(--amarillo-suave);color:var(--amarillo)}.etiqueta-cerrado,.etiqueta-pago-confirmado{background:var(--verde-suave);color:var(--verde)}.etiqueta-pago-pendiente{background:var(--naranjo-suave);color:var(--naranjo)}.etiqueta-cancelado,.etiqueta-pago-anulado{background:var(--error-suave);color:var(--error)}.etiqueta-pago-anulado{text-decoration:line-through}.ficha-titulo{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ficha-titulo h1{margin:0}.paso{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.datos{grid-template-columns:minmax(110px,auto) 1fr;gap:8px 14px;margin:0 0 8px;display:grid}.datos dt{color:var(--sutil)}.datos dd{overflow-wrap:anywhere;margin:0}.editar,.cobro{border-top:1px solid var(--borde);margin-top:10px;padding-top:14px}.linea-tiempo{border-left:2px solid var(--borde);margin:0;padding:0 0 0 18px;list-style:none}.linea-tiempo li{padding:0 0 16px 10px;position:relative}.linea-tiempo li:before{content:"";background:var(--borde-fuerte);border:2px solid var(--superficie);border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:-26px}.linea-tiempo li.pendiente:before{background:var(--amarillo);box-shadow:0 0 0 4px var(--amarillo-suave)}.fondo-dialogo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pasos{margin:0;padding-left:20px}.pasos li{margin-bottom:4px}.qr{border-radius:var(--radio);background:#fff;place-items:center;min-height:236px;padding:12px;display:grid}.clave-manual{word-break:break-all;color:var(--amarillo);margin-top:8px;font-size:1rem;display:block}.resumen-cobro,.indicadores{gap:8px;margin:0 0 10px;display:grid}.resumen-cobro{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.indicadores{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.resumen-cobro>div,.indicadores>div{background:var(--superficie-2);border:1px solid var(--borde);border-radius:var(--radio-chico);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.resumen-cobro dt,.indicadores span{color:var(--sutil);font-size:.82rem}.resumen-cobro dd{margin:0}.resumen-cobro dd,.indicadores strong{font-family:var(--fuente-titulo);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700}.resumen-cobro .saldo dd,.negativo,.indicadores .negativo strong{color:var(--error)}.resumen-cobro .saldo.cero dd,.indicadores .positivo strong{color:var(--verde)}.resumen-cobro .por-confirmar dd{color:var(--naranjo)}.acciones-pago{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.grupo-fotos{border-top:1px solid var(--borde);padding:12px 0}.grupo-fotos .titulo-seccion{flex-wrap:wrap}.cuenta{font-size:.85rem;font-weight:700}.cuenta.ok{color:var(--verde)}.cuenta.falta{color:var(--error)}.galeria{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:8px;display:grid}.miniatura{flex-direction:column;gap:2px;min-width:0;margin:0;display:flex}.miniatura img{aspect-ratio:1;object-fit:cover;border-radius:var(--radio-chico);background:var(--superficie-2);width:100%;display:block}.miniatura.en-cola img{opacity:.6;outline:2px dashed var(--borde-fuerte)}.miniatura.rechazada img{outline-color:var(--error)}.miniatura form{flex-direction:column;gap:4px;display:flex}.aviso-foto{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.tarjetas-grua{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.tabla-costos{border-collapse:collapse;width:100%;margin:8px 0}.tabla-costos td{border-top:1px solid var(--borde);padding:8px 0}.tabla-costos td:last-child{text-align:right;font-variant-numeric:tabular-nums}.tabla-costos .total td{color:var(--amarillo);font-weight:800}.tag-real{border-top:1px solid var(--borde);flex-direction:column;align-items:flex-start;gap:6px;padding-top:10px;display:flex}.tabla-desplazable{margin:0 -4px;overflow-x:auto}.tabla{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.92rem}.tabla th,.tabla td{border-top:1px solid var(--borde);text-align:right;white-space:nowrap;padding:8px}.tabla th:first-child,.tabla td:first-child{text-align:left}.tabla th{color:var(--sutil);border-top:0;font-size:.82rem;font-weight:600}.tabla tbody tr:hover td{background:var(--superficie-2)}@media (width<=380px){.dos-columnas,.tres-columnas{grid-template-columns:1fr}h1{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
