/* Llamada de prueba destacada en la portada (09/11/2026): tarjeta pulsable bajo los botones del hero. */
.call-card { display: flex; align-items: center; gap: 16px; width: min(100%, 560px); margin-top: 4px; padding: 16px 18px; border: 1px solid var(--green-line); border-radius: 18px; background: var(--green-tint); color: var(--text); text-align: left; text-decoration: none; transition: border-color .15s, transform .15s; }
.call-card:hover { border-color: var(--green); transform: translateY(-1px); }
.call-card:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; border-radius: 18px; }
.call-card__icon { position: relative; flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--green); color: var(--bg); }
.call-card__icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.call-card__icon::after { content: ""; position: absolute; inset: -4px; border: 2px solid var(--green); border-radius: 50%; opacity: 0; animation: call-ring 2.4s ease-out infinite; }
@keyframes call-ring { 0% { transform: scale(.85); opacity: .7; } 100% { transform: scale(1.35); opacity: 0; } }
.call-card__body { display: grid; gap: 2px; flex: 1; min-width: 0; }
.call-card__kicker { font-size: 13px; font-weight: 600; line-height: 1.4; }
.call-card__kicker::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; vertical-align: .1em; border-radius: 50%; background: var(--green); }
.call-card__number { font-size: 24px; font-weight: 600; line-height: 1.25; letter-spacing: .01em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.call-card__note { font-size: 13px; line-height: 1.45; color: var(--soft); text-wrap: pretty; }
.call-card__go { flex: none; display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 999px; background: var(--pri-bg); color: var(--pri-fg); font-size: 14px; font-weight: 500; }
.call-card:hover .call-card__go { background: var(--pri-hover); }
@media (max-width: 560px) {
  .call-card { gap: 12px; padding: 14px; }
  .call-card__icon { width: 42px; height: 42px; }
  .call-card__number { font-size: 21px; }
  .call-card__go { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .call-card { transition: none; }
  .call-card:hover { transform: none; }
  .call-card__icon::after { animation: none; }
}
/* 09/11/2026: la tarjeta pasa del hero a una franja propia tras «También tienen correo» y antes de las aplicaciones. */
.call-strip { display: flex; justify-content: center; margin-top: -32px; margin-bottom: 64px; }
.call-strip .call-card { width: min(100%, 640px); margin-top: 0; }
@media (max-width: 700px) {
  .call-strip { margin-top: -16px; margin-bottom: 40px; }
}