/* Start custom CSS for column, class: .elementor-element-8a57fe4 */html, body {
    overflow-x: hidden !important;
    width: 100% !important;
}

.elementor-3056 .elementor-element.elementor-element-8a57fe4 {
    overflow-x: hidden !important;
}
/* TOPBAR – botão não estoura mais a largura */
@media (max-width: 767px) {

    /* botão amarelo da topbar */
    .elementor-button {
        max-width: 100% !important;
        width: auto !important;
        white-space: normal !important;
        overflow: hidden !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        text-align: center !important;
    }
}
/* CARDS ESTATÍSTICAS MEDSÊNIOR – MOBILE */
@media (max-width: 767px) {

    /* deixa os itens quebrarem linha */
    .elementor-3056 .elementor-element.elementor-element-8a57fe4 .cards-medsenior .elementor-container {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        max-width: 100% !important;
    }

    /* cada card ocupa 50% da largura (2 por linha) */
    .elementor-3056 .elementor-element.elementor-element-8a57fe4 .cards-medsenior .elementor-column {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin: 0 !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }

    /* garante que o conteúdo do card não estoura */
    .elementor-3056 .elementor-element.elementor-element-8a57fe4 .cards-medsenior .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* GERAL: não deixa nada passar da largura no mobile */
@media (max-width: 767px) {

    /* evita colunas maiores que a tela */
    body .elementor-container {
        flex-wrap: wrap !important;
        max-width: 100% !important;
    }

    body .elementor-column {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* botões não estouram pro lado */
    body .elementor-button {
        max-width: 100% !important;
        width: auto !important;
        white-space: normal !important;
        overflow: hidden !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        text-align: center !important;
    }

    /* imagens sempre dentro da tela */
    body img,
    body .elementor-image img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* depois que tudo estiver certo, se quiser pode travar qualquer scroll lateral */
body {
    overflow-x: hidden;
}/* End custom CSS */