/* ---------------------------------------------------------
   GuiaSaude — ajustes globais de responsividade
   --------------------------------------------------------- */

html {
    overflow-x: clip;
}

img,
video,
iframe,
embed {
    max-width: 100%;
}

/* Barras fixas inferiores (WhatsApp + CTA) */
@media (max-width: 991px) {
    body.has-mobile-fixed-cta,
    body.page-materia,
    body.page-profissional {
        padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px));
    }

    .conversarWhatsapp {
        padding-bottom: calc(15px + env(safe-area-inset-bottom, 0px));
    }

    .marcar-consulta-mobile {
        padding-bottom: calc(2.5rem + env(safe-area-inset-bottom, 0px)) !important;
    }
}

/* Avaliações — empilhar colunas no mobile */
@media (max-width: 767px) {
    .container-avaliacoes-home .cada > .d-flex {
        flex-direction: column;
    }

    .container-avaliacoes-home .bloco1,
    .container-avaliacoes-home .bloco2 {
        width: 100% !important;
    }

    .container-avaliacoes-home .bloco2 {
        margin-top: 0.75rem;
    }

    .container-avaliacoes-home .fotoMenor {
        min-height: 160px;
    }
}

/* Google reviews slider — espaço para os dots (legado home) */
.page-artigo-extra .comentarios-card:has(.slider-gogle) {
    padding-bottom: 3.5rem;
}

/* Home profissionais — evita corte lateral */
@media (max-width: 575px) {
    .slider-profissionais-home {
        overflow: hidden;
    }

    .slider-profissionais-home .slick-list {
        margin: 0 -8px;
    }
}

/* Modais — manter scroll do body bloqueado */
body.modal-open {
    overflow: hidden !important;
}

/* Tabelas e conteúdo CMS largo */
.texto-artigo table,
.container-materia .texto table,
.page-artigo .texto-artigo table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.texto-artigo img,
.texto-artigo figure,
.texto-artigo pre,
.container-materia .texto img {
    max-width: 100%;
    height: auto;
}

.texto-artigo pre {
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
}
