/*
 * LabCD Style - CSS Overrides
 * Este arquivo carrega com prioridade 100 no wp_enqueue_scripts,
 * garantindo que sobrescreva o CSS do tema.
 */

/* Exemplo de override — remova e adicione seus estilos abaixo

body {
    background-color: #f5f5f5;
}

*/

span {
    word-wrap: normal;
}

.home .full-mobile {
    @media screen and (max-width: 768px) {
        margin-right: auto !important;
    }
}

.home .full-mobile > .et_pb_row.et-last-child {
    @media screen and (max-width: 768px) {
        width: 100% !important;
    }
}

.home .full-mobile .et_pb_row_inner.et_pb_row_inner_0,
.home .full-mobile .et_pb_row_inner_1.et_pb_row_inner {
    @media screen and (max-width: 768px) {
        margin-right: auto !important;
        margin-left: auto !important;
        width: 100%;
        max-width: 100%;
    }
}

/* Cursos e materiais pedagógicos */
.page-id-8408 .first-container {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    
    @media screen and (max-width: 768px) {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 98% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }
}

.page-id-8408 .first-container .et_pb_row_0.et_pb_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 98% !important;
    width: 100% !important;
}

.page-id-8408 .first-container .et_pb_column.et_pb_column_1_2.et_pb_column_0.et_pb_css_mix_blend_mode_passthrough {
    @media screen and (max-width: 768px) {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.page-id-8408 .first-container .et_pb_column.et_pb_column_1_2.et_pb_column_0.et_pb_css_mix_blend_mode_passthrough > .et_pb_module {
    @media screen and (max-width: 768px) {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

.page-id-8408 .first-container .et_pb_row.et_pb_row_0.et_pb_row_fullwidth {
    @media screen and (max-width: 768px) {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        width: 100% !important;
    }
}

.page-id-8408 .et_pb_row_4.et_pb_row {
    @media screen and (max-width: 768px) {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
    }
}

.page-id-8408 .et_pb_row.et_pb_row_2,
.page-id-8408 .et_pb_row.et_pb_row_6,
.page-id-8408 .et_pb_section.et_pb_section_2.et_section_regular {
    @media screen and (max-width: 768px) {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
    }
}

.page-id-8408 .et_pb_portfolio_filters .clearfix {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.page-id-8408 .et_pb_portfolio_filters .clearfix .et_pb_portfolio_filter {
    width: auto !important;
    padding: 7px !important;
}

.page-id-8408 .et_pb_portfolio_filters .clearfix .et_pb_portfolio_filter .emoji {
    margin-right: 7px !important;
}

.page-id-8408 #recursos-pedagogicos,
.page-id-8408 #cursos-livres,
.page-id-8408 #cartilhas {
    @media screen and (max-width: 768px) {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}

.page-id-8408 .et_pb_row.et_pb_row_1.cartilha.et_pb_row_fullwidth {
    @media screen and (max-width: 768px) {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
    }
}