.moduleCard {
    background: var(--background-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    margin-bottom: var(--gap-lg);
    transition: all var(--transition-normal);

    &:hover {
        transform: translateY(-4px);
        box-shadow: var(--shadow-card-hover);
    }

    &.bordered {
        border-top: 4px solid var(--modulo-primary);
    }

    &.borderedLeft {
        border-left: 4px solid var(--modulo-primary);
    }
}

.moduleCardHeader {
    padding: var(--padding-lg) var(--padding-xl);
    border-bottom: 1px solid var(--border-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--gap-sm);

    h3 {
        font-size: var(--font-size-xl);
        font-weight: var(--font-weight-bold);
        color: var(--text-primary);
        margin: 0;
        display: flex;
        align-items: center;
        gap: var(--gap-sm);
    }
}

.moduleCardBody {
    padding: var(--padding-xl);
}

@media (max-width: 768px) {
    .moduleCardHeader {
        padding: var(--padding-md) var(--padding-lg);
    }

    .moduleCardBody {
        padding: var(--padding-lg);
    }
}