/* ═══ CIMA Digital · Barra de CTA en el celu · «Pulso» (16-09-2026) ═══
   Elegida en la vitrina botones-movil (opción 7, hoy en _RESPALDOS/pre-cta-pulso-2026-09-16/).
   Sin franja: flotan sobre la página WhatsApp, redondo en olivo con el punto verde «en línea», y el
   Mini-Audit, una píldora terracota con un brillo centrado que late.
   Acá va solo el aspecto. Cada página conserva lo suyo dentro de su media query: cuándo se ve la barra
   (display y position:fixed), cuándo se esconde (.oculta / .fuera), el hueco al pie y el banner de cookies.
   Marcado (lo pone _RESPALDOS/pre-cta-pulso-2026-09-16/_scripts/cta-pulso-sitio.pl):
   <div class="cta-movil"><a class="cm-wsp" …><svg>…</svg><span class="cm-sr">Escribir por WhatsApp</span></a>
   <a class="cm-audit" …><span class="cm-txt"><b>Mini-Audit <em>gratis</em></b><small>15 a 30 min · sin compromiso</small></span><span class="cm-fle">→</span></a></div> */
.cta-movil{gap:10px;align-items:center;padding:0 12px calc(12px + env(safe-area-inset-bottom));background:none;box-shadow:none;pointer-events:none;font-family:'DM Sans',Calibri,sans-serif}
.cta-movil a{position:relative;display:flex;align-items:center;justify-content:center;height:56px;border-radius:99px;text-decoration:none;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.cta-movil .cm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* WhatsApp: olivo con el ícono en papel (5:1) y el punto verde «en línea», recortado con un aro olivo */
.cta-movil .cm-wsp{flex:0 0 56px;width:56px;padding:0;background:#5C6B3F;color:#F5EFE3;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.cta-movil .cm-wsp svg{display:block;width:28px;height:28px;fill:currentColor}
.cta-movil .cm-wsp::after{content:'';position:absolute;top:3px;right:3px;width:12px;height:12px;border-radius:50%;background:#25D366;box-shadow:0 0 0 2.5px #5C6B3F}

/* Mini-Audit: Fraunces con «gratis» en cursiva y la bajada en DM Sans, todo al centro */
.cta-movil .cm-audit{flex:1;min-width:0;gap:10px;padding:0 20px 0 22px;background:#C45E3A;color:#F5EFE3;box-shadow:0 0 22px rgba(196,94,58,.28),0 1px 3px rgba(0,0,0,.2)}
.cta-movil .cm-txt{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;text-align:center}
.cta-movil .cm-txt b,.cta-movil .cm-txt small{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cta-movil .cm-txt b{font:700 20px/1.1 'Fraunces',Georgia,serif;letter-spacing:-.01em}
.cta-movil .cm-txt em{font-style:italic;font-weight:400}
.cta-movil .cm-txt small{font:400 12px/1.25 'DM Sans',Calibri,sans-serif;opacity:.88}
.cta-movil .cm-fle{flex-shrink:0;font-size:14px;font-weight:600;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.cta-movil .cm-audit:active .cm-fle{transform:translateX(3px)}

/* El latido: un halo que sale del borde, animando el spread de una sombra (se pinta con fracciones de píxel,
   así avanza parejo; animar inset lo redondeaba a píxeles enteros y se veía trabado). Crece 6 px como mucho:
   quedan 4 px libres del hueco de 10 px con WhatsApp, a cualquier ancho. */
.cta-movil .cm-audit::before{content:'';position:absolute;inset:0;border-radius:99px;box-shadow:0 0 0 0 rgba(212,120,74,0);pointer-events:none;animation:cm-latir 4s cubic-bezier(.25,.6,.45,1) 1.2s infinite}
@keyframes cm-latir{0%{box-shadow:0 0 0 0 rgba(212,120,74,.55)}75%,100%{box-shadow:0 0 0 6px rgba(212,120,74,0)}}

/* Celus angostos (320 px): quedan 150 px para el texto; con menos relleno entran el título (162 px) y la bajada */
@media(max-width:360px){
  .cta-movil .cm-audit{padding:0 14px 0 18px;gap:8px}
  .cta-movil .cm-txt b{font-size:18.5px}
  .cta-movil .cm-txt small{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){
  .cta-movil .cm-audit::before{animation:none;display:none}
}