/* ========================================
   CARDS COMPONENT (GENERAL)
   ======================================== */

.card {
    border: 1px solid var(--color-gray);
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.card-header {
    background-color: var(--color-gray-light);
    border-bottom: 2px solid var(--color-red);
    font-weight: 600;
}