.live-cabecera{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.live-titulo{align-items:center;gap:.6rem;display:flex}.en-vivo{background:var(--vivo);color:#fff;letter-spacing:.06em;border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.en-vivo:before{content:"";background:#fff;border-radius:50%;width:7px;height:7px}.conexion{color:var(--texto-suave);align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:inline-flex}.conexion:before{content:"";background:#d97706;border-radius:50%;width:10px;height:10px}.conexion[data-estado=conectado]:before{background:var(--exito)}.live-columnas{flex-direction:column;gap:1rem;display:flex}.live-control,.live-lado{flex-direction:column;gap:1rem;min-width:0;display:flex}@media (width>=768px){.live-columnas{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}}.contadores{text-align:center;grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.contadores div{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:.6rem .25rem}.contadores strong{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.45rem;line-height:1.15;display:block}.contadores span{color:var(--texto-suave);font-size:.75rem}.actual{background:var(--nav);color:#fff;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:.25rem;padding:1.1rem 1rem;display:flex}.actual .rotulo{letter-spacing:.1em;color:#9ca3af;font-size:.75rem;font-weight:700}.actual .codigo{font-family:var(--mono);font-size:3rem;font-weight:600;line-height:1.05}.actual .precio{font-family:var(--mono);color:#d1d5db}.actual .vacio{color:#d1d5db;padding:.75rem 0}.codigos{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}@media (width>=1100px){.codigos{grid-template-columns:repeat(5,1fr)}}.codigos button{border-radius:var(--radio);border:1px solid var(--borde-fuerte);background:var(--superficie);min-height:56px;font-family:var(--mono);cursor:pointer;font-size:1.2rem;font-weight:600}.codigos button:hover{border-color:var(--primario)}.codigos button[aria-pressed=true]{border-color:var(--primario);background:var(--primario);color:#fff}.otro-codigo .campo{flex:1}.feed li{border-bottom:1px solid var(--borde);grid-template-columns:3.5rem 1fr auto;align-items:center;gap:.5rem;padding:.5rem 0;display:grid}.feed li:last-child{border-bottom:none}.feed .etiqueta{justify-self:start}.feed .monto{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}@media (width<=1099px){.pedidos[data-detalle=si] .pedidos-lista,.pedidos[data-detalle=no] .pedidos-detalle{display:none}.pagina.pedidos[data-detalle=si]{max-width:44rem}}@media (width>=1100px){.pagina.pedidos{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:1.5rem;display:grid}.pedidos-detalle{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;max-height:calc(100svh - 3rem);padding:1.25rem;position:sticky;top:1.5rem;overflow-y:auto}.pedidos-detalle .tarjeta{background:var(--fondo);border-color:#0000}.pedidos-detalle .volver{display:none}}.pedidos-vacio{text-align:center;padding:3rem 1rem}.detalle-pedido{flex-direction:column;gap:1rem;display:flex}.fila-pedido{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);color:inherit;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"num comprador estado""prendas hora total";align-items:center;gap:.25rem .75rem;padding:.85rem 1rem;text-decoration:none;display:grid}a.fila-pedido:hover{border-color:var(--borde-fuerte);color:inherit}a.fila-pedido[aria-current=page]{border-color:var(--primario);box-shadow:inset 3px 0 0 var(--primario)}.fila-pedido.cabecera{display:none}.c-num{grid-area:num}.c-comprador{text-overflow:ellipsis;white-space:nowrap;grid-area:comprador;overflow:hidden}.c-prendas{grid-area:prendas;font-size:.875rem}.fila-pedido.cabecera .c-prendas{font-size:inherit}.c-total{text-align:right;grid-area:total}.c-estado{text-align:right;grid-area:estado}.c-hora{white-space:nowrap;grid-area:hora}@media (width>=1100px){.tabla-pedidos{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;overflow:hidden}.tabla-pedidos .lista{gap:0}.fila-pedido{border:none;border-top:1px solid var(--borde);border-radius:0;grid-template-columns:4rem minmax(0,1fr) 5.5rem 6.5rem 7rem 6.5rem;grid-template-areas:"num comprador prendas total estado hora";padding:.75rem 1rem}a.fila-pedido:hover{background:#f9fafb}a.fila-pedido[aria-current=page]{background:var(--primario-suave)}.fila-pedido.cabecera{letter-spacing:.04em;text-transform:uppercase;color:var(--texto-suave);background:#f9fafb;border-top:none;font-size:.78rem;font-weight:700;display:grid}.c-estado{text-align:left}}.titulo-detalle{font-size:1.5rem}@media (width>=1100px) and (width<=1399px){.pedidos[data-detalle=si] .fila-pedido{grid-template-columns:3.5rem minmax(0,1fr) 6.5rem 7rem 6.5rem;grid-template-areas:"num comprador total estado hora"}.pedidos[data-detalle=si] .c-prendas{display:none}}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-latin-700-normal-Bxkt5Cjx.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-700-normal-Bth3BMcD.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff")}:root{--fondo:#f4f5f7;--superficie:#fff;--texto:#111827;--texto-suave:#4b5563;--borde:#e3e6ea;--borde-fuerte:#d1d5db;--primario:#1e40af;--primario-oscuro:#1e3a8a;--primario-suave:#dbeafe;--vivo:#d6245e;--exito:#15803d;--exito-suave:#dcfce7;--aviso:#92400e;--aviso-suave:#fef3c7;--aviso-borde:#f0c98a;--error:#b91c1c;--error-suave:#fef2f2;--nav:#111827;--nav-activo:#1f2937;--radio:12px;--barra:64px;--mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100svh;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1rem;line-height:1.5}a{color:var(--primario)}a:hover{color:var(--primario-oscuro)}fieldset{border:none;min-width:0}legend{padding:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--primario);outline-offset:2px}h1{font-size:1.5rem;font-weight:700;line-height:1.2}h2{font-size:1.1rem;font-weight:700}.app{min-height:100svh}.contenido{min-width:0}.pagina{width:100%;max-width:44rem;padding:1rem 1rem calc(var(--barra) + 1.5rem);flex-direction:column;gap:1rem;margin:0 auto;display:flex}.pagina.ancha{max-width:80rem}.pagina.suelta{padding-bottom:2rem}@media (width>=768px){.app{grid-template-columns:88px minmax(0,1fr);display:grid}.pagina{padding:1.5rem 1.75rem 2rem}}@media (width>=1100px){.app{grid-template-columns:240px minmax(0,1fr)}.pagina{padding:1.75rem 2.25rem 2.5rem}}.nav{height:var(--barra);background:var(--superficie);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);z-index:10;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-marca,.nav-plan{display:none}.nav-item{color:var(--texto-suave);flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:.78rem;font-weight:600;text-decoration:none;display:flex}.nav-item[aria-current=page]{color:var(--primario);font-weight:700}.nav-item svg{width:22px;height:22px}@media (width>=768px){.nav{background:var(--nav);border-top:none;flex-direction:column;align-items:center;gap:.4rem;height:100svh;padding:1rem 0;display:flex;position:sticky;top:0}.nav-marca{margin-bottom:.75rem;display:flex}.nav-marca-texto{display:none}.nav-item{border-radius:var(--radio);color:#d1d5db;width:72px;min-height:60px}.nav-item:hover,.nav-item[aria-current=page]{color:#fff;background:var(--nav-activo)}}@media (width>=1100px){.nav{align-items:stretch;padding:1.25rem .9rem}.nav-marca{align-items:center;gap:.6rem;padding:0 .5rem 1rem}.nav-marca-texto{flex-direction:column;min-width:0;display:flex}.nav-marca-texto strong{color:#fff}.nav-marca-texto span{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.nav-item{flex-direction:row;justify-content:flex-start;gap:.65rem;width:auto;min-height:44px;padding:0 .75rem;font-size:.95rem}.nav-item svg{width:20px;height:20px}.nav-plan{background:var(--nav-activo);border-radius:var(--radio);color:#9ca3af;flex-direction:column;gap:.4rem;margin-top:auto;padding:.85rem;font-size:.85rem;text-decoration:none;display:flex}.nav-plan strong{color:#fff;font-size:.95rem}}.logo{background:var(--vivo);color:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.barra-progreso{background:#374151;border-radius:3px;height:6px;overflow:hidden}.barra-progreso span{background:#60a5fa;height:100%;display:block}.pila{flex-direction:column;gap:.75rem;display:flex}.fila{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.entre{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.suave{color:var(--texto-suave)}.chico{font-size:.875rem}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.oculto{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.boton{border:1px solid var(--primario);background:var(--primario);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.65rem 1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.boton:hover{background:var(--primario-oscuro);border-color:var(--primario-oscuro);color:#fff}.boton:disabled{opacity:.55;cursor:not-allowed}.boton.secundario{background:var(--superficie);border-color:var(--borde-fuerte);color:var(--texto)}.boton.secundario:hover{border-color:var(--texto);background:var(--superficie)}.boton.peligro{background:var(--superficie);border-color:var(--borde-fuerte);color:var(--error)}.boton.peligro:hover{border-color:var(--error)}.boton.exito{background:var(--exito);border-color:var(--exito)}.boton.exito:hover{background:#166534;border-color:#166534}.boton.ancho{width:100%}.volver{border:1px solid var(--borde-fuerte);background:var(--superficie);min-height:40px;color:var(--texto);cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:.35rem;padding:.3rem .9rem .3rem .6rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.volver:hover{border-color:var(--texto);color:var(--texto)}.enlace{color:var(--primario);cursor:pointer;background:0 0;border:none;min-height:44px;text-decoration:underline}.campo{flex-direction:column;gap:.3rem;font-weight:600;display:flex}.campo input,.campo select,.campo textarea{border:1px solid var(--borde-fuerte);background:var(--superficie);border-radius:10px;width:100%;min-height:46px;padding:.55rem .8rem;font-weight:400}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--primario);outline:2px solid var(--primario-suave);outline-offset:0}.campo textarea{resize:vertical;min-height:6rem}.campo[data-error=true] input,.campo[data-error=true] textarea{border-color:var(--error)}.campo .ayuda{color:var(--texto-suave);font-size:.875rem;font-weight:400}.campo .error{color:var(--error);font-size:.875rem;font-weight:400}.casilla{align-items:center;gap:.6rem;min-height:44px;display:flex}.casilla input{width:1.2rem;height:1.2rem;accent-color:var(--primario)}.aviso{border:1px solid var(--borde);background:var(--superficie);border-radius:10px;padding:.75rem 1rem}.aviso.error{background:var(--error-suave);color:var(--error);border-color:#f5c2c2}.aviso.exito{color:var(--exito);background:#f0fdf4;border-color:#bbe5c8}.aviso.alerta{border-color:var(--aviso-borde);color:var(--aviso);background:#fffbeb}.tarjeta{border:1px solid var(--borde);background:var(--superficie);border-radius:14px;flex-direction:column;gap:.6rem;padding:1rem;display:flex}a.tarjeta{color:inherit;text-decoration:none}a.tarjeta:hover{border-color:var(--borde-fuerte)}.tarjeta.atencion{border-color:var(--aviso-borde)}.etiqueta{background:var(--fondo);color:var(--texto-suave);white-space:nowrap;border-radius:999px;padding:.1rem .55rem;font-size:.78rem;font-weight:700;display:inline-block}.etiqueta.SEPARADO,.etiqueta.POR_VERIFICAR,.etiqueta.PENDIENTE,.etiqueta.CONFIGURANDO{background:var(--aviso-suave);color:var(--aviso)}.etiqueta.CONFIRMADO{background:var(--primario-suave);color:var(--primario)}.etiqueta.ENVIADO{color:#4338ca;background:#e0e7ff}.etiqueta.fuerte{color:#c2410c;background:#ffedd5}.etiqueta.revisada{background:var(--fondo);color:var(--texto-suave)}.etiqueta.PAGADO,.etiqueta.ENTREGADO,.etiqueta.APROBADO,.etiqueta.ACTIVA{background:var(--exito-suave);color:var(--exito)}.etiqueta.SUSPENDIDA,.etiqueta.RECHAZADO,.etiqueta.CANCELADO{background:var(--error-suave);color:var(--error)}.pestanas{gap:.4rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.pestanas button{border:1px solid var(--borde-fuerte);background:var(--superficie);cursor:pointer;border-radius:999px;flex:none;min-height:40px;padding:0 .95rem;font-weight:600}.pestanas button[aria-pressed=true]{border-color:var(--texto);background:var(--texto);color:#fff}.lista{flex-direction:column;gap:.6rem;list-style:none;display:flex}.miniatura{object-fit:cover;background:var(--fondo);border-radius:8px;flex:none;width:64px;height:64px}.cuadricula{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.5rem;display:grid}.grilla-tarjetas{grid-template-columns:minmax(0,1fr);gap:.75rem;list-style:none;display:grid}@media (width>=768px){.grilla-tarjetas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1400px){.grilla-tarjetas{grid-template-columns:repeat(3,minmax(0,1fr))}}.cuenta{justify-content:center;align-items:flex-start;min-height:100svh;display:flex}.cuenta .pagina{max-width:28rem}@media (width>=768px){.cuenta{align-items:center}.cuenta .pagina{background:var(--superficie);border:1px solid var(--borde);border-radius:18px;padding:2rem}}.crece{flex:1}.sin-salto{flex-wrap:nowrap}a.enlace-fila,a.enlace-fila:hover{color:inherit;text-decoration:none}.stock-talla{width:5.5rem}.volver svg{width:18px;height:18px}.rubros{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (width>=768px){.rubros{grid-template-columns:repeat(3,minmax(0,1fr))}}.rubro{border:1px solid var(--borde-fuerte);border-radius:var(--radio);background:var(--superficie);cursor:pointer;flex-direction:column;gap:.15rem;padding:.75rem;display:flex}.rubro:has(input:checked){border-color:var(--primario);box-shadow:inset 0 0 0 1px var(--primario);background:var(--primario-suave)}.rubro input{opacity:0;pointer-events:none;position:absolute}.rubro:has(input:focus-visible){outline:3px solid var(--primario);outline-offset:2px}.miniatura-comprobante{border:1px solid var(--borde-fuerte);background:var(--fondo);cursor:zoom-in;border-radius:8px;align-self:flex-start;padding:0;overflow:hidden}.miniatura-comprobante img{object-fit:cover;width:72px;height:96px;display:block}.visor{z-index:50;background:#111827d9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;position:fixed;inset:0}.visor img{border-radius:var(--radio);background:#fff;max-width:min(100%,520px);max-height:80svh}.cuenta-bancaria{border-top:1px solid var(--borde);padding-top:.75rem}
