/* Llamados a la acción compartidos por la web y el generador de recursos. */
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; margin-top: var(--s-6,32px); }
.action { display: inline-flex; align-items: center; min-height: 56px; max-width: 100%; font: 500 .94rem/1.4 var(--font,"Helvetica Neue",Arial,sans-serif); letter-spacing: -.015em; text-decoration: none; cursor: pointer; }
.action svg { flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; }
.action-label { min-width: 0; }
.action-primary { --action-bg: #e6e6db; --action-ink: #0b1411; --action-hover: #faf9f1; --action-line: rgba(11,20,17,.16); justify-content: space-between; gap: 20px; padding: 0 0 0 20px; border: 1px solid var(--action-bg); border-radius: 3px; background: var(--action-bg); color: var(--action-ink); text-align: left; transition: background .2s ease, border-color .2s ease; }
.action-primary .action-label { padding: 14px 0; }
.action-arrow { display: flex; flex-shrink: 0; align-items: center; justify-content: center; align-self: stretch; width: 46px; border-left: 1px solid var(--action-line); }
.action-primary:hover { background: var(--action-hover); border-color: var(--action-hover); color: var(--action-ink); }
.action-primary:hover svg, .action-secondary:hover svg { transform: translateX(3px); }
.action-secondary { gap: 14px; padding: 0; border: 0; background: transparent; color: var(--night-ink,#e8efec); }
.action-secondary .action-label { padding: 6px 0; border-bottom: 1px solid #71847b; transition: border-color .2s ease; }
.action-secondary svg { color: var(--glow,#55c0a8); }
.action-secondary:hover .action-label { border-color: var(--glow,#55c0a8); }
.action-ink { --action-bg: #143c31; --action-ink: #f6f5eb; --action-hover: #205044; --action-line: rgba(255,255,255,.2); }
.action-compact { min-height: 42px; font-size: 13px; gap: 12px; padding-left: 14px; }
.action-compact .action-label { padding: 10px 0; }
.action-compact .action-arrow { width: 32px; }
.action-compact svg { width: 16px; height: 16px; }
.plan .action { margin-top: auto; min-height: 72px; }
.plan .action-primary { gap: 12px; padding-left: 14px; }
.plan .action-arrow { width: 38px; }
.site-header nav a.action { display: inline-flex; padding: 0 0 0 14px; }
.ej-bar a.action-primary, .site-header nav a.action-primary { color: var(--action-ink); }
.action:focus-visible { outline: 2px solid var(--glow,#55c0a8); outline-offset: 5px; }
.action:disabled { opacity: .55; cursor: default; }
.action:disabled svg { transform: none; }
@media (max-width: 800px) { .site-header nav a.action { margin: 8px 14px; min-height: 48px; font-size: 15px; } }
@media (max-width: 520px) {
  .actions { align-items: flex-start; flex-direction: column; gap: 8px; }
  .action-primary { width: 100%; }
  .action-secondary { min-height: 48px; }
  .action-compact { width: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .action, .action svg, .action-secondary .action-label { transition: none; }
  .action:hover svg { transform: none; }
}