/* Conexión azul: original mark and coordinated, readable interface motion. */
.site-header{background:#fff}
.site-header .brand-logo{width:132px;height:auto;overflow:visible;background:transparent}
.site-header .brand-logo img{position:static;inset:auto;width:132px;height:auto;max-width:100%}
.header-inner>.motion-toggle{order:4;flex-shrink:0;min-width:83px;background:#fff;font-size:.75rem}
.hero-figure{padding-bottom:1rem}
.connection-wire{stroke-width:2;opacity:.24}
.wire-progress{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #0755ff50)}
.flow-dot{filter:drop-shadow(0 0 6px #0755ff99)}
.motion-enabled .chat-bubble,.motion-enabled .chat-options{transition:none}
.connection-scene:not(.demo-playing) .typing-indicator i{animation-play-state:paused!important}
.connection-scene[data-stage="captacion"] .capture-card,.connection-scene[data-stage="conexion"] .capture-card{border-color:var(--blue);box-shadow:0 0 0 4px #0755ff20,0 12px 32px #12254716}
.connection-scene[data-stage="consulta"] .conversation-phone,.connection-scene[data-stage="respuesta"] .conversation-phone,.connection-scene[data-stage="opciones"] .conversation-phone{box-shadow:0 0 0 3px #0755ff24,0 15px 30px #10234520}
.connection-scene[data-stage="equipo"] .team-card,.connection-scene[data-stage="descanso"] .team-card{box-shadow:0 0 0 4px #0755ff23,0 12px 32px #12254716}
.service-card{transition:translate .24s ease,border-color .24s ease,box-shadow .24s ease;position:relative}
.service-card:focus-visible{outline-offset:4px}
@media(hover:hover) and (pointer:fine){.service-card:hover{translate:0 -4px;border-color:#8fb0ff;box-shadow:0 15px 35px #102d5b19}}
.service-card:focus-within{translate:0 -4px;border-color:#8fb0ff;box-shadow:0 15px 35px #102d5b19}
.service-card.demo-playing .service-visual{will-change:auto}
.service-typing{position:absolute;top:148px;left:26px;height:23px;display:flex;align-items:center;gap:5px;background:#f6f8fc;padding:4px 8px;border-radius:5px}
.service-typing i{width:5px;height:5px;border-radius:50%;background:#61708b}
.route-link{background:#3d77e4}
.automation-card[data-stage="equipo"] .attention-route>div:last-child{color:#fff;filter:drop-shadow(0 0 5px #397aff)}
.automation-card[data-stage="equipo"] .route-result{color:#0755ff;font-weight:600}
.timeline-clips{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.timeline-clips img{opacity:.55;border:1px solid transparent;transition:opacity .25s,border-color .25s}
.marketing-card[data-stage="pieza-1"] .timeline-clips img:nth-child(1),.marketing-card[data-stage="pieza-2"] .timeline-clips img:nth-child(2),.marketing-card[data-stage="pieza-3"] .timeline-clips img:nth-child(3),.marketing-card[data-stage="completo"] .timeline-clips img:nth-child(3){opacity:1;border-color:#9ecaff}
.timeline-head{left:8%;background:#d7eaff;width:2px}
.preview-stack{position:relative;height:180px}
.preview-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.preview-stack img:not(:first-child){opacity:0;visibility:hidden}
.vertical-piece>[data-piece-copy]:not([data-piece-copy="0"]){opacity:0;visibility:hidden}
.vertical-piece>.preview-stack{overflow:hidden}
.ad-connector{height:32px;transform-origin:top;border-left-color:#c6dbff;box-shadow:0 0 5px #b5d0ff80}
.ad-pulse{position:absolute;top:0;left:-5px;background:#fff;width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px #fff;opacity:0}
.ads-followup>span:last-child{padding:3px 5px;border-radius:3px;line-height:1.4}
.ads-card[data-stage="seguimiento"] .ads-followup>span:last-child{background:#fff;color:#0755ff;font-weight:600}
@media(max-width:1440px){.header-phone{display:none}.header-inner{gap:1.1rem}.site-nav{gap:1.3rem}}
@media(max-width:700px){.site-header .brand-logo{width:116px;height:auto}.site-header .brand-logo img{width:116px;height:auto}.header-inner>.motion-toggle{order:0;min-width:76px;padding:.4rem .55rem;font-size:.7rem;margin-left:auto;margin-right:10px}.header-inner{gap:0}.site-nav{order:5}.hero-figure{padding-bottom:0}.wire-progress{stroke-width:3}.preview-stack{height:185px}.service-typing{top:148px;left:23px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .service-card{translate:none;transition:none}body.motion-enabled .typing-indicator i{animation:typing 1s infinite ease-in-out!important}body.motion-enabled .typing-indicator i:nth-child(2){animation-delay:.15s!important}body.motion-enabled .typing-indicator i:nth-child(3){animation-delay:.3s!important}}