/* Usado por: TODAS las plantillas con CTA */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--font-display); font-weight: 600; font-size: 1rem; padding: 12px 24px; border-radius: 10px; border: none; cursor: pointer; text-decoration: none; transition: all 0.2s ease; }
.btn:disabled { opacity: 0.5; cursor: not-allowed; }
.btn--primary { background: linear-gradient(135deg, var(--red-primary), var(--orange-accent)); color: var(--text-white); }
.btn--primary:hover { box-shadow: 0 0 24px var(--red-glow); transform: translateY(-1px); }
.btn--ghost { background: transparent; color: var(--text-white); border: 1px solid var(--border-light); }
.btn--ghost:hover { background: var(--bg-card-hover); border-color: var(--text-muted); }
.btn--danger { background: rgba(230,57,70,0.1); color: var(--red-light); border: 1px solid var(--red-primary); }
.btn--danger:hover { background: var(--red-primary); color: var(--text-white); }
.btn--icon { padding: 10px; }
.btn--block { width: 100%; }
.btn--sm { padding: 8px 16px; font-size: 0.9rem; }
.btn--lg { padding: 16px 32px; font-size: 1.1rem; }