/* Card Categories Widget */
.inapem-card-category {
    display: flex;
    width: 100%;
    max-width: 530px;
    padding: 16px;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    background: var(--Light-Grey, #F5F7F9) !important;
    text-decoration: none;
    border: 1px solid transparent;
}

/* Status: Iniciadas (In Progress) & Concluídas (Completed) */
.inapem-card-category--in-progress,
.inapem-card-category--completed {
    background: var(--Light-Blue, #D4EBF8) !important;
}

.inapem-card-category--in-progress .inapem-card-category__icon-box,
.inapem-card-category--completed .inapem-card-category__icon-box {
    background: var(--Blue, #469BD3) !important;
}

.inapem-card-category--in-progress .inapem-card-category__icon-box i,
.inapem-card-category--in-progress .inapem-card-category__icon-box svg,
.inapem-card-category--in-progress .inapem-card-category__icon-box svg path,
.inapem-card-category--completed .inapem-card-category__icon-box i,
.inapem-card-category--completed .inapem-card-category__icon-box svg,
.inapem-card-category--completed .inapem-card-category__icon-box svg path,
.inapem-card-category--completed .inapem-card-category__icon-box svg circle,
.inapem-card-category--completed .inapem-card-category__icon-box svg rect {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* Concluído Badge */
.inapem-card-category__badge {
    background-color: #3F9E37;
    color: #FFFFFF;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    margin-bottom: 6px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 18px;
}

.inapem-card-category__badge i {
    font-size: 10px;
}

.inapem-card-category__icon-box {
    width: 48px;
    height: 48px;
    background-color: #E0E4E8;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.inapem-card-category__icon-box img,
.inapem-card-category__icon-box svg {
    max-width: 24px;
    max-height: 24px;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.inapem-card-category__icon-box i,
.inapem-card-category__icon-box svg {
    font-size: 20px;
    color: #2B3D51;
    fill: #2B3D51;
}

.inapem-card-category__content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.inapem-card-category__subtitle {
    color: var(--Navy, #25355C);
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 2px;
}

.inapem-card-category__title {
    color: var(--Navy, #25355C);
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.inapem-card-category__arrow {
    color: #2B3D51;
    font-size: 14px;
}

/* Grid Container */
.inapem-card-categories-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
}

@media (max-width: 1024px) {
    .inapem-card-categories-grid {
        grid-template-columns: 1fr;
    }
    
    .inapem-card-category {
        max-width: 100%;
    }
}