:root{--navy: #1b2a4a;--navy-2: #24365e;--navy-suave: #e8ecf3;--ember: #d9642b;--ember-2: #c2551f;--gold: #c9a227;--cream: #fbf8f2;--papel: #ffffff;--tinta: #1f2430;--suave: #5f6675;--linea: #e4e0d6;--verde: #1e6b34;--verde-suave: #e8f3ec;--amarillo: #8a6d00;--amarillo-suave: #fbf6e6;--rojo: #b42318;--rojo-suave: #fdecea;--radio: 12px;--alto-menu: 64px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Work Sans,system-ui,sans-serif;background:var(--cream);color:var(--tinta);font-size:16px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}code{font-size:.9em;background:var(--navy-suave);padding:1px 5px;border-radius:4px}.titulo{font-family:Fraunces,Georgia,serif;font-weight:600;color:var(--navy);font-size:1.5rem;margin:0 0 12px}.texto-suave{color:var(--suave);margin:0 0 16px;line-height:1.5}.marca{display:flex;align-items:center;gap:10px;color:#fff}.marca-icono{color:var(--gold);flex-shrink:0}.marca-texto{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.05rem}.marca-oscura{color:var(--navy);margin-bottom:20px}.tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:20px}.vacio{text-align:center;padding:32px 20px}.vacio p:first-child{margin-top:0;line-height:1.5}.pantalla-centro{min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--navy)}.login,.aviso{width:100%;max-width:400px;display:flex;flex-direction:column}.aviso .texto-suave{margin-bottom:20px}.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-weight:500;font-size:.95rem}.campo input,.campo select,.campo textarea{border:1px solid var(--linea);border-radius:10px;padding:12px 14px;font-size:16px;background:#fff;color:var(--tinta)}.boton{border:none;border-radius:10px;padding:14px 18px;font-weight:600;font-size:1rem;cursor:pointer;min-height:48px}.boton:disabled{opacity:.6;cursor:default}.boton-primario{background:var(--ember);color:#fff}.boton-primario:hover:not(:disabled){background:var(--ember-2)}.boton-enlace{background:none;border:none;color:var(--navy);text-decoration:underline;margin-top:14px;padding:8px;cursor:pointer;align-self:center}.boton-icono{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:10px;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}.mensaje{border-radius:10px;padding:10px 12px;margin:0 0 14px;font-size:.95rem;line-height:1.4}.mensaje-error{background:var(--rojo-suave);color:var(--rojo)}.mensaje-ok{background:var(--verde-suave);color:var(--verde)}.app{min-height:100vh;padding-bottom:calc(var(--alto-menu) + env(safe-area-inset-bottom))}.encabezado{background:var(--navy);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:10}.usuario{display:flex;align-items:center;gap:10px;min-width:0}.usuario-datos{display:flex;flex-direction:column;text-align:right;min-width:0}.usuario-nombre{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usuario-rol{font-size:.75rem;color:#c9d1e3}.menu{position:fixed;bottom:0;left:0;right:0;height:calc(var(--alto-menu) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--papel);border-top:1px solid var(--linea);display:flex;z-index:10}.menu-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--suave);text-decoration:none;font-size:.75rem;font-weight:500}.menu-item.activo{color:var(--ember);font-weight:600}.contenido{max-width:1000px;margin:0 auto;padding:20px 16px 32px}@media (min-width: 768px){.app{padding-bottom:0}.menu{position:sticky;top:68px;height:auto;padding:0 16px;justify-content:center;gap:4px}.menu-item{flex:0 0 auto;flex-direction:row;gap:8px;padding:14px 18px;font-size:.95rem;border-bottom:3px solid transparent}.menu-item.activo{border-bottom-color:var(--ember)}.contenido{padding:28px 24px 48px}}@media (max-width: 380px){.usuario-datos{display:none}}.cabecera-pagina{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cabecera-pagina .titulo{margin:0}.boton-con-icono{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.boton-secundario{background:var(--papel);color:var(--navy);border:1px solid var(--linea)}.boton-secundario:hover:not(:disabled){background:var(--navy-suave)}.boton-whatsapp{background:#1e6b34;color:#fff}.boton-peligro{background:var(--rojo);color:#fff}.texto-peligro{color:var(--rojo)}.boton-enlace.en-linea{margin:0;padding:0;color:inherit;font-weight:600}.boton-enlace.boton-con-icono{text-decoration:none}.boton-icono-claro{background:transparent;border:1px solid var(--linea);color:var(--navy);border-radius:10px;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chip{border:1px solid var(--linea);background:var(--papel);color:var(--navy);border-radius:999px;padding:9px 14px;font-size:.9rem;font-weight:500;cursor:pointer;min-height:40px}.chip.activo{background:var(--navy);border-color:var(--navy);color:#fff}.grupo{margin-bottom:22px}.grupo-titulo{font-size:1rem;color:var(--navy);margin:0 0 10px;display:flex;align-items:center;gap:8px}.grupo-cuenta{background:var(--navy-suave);border-radius:999px;padding:1px 9px;font-size:.8rem;font-weight:600}.grupo-vacio{margin:0;font-size:.9rem}.lista-tarjetas{display:grid;gap:12px}@media (min-width: 768px){.lista-tarjetas{grid-template-columns:repeat(2,1fr)}}.tarjeta-tecnico{padding:16px;display:flex;flex-direction:column;gap:10px}.tarjeta-tecnico.inactivo{opacity:.85;background:#f6f4ef}.tarjeta-tecnico .texto-suave{margin:0}.tecnico-encabezado{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.tecnico-nombre{font-weight:600;font-size:1.05rem;color:var(--navy)}.etiquetas{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.etiqueta{background:#fff6ee;color:var(--ember-2);border-radius:6px;padding:2px 8px;font-size:.78rem;font-weight:600}.tecnico-datos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;color:var(--suave);font-size:.92rem}.tecnico-datos li{display:flex;align-items:center;gap:8px}.tecnico-datos a{color:var(--navy)}.tecnico-notas{margin:0;font-size:.9rem;color:var(--tinta);background:var(--cream);border-radius:8px;padding:8px 10px;white-space:pre-line}.acciones-contacto{display:flex;gap:8px;flex-wrap:wrap}.acciones-contacto .boton{flex:1;min-width:130px;padding:10px 12px}.sin-telefono{font-size:.9rem}.fondo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2a4a8c;z-index:50;display:flex;align-items:flex-end;justify-content:center}.hoja{background:var(--papel);width:100%;max-width:560px;max-height:92vh;overflow-y:auto;border-radius:18px 18px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.hoja-cabecera{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hoja-cabecera .titulo{margin:0;font-size:1.3rem}.campo textarea{resize:vertical}.sin-borde{border:none;padding:0;margin:0 0 14px;min-width:0}.sin-borde .chips{margin:4px 0 0}.zona-borrar{margin-top:18px;padding-top:14px;border-top:1px solid var(--linea);display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.zona-borrar p{margin:0;color:var(--tinta)}.zona-borrar .acciones-contacto{width:100%}@media (min-width: 768px){.fondo-modal{align-items:center;padding:24px}.hoja{border-radius:18px;padding:22px 24px}}.chip-detalle{opacity:.7;font-size:.8rem;margin-left:2px}.ancho{width:100%}.campo select:disabled{background:#f3f1ec;color:var(--suave)}.entrada{width:100%;border:1px solid var(--linea);border-radius:10px;padding:12px 14px;font-size:16px;resize:vertical}a.boton{text-decoration:none}.formulario-ticket{max-width:640px}.paso{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:16px;margin-bottom:12px}.paso .chips:last-child{margin-bottom:0}.paso .campo:last-child{margin-bottom:0}.paso-titulo{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:1rem;color:var(--navy)}.paso-numero{width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:.8rem;flex-shrink:0}.subetiqueta{margin:4px 0 8px;font-size:.9rem;font-weight:500;color:var(--suave)}.nota-alcance{margin:0;font-size:.9rem;color:var(--amarillo);background:var(--amarillo-suave);padding:8px 10px;border-radius:8px}.campo small{font-weight:400}.miniaturas{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-bottom:12px}.miniatura{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--navy-suave)}.miniatura img{width:100%;height:100%;object-fit:cover;display:block}.miniatura-video{width:100%;height:100%;display:grid;place-items:center;color:var(--navy)}.miniatura-quitar{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:none;background:#1b2a4acc;color:#fff;display:grid;place-items:center;cursor:pointer}.exito{text-align:center;max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.exito-icono{color:var(--verde);margin-bottom:8px}.exito .acciones-contacto{width:100%}.barra-bandeja{display:flex;gap:10px;align-items:center;margin-bottom:12px}.segmentos{flex:1;display:flex;background:var(--navy-suave);border-radius:10px;padding:3px}.segmento{flex:1;border:none;background:transparent;padding:10px 6px;border-radius:8px;font-weight:500;color:var(--navy);cursor:pointer;min-height:40px}.segmento.activo{background:var(--papel);font-weight:600;box-shadow:0 1px 2px #00000014}.boton-icono-claro.con-marca{position:relative;border-color:var(--ember);color:var(--ember)}.marca-cuenta{position:absolute;top:-6px;right:-6px;background:var(--ember);color:#fff;font-size:.7rem;font-weight:700;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px}.filtros{margin-bottom:14px;display:grid;gap:0 12px}@media (min-width: 768px){.filtros{grid-template-columns:repeat(4,1fr);align-items:end}.filtros .boton-enlace{grid-column:1 / -1}}.conteo{font-size:.85rem;margin:0 0 10px}.atenuado{opacity:.55;transition:opacity .15s}.tarjeta-ticket{padding:14px 16px;display:flex;flex-direction:column;gap:4px;border-left-width:4px}.borde-verde{border-left-color:var(--verde)}.borde-amarillo{border-left-color:var(--gold)}.borde-rojo{border-left-color:var(--rojo)}.ticket-fila{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.ticket-folio{font-weight:700;color:var(--navy);font-size:.9rem;margin-right:auto}.ticket-lugar{font-weight:600;color:var(--tinta)}.ticket-categoria{font-size:.85rem;color:var(--ember-2);font-weight:500}.ticket-descripcion{margin:2px 0 6px;color:var(--suave);font-size:.92rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-pie{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.82rem;color:var(--suave);align-items:center}.ticket-tecnico{display:inline-flex;align-items:center;gap:4px}.ticket-costo{margin-left:auto;font-weight:600;color:var(--navy)}.insignia{font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}.tono-gris{background:#eeece7;color:var(--suave)}.tono-amarillo{background:var(--amarillo-suave);color:var(--amarillo)}.tono-azul{background:var(--navy-suave);color:var(--navy)}.tono-naranja{background:#fff6ee;color:var(--ember-2)}.tono-verde{background:var(--verde-suave);color:var(--verde)}.prioridad-alta{background:#fff6ee;color:var(--ember-2)}.prioridad-urgente{background:var(--rojo);color:#fff}.semaforo{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;padding:5px 9px;border-radius:8px;margin-top:6px;align-self:flex-start}.semaforo-verde{background:var(--verde-suave);color:var(--verde)}.semaforo-amarillo{background:var(--amarillo-suave);color:var(--amarillo)}.semaforo-rojo{background:var(--rojo-suave);color:var(--rojo)}a.tarjeta-ticket{text-decoration:none;color:inherit;cursor:pointer}a.tarjeta-ticket:hover{border-color:#cfc9bb}.volver{display:inline-flex;align-items:center;gap:6px;color:var(--navy);text-decoration:none;font-weight:600;margin-bottom:12px;padding:6px 0;min-height:40px}.detalle{max-width:720px}.detalle-cabecera{margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.detalle-folio{font-weight:700;color:var(--navy);margin-right:auto}.detalle-lugar{margin:2px 0 0;font-size:1.35rem}.detalle-descripcion{margin:8px 0;line-height:1.5;white-space:pre-line}.datos{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:6px 0 10px;padding:12px;background:var(--cream);border-radius:10px}.datos div{min-width:0}.datos dt{font-size:.75rem;color:var(--suave)}.datos dd{margin:2px 0 0;font-weight:600;color:var(--navy)}.mayuscula{text-transform:capitalize}.detalle-tecnico{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:600;color:var(--navy)}.enlace-tel{display:inline-flex;align-items:center;gap:4px;color:var(--ember-2);font-weight:500;text-decoration:none}.detalle-origen{margin:6px 0 0;font-size:.85rem;color:var(--suave)}.sin-margen{margin:0}.sin-margen-abajo{margin-bottom:0;margin-top:12px}.margen-arriba{margin-top:10px}.bloque{margin-bottom:12px}.bloque-cabecera{display:flex;justify-content:space-between;align-items:baseline}.bloque-titulo{margin:0 0 12px;font-size:1rem;color:var(--navy)}.ayuda{font-size:.9rem;margin-bottom:12px}.acciones-estado{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.acciones-estado .boton{flex:1 1 160px}.acciones-estado .boton-enlace{flex:0 0 100%;margin-top:4px}.pide-motivo .campo{margin-bottom:10px}.total{font-weight:700;color:var(--navy);font-size:1.1rem}.lista-costos{list-style:none;margin:0 0 12px;padding:0}.lista-costos li{padding:10px 0;border-bottom:1px solid var(--linea)}.lista-costos li:first-child{padding-top:0}.costo-principal{display:flex;justify-content:space-between;gap:10px}.costo-concepto{font-weight:500}.costo-monto{font-weight:600;color:var(--navy);white-space:nowrap}.costo-meta{font-size:.8rem;color:var(--suave);margin-top:2px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.icono-borrar{margin-left:auto!important;color:var(--suave)!important;padding:4px!important}.confirmar-linea{margin-left:auto;display:inline-flex;gap:8px;align-items:center}.form-costo{border-top:1px solid var(--linea);padding-top:12px}.form-costo .chips{margin-bottom:14px}.grupo-adjuntos{margin-bottom:6px}.miniatura>a{display:block;width:100%;height:100%}.miniatura-confirmar{position:absolute;inset:auto 0 0 0;background:#fffffff2;display:flex;justify-content:space-around;padding:4px;font-size:.85rem}.form-comentario{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.form-comentario .boton{align-self:flex-end}.linea-tiempo{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--linea)}.evento{position:relative;padding:0 0 14px 12px}.evento:before{content:"";position:absolute;left:-21px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--papel);border:2px solid var(--navy)}.evento-comentario:before{border-color:var(--ember)}.evento-verificacion:before{border-color:var(--verde);background:var(--verde)}.evento-texto{font-size:.95rem;line-height:1.4;white-space:pre-line}.evento-meta{font-size:.78rem;color:var(--suave);margin-top:2px}.tablero{max-width:1000px}.filtros-tablero{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-bottom:18px}.filtros-tablero select{border:1px solid var(--linea);border-radius:10px;padding:10px 12px;font-size:16px;background:#fff;color:var(--tinta);min-height:44px}.interruptor{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--tinta);cursor:pointer;min-height:44px}.interruptor input{width:20px;height:20px;accent-color:var(--navy)}.seccion-titulo{font-size:1.05rem;color:var(--navy);margin:8px 0 10px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.seccion-nota{font-size:.8rem;font-weight:500;color:var(--suave)}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}@media (min-width: 768px){.tiles{grid-template-columns:repeat(4,1fr)}}.tile{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:14px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:4px;min-width:0}a.tile:hover{border-color:#cfc9bb}.tile-etiqueta{font-size:.82rem;color:var(--suave);display:flex;align-items:center;gap:6px}.tile-valor{font-size:1.5rem;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tile-nota{font-size:.78rem;color:var(--suave)}.tile-rojo{background:var(--rojo-suave);border-color:#f3c6c1}.tile-rojo .tile-etiqueta,.tile-rojo .tile-valor{color:var(--rojo)}.tile-amarillo{background:var(--amarillo-suave);border-color:#eedfa9}.tile-amarillo .tile-etiqueta,.tile-amarillo .tile-valor{color:var(--amarillo)}.tile-verde .tile-etiqueta{color:var(--verde)}.grafica{margin-bottom:12px;padding:16px;min-width:0}.grafica-titulo{margin:0 0 10px;font-size:.98rem;color:var(--navy)}.grafica-cabecera{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}.grafica-area{margin-left:-6px}.leyenda{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.82rem;color:var(--tinta)}.leyenda li{display:inline-flex;align-items:center;gap:6px}.leyenda-unica{font-size:.85rem;margin:0}.leyenda-color{width:10px;height:10px;border-radius:3px;display:inline-block;flex-shrink:0}.graficas-doble{display:grid;gap:12px}.graficas-doble .grafica{margin-bottom:0}@media (min-width: 900px){.graficas-doble{grid-template-columns:repeat(2,1fr)}}.globo{background:var(--papel);border:1px solid var(--linea);border-radius:10px;padding:10px 12px;box-shadow:0 4px 14px #1b2a4a1f;font-size:.85rem;min-width:190px}.globo-titulo{font-weight:600;color:var(--navy);margin-bottom:6px}.globo-fila{display:flex;align-items:center;gap:8px;padding:2px 0;color:var(--tinta)}.globo-fila .num{margin-left:auto;font-variant-numeric:tabular-nums}.globo-total{border-top:1px solid var(--linea);margin-top:4px;padding-top:6px;font-weight:600}.barras{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.barra-textos{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;margin-bottom:5px}.barra-etiqueta{color:var(--tinta);min-width:0;overflow-wrap:anywhere}.barra-valor{font-weight:600;color:var(--navy);white-space:nowrap;font-variant-numeric:tabular-nums}.barra-detalle{font-weight:400;color:var(--suave)}.barra-pista{height:10px;border-radius:0 4px 4px 0}.barra-relleno{height:100%;border-radius:0 4px 4px 0}.tabla-scroll{overflow-x:auto}.tabla{width:100%;border-collapse:collapse;font-size:.88rem}.tabla th{text-align:left;font-weight:600;color:var(--suave);padding:8px 10px;border-bottom:1px solid var(--linea);white-space:nowrap}.tabla td{padding:8px 10px;border-bottom:1px solid #f0ece4;white-space:nowrap}.tabla .num{text-align:right;font-variant-numeric:tabular-nums}.tabla .fuerte{font-weight:600;color:var(--navy)}.grafica-cabecera .boton-enlace{white-space:nowrap}.contexto{margin:-2px 0 12px}.chip-quitar{display:inline-flex;align-items:center;gap:6px}@media (min-width: 768px){.filtros{grid-template-columns:repeat(3,1fr)}}.barras{gap:4px}.barra-fila{display:block;padding:6px 8px;margin:0 -8px;border-radius:8px}.barra-enlace{text-decoration:none;color:inherit}.barra-enlace:hover,.barra-enlace:focus-visible{background:var(--cream)}.barra-valor{display:inline-flex;align-items:center;gap:2px}.barra-flecha{color:var(--suave);flex-shrink:0;margin-left:2px}.reporte{max-width:640px}.filtros-reporte{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.filtros-reporte .campo{min-width:0}.filtros-reporte input,.filtros-reporte select{width:100%;min-width:0}.reporte .chips{margin-bottom:12px}.margen-abajo{margin-bottom:14px}