/*IA*/
/*inicio cards*/
.calendar-cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
}

.program-card {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--Otros-Border, #a8b7c7);
    background: var(--Grayscale-White, #fff);
    box-shadow: 0 1px 10px rgba(98, 103, 110, 0.1);
}

.program-title {
    color: var(--Terciario-Terciario-1, #012c50);
    font: 700 18px/2 'Roboto', sans-serif;
    text-decoration: underline;
}

.program-description {
    margin-top: 4px;
    color: var(--Grayscale-Deep-gray, #4a4a4a);
    font: 400 16px/24px 'Roboto', sans-serif;
}
/*fin cards*/

/*Emprendo semilla - Basico - Avanzado*/
/*inicio .status-tag*/
.status-tag {
    display: inline-flex;
    align-items: center;
    /* margin-top: 16px; */
    padding: 0 16px;
    height: 30px;
    border-radius: 34px;
    font: 700 14px/30px 'Roboto', sans-serif;
    color: var(--Grayscale-Deep-gray, #4a4a4a);
}

.urgent .status-tag {
    background-color: rgba(251, 222, 221, 1);
}

.active .status-tag {
    background: #DEEADE;
}

.upcoming .status-tag {
    background-color: rgba(255, 236, 209, 1);
}

.status-tag::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 50%;
}

.urgent .status-tag::before {
    background-color: var(--Otros-Error, #e22c2c);
}

.active .status-tag::before {
    background-color: rgba(46, 125, 50, 1);
}

.upcoming .status-tag::before {
    background-color: var(--Otros-Moustard, #ffa11b);
}
/*fin*/


/*Centro de Ayuda*/
.help-card {
    display: flex;
    gap: 16px;
    padding: 20px 16px;
    border-radius: 8px;
    background: var(--Grayscale-Light-gray3, #f2f2f2);
}

.help-icon {
    padding: 8px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: var(--Otros-azul-claro, #cfe1f3);
}

.help-content {
    flex: 1;
}

.help-text {
    font: 500 16px/18px 'Roboto', sans-serif;
    color: var(--Grayscale-Black, #191a1a);
}

.help-button {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 16px;
    padding: 0;
    background: none;
    border: none;
    font: 500 14px/24px 'Roboto', sans-serif;
    color: var(--Primario-Primario-1, #006fb3);
    text-decoration: underline;
    cursor: pointer;
}