.info-event{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    height: 100px;
}

.format-event{
    color: var(--color_1);
    font-family: var(--font-secondary);
    font-size: var(--font-md);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.date-event{
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: flex-end;
}

.date-event__day, .date-event__month, .date-event__year{
    font-family: var(--font-secondary);
    color: var(--color_1);
    font-size:  var(--font-2xl);
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
}

.date-event__month{
    color: var(--color_2);
    font-weight: 700;
    font-size: var(--font-2xl);
}

/** BUTTON Para Add To calendar */
.addeventact,
.addEventToCalendar{
    width: fit-content !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    color: var(--color_1) !important;
    font-family: var(--font-secondary) !important;
    /* para header desktop */
    font-size: var(--font-base) !important;
    /* font-size: var(--font-base) !important; */
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important; 
    cursor: pointer !important;
    border: none !important;
    background-image: none !important;
    background-color: transparent !important;
    z-index: 18 !important;
    box-shadow: none !important;
}

.addeventact span{
    visibility: hidden !important;
    display: none !important;
}

.addEventToCalendar > .text-addToCalendar{
    display: block !important;
    color: var(--color_1) !important;
    font-family: var(--font-secondary) !important;
    font-size: var(--font-base) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important; 
}


.addeventatc_icon{
    background: none !important;
    width: 0 !important;
    height: 0 !important;
}

.bg-internas .date-event__day,
.bg-internas .date-event__year,
.bg-internas .format-event
{
    color: var(--white_01);
}

.bg-internas .addEventToCalendar > .text-addToCalendar
{
    color: var(--white_01) !important;
}

@media (min-width: 500px) {

    .format-event{
        font-size: var(--font-2xl);
    }

    .date-event .date-event__day, .date-event .date-event__month, .date-event .date-event__year{
        font-size: var(--font-2xl);
    }

    /* .date-event__month{
        color: var(--color_2);
        font-weight: 700;
        font-size: var(--font-xl);
    } */

}

@media (min-width: 1340px) {

    .info-event{
        align-items: flex-end;
        width: fit-content;
    }

    
    .format-event{
        font-size: var(--font-xl);
        font-weight: 700;
    }


    .date-event__day, .date-event__month, .date-event__year{
        font-size:  var(--font-xl);
    }

    .date-event__month{
        font-weight: 700;
    }

    /** BUTTON Para Add To calendar */
    .addeventact,
    .addEventToCalendar{
        font-size: var(--font-sm) !important;
    }

    .addeventact span{
        visibility: hidden !important;
        display: none !important;
    }

    .addEventToCalendar > .text-addToCalendar{
        font-size: var(--font-sm) !important;
    }

}