:root{--marca: #0eda91;--marca-fuerte: #0bbd7d;--marca-suave: #7ff0cc;--marca-texto: #05271c;--azul: #000191;--azul-2: #2a2ae0;--grad-marca: linear-gradient(135deg, #0eda91 0%, #000191 100%);--exito: #16a34a;--peligro: #ef4444;--peligro-suave: #fee2e2;--alerta: #f59e0b;--info: #3b82f6;--e1: 4px;--e2: 8px;--e3: 12px;--e4: 16px;--e5: 24px;--e6: 32px;--e7: 48px;--r1: 8px;--r2: 12px;--r3: 16px;--r-full: 999px;--fuente: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--sombra-1: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .08);--sombra-2: 0 4px 12px rgba(0, 0, 0, .08);--sombra-3: 0 12px 32px rgba(0, 0, 0, .14);--alto-barra: 60px;--alto-nav-inferior: 64px;--ancho-lateral: 248px}:root,:root[data-tema=claro]{--fondo: #f4f7fb;--superficie: #ffffff;--superficie-2: #eef2f7;--superficie-3: #e4e9f0;--borde: #e2e8f0;--borde-fuerte: #cbd5e1;--texto: #0f172a;--texto-suave: #64748b;--texto-tenue: #94a3b8;--sombra-color: rgba(15, 23, 42, .08)}:root[data-tema=oscuro]{--fondo: #0a0e1a;--superficie: #121826;--superficie-2: #1a2234;--superficie-3: #232d42;--borde: #273044;--borde-fuerte: #37435c;--texto: #e8edf5;--texto-suave: #94a3b8;--texto-tenue: #64748b;--sombra-color: rgba(0, 0, 0, .4);--peligro-suave: #3b1a1a;--sombra-1: 0 1px 2px rgba(0, 0, 0, .3);--sombra-2: 0 4px 12px rgba(0, 0, 0, .35);--sombra-3: 0 12px 32px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#raiz{height:100%}body{font-family:var(--fuente);background:var(--fondo);color:var(--texto);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}img,svg{max-width:100%;display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--borde-fuerte);border-radius:var(--r-full)}::-webkit-scrollbar-track{background:transparent}h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}h2{font-size:1.3rem;font-weight:700;letter-spacing:-.01em}h3{font-size:1.1rem;font-weight:600}small{font-size:.82rem}.tenue{color:var(--texto-suave)}.centrado{text-align:center}.negrita{font-weight:700}.mono{font-variant-numeric:tabular-nums}.fila{display:flex;align-items:center;gap:var(--e3)}.fila-entre{display:flex;align-items:center;justify-content:space-between;gap:var(--e3)}.columna{display:flex;flex-direction:column;gap:var(--e3)}.envolver{flex-wrap:wrap}.crecer{flex:1}.mt2{margin-top:var(--e2)}.mt3{margin-top:var(--e3)}.mt4{margin-top:var(--e4)}.mt5{margin-top:var(--e5)}.oculto{display:none!important}.oculto-movil{display:none}@media(min-width:640px){.oculto-movil{display:inline}}.icono-svg{display:inline-block;vertical-align:-.2em;flex-shrink:0}.icono-titulo{color:var(--marca);vertical-align:-.12em}:focus-visible{outline:2px solid var(--marca);outline-offset:2px;border-radius:4px}@keyframes girar{to{transform:rotate(360deg)}}@keyframes aparecer{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes entradaEscala{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes pulso{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@keyframes latido{0%,to{box-shadow:0 0 #0eda9173}70%{box-shadow:0 0 0 16px #0eda9100}}@keyframes flotar{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes deslizarArriba{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.aparecer{animation:aparecer .25s ease}.entrada-escala{animation:entradaEscala .3s cubic-bezier(.34,1.4,.64,1)}.punto-pulso{animation:pulso 1.6s ease-in-out infinite}.flotante{animation:flotar 3.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.boton{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);padding:10px 18px;border:1px solid transparent;border-radius:var(--r1);font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .05s ease,background .15s ease,opacity .15s ease,border .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1.2}.boton:active{transform:translateY(1px) scale(.99)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton-primario{background:linear-gradient(135deg,var(--marca) 0%,var(--marca-fuerte) 100%);color:var(--marca-texto);box-shadow:0 2px 8px #0eda9147}.boton-primario:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #0eda9166;filter:brightness(1.03)}.boton-secundario{background:var(--superficie-2);color:var(--texto);border-color:var(--borde)}.boton-secundario:hover:not(:disabled){background:var(--superficie-3)}.boton-contorno{background:transparent;color:var(--texto);border-color:var(--borde-fuerte)}.boton-contorno:hover:not(:disabled){background:var(--superficie-2)}.boton-peligro{background:var(--peligro);color:#fff}.boton-peligro:hover:not(:disabled){filter:brightness(1.06)}.boton-fantasma{background:transparent;color:var(--texto-suave);padding:8px 12px;border:none;cursor:pointer;border-radius:var(--r1);transition:background .15s ease,color .15s ease,transform .1s ease}.boton-fantasma:hover:not(:disabled){background:var(--superficie-2);color:var(--texto)}.boton-fantasma:active{transform:scale(.94)}.boton-bloque{width:100%}.boton-sm{padding:6px 12px;font-size:.85rem}.boton-lg{padding:13px 22px;font-size:1.02rem}.boton-icono{padding:8px;width:38px;height:38px;border-radius:var(--r1);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.boton-icono .icono-svg{vertical-align:0}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r2);box-shadow:var(--sombra-1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}button.tarjeta:hover,.tarjeta-accion:hover{transform:translateY(-2px);box-shadow:var(--sombra-2);border-color:var(--marca)}button.tarjeta:active,.tarjeta-accion:active{transform:translateY(0)}.columna>.tarjeta,.rejilla>.tarjeta,.rejilla>.tile{animation:deslizarArriba .28s ease backwards}.tarjeta-cuerpo{padding:var(--e5)}.tarjeta-cuerpo-compacto{padding:var(--e4)}.tarjeta-encabezado{padding:var(--e4) var(--e5);border-bottom:1px solid var(--borde);display:flex;align-items:center;justify-content:space-between;gap:var(--e3)}.campo{display:flex;flex-direction:column;gap:6px}.campo-etiqueta{font-size:.85rem;font-weight:600;color:var(--texto-suave)}.campo-control{width:100%;padding:11px 14px;background:var(--superficie);border:1px solid var(--borde-fuerte);border-radius:var(--r1);color:var(--texto);transition:border .15s ease,box-shadow .15s ease;outline:none}.campo-control::placeholder{color:var(--texto-tenue)}.campo-control:focus{border-color:var(--marca);box-shadow:0 0 0 3px #0eda912e}textarea.campo-control{min-height:90px;resize:vertical}.campo-error{color:var(--peligro);font-size:.82rem}.campo-ayuda{color:var(--texto-tenue);font-size:.8rem}.insignia{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-full);font-size:.78rem;font-weight:600;background:var(--superficie-2);color:var(--texto-suave);border:1px solid var(--borde)}.insignia-punto{width:8px;height:8px;border-radius:50%;background:currentColor}.insignia-verde{background:#16a34a24;color:var(--exito);border-color:transparent}.insignia-teal{background:#0eda9129;color:#0a9e6b;border-color:transparent}.insignia-azul{background:#3b82f624;color:var(--info);border-color:transparent}.insignia-ambar{background:#f59e0b29;color:var(--alerta);border-color:transparent}.insignia-roja{background:#ef444424;color:var(--peligro);border-color:transparent}.insignia-morada{background:#7c3aed29;color:#7c3aed;border-color:transparent}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-full);background:var(--superficie-2);border:1px solid var(--borde);cursor:pointer;font-size:.88rem;transition:all .16s ease}.chip:hover{border-color:var(--marca);color:var(--marca);transform:translateY(-1px)}.chip.activo{background:linear-gradient(135deg,var(--marca),var(--marca-fuerte));color:var(--marca-texto);border-color:transparent;box-shadow:0 2px 8px #0eda914d;transform:none}.pestanas{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--borde)}.pestanas::-webkit-scrollbar{display:none}.pestana{position:relative;display:inline-flex;align-items:center;gap:6px;padding:12px 16px;border:none;background:transparent;color:var(--texto-suave);font-weight:600;font-size:.92rem;cursor:pointer;white-space:nowrap;transition:color .18s ease}.pestana:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2.5px;border-radius:var(--r-full);background:linear-gradient(90deg,var(--marca),var(--marca-fuerte));transform:scaleX(0);transition:transform .22s cubic-bezier(.34,1.3,.64,1)}.pestana:hover{color:var(--texto)}.pestana.activa{color:var(--marca)}.pestana.activa:after{transform:scaleX(1)}.segmentado{display:inline-flex;background:var(--superficie-2);border-radius:var(--r1);padding:3px;gap:2px}.segmentado button{border:none;background:transparent;color:var(--texto-suave);padding:6px 14px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.86rem}.segmentado button.activo{background:var(--superficie);color:var(--texto);box-shadow:var(--sombra-1)}.interruptor{position:relative;display:inline-block;width:44px;height:26px;flex-shrink:0}.interruptor input{opacity:0;width:0;height:0}.interruptor .pista{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:var(--borde-fuerte);border-radius:var(--r-full);transition:.2s}.interruptor .pista:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.interruptor .pista:before{transition:transform .22s cubic-bezier(.34,1.4,.64,1),width .15s ease}.interruptor input:checked+.pista{background:linear-gradient(135deg,var(--marca),var(--marca-fuerte))}.interruptor input:checked+.pista:before{transform:translate(18px)}.interruptor input:active+.pista:before{width:24px}.interruptor input:checked:active+.pista:before{transform:translate(14px)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fundido .2s ease}@keyframes fundido{0%{opacity:0}to{opacity:1}}.modal{background:var(--superficie);width:100%;max-width:520px;border-radius:var(--r3) var(--r3) 0 0;box-shadow:var(--sombra-3);max-height:92vh;overflow-y:auto;animation:subir .25s ease}@keyframes subir{0%{transform:translateY(100%)}to{transform:none}}.modal-encabezado{padding:var(--e4) var(--e5);border-bottom:1px solid var(--borde);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--superficie);z-index:1}.modal-cuerpo{padding:var(--e5)}.modal-pie{padding:var(--e4) var(--e5);border-top:1px solid var(--borde);display:flex;gap:var(--e3);justify-content:flex-end}@media(min-width:640px){.modal-fondo{align-items:center;padding:var(--e4)}.modal{border-radius:var(--r3)}@keyframes subir{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}}.tabla{width:100%;border-collapse:collapse}.tabla th,.tabla td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--borde)}.tabla th{font-size:.8rem;color:var(--texto-suave);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.tabla tr:hover td{background:var(--superficie-2)}.tabla-envoltura{overflow-x:auto;border-radius:var(--r2);border:1px solid var(--borde);background:var(--superficie)}.vacio{text-align:center;padding:var(--e7) var(--e4);color:var(--texto-suave)}.vacio-icono{display:flex;justify-content:center;margin-bottom:var(--e3);color:var(--texto-tenue);opacity:.75;animation:flotar 3.4s ease-in-out infinite}.cargador{width:22px;height:22px;border:3px solid var(--borde-fuerte);border-top-color:var(--marca);border-radius:50%;animation:girar .7s linear infinite}.cargador-centro{display:flex;justify-content:center;padding:var(--e6)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--grad-marca);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:30px;height:30px;font-size:.8rem}.avatar-lg{width:56px;height:56px;font-size:1.2rem}.pila-toast{position:fixed;bottom:calc(var(--alto-nav-inferior) + 16px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200;width:calc(100% - 32px);max-width:420px}@media(min-width:900px){.pila-toast{bottom:20px;left:auto;right:20px;transform:none}}.toast{padding:13px 16px;border-radius:var(--r1);box-shadow:var(--sombra-3);background:var(--superficie);border:1px solid var(--borde);border-left:4px solid var(--texto-suave);display:flex;align-items:center;gap:10px;cursor:pointer;animation:deslizarArriba .28s cubic-bezier(.34,1.3,.64,1)}.toast .icono-svg{flex-shrink:0}.toast-exito{border-left-color:var(--exito)}.toast-exito .icono-svg{color:var(--exito)}.toast-error{border-left-color:var(--peligro)}.toast-error .icono-svg{color:var(--peligro)}.toast-info{border-left-color:var(--info)}.toast-info .icono-svg{color:var(--info)}.tile{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r2);padding:var(--e4);position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--marca),var(--azul-2));border-radius:var(--r-full);opacity:.85}.tile:hover{transform:translateY(-2px);box-shadow:var(--sombra-2)}.tile-valor{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.tile-etiqueta{color:var(--texto-suave);font-size:.85rem;margin-top:2px}.rejilla{display:grid;gap:var(--e4)}.rejilla-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.rejilla-2{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.app-shell{min-height:100%;display:flex;flex-direction:column}.barra-superior{height:var(--alto-barra);background:var(--superficie);background:color-mix(in srgb,var(--superficie) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--borde);display:flex;align-items:center;justify-content:space-between;padding:0 var(--e4);gap:var(--e3);position:sticky;top:0;z-index:40}.barra-marca{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.barra-marca img{width:30px;height:30px;transition:transform .25s ease}.barra-marca:hover img{transform:rotate(-8deg) scale(1.08)}.barra-acciones{display:flex;align-items:center;gap:var(--e2)}.selector-empresa{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--superficie-2);border:1px solid var(--borde);border-radius:var(--r-full);cursor:pointer;max-width:220px}.selector-empresa .nombre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:.88rem}.app-cuerpo{display:flex;flex:1}.lateral{width:var(--ancho-lateral);background:var(--superficie);border-right:1px solid var(--borde);padding:var(--e4);display:none;flex-direction:column;gap:4px;position:sticky;top:var(--alto-barra);height:calc(100vh - var(--alto-barra));overflow-y:auto}.lateral-grupo-titulo{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-tenue);font-weight:700;padding:var(--e4) var(--e2) var(--e1)}.lateral-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:transparent;width:100%;text-align:left;border-radius:var(--r1);color:var(--texto-suave);font-weight:600;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease;font-size:.92rem}.lateral-item:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%) scaleY(0);width:3.5px;height:60%;border-radius:var(--r-full);background:linear-gradient(180deg,var(--marca),var(--azul-2));transition:transform .22s cubic-bezier(.34,1.3,.64,1)}.lateral-item:hover{background:var(--superficie-2);color:var(--texto);transform:translate(2px)}.lateral-item.activo{background:linear-gradient(90deg,#0eda9129,#0eda910d);color:var(--marca)}.lateral-item.activo:before{transform:translateY(-50%) scaleY(1)}.lateral-item .ico{display:flex;align-items:center;justify-content:center;width:22px;transition:transform .2s ease}.lateral-item:hover .ico{transform:scale(1.12)}.contenido{flex:1;padding:var(--e4);padding-bottom:calc(var(--alto-nav-inferior) + var(--e5));max-width:1200px;margin:0 auto;width:100%}.contenido-encabezado{margin-bottom:var(--e4)}.nav-inferior{position:fixed;bottom:0;left:0;right:0;height:var(--alto-nav-inferior);background:var(--superficie);border-top:1px solid var(--borde);display:flex;z-index:40;padding-bottom:env(safe-area-inset-bottom,0)}.nav-inferior-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--texto-tenue);cursor:pointer;font-size:.68rem;font-weight:600;border:none;background:transparent;transition:color .15s ease}.nav-inferior-item .ico{display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.34,1.5,.64,1)}.nav-inferior-item.activo{color:var(--marca)}.nav-inferior-item.activo .ico{transform:translateY(-2px) scale(1.12)}@media(min-width:900px){.lateral{display:flex}.nav-inferior{display:none}.contenido{padding:var(--e5) var(--e6);padding-bottom:var(--e6)}}.auth-pantalla{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--e4);position:relative;overflow:hidden;background:radial-gradient(560px 560px at 88% -6%,rgba(14,218,145,.16),transparent 70%),radial-gradient(520px 520px at 96% 4%,rgba(42,42,224,.1),transparent 70%),radial-gradient(520px 520px at -6% 104%,rgba(42,42,224,.12),transparent 70%),radial-gradient(460px 460px at 2% 96%,rgba(14,218,145,.09),transparent 70%),var(--fondo)}.auth-tarjeta{width:100%;max-width:420px;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r3);padding:var(--e6);box-shadow:var(--sombra-3);position:relative;z-index:1;animation:deslizarArriba .4s cubic-bezier(.34,1.2,.64,1)}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:var(--e3);margin-bottom:var(--e5)}.auth-logo img{width:56px;height:56px;animation:flotar 3.6s ease-in-out infinite;filter:drop-shadow(0 6px 14px rgba(14,218,145,.35))}.auth-titulo{font-size:1.4rem;font-weight:800}.boton-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px;border:1px solid var(--borde-fuerte);border-radius:var(--r1);background:var(--superficie);cursor:pointer;font-weight:600;transition:background .15s ease}.boton-google:hover{background:var(--superficie-2)}.separador{display:flex;align-items:center;gap:var(--e3);color:var(--texto-tenue);font-size:.82rem;margin:var(--e4) 0}.separador:before,.separador:after{content:"";flex:1;height:1px;background:var(--borde)}.auth-enlace{color:var(--marca);font-weight:600;cursor:pointer}.auth-enlace:hover{text-decoration:underline}.pagina-titulo{display:flex;align-items:center;justify-content:space-between;gap:var(--e3);flex-wrap:wrap;margin-bottom:var(--e4)}.pagina-titulo h1{display:flex;align-items:center;gap:10px}.tv{min-height:100vh;color:#fff;padding:var(--e5);background:radial-gradient(1100px 560px at 85% -10%,rgba(14,218,145,.22),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(42,42,224,.35),transparent 60%),linear-gradient(160deg,#000191,#02021a 65%,#010109)}.tv-grande{font-size:clamp(3rem,12vw,9rem);font-weight:900;line-height:1;letter-spacing:-.02em}.tv-tarjeta-llamado{text-align:center;border-radius:24px;padding:32px;background:#ffffff12;border:2px solid var(--marca);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:latido 2.2s ease-out infinite,entradaEscala .4s cubic-bezier(.34,1.3,.64,1)}.tv-chip{background:#ffffff1a;border-radius:12px;padding:10px 18px;font-size:1.6rem;font-weight:800;animation:deslizarArriba .3s ease backwards}