/* ============================================================
   CRAZY SOFT - Botones
   ============================================================ */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 28px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 1.05rem;
    transition: all 0.25s ease;
    cursor: pointer;
    border: none;
    text-align: center;
    font-family: inherit;
}

.btn-wa { background: var(--whatsapp); color: var(--white); box-shadow: 0 8px 24px rgba(37, 211, 102, 0.35); }
.btn-wa:hover { background: var(--whatsapp-dark); transform: translateY(-2px); }

.btn-primary { background: var(--primary); color: var(--white); box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35); }
.btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); }

.btn-outline { background: transparent; color: var(--dark); border: 2px solid #e2e8f0; }
.btn-outline:hover { border-color: var(--dark); }

.btn-lg { padding: 18px 34px; font-size: 1.15rem; }
.btn-sm { padding: 12px 22px; font-size: 0.95rem; }

.btn svg { width: 22px; height: 22px; flex-shrink: 0; }
.btn-block { width: 100%; }

.btn-on-dark { color: var(--white); border-color: rgba(255, 255, 255, 0.4); }
.btn-on-dark:hover { border-color: var(--white); }