@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes dash{to{stroke-dashoffset:-40}}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes row{0%{opacity:0;transform:translateX(18px)}6%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
.fl{animation:fl 8s ease-in-out infinite}
.dash{stroke-dasharray:6 10;animation:dash 2.4s linear infinite}
.pulse{animation:pulse 3s ease-in-out infinite}
.row{opacity:0;animation:row 10s ease-out infinite}
.jump a:hover{background:#FFFFFF;border-color:#9FC3EC}
@keyframes vup{to{transform:translateY(-50%)}}
@keyframes vdown{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.vup{animation:vup 34s linear infinite}
.vdown{animation:vdown 38s linear infinite}
@keyframes pkl{0%{left:4%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:96%;opacity:0}}
@keyframes pkr{0%{left:96%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:4%;opacity:0}}
.pkl,.pkr{position:absolute;top:50%;width:26px;height:8px;margin:-4px 0 0 -13px;border-radius:4px;background:#6CCBFA;box-shadow:0 0 14px #6CCBFA}
.pkl{animation:pkl 4s linear infinite}.pkr{animation:pkr 4.6s linear infinite;background:#FFFFFF;box-shadow:0 0 14px rgba(255,255,255,.8)}
@keyframes vdu{0%{top:100%}100%{top:-12px}}
@keyframes vdd{0%{top:-12px}100%{top:100%}}
.vdu,.vdd{position:absolute;left:-2px;width:6px;height:12px;border-radius:3px;background:#1C9DE0}
.vdu{animation:vdu 1.6s linear infinite}.vdd{animation:vdd 1.6s linear infinite}
@keyframes nd{0%,100%{border-color:#D6E2F2}50%{border-color:#9FC3EC}}
.nd{animation:nd 3.3s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.spin{animation:spin 4s linear infinite}
@media (prefers-reduced-motion: reduce){.pkl,.pkr,.vdu,.vdd,.nd,.spin{animation:none}.vup,.vdown{animation:none}.fl,.dash,.pulse{animation:none}.row{animation:none;opacity:1}}
/* ---------- móvil ---------- */
@media (max-width:600px){
  section>div[style*="padding: 112px 24px"],section>div[style*="padding: 104px 24px"]{padding:72px 20px!important;gap:44px!important}
  section>div[style*="padding: 96px 24px 72px"]{padding:56px 20px 48px!important}
  [style*="flex: 1.1 1 480px"][style*="height: 460px"]{flex:0 0 580px!important;width:580px;max-width:none!important;zoom:.59}
  #mensajeria [style*="height: 520px"]{height:440px!important}
  #mensajeria [style*="height: 520px"]>div:nth-child(2){display:none}
}
@media (max-width:360px){[style*="flex: 1.1 1 480px"][style*="height: 460px"]{zoom:.54}}
@media (max-width:600px){
  .jump{flex-wrap:nowrap!important;overflow-x:auto;margin:0 -20px;padding:18px 20px 6px!important;scrollbar-width:none}
  .jump::-webkit-scrollbar{display:none}
  .jump a{flex:0 0 auto;white-space:nowrap}
}