{"id":43234,"date":"2026-08-06T13:51:28","date_gmt":"2026-08-06T13:51:28","guid":{"rendered":"https:\/\/cursos1.nead.conasems.org.br\/?page_id=43234"},"modified":"2026-08-06T16:07:10","modified_gmt":"2026-08-06T16:07:10","slug":"caso-clinico-_-teste-bg","status":"publish","type":"page","link":"https:\/\/cursos1.nead.conasems.org.br\/index.php\/caso-clinico-_-teste-bg\/","title":{"rendered":"Caso Cl\u00ednico _ Teste BG"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"43234\" class=\"elementor elementor-43234\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbd0620 e-flex e-con-boxed e-con e-parent\" data-id=\"bbd0620\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23f71c9 e-con-full e-flex e-con e-parent\" data-id=\"23f71c9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4167f1 elementor-widget elementor-widget-html\" data-id=\"d4167f1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    .patient-360 {\r\n        --patient-position: 50% 50%;\r\n\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100vh;\r\n        min-height: 100vh;\r\n        overflow: hidden;\r\n        isolation: isolate;\r\n        background: #171717;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    \/* V\u00eddeo usado como background *\/\r\n    .patient-360__video {\r\n        position: absolute;\r\n        z-index: 0;\r\n        inset: 0;\r\n\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        object-fit: cover;\r\n        object-position: var(--patient-position);\r\n\r\n        transition:\r\n            opacity 300ms ease,\r\n            transform 500ms ease;\r\n    }\r\n\r\n    \/* Escurecimento para melhorar a leitura dos bot\u00f5es *\/\r\n    .patient-360__overlay {\r\n        position: absolute;\r\n        z-index: 1;\r\n        inset: 0;\r\n\r\n        pointer-events: none;\r\n\r\n        background:\r\n            linear-gradient(to top,\r\n                rgba(0, 0, 0, 0.75) 0%,\r\n                rgba(0, 0, 0, 0.15) 55%,\r\n                rgba(0, 0, 0, 0) 100%);\r\n    }\r\n\r\n    .patient-360__interface {\r\n        position: relative;\r\n        z-index: 2;\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 100%;\r\n        padding: 32px;\r\n    }\r\n\r\n    .patient-360__title {\r\n        max-width: 680px;\r\n        margin: 0 0 8px;\r\n\r\n        color: #ffffff;\r\n        font-size: clamp(24px, 4vw, 42px);\r\n        line-height: 1.1;\r\n    }\r\n\r\n    .patient-360__description {\r\n        max-width: 680px;\r\n        margin: 0 0 24px;\r\n\r\n        color: rgba(255, 255, 255, 0.85);\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .patient-360__buttons {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n    }\r\n\r\n    .patient-360__button,\r\n    .patient-360__retry {\r\n        appearance: none;\r\n        border: 1px solid rgba(255, 255, 255, 0.5);\r\n        border-radius: 999px;\r\n        padding: 12px 20px;\r\n\r\n        color: #ffffff;\r\n        background: rgba(20, 20, 20, 0.65);\r\n        backdrop-filter: blur(8px);\r\n\r\n        font: inherit;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n\r\n        transition:\r\n            background-color 200ms ease,\r\n            border-color 200ms ease,\r\n            transform 200ms ease;\r\n    }\r\n\r\n    .patient-360__button:hover,\r\n    .patient-360__button:focus-visible,\r\n    .patient-360__retry:hover,\r\n    .patient-360__retry:focus-visible {\r\n        background: rgba(20, 20, 20, 0.9);\r\n        border-color: #ffffff;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .patient-360__button.is-active {\r\n        color: #171717;\r\n        background: #ffffff;\r\n        border-color: #ffffff;\r\n    }\r\n\r\n    .patient-360__retry {\r\n        align-self: flex-start;\r\n        margin-top: 16px;\r\n        background: #ffffff;\r\n        color: #171717;\r\n    }\r\n\r\n    .patient-360__status {\r\n        min-height: 24px;\r\n        margin: 14px 0 0;\r\n\r\n        color: rgba(255, 255, 255, 0.85);\r\n        font-size: 14px;\r\n    }\r\n\r\n    .patient-360.is-loading .patient-360__video {\r\n        opacity: 0.6;\r\n        transform: scale(1.01);\r\n    }\r\n\r\n    .patient-360 [hidden] {\r\n        display: none !important;\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .patient-360 {\r\n            height: 100vh;\r\n            min-height: 100vh;\r\n            border-radius: 12px;\r\n        }\r\n\r\n        .patient-360__interface {\r\n            padding: 22px 18px;\r\n        }\r\n\r\n        .patient-360__buttons {\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .patient-360__button {\r\n            width: 100%;\r\n        }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n        .patient-360__video,\r\n        .patient-360__button,\r\n        .patient-360__retry {\r\n            transition: none;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"patient-360\"\r\n    data-idle-video=\"https:\/\/cursos1.nead.conasems.org.br\/wp-content\/uploads\/2026\/05\/Coordenacao_do_cuidado_-_disciplina_12.mp4\">\r\n    <video class=\"patient-360__video\"\r\n        src=\"https:\/\/cursos1.nead.conasems.org.br\/wp-content\/uploads\/2026\/05\/Coordenacao_do_cuidado_-_disciplina_12.mp4\"\r\n        autoplay muted loop playsinline preload=\"auto\"><\/video>\r\n\r\n    <div class=\"patient-360__overlay\"><\/div>\r\n\r\n    <div class=\"patient-360__interface\">\r\n        <h2 class=\"patient-360__title\">\r\n            Converse com a paciente\r\n        <\/h2>\r\n\r\n        <p class=\"patient-360__description\">\r\n            Selecione uma etapa para ouvir o relato da paciente.\r\n        <\/p>\r\n\r\n        <div class=\"patient-360__buttons\" role=\"group\" aria-label=\"Etapas do atendimento\">\r\n            <button type=\"button\" class=\"patient-360__button\"\r\n                data-patient-video=\"https:\/\/cursos1.nead.conasems.org.br\/wp-content\/uploads\/2026\/08\/TesteBG-Video.webm\"\r\n                data-label=\"Anamnese\" aria-pressed=\"false\">\r\n                Anamnese\r\n            <\/button>\r\n\r\n            <button type=\"button\" class=\"patient-360__button\"\r\n                data-patient-video=\"https:\/\/cursos1.nead.conasems.org.br\/wp-content\/uploads\/2026\/08\/TesteBG-Video.webm\"\r\n                data-label=\"Exame f\u00edsico\" aria-pressed=\"false\">\r\n                Exame f\u00edsico\r\n            <\/button>\r\n\r\n            <button type=\"button\" class=\"patient-360__button\"\r\n                data-patient-video=\"https:\/\/cursos1.nead.conasems.org.br\/wp-content\/uploads\/2026\/08\/TesteBG-Video.webm\"\r\n                data-label=\"Hist\u00f3rico da paciente\" aria-pressed=\"false\">\r\n                Hist\u00f3rico\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <!-- Aparece somente se o navegador bloquear a primeira tentativa -->\r\n        <button type=\"button\" class=\"patient-360__retry\" hidden>\r\n            \u25b6 Reproduzir resposta com \u00e1udio\r\n        <\/button>\r\n\r\n        <p class=\"patient-360__status\" aria-live=\"polite\"><\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (() => {\r\n        function initializePatient360(scope = document) {\r\n            const components = scope.querySelectorAll(\".patient-360\");\r\n\r\n            components.forEach((component) => {\r\n                if (component.dataset.initialized === \"true\") {\r\n                    return;\r\n                }\r\n\r\n                component.dataset.initialized = \"true\";\r\n\r\n                const video = component.querySelector(\".patient-360__video\");\r\n                const buttons = [\r\n                    ...component.querySelectorAll(\"[data-patient-video]\"),\r\n                ];\r\n                const retryButton = component.querySelector(\r\n                    \".patient-360__retry\",\r\n                );\r\n                const status = component.querySelector(\r\n                    \".patient-360__status\",\r\n                );\r\n\r\n                if (!video) {\r\n                    return;\r\n                }\r\n\r\n                const idleVideo =\r\n                    component.dataset.idleVideo || video.currentSrc || video.src;\r\n\r\n                let currentLabel = \"\";\r\n                let requestId = 0;\r\n\r\n                function setStatus(message = \"\") {\r\n                    if (status) {\r\n                        status.textContent = message;\r\n                    }\r\n                }\r\n\r\n                function setActiveButton(activeButton = null) {\r\n                    buttons.forEach((button) => {\r\n                        const isActive = button === activeButton;\r\n\r\n                        button.classList.toggle(\"is-active\", isActive);\r\n                        button.setAttribute(\r\n                            \"aria-pressed\",\r\n                            String(isActive),\r\n                        );\r\n                    });\r\n                }\r\n\r\n                function playVideo({\r\n                    src,\r\n                    withAudio = false,\r\n                    loop = false,\r\n                    label = \"\",\r\n                }) {\r\n                    if (!src) {\r\n                        return;\r\n                    }\r\n\r\n                    requestId += 1;\r\n                    const currentRequest = requestId;\r\n\r\n                    currentLabel = label;\r\n\r\n                    component.classList.add(\"is-loading\");\r\n\r\n                    if (retryButton) {\r\n                        retryButton.hidden = true;\r\n                    }\r\n\r\n                    setStatus(\r\n                        label ? `Carregando: ${label}...` : \"\",\r\n                    );\r\n\r\n                    \/*\r\n                     * \u00c9 importante chamar play() diretamente nesta fun\u00e7\u00e3o,\r\n                     * que \u00e9 acionada pelo clique.\r\n                     *\/\r\n                    video.pause();\r\n                    video.loop = loop;\r\n\r\n                    video.muted = !withAudio;\r\n                    video.defaultMuted = !withAudio;\r\n\r\n                    video.src = src;\r\n                    video.load();\r\n\r\n                    const playPromise = video.play();\r\n\r\n                    if (\r\n                        playPromise &&\r\n                        typeof playPromise.catch === \"function\"\r\n                    ) {\r\n                        playPromise.catch((error) => {\r\n                            if (currentRequest !== requestId) {\r\n                                return;\r\n                            }\r\n\r\n                            component.classList.remove(\"is-loading\");\r\n\r\n                            if (withAudio && retryButton) {\r\n                                retryButton.hidden = false;\r\n\r\n                                setStatus(\r\n                                    \"Toque em \u201cReproduzir resposta com \u00e1udio\u201d.\",\r\n                                );\r\n                            } else {\r\n                                setStatus(\"\");\r\n                            }\r\n\r\n                            console.warn(\r\n                                \"O navegador bloqueou a reprodu\u00e7\u00e3o:\",\r\n                                error,\r\n                            );\r\n                        });\r\n                    }\r\n                }\r\n\r\n                buttons.forEach((button) => {\r\n                    button.addEventListener(\"click\", () => {\r\n                        const src = button.dataset.patientVideo;\r\n                        const label =\r\n                            button.dataset.label ||\r\n                            button.textContent.trim();\r\n\r\n                        setActiveButton(button);\r\n\r\n                        playVideo({\r\n                            src,\r\n                            withAudio: true,\r\n                            loop: false,\r\n                            label,\r\n                        });\r\n                    });\r\n                });\r\n\r\n                if (retryButton) {\r\n                    retryButton.addEventListener(\"click\", () => {\r\n                        video.muted = false;\r\n                        video.defaultMuted = false;\r\n\r\n                        const playPromise = video.play();\r\n\r\n                        if (\r\n                            playPromise &&\r\n                            typeof playPromise.then === \"function\"\r\n                        ) {\r\n                            playPromise\r\n                                .then(() => {\r\n                                    retryButton.hidden = true;\r\n                                    setStatus(\r\n                                        currentLabel\r\n                                            ? `Reproduzindo: ${currentLabel}`\r\n                                            : \"\",\r\n                                    );\r\n                                })\r\n                                .catch(() => {\r\n                                    setStatus(\r\n                                        \"N\u00e3o foi poss\u00edvel iniciar o v\u00eddeo. Verifique o volume e tente novamente.\",\r\n                                    );\r\n                                });\r\n                        }\r\n                    });\r\n                }\r\n\r\n                video.addEventListener(\"playing\", () => {\r\n                    component.classList.remove(\"is-loading\");\r\n\r\n                    if (retryButton) {\r\n                        retryButton.hidden = true;\r\n                    }\r\n\r\n                    setStatus(\r\n                        currentLabel\r\n                            ? `Reproduzindo: ${currentLabel}`\r\n                            : \"\",\r\n                    );\r\n                });\r\n\r\n                video.addEventListener(\"waiting\", () => {\r\n                    component.classList.add(\"is-loading\");\r\n\r\n                    if (currentLabel) {\r\n                        setStatus(`Carregando: ${currentLabel}...`);\r\n                    }\r\n                });\r\n\r\n                \/*\r\n                 * Quando a resposta acaba, volta ao v\u00eddeo inicial,\r\n                 * mudo e em looping.\r\n                 *\/\r\n                video.addEventListener(\"ended\", () => {\r\n                    setActiveButton();\r\n                    currentLabel = \"\";\r\n\r\n                    playVideo({\r\n                        src: idleVideo,\r\n                        withAudio: false,\r\n                        loop: true,\r\n                    });\r\n                });\r\n\r\n                \/*\r\n                 * Tenta iniciar o v\u00eddeo ambiente.\r\n                 * Como est\u00e1 mudo, normalmente o autoplay \u00e9 permitido.\r\n                 *\/\r\n                video.muted = true;\r\n                video.defaultMuted = true;\r\n                video.loop = true;\r\n\r\n                const initialPlay = video.play();\r\n\r\n                if (\r\n                    initialPlay &&\r\n                    typeof initialPlay.catch === \"function\"\r\n                ) {\r\n                    initialPlay.catch(() => {\r\n                        \/*\r\n                         * Em economia de bateria ou economia de dados,\r\n                         * o poster permanece vis\u00edvel.\r\n                         *\/\r\n                    });\r\n                }\r\n            });\r\n        }\r\n\r\n        function startPatient360() {\r\n            initializePatient360(document);\r\n        }\r\n\r\n        if (document.readyState === \"loading\") {\r\n            document.addEventListener(\r\n                \"DOMContentLoaded\",\r\n                startPatient360,\r\n                { once: true },\r\n            );\r\n        } else {\r\n            startPatient360();\r\n        }\r\n\r\n        \/*\r\n         * Ajuda o componente a funcionar tamb\u00e9m quando o Elementor\r\n         * renderiza novamente o widget dentro do editor.\r\n         *\/\r\n        window.addEventListener(\"elementor\/frontend\/init\", () => {\r\n            if (!window.elementorFrontend?.hooks) {\r\n                return;\r\n            }\r\n\r\n            window.elementorFrontend.hooks.addAction(\r\n                \"frontend\/element_ready\/html.default\",\r\n                ($scope) => {\r\n                    initializePatient360($scope[0]);\r\n                },\r\n            );\r\n        });\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Converse com a paciente Selecione uma etapa para ouvir o relato da paciente. Anamnese Exame f\u00edsico Hist\u00f3rico \u25b6 Reproduzir resposta com \u00e1udio<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-43234","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cursos1.nead.conasems.org.br\/index.php\/wp-json\/wp\/v2\/pages\/43234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cursos1.nead.conasems.org.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cursos1.nead.conasems.org.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cursos1.nead.conasems.org.br\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/cursos1.nead.conasems.org.br\/index.php\/wp-json\/wp\/v2\/comments?post=43234"}],"version-history":[{"count":19,"href":"https:\/\/cursos1.nead.conasems.org.br\/index.php\/wp-json\/wp\/v2\/pages\/43234\/revisions"}],"predecessor-version":[{"id":43263,"href":"https:\/\/cursos1.nead.conasems.org.br\/index.php\/wp-json\/wp\/v2\/pages\/43234\/revisions\/43263"}],"wp:attachment":[{"href":"https:\/\/cursos1.nead.conasems.org.br\/index.php\/wp-json\/wp\/v2\/media?parent=43234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}