/* Checkout Personalizado - CSS */
.animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.transition-all {
    transition: all 0.3s ease;
}

.duration-300 {
    transition-duration: 300ms;
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Responsividade */
@media (max-width: 768px) {
    body {
        padding: 1rem;
    }
}

/* Animações de hover */
button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Estilos para inputs */
input:focus {
    outline: none;
    border-color: #c79845;
    box-shadow: 0 0 0 3px rgba(199, 152, 69, 0.1);
}