/* =========================================================
   Widget: Llamada a la acción / Página 404
   ========================================================= */
.sml-cta.sml-cta-band { background: var(--sml-graphite-2); border-top: 1px solid var(--sml-line); }
.sml-cta .sml-cta-inner { display: grid; justify-items: center; text-align: center; padding-block: clamp(64px, 8vw, 104px); }
.sml-cta .sml-cta-arc { width: 96px; height: 24px; margin-bottom: 22px; overflow: visible; }
.sml-cta .sml-cta-arc path { fill: none; stroke: var(--sml-gold); stroke-width: 2; stroke-linecap: round; }
.sml-cta .sml-cta-inner .sml-cta-text { margin-top: 16px; max-width: 540px; font-size: 1.1rem; }
.sml-cta .sml-cta-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 32px; }

/* 404 */
.sml-cta.sml-err { display: grid; align-items: center; min-height: calc(100svh - var(--sml-header-h)); padding-block: clamp(64px, 10vw, 120px); }
.sml-cta .sml-err-inner { display: grid; justify-items: center; text-align: center; }
.sml-cta .sml-err-code { font-family: var(--sml-f-head); font-weight: 600; font-size: clamp(6rem, 18vw, 11rem); line-height: .9; letter-spacing: -.04em; color: var(--sml-white); }
.sml-cta .sml-err-arc { width: clamp(110px, 18vw, 180px); height: auto; margin: 14px 0 30px; overflow: visible; }
.sml-cta .sml-err-arc path { fill: none; stroke: var(--sml-gold); stroke-width: 2.4; stroke-linecap: round; }
.sml-cta .sml-err-inner .sml-cta-title { font-size: clamp(1.8rem, 3.4vw, 2.6rem); }
.sml-cta .sml-err-inner > .sml-cta-text { max-width: 520px; margin-top: 14px; }
.sml-cta .sml-err-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 32px; }

@media (max-width: 760px) {
  .sml-cta .sml-cta-actions { width: 100%; }
  .sml-cta .sml-cta-actions .sml-btn,
  .sml-cta .sml-err-links .sml-btn { flex: 1 1 100%; }
}