:root{--fondo: #08070d;--superficie: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02));--superficie-solida: #121019;--borde: rgba(255, 255, 255, .1);--borde-fuerte: rgba(255, 255, 255, .18);--tinta: #f3f2f8;--tinta-suave: #9c9aae;--acento: #ff2e93;--acento-2: #ff6fb9;--acento-oscuro: #c81f74;--acento-claro: rgba(255, 46, 147, .14);--cian: #2de6d6;--cian-oscuro: #17b3a6;--cian-claro: rgba(45, 230, 214, .14);--alerta: #ff5470;--ambar: #ffb648;--ambar-fondo: rgba(255, 182, 72, .14);--verde: #3ee6a8;--verde-fondo: rgba(62, 230, 168, .14)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--fondo);color:var(--tinta);font-family:Public Sans,system-ui,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}h1,h2,h3,.marca{font-family:Sora,sans-serif;line-height:1.2;color:var(--tinta)}h1{font-size:1.8rem;margin:.4rem 0 .6rem;letter-spacing:-.01em}h2{font-size:1.15rem;margin:0}h3{font-size:.78rem;margin:0 0 .7rem;color:var(--tinta-suave);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.marca{display:inline-flex;align-items:center;gap:.45rem;color:var(--tinta);font-weight:700;font-size:1rem;letter-spacing:.01em}.marca:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--acento);box-shadow:0 0 10px 2px var(--acento);flex-shrink:0}.fondo-particulas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.publico{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;overflow:hidden;background:radial-gradient(ellipse 900px 560px at 12% -12%,rgba(255,46,147,.22),transparent 60%),radial-gradient(ellipse 800px 560px at 108% 8%,rgba(45,230,214,.14),transparent 55%)}.tarjeta{position:relative;z-index:1;background:var(--superficie);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--borde);border-radius:18px;padding:2.4rem;width:100%;max-width:640px;box-shadow:0 30px 70px -30px #000000b3,0 0 0 1px #ff2e930d inset}.tarjeta.angosta{max-width:420px}.encabezado p{color:var(--tinta-suave);margin:.5rem 0 1.5rem}form{display:flex;flex-direction:column;gap:1.1rem;min-width:0}label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:.88rem;color:var(--tinta-suave);min-width:0}input,textarea,select{font:inherit;font-weight:400;color:var(--tinta);background:#ffffff0a;border:1px solid var(--borde);border-radius:10px;padding:.68rem .85rem;width:100%;min-width:0}input::placeholder,textarea::placeholder{color:#9c9aaeb3}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select option{background:var(--superficie-solida);color:var(--tinta)}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:none;border-color:var(--cian);box-shadow:0 0 0 3px var(--cian-claro)}textarea{resize:vertical}.fila-doble{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ayuda{font-weight:400;font-size:.82rem;color:var(--tinta-suave)}.boton{font:inherit;font-weight:700;background:linear-gradient(135deg,var(--acento),var(--acento-oscuro));color:#fff;border:none;border-radius:10px;padding:.75rem 1.4rem;cursor:pointer;align-self:flex-start;box-shadow:0 8px 24px -8px #ff2e938c;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.boton:hover{filter:brightness(1.08);box-shadow:0 10px 28px -6px #ff2e93b3}.boton:active{transform:translateY(1px)}.boton:disabled{opacity:.55;cursor:default;box-shadow:none;filter:none}.boton.secundario{background:transparent;color:var(--cian);border:1px solid var(--cian-oscuro);box-shadow:none}.boton.secundario:hover{background:var(--cian-claro);box-shadow:0 0 18px -4px #2de6d68c}.boton.chico{padding:.4rem .9rem;font-size:.85rem}.error{color:var(--alerta);margin:0;font-size:.9rem}.pie{position:relative;z-index:1;margin-top:1.4rem;color:var(--tinta-suave);font-size:.8rem}.confirmacion{text-align:center}.confirmacion-icono{width:56px;height:56px;margin:0 auto .4rem;border-radius:50%;background:var(--acento-claro);color:var(--acento-2);font-size:1.7rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #ff2e9340,0 0 24px -6px #ff2e9399}.confirmacion .boton{align-self:center;margin-top:.8rem}.panel{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 900px 500px at 0% 0%,rgba(255,46,147,.08),transparent 55%),radial-gradient(ellipse 800px 500px at 100% 0%,rgba(45,230,214,.06),transparent 55%)}.panel-barra{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.6rem;background:#ffffff08;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--borde)}.panel-barra-derecha{display:flex;align-items:center;gap:.9rem}.usuario{color:var(--tinta-suave);font-size:.85rem}.filtros{display:flex;align-items:center;gap:.5rem;padding:1rem 1.6rem 0;flex-wrap:wrap}.filtro{font:inherit;font-size:.86rem;font-weight:600;color:var(--tinta-suave);background:#ffffff08;border:1px solid var(--borde);border-radius:999px;padding:.4rem 1rem;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.filtro:hover{border-color:var(--borde-fuerte);color:var(--tinta)}.filtro.activo{background:linear-gradient(135deg,var(--acento),var(--acento-oscuro));border-color:transparent;color:#fff;box-shadow:0 6px 18px -6px #ff2e9399}.filtros .boton{margin-left:auto}.panel-cuerpo{display:grid;grid-template-columns:380px 1fr;gap:1.1rem;padding:1.1rem 1.6rem 1.8rem;flex:1;align-items:start}.lista{display:flex;flex-direction:column;gap:.65rem;max-height:calc(100vh - 170px);overflow-y:auto;padding-right:2px}.ticket-item{font:inherit;text-align:left;background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:.9rem 1rem;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;transition:border-color .15s ease,transform .15s ease}.ticket-item:hover{border-color:var(--borde-fuerte)}.ticket-item.seleccionado{border-color:#ff2e938c;box-shadow:inset 3px 0 0 var(--acento),0 0 22px -10px #ff2e9380}.ticket-item-fila{display:flex;justify-content:space-between;align-items:center}.numero{font-family:Sora,sans-serif;font-weight:700;font-size:.8rem;color:var(--acento-2)}.ticket-item-titulo{font-weight:600}.ticket-item-meta{color:var(--tinta-suave);font-size:.8rem}.estado{font-size:.72rem;font-weight:700;border-radius:999px;padding:.18rem .65rem;white-space:nowrap}.estado.abierto{background:var(--ambar-fondo);color:var(--ambar)}.estado.en_proceso{background:var(--cian-claro);color:var(--cian)}.estado.resuelto{background:var(--verde-fondo);color:var(--verde)}.detalle{background:var(--superficie);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--borde);border-radius:14px;padding:1.6rem;display:flex;flex-direction:column;gap:1.2rem}.vacio-detalle{align-items:center;justify-content:center;min-height:280px;color:var(--tinta-suave)}.detalle-cabecera{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.detalle-meta{color:var(--tinta-suave);font-size:.85rem;margin:.35rem 0 0}.descripcion{margin:0;white-space:pre-wrap;background:#ffffff08;border:1px solid var(--borde);border-radius:10px;padding:.95rem 1.05rem}.captura{max-width:320px;max-height:220px;border:1px solid var(--borde);border-radius:10px;display:block}.historial{display:flex;flex-direction:column;gap:.65rem}.respuesta{border-left:3px solid var(--acento);background:linear-gradient(90deg,var(--acento-claro),rgba(255,46,147,.02));border-radius:0 10px 10px 0;padding:.75rem .95rem}.respuesta.cliente{border-left-color:var(--cian);background:linear-gradient(90deg,var(--cian-claro),rgba(45,230,214,.02))}.respuesta-autor{display:block;font-weight:700;font-size:.76rem;color:var(--acento-2);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.04em}.respuesta.cliente .respuesta-autor{color:var(--cian)}.respuesta p{margin:0;white-space:pre-wrap}.respuesta-meta{color:var(--tinta-suave);font-size:.78rem}.responder{border-top:1px solid var(--borde);padding-top:1.2rem}.responder-acciones{display:flex;align-items:flex-end;gap:1rem}.selector-estado{flex-direction:column}.vacio{color:var(--tinta-suave);padding:.5rem}.empresa-item{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.empresa-item p{margin:0;font-weight:600}.acceso-form{display:flex;flex-direction:column;gap:.6rem;min-width:260px}.acceso-form input{font-family:Sora,monospace}.acceso-creado{background:var(--verde-fondo);border:1px solid rgba(62,230,168,.4);border-radius:10px;padding:.9rem 1.05rem;max-width:320px}.acceso-creado p{margin:0 0 .3rem;font-size:.9rem}.acceso-creado .boton{margin-top:.4rem}@media (max-width: 860px){.panel-cuerpo{grid-template-columns:1fr}.lista{max-height:none}.fila-doble{grid-template-columns:1fr}.tarjeta{padding:1.6rem}.detalle{padding:1.2rem}.detalle-cabecera{flex-direction:column}.responder-acciones{flex-wrap:wrap}.panel-barra{padding:.8rem 1.1rem;flex-wrap:wrap;gap:.6rem}.filtros{padding:.9rem 1.1rem 0}.panel-cuerpo{padding:1rem 1.1rem 1.5rem}.acceso-form{min-width:0;width:100%}.acceso-creado{max-width:100%}}@media (max-width: 480px){.tarjeta{padding:1.3rem;border-radius:14px}h1{font-size:1.5rem}}@media (prefers-reduced-motion: no-preference){.boton,.filtro,.ticket-item{transition:background-color .15s,border-color .15s,transform .15s}}@media (prefers-reduced-motion: reduce){.fondo-particulas{opacity:.4}}