.in-page{--ease:cubic-bezier(.22, 1, .36, 1);max-width:1180px;margin:0 auto;padding:clamp(18px,4vw,40px) clamp(14px,3vw,28px) 48px}.in-hero{align-items:center;gap:clamp(16px,3vw,28px);margin-bottom:22px;display:flex}.in-orb{aspect-ratio:1;flex:none;place-items:center;width:clamp(60px,9vw,84px);display:grid;position:relative}.in-orb-svg{z-index:1;width:100%;height:100%;animation:inIn 1s var(--ease) both;filter:drop-shadow(0 6px 14px #d176014d);filter:drop-shadow(0 6px 14px lab(59.1363% 32.0672 65.8265/.3));position:relative;overflow:visible}.in-arcs{transform-origin:50px 46px;animation:14s linear infinite inSpin}.in-arcs path{animation:3.6s ease-in-out infinite inArc}.in-arcs path:nth-child(2){animation-delay:1.2s}.in-arcs path:nth-child(3){animation-delay:2.4s}.in-arcs.fuera{opacity:.3;animation:22s linear infinite inSpinR;transform:scale(1.38)}.in-arcs.fuera path{animation:none}.in-orb-dot{z-index:2;aspect-ratio:1;background:conic-gradient(#ec6907,#f2a541,#d17601,#ec6907);border-radius:50%;width:18%;animation:4s linear infinite inSpin,3.2s ease-in-out infinite inBreath;position:absolute;box-shadow:0 0 18px #f2a54173;box-shadow:0 0 18px lab(74.2217% 23.1577 61.1996/.45)}.in-orb-ring{animation:inRing 3.2s var(--ease) infinite;border:1.5px solid #f2a54173;border:1.5px solid lab(74.2217% 23.1577 61.1996/.45);border-radius:50%;position:absolute;inset:4%}.in-orb-ring.r2{animation-delay:1.6s}.in-hola h1{letter-spacing:-.035em;animation:inUp .8s var(--ease) both .1s;margin:0;font-size:clamp(26px,4.4vw,42px);font-weight:800;line-height:1.05}.in-hola p{color:var(--text-mute);animation:inUp .8s var(--ease) both .2s;margin:6px 0 0;font-size:14px}.in-fecha{display:inline-block}.in-fecha:first-letter{text-transform:uppercase}.in-estado{align-items:center;gap:8px;font-weight:600;display:inline-flex;color:var(--text-soft)!important;animation-delay:.3s!important}.in-estado i{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite inPulse}.in-config{color:var(--text);background:linear-gradient(100deg, color-mix(in oklch, var(--accent) 16%, var(--card)), var(--card) 70%);border:1px solid color-mix(in oklch, var(--accent) 35%, var(--line));animation:inUp .7s var(--ease) backwards .25s;transition:transform .4s var(--ease), box-shadow .4s var(--ease);border-radius:18px;align-items:center;gap:14px;margin-bottom:14px;padding:12px 16px;text-decoration:none;display:flex}.in-config:hover{box-shadow:0 18px 40px -22px color-mix(in oklch, var(--accent) 70%, transparent);transform:translateY(-2px)}.in-config-ring{flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative}.in-config-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.in-config-ring circle{fill:none;stroke:var(--field);stroke-width:3.5px}.in-config-ring circle.v{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:94.25;stroke-dashoffset:calc(94.25 * (1 - var(--v)));animation:inRingV 1.4s var(--ease) backwards .5s}.in-config-ring b{font-size:11px;font-weight:800}.in-config-txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.in-config-txt b{font-size:14.5px}.in-config-txt span{color:var(--text-mute);font-size:12.5px}.in-config-ir{background:var(--text);color:var(--card);border-radius:999px;flex:none;padding:8px 14px;font-size:13px;font-weight:800}@media (max-width:480px){.in-config-ir{display:none}}.in-pulso{background:var(--line);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.in-kpi{background:var(--card);font:inherit;color:inherit;text-align:left;animation:inUp .7s var(--ease) both;animation-delay:calc(var(--k) * 70ms + .3s);border:0;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.in-kpi b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(20px,2.4vw,26px);font-weight:800}.in-kpi span{color:var(--text-mute);font-size:12px}.in-kpi.venta b{color:var(--green)}.in-kpi.alerta{cursor:pointer;transition:background .3s}.in-kpi.alerta.on{background:color-mix(in oklch, var(--red) 12%, var(--card))}.in-kpi.alerta.on b{color:var(--red)}.in-kpi.alerta.on:hover{background:color-mix(in oklch, var(--red) 20%, var(--card))}.in-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:14px;display:grid}.in-tile{--c:var(--accent);isolation:isolate;text-align:left;border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit;cursor:pointer;transition:transform .5s var(--ease), border-color .4s, box-shadow .5s var(--ease);animation:inTile .8s var(--ease) both;animation-delay:calc(var(--i) * 70ms + .38s);border-radius:22px;flex-direction:column;align-items:flex-start;gap:14px;padding:20px;display:flex;position:relative;overflow:hidden}.in-tile:hover:not(.pronto){border-color:color-mix(in oklch, var(--c) 55%, var(--line));box-shadow:0 24px 50px -24px color-mix(in oklch, var(--c) 55%, transparent);transform:translateY(-5px)}.in-tile:active:not(.pronto){transform:translateY(-2px)scale(.99)}.in-tile:focus-visible{outline:2px solid var(--c);outline-offset:3px}.in-glow{z-index:-1;background:radial-gradient(circle, color-mix(in oklch, var(--c) 40%, transparent), transparent 68%);opacity:.55;width:260px;height:260px;transition:transform .8s var(--ease), opacity .5s;border-radius:50%;position:absolute;top:-110px;right:-90px}.in-tile:hover .in-glow{opacity:.9;transform:translate(-30px,26px)scale(1.25)}.in-ic{width:56px;height:56px;color:var(--c);background:color-mix(in oklch, var(--c) 15%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--c) 25%, transparent);transition:transform .5s var(--ease);border-radius:17px;flex:none;place-items:center;display:grid}.in-tile:hover .in-ic{transform:rotate(-6deg)scale(1.06)}.in-ic svg{width:36px;height:36px;overflow:visible}.in-txt{flex-direction:column;gap:3px;display:flex}.in-txt b{letter-spacing:-.02em;font-size:19px;font-weight:800}.in-txt>span{color:var(--text-mute);font-size:13px}.in-meta{color:var(--text-soft);align-items:center;gap:8px;margin-top:auto;font-size:12.5px;display:inline-flex}.in-meta .sube{color:var(--green);font-size:15px}.in-mono{color:#fff;letter-spacing:-.02em;width:24px;height:24px;box-shadow:0 0 0 2px var(--card);transition:margin .5s var(--ease);border-radius:7px;place-items:center;margin-right:-7px;font-size:9.5px;font-weight:900;display:grid}.in-mono:nth-of-type(3){margin-right:0}.in-tile:hover .in-mono{margin-right:2px}.in-tile:hover .in-mono:nth-of-type(3){margin-right:4px}.in-ring{width:26px;height:26px}.in-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.in-ring circle{fill:none;stroke:var(--field);stroke-width:4px}.in-ring circle.v{stroke:var(--c);stroke-linecap:round;stroke-dasharray:94.25;stroke-dashoffset:calc(94.25 * (1 - var(--v)));animation:inRingV 1.6s var(--ease) both .9s}.in-tile.pronto{cursor:default;opacity:.62}.in-pronto{letter-spacing:.04em;color:var(--text-mute);background:var(--hover-soft);border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:800;position:absolute;top:16px;right:16px}.t-bandeja{grid-area:span 2/span 6}.t-cerebro{grid-column:span 6}.t-estadisticas,.t-integraciones{grid-column:span 3}.t-vendedores,.t-comentarios,.t-publicaciones,.t-canales{flex-direction:row;grid-column:span 3;grid-auto-rows:auto;align-items:center;min-height:0}.in-prev{flex-direction:column;gap:6px;width:100%;margin-top:auto;display:flex}.in-prev-head{letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);justify-content:space-between;align-items:center;margin-bottom:2px;font-size:11px;font-weight:800;display:flex}.in-prev-head i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:7px;animation:2s infinite inPulse;display:inline-block}.in-canales{gap:6px;width:100%;display:flex}.in-canal{background:var(--hover-soft);color:var(--text-mute);animation:inPrev .6s var(--ease) both;animation-delay:calc(var(--p) * 80ms + .7s);border-radius:13px;flex:1;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;display:flex}.in-canal b{color:var(--text);font-variant-numeric:tabular-nums;font-size:18px}.in-canal span{align-items:center;gap:6px;display:inline-flex}.in-canal span i{border-radius:50%;width:8px;height:8px}.in-prev-row{background:var(--hover-soft);animation:inPrev .6s var(--ease) both;animation-delay:calc(var(--p) * 90ms);border-radius:13px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.in-prev-av{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.in-prev-main{flex-direction:column;min-width:0;display:flex}.in-prev-main b{font-size:13px}.in-prev-main span{color:var(--text-mute);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.in-prev-st{color:var(--text-soft);background:var(--field);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800}.in-prev-st.s-agente{color:var(--accent);background:color-mix(in oklch, var(--accent) 15%, transparent)}.in-prev-st.s-espera{color:var(--amber);background:color-mix(in oklch, var(--amber) 15%, transparent)}.in-prev-st.s-atencion{color:var(--green);background:color-mix(in oklch, var(--green) 14%, transparent)}.ic-bandeja .d{animation:inDot 1.4s var(--ease) infinite;transform-box:fill-box;transform-origin:50%}.ic-bandeja .d2{animation-delay:.15s}.ic-bandeja .d3{animation-delay:.3s}.ic-bandeja .b2{transition:transform .5s var(--ease)}.in-tile:hover .ic-bandeja .b2{transform:translate(2px,3px)}.ic-cerebro .n{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite inNode;animation-delay:calc(var(--n) * .35s)}.ic-cerebro .l{opacity:.45;stroke-dasharray:3 3}.in-tile:hover .ic-cerebro .l{opacity:.8;animation:1s linear infinite inFlow}.ic-estadisticas .bar{transform-box:fill-box;transform-origin:bottom;animation:inBar 1s var(--ease) both;animation-delay:calc(var(--b) * 90ms + .7s)}.in-tile:hover .ic-estadisticas .bar{animation:inBar2 .9s var(--ease) both;animation-delay:calc(var(--b) * 70ms)}.ic-integraciones .pa,.ic-integraciones .pb{transition:transform .6s var(--ease)}.ic-integraciones .pa{transform:translate(-3px)}.ic-integraciones .pb{transform:translate(3px)}.ic-integraciones .sp{opacity:0;transition:opacity .3s .25s}.in-tile:hover .ic-integraciones .pa,.in-tile:hover .ic-integraciones .pb{transform:none}.in-tile:hover .ic-integraciones .sp{opacity:1;animation:.8s ease-out .3s infinite inSpark}.ic-comentarios .h{transform-box:fill-box;transform-origin:50%;color:#f34e6a;color:lab(58.34% 64.7734 22.3724)}.in-tile:hover .ic-comentarios .h{animation:1s ease-in-out infinite inBeat}.ic-publicaciones .sol{transition:transform .7s var(--ease)}.in-tile:hover .ic-publicaciones .sol{transform:translate(-4px,-3px)}.ic-vendedores .p1,.ic-vendedores .p2{transition:transform .6s var(--ease)}.in-tile:hover .ic-vendedores .p2{transform:translate(2px)}.in-tile:hover .ic-vendedores .p1{transform:translate(-2px)}.ic-vendedores .sube{stroke:var(--green);stroke-dasharray:22;stroke-dashoffset:22px;animation:inDraw 1.2s var(--ease) .9s forwards}@keyframes inDraw{to{stroke-dashoffset:0}}.ic-canales .orb{transform-origin:24px 24px;animation:7s linear infinite inSpin}@keyframes inUp{0%{opacity:0;transform:translateY(14px)}}@keyframes inIn{0%{opacity:0;transform:scale(.6)rotate(-90deg)}}@keyframes inTile{0%{opacity:0;transform:translateY(26px)scale(.97)}}@keyframes inPrev{0%{opacity:0;transform:translateY(12px)}}@keyframes inSpin{to{transform:rotate(360deg)}}@keyframes inSpinR{0%{transform:scale(1.38)rotate(0)}to{transform:scale(1.38)rotate(-360deg)}}@keyframes inArc{50%{stroke-width:11.5px}}@keyframes inBreath{50%{transform:scale(.82)}}@keyframes inRing{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.45)}}@keyframes inPulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--green) 60%, transparent)}70%,to{box-shadow:0 0 0 9px #0000}}@keyframes inDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}@keyframes inNode{0%,to{opacity:.75;transform:scale(1)}15%{opacity:1;transform:scale(1.35)}}@keyframes inFlow{to{stroke-dashoffset:-12px}}@keyframes inBar{0%{transform:scaleY(0)}}@keyframes inBar2{0%{transform:scaleY(1)}40%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes inSpark{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-3px)}}@keyframes inBeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}}@keyframes inRingV{0%{stroke-dashoffset:94.25px}}@media (max-width:1020px){.in-pulso{grid-template-columns:repeat(3,minmax(0,1fr))}.in-kpi.venta{grid-column:span 2}}@media (max-width:720px){.in-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(140px,auto);gap:10px}.t-bandeja,.t-cerebro{grid-area:auto/span 2}.t-estadisticas,.t-integraciones,.t-vendedores,.t-comentarios,.t-publicaciones,.t-canales{grid-column:span 1}.t-vendedores,.t-comentarios,.t-publicaciones,.t-canales{flex-direction:column;align-items:flex-start}.in-pulso{grid-template-columns:repeat(2,minmax(0,1fr))}.in-kpi.venta{grid-column:span 2}.in-tile{border-radius:20px;padding:16px}.in-txt b{font-size:17px}.in-pronto{top:12px;right:12px}}@media (prefers-reduced-motion:reduce){.in-page *,.in-page :before,.in-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:720px){.in-canal{flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px}.in-canal b{font-size:17px}}.in-suc{animation:inUp .8s var(--ease) backwards .25s;align-self:flex-start;margin-left:auto}@media (max-width:640px){.in-hero{flex-wrap:wrap}.in-suc{flex-basis:100%;margin-left:0}}
