/* ============================================
   Buttons - Componentes de botones
   Incluye variantes: primario (dorado), outline
   (blanco sobre oscuro), outline-dark (oscuro sobre
   claro), y tamaños grandes y ancho completo.
   ============================================ */

.btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 14px 32px; border-radius: 4px; font-weight: 700;
    font-size: 15px; letter-spacing: 0.5px; cursor: pointer;
    border: 2px solid transparent; transition: var(--transition);
    font-family: 'Lato', sans-serif;
}
.btn i { font-size: 18px; }
.btn-primary {
    background: var(--primary); color: var(--dark); border-color: var(--primary);
}
.btn-primary:hover { background: var(--primary-dark); border-color: var(--primary-dark); transform: translateY(-2px); }
.btn-outline {
    background: transparent; color: var(--white); border-color: var(--white);
}
.btn-outline:hover { background: var(--white); color: var(--dark); }
.btn-outline-dark {
    background: transparent; color: var(--dark); border-color: var(--dark);
}
.btn-outline-dark:hover { background: var(--dark); color: var(--white); }
.btn-lg { padding: 18px 40px; font-size: 16px; }
.btn-full { width: 100%; justify-content: center; }