:root{--fondo: #0b1220;--fondo-suave: #0e1728;--superficie: rgba(23, 34, 54, .72);--superficie-solida: #16203a;--borde: rgba(148, 176, 214, .14);--texto: #e8eefb;--texto-suave: #93a5c4;--acento: #2dd4bf;--acento-fuerte: #14b8a6;--acento-suave: rgba(45, 212, 191, .14);--coral: #ff7a6b;--oro: #fbbf24;--exito: #34d399;--peligro: #f87171;--radio: 18px;--radio-chico: 12px;--sombra: 0 10px 30px rgba(2, 8, 20, .45);--transicion: .16s ease}:root[data-tema=light]{--fondo: #f2f6fb;--fondo-suave: #e9eff7;--superficie: rgba(255, 255, 255, .82);--superficie-solida: #ffffff;--borde: rgba(15, 40, 80, .12);--texto: #14213a;--texto-suave: #5a6b87;--sombra: 0 10px 24px rgba(15, 40, 80, .12)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--fondo);color:var(--texto);line-height:1.5;min-height:100vh;padding:env(safe-area-inset-top) 0 calc(72px + env(safe-area-inset-bottom))}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}.app{max-width:760px;margin:0 auto;padding:0 16px}@media (min-width: 900px){.app{max-width:1080px}}.barra-superior{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--fondo) 78%,transparent);border-bottom:1px solid var(--borde);padding:14px 16px 10px;display:flex;align-items:center;gap:12px}.barra-superior .logo{font-weight:800;font-size:17px;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.barra-superior .logo .punto{color:var(--acento)}.barra-superior .acciones{margin-left:auto;display:flex;gap:8px;align-items:center}.nav-inferior{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--fondo) 82%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--borde)}.nav-inferior a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--texto-suave);padding:6px 12px;border-radius:12px;transition:color var(--transicion)}.nav-inferior a:hover,.nav-inferior a.activa{color:var(--acento)}.nav-inferior a.activa{background:var(--acento-suave)}.campo-busqueda{display:flex;align-items:center;gap:10px;background:var(--superficie);border:1px solid var(--borde);border-radius:999px;padding:11px 16px;margin:14px 0 10px;transition:border-color var(--transicion)}.campo-busqueda:focus-within{border-color:var(--acento)}.campo-busqueda svg{color:var(--texto-suave);flex:none}.campo-busqueda input{flex:1;background:none;border:none;outline:none;color:var(--texto);font-size:15px}.campo-busqueda input::placeholder{color:var(--texto-suave)}.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;background:var(--superficie);border:1px solid var(--borde);color:var(--texto-suave);transition:all var(--transicion)}.chip.activa{background:var(--acento-suave);border-color:var(--acento);color:var(--acento)}.seccion{margin:22px 0}.seccion>h2{font-size:16px;font-weight:700;margin-bottom:12px;display:flex;align-items:baseline;gap:8px}.seccion>h2 small{color:var(--texto-suave);font-weight:500;font-size:12px;margin-left:auto}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tarjeta.destacada{border-color:#fbbf2466}.rejilla{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 640px){.rejilla{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.rejilla{grid-template-columns:repeat(4,1fr)}}.tarjeta-producto{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transicion),border-color var(--transicion)}.tarjeta-producto:active{transform:scale(.98)}.tarjeta-producto .miniatura{aspect-ratio:1 / 1;width:100%;background:linear-gradient(140deg,#2dd4bf29,#ff7a6b1a);display:flex;align-items:center;justify-content:center;color:var(--texto-suave);font-size:30px;font-weight:700;position:relative}.tarjeta-producto .miniatura img{width:100%;height:100%;object-fit:cover}.tarjeta-producto .cuerpo{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.tarjeta-producto .nombre{font-size:13.5px;font-weight:600;line-height:1.3}.tarjeta-producto .tienda{font-size:11px;color:var(--texto-suave)}.tarjeta-producto .pie{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px}.tarjeta-producto .precio{font-weight:800;font-size:15px;color:var(--acento)}.tarjeta-producto .agotado{font-size:11px;color:var(--peligro);font-weight:600}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--radio-chico);font-weight:700;font-size:14px;background:var(--superficie-solida);border:1px solid var(--borde);transition:all var(--transicion)}.boton:active{transform:scale(.97)}.boton:disabled{opacity:.5;pointer-events:none}.boton.primario{background:linear-gradient(135deg,var(--acento),#22b8b0);border:none;color:#04211d;box-shadow:0 6px 18px #2dd4bf40}.boton.peligro{background:#f8717124;border-color:#f8717166;color:var(--peligro)}.boton.fantasma{background:none;border:1px dashed var(--borde);color:var(--texto-suave)}.boton.chico{padding:7px 12px;font-size:12.5px;border-radius:10px}.boton.bloque{width:100%}.insignia{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.02em}.insignia.pro{background:#fbbf2426;color:var(--oro);border:1px solid rgba(251,191,36,.35)}.insignia.ok{background:#34d39924;color:var(--exito)}.insignia.info{background:#93a5c426;color:var(--texto-suave)}.insignia.alerta{background:#ff7a6b26;color:var(--coral)}.insignia.pagado{background:#34d39924;color:var(--exito)}.insignia.pendiente{background:#fbbf2424;color:var(--oro)}.insignia.cancelado{background:#f8717121;color:var(--peligro)}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 640px){.kpis{grid-template-columns:repeat(4,1fr)}}.kpi{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-chico);padding:13px 14px}.kpi .etiqueta{font-size:11px;color:var(--texto-suave);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.kpi .valor{font-size:21px;font-weight:800;margin-top:3px}.kpi .valor.acento{color:var(--acento)}.kpi .detalle{font-size:11px;color:var(--texto-suave);margin-top:2px}.formulario{display:flex;flex-direction:column;gap:12px}.campo{display:flex;flex-direction:column;gap:5px}.campo label{font-size:12.5px;font-weight:600;color:var(--texto-suave)}.campo input,.campo select,.campo textarea{background:var(--fondo-suave);border:1px solid var(--borde);border-radius:var(--radio-chico);padding:11px 13px;font-size:14.5px;outline:none;transition:border-color var(--transicion);width:100%}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--acento)}.campo textarea{resize:vertical;min-height:70px}.fila{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tabla-contenedor{overflow-x:auto;border-radius:var(--radio-chico);border:1px solid var(--borde)}table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--borde)}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-suave);background:var(--fondo-suave)}tr:last-child td{border-bottom:none}td.numero{font-variant-numeric:tabular-nums;font-weight:600}.pestanas{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.pestanas::-webkit-scrollbar{display:none}.pestanas button{flex:none;padding:8px 15px;border-radius:999px;font-size:13px;font-weight:600;color:var(--texto-suave);background:var(--superficie);border:1px solid var(--borde);transition:all var(--transicion)}.pestanas button.activa{background:var(--acento-suave);color:var(--acento);border-color:var(--acento)}.lista{display:flex;flex-direction:column;gap:10px}.elemento{display:flex;align-items:center;gap:12px;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-chico);padding:13px 15px}.elemento .principal{flex:1;min-width:0}.elemento .titulo{font-weight:600;font-size:14px}.elemento .sub{font-size:12px;color:var(--texto-suave);margin-top:2px}.elemento .monto{font-weight:800;font-size:15px;color:var(--acento);white-space:nowrap}.tarjeta-plan{display:flex;flex-direction:column;gap:10px}.tarjeta-plan .nombre-plan{font-size:17px;font-weight:800}.tarjeta-plan .precio-plan{font-size:28px;font-weight:800;color:var(--acento)}.tarjeta-plan .precio-plan small{font-size:13px;color:var(--texto-suave);font-weight:500}.tarjeta-plan ul{list-style:none;display:flex;flex-direction:column;gap:7px}.tarjeta-plan li{font-size:13.5px;display:flex;gap:8px;align-items:baseline;color:var(--texto)}.tarjeta-plan li:before{content:"✓";color:var(--acento);font-weight:800}.planes-grid{display:grid;gap:12px}@media (min-width: 700px){.planes-grid{grid-template-columns:1fr 1fr}}.estado-vacio{text-align:center;padding:40px 20px;color:var(--texto-suave);display:flex;flex-direction:column;gap:8px;align-items:center}.estado-vacio .icono{font-size:34px;opacity:.7}.ollas-carga{display:flex;gap:5px;justify-content:center;padding:30px}.ollas-carga span{width:9px;height:9px;border-radius:50%;background:var(--acento);animation:rebote 1s infinite alternate}.ollas-carga span:nth-child(2){animation-delay:.15s}.ollas-carga span:nth-child(3){animation-delay:.3s}@keyframes rebote{to{transform:translateY(-7px);opacity:.4}}.pantalla-entrada{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;text-align:center}.pantalla-entrada .logo-entrada{width:96px;height:96px;border-radius:24px;background:#fff;padding:11px;box-shadow:0 14px 38px #0006}.pantalla-entrada .marca{font-size:30px;font-weight:800;letter-spacing:-.03em}.pantalla-entrada .marca span{color:var(--acento)}.pantalla-entrada .sub{color:var(--texto-suave);max-width:340px}.aviso{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:var(--superficie-solida);border:1px solid var(--borde);box-shadow:var(--sombra);padding:11px 18px;border-radius:999px;font-size:13.5px;font-weight:600;z-index:60;max-width:86vw;text-align:center;animation:aparecer .18s ease}.aviso.error{border-color:#f8717180;color:var(--peligro)}.aviso.exito{border-color:#34d39980;color:var(--exito)}@keyframes aparecer{0%{opacity:0;transform:translate(-50%,8px)}}.resumen-linea{display:flex;justify-content:space-between;font-size:14px;padding:4px 0}.resumen-linea.total{font-size:17px;font-weight:800;border-top:1px solid var(--borde);margin-top:8px;padding-top:12px}.nota{font-size:12px;color:var(--texto-suave);line-height:1.55}.contador-cantidad{display:flex;align-items:center;gap:10px}.contador-cantidad button{width:30px;height:30px;border-radius:9px;background:var(--superficie-solida);border:1px solid var(--borde);font-weight:800;font-size:15px}.contador-cantidad span{font-weight:700;min-width:20px;text-align:center}.perfil-cabecera{display:flex;align-items:center;gap:14px}.perfil-cabecera .avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--acento),var(--coral));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:21px;color:#06231f;overflow:hidden}.perfil-cabecera .avatar img{width:100%;height:100%;object-fit:cover}.texto-suave{color:var(--texto-suave)}.texto-chico{font-size:12px}.margen-superior{margin-top:14px}.sin-borde{border:none}.flex{display:flex;align-items:center;gap:10px}.flex-entre{display:flex;align-items:center;justify-content:space-between;gap:10px}.insignia.en_preparacion{background:#2dd4bf21;color:var(--acento)}.insignia.en_camino{background:#60a5fa24;color:#6aa9f8;border:1px solid rgba(96,165,250,.3)}.insignia.entregado{background:#34d39929;color:var(--exito)}.insignia.expirado{background:#93a5c424;color:var(--texto-suave)}.selector-entrega{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.selector-entrega button{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 10px;border-radius:var(--radio-chico);background:var(--fondo-suave);border:1px solid var(--borde);font-size:13px;font-weight:600;color:var(--texto-suave);transition:all var(--transicion)}.selector-entrega button.activa{background:var(--acento-suave);border-color:var(--acento);color:var(--acento)}.envio-gratis{color:var(--exito);font-weight:800}.error-campo{font-size:11.5px;color:var(--peligro)}.estrellas{position:relative;display:inline-flex;vertical-align:middle}.estrellas-fila{display:inline-flex;gap:1px;color:var(--texto-suave);opacity:.4}.estrellas-fila svg{flex:none;display:block}.estrellas-llenas{position:absolute;inset:0;overflow:hidden;color:var(--oro);opacity:1}.estrellas-interactivas{display:inline-flex;gap:2px}.estrella-boton{padding:3px;border-radius:8px;color:var(--texto-suave);opacity:.45;transition:transform var(--transicion),opacity var(--transicion),color var(--transicion)}.estrella-boton.llena{color:var(--oro);opacity:1}.estrella-boton:active{transform:scale(1.18)}.seguimiento{margin-top:12px;border-top:1px dashed var(--borde);padding-top:12px}.linea-tiempo{list-style:none;display:flex;flex-direction:column;margin-top:8px}.linea-tiempo-item{display:flex;gap:12px;position:relative;padding-bottom:16px}.linea-tiempo-item:last-child{padding-bottom:0}.linea-tiempo-item:before{content:"";position:absolute;left:13px;top:30px;bottom:2px;width:2px;background:var(--borde)}.linea-tiempo-item:last-child:before{display:none}.linea-tiempo-item .icono{width:28px;height:28px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--superficie-solida);border:1px solid var(--borde);color:var(--texto-suave);z-index:1}.linea-tiempo-item.actual .icono{color:var(--acento);border-color:var(--acento);background:var(--acento-suave)}.linea-tiempo-item .cuerpo{flex:1;min-width:0;padding-top:4px}.acciones-pedido{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.nota-envio{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--texto-suave);margin-top:8px}.nota-envio svg{flex:none}.nota-envio-dato{display:inline-flex;align-items:center;gap:4px;margin-left:10px}.valoracion-form{border-top:1px dashed var(--borde);margin-top:14px;padding-top:12px}.valoracion-propia{display:flex;align-items:center;gap:8px;margin-top:12px}.avance-estado{margin-top:12px;border-top:1px dashed var(--borde);padding-top:12px}.entrada-nota{width:100%;background:var(--fondo-suave);border:1px solid var(--borde);border-radius:var(--radio-chico);padding:9px 12px;font-size:13px;outline:none;transition:border-color var(--transicion)}.entrada-nota:focus{border-color:var(--acento)}.miniatura-lista{width:44px;height:44px;border-radius:10px;overflow:hidden;flex:none;background:linear-gradient(140deg,#2dd4bf29,#ff7a6b1a);display:flex;align-items:center;justify-content:center;color:var(--texto-suave);font-weight:700;font-size:17px}.miniatura-lista img{width:100%;height:100%;object-fit:cover}.vista-previa{width:108px;height:108px;flex:none;border-radius:var(--radio-chico);overflow:hidden;border:1px solid var(--borde)}.vista-previa img{width:100%;height:100%;object-fit:cover}.vista-previa-vacia{display:flex;align-items:center;justify-content:center;background:var(--fondo-suave);color:var(--texto-suave)}.campo input[type=file]{padding:8px;font-size:13px}.icono-estado-grande{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--superficie);border:1px solid var(--borde)}.icono-estado-grande.exito{color:var(--exito);border-color:#34d39973;background:#34d3991a}.icono-estado-grande.cancelado{color:var(--peligro);border-color:#f8717173;background:#f871711a}.botones-centradas{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px}.capa-dialogo{position:fixed;inset:0;z-index:80;background:#040a16a8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:22px;animation:aparecer-dialogo .18s ease}.dialogo{background:var(--superficie-solida);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);width:100%;max-width:430px;max-height:82vh;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.dialogo .cabecera{display:flex;align-items:center;gap:12px}.dialogo .icono-dialogo{color:var(--acento);flex:none;width:44px;height:44px;border-radius:14px;background:var(--acento-suave);display:flex;align-items:center;justify-content:center}.dialogo .titulo-dialogo{font-size:17px;font-weight:800;letter-spacing:-.01em}.dialogo .subtitulo-dialogo{font-size:12.5px;color:var(--texto-suave)}.dialogo .acciones-dialogo{display:flex;gap:10px;margin-top:2px}.dialogo .acciones-dialogo .boton{flex:1}.enlace-historial{background:none;border:none;color:var(--texto-suave);font-size:12.5px;font-weight:600;text-decoration:underline dotted;padding:4px 0;align-self:center}.enlace-historial:hover{color:var(--acento)}.lista-commits{display:flex;flex-direction:column}.commit{display:flex;gap:10px;align-items:baseline;padding:9px 2px;border-bottom:1px dashed var(--borde);font-size:13px}.commit:last-child{border-bottom:none}.commit .hash{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:700;color:var(--acento);background:var(--acento-suave);padding:2px 6px;border-radius:6px;flex:none}.commit .cuerpo{flex:1;min-width:0}.commit .mensaje{font-weight:600;line-height:1.35;overflow-wrap:anywhere}.commit .fecha{font-size:11px;color:var(--texto-suave);margin-top:2px}@keyframes aparecer-dialogo{0%{opacity:0}}