.modulo_horas_dia_consumo {
    display: flex;
    padding: 40px 16px 0px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    width: 100%;

    @media (min-width: 576px) {
        gap: 40px;
        padding: 40px 42px 40px 42px;
        align-items: center;
    }

    @media (min-width: 768px) {
        padding: 40px 48px 40px 48px;
    }

    @media (min-width: 992px) {
        padding: 40px 82px 40px 82px;
    }

    @media (min-width: 1200px) {
        padding: 40px 102px;
    }

    @media (min-width: 1920px) {
        padding: 40px 324px;
    }
}

.modulo_horas_dia_consumo_header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.modulo_horas_dia_consumo_header_titulo {
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
}

.modulo_horas_dia_consumo_header_texto {
    color: var(--Color-Content-General-2, rgba(71, 71, 71, 0.80));
    text-align: center;
}

.modulo_horas_dia_consumo_botones {
    display: flex;
    gap: 16px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;

    @media (min-width: 1200px) {
        justify-content: center;
    }
}
#rotinaSemanal{
    width: 100%;
}
.modulo_horas_dia_consumo_botones::-webkit-scrollbar {
    display: none;
}

.modulo_horas_dia_consumo_descripcion {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.modulo_horas_dia_consumo_img {
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
    justify-content: center;

    @media (min-width: 576px) {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    @media (min-width: 1200px) {
        padding: 0px;
        margin-right: 40px;
    }

    @media (min-width: 1920px) {
        height: 324px;
    }
}

.modulo_horas_dia_consumo_img img {
    width: 100%;

    @media (min-width: 992px) {
        max-width: 668px !important;
    }

    @media (min-width: 1200px) {
        max-width: none !important;
        width: 470px;
        height: 228px;
    }

    @media (min-width: 1920px) {
        width: 668px;
        height: 324px;
    }
}

.modulo_horas_dia_consumo_descripcion_titulo {
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
}

.modulo_horas_dia_consumo_descripcion_texto {
    color: var(--Color-Content-General-2, rgba(71, 71, 71, 0.80));
    text-align: center;
}

.is-hidden {
    display: none !important;
}

.modulo_horas_dia_consumo_cuerpo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.modulo_horas_dia_consumo_cuerpo_item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.modulo_horas_dia_consumo_cuerpo_texto {
    display: flex;
    padding-top: 2px;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    flex: 1 0 0;
}

.modulo_horas_dia_consumo_cuerpo_texto_titulo {
    color: var(--Color-Content-General-1, #2C2C2C);
}

.modulo_horas_dia_consumo_cuerpo_texto_texto {
    color: var(--Color-Content-General-2, rgba(71, 71, 71, 0.80));
}

.modulo_horas_dia_consumo_seccion_verde {
    display: flex;
    padding: 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 16px;
    border: var(--border-width-l, 2px) solid var(--Color-Green-50, #00A443);
    background: var(--Color-Background-General-1, #FFF);

    @media (min-width: 576px) {
        flex-direction: row;
        gap: 32px;
        align-items: center;
    }

    @media (min-width: 1920px) {
        display: none;
    }
}

.modulo_horas_dia_consumo_seccion_verde_titulo,
.modulo_horas_dia_consumo_seccion_verde_precio_numero,
.modulo_horas_dia_consumo_seccion_verde_precio_unidad,
.modulo_horas_dia_consumo_seccion_verde_subtitulo,
.modulo_horas_dia_consumo_seccion_verde_aclaracion,
.modulo_horas_dia_consumo_seccion_verde_aclaracion_largo {
    color: var(--Color-Green-50, #00A443);
}

.modulo_horas_dia_consumo_seccion_verde_subtitulo {
    margin-bottom: 8px;
}

.modulo_horas_dia_consumo_seccion_verde_precio {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    align-items: center;
}

.modulo_horas_dia_consumo_botones_item {
    display: flex;
    min-width: 200px;
    height: 36px;
    padding: var(--space-4, 4px) var(--space-16, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--space-8, 8px);
    border-radius: var(--border-radius-xl, 100px);
    border: var(--border-width-s, 1px) solid var(--Color-Button-Border-Active, #2F6852);
    color: var(--Color-Button-Content-Active-2, #2F6852);
    text-align: center;
    background-color: #FFF;
}

.modulo_horas_dia_consumo_botones_item:active {
    border-radius: var(--border-radius-xl, 100px);
    outline: 2px solid #5BD38C;
}

.modulo_horas_dia_consumo_botones_item:hover {
    border-radius: 100px;
    border: 1px solid #00402A;
    color: #00402A;
}

.button_active {
    background-color: #2F6852;
    color: #FFFAF6;
}

.imagen_checks {
    display: flex;
    flex-direction: column;

    @media (min-width: 1200px) {
        flex-direction: row;
        align-items: flex-end;
        margin-top: 40px;
    }
}

.modulo_horas_dia_consumo_seccion_verde_aclaracion {
    display: flex;

    @media (min-width: 576px) {
        display: none;
    }

}

.modulo_horas_dia_consumo_seccion_verde_aclaracion_largo {
    display: none;

    @media (min-width: 576px) {
        display: flex;
    }
}

.modulo_horas_dia_consumo_seccion_verde_escritorio {
    display: none;
    padding: 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 16px;
    border: var(--border-width-l, 2px) solid var(--Color-Green-50, #00A443);
    background: var(--Color-Background-General-1, #FFF);

    @media (min-width: 1920px) {
        display: flex;
        flex-direction: row;
        gap: 32px;
    }
}