Cases de Sucesso \u2014 INOVAMED<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Montserrat:wght@300;400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TOKENS INOVAMED\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ino-cases-portal {\n --navy: #020817;\n --navy-mid: #0a1b38;\n --card: #0d1e3a;\n --card-h: #112247;\n --gold: #c9a84c;\n --gold-lt: #e8c97a;\n --gold-dim: #7a6030;\n --gold-glow: rgba(201,168,76,.16);\n --gold-border: rgba(201,168,76,.28);\n --gold-bh: rgba(201,168,76,.65);\n --white: #ffffff;\n --gray: #9aaabf;\n --gray-dk: #4a5f7a;\n --radius: 6px;\n --radius-lg: 14px;\n --font-d: 'Playfair Display', Georgia, serif;\n --font-b: 'Montserrat', sans-serif;\n --font-m: 'DM Mono', monospace;\n\n \/* category accent colors *\/\n --cat-ia: rgba(42,109,206,.14);\n --cat-ia-b: rgba(42,109,206,.35);\n --cat-ia-c: #6fa3e8;\n --cat-edu: rgba(0,168,89,.12);\n --cat-edu-b: rgba(0,168,89,.35);\n --cat-edu-c: #4ecf8a;\n --cat-fun: rgba(201,168,76,.12);\n --cat-fun-b: rgba(201,168,76,.35);\n --cat-fun-c: #e8c97a;\n --cat-exp: rgba(168,100,201,.12);\n --cat-exp-b: rgba(168,100,201,.35);\n --cat-exp-c: #c47ae8;\n --cat-app: rgba(224,100,48,.12);\n --cat-app-b: rgba(224,100,48,.35);\n --cat-app-c: #e88a5a;\n}\n\n#ino-cases-portal * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n#ino-cases-portal {\n font-family: var(--font-b);\n background: var(--navy);\n color: var(--white);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n padding: 0 0 80px;\n position: relative;\n overflow-x: hidden;\n}\n\n\/* grid bg *\/\n#ino-cases-portal::before {\n content: '';\n position: fixed; inset: 0;\n background-image:\n linear-gradient(rgba(201,168,76,.013) 1px, transparent 1px),\n linear-gradient(90deg, rgba(201,168,76,.013) 1px, transparent 1px);\n background-size: 60px 60px;\n pointer-events: none;\n z-index: 0;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ino-hero {\n position: relative;\n z-index: 1;\n text-align: center;\n padding: 72px 24px 52px;\n overflow: hidden;\n}\n\n.ino-hero::before {\n content: '';\n position: absolute;\n top: -80px; left: 50%;\n transform: translateX(-50%);\n width: 800px; height: 500px;\n background: radial-gradient(ellipse at center, rgba(201,168,76,.07) 0%, transparent 65%);\n pointer-events: none;\n}\n\n.ino-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: .66rem;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n padding: 5px 16px;\n border: 1px solid var(--gold-border);\n border-radius: 40px;\n background: rgba(201,168,76,.06);\n margin-bottom: 20px;\n animation: inoCaseFadeUp .45s ease both;\n}\n\n.ino-eyebrow span { opacity: .45; }\n\n.ino-title {\n font-family: var(--font-d);\n font-size: clamp(2rem, 5vw, 3.4rem);\n font-weight: 900;\n line-height: 1.1;\n margin-bottom: 14px;\n animation: inoCaseFadeUp .45s .07s ease both;\n}\n\n.ino-title em {\n font-style: italic;\n background: linear-gradient(135deg, var(--gold) 0%, var(--gold-lt) 55%, var(--gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.ino-sub {\n font-size: .88rem;\n color: var(--gray);\n max-width: 580px;\n margin: 0 auto 28px;\n line-height: 1.85;\n animation: inoCaseFadeUp .45s .14s ease both;\n}\n\n\/* stats *\/\n.ino-stats {\n display: inline-flex;\n background: var(--card);\n border: 1px solid var(--gold-border);\n border-radius: var(--radius-lg);\n overflow: hidden;\n animation: inoCaseFadeUp .45s .2s ease both;\n}\n\n.ino-stat {\n padding: 11px 22px;\n border-right: 1px solid var(--gold-border);\n}\n\n.ino-stat:last-child { border-right: none; }\n\n.ino-stat-num {\n display: block;\n font-family: var(--font-m);\n font-size: 1rem;\n font-weight: 500;\n color: var(--gold-lt);\n letter-spacing: 1px;\n}\n\n.ino-stat-label {\n display: block;\n font-size: .6rem;\n font-weight: 700;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--gray-dk);\n margin-top: 2px;\n}\n\n.ino-gold-line {\n width: 56px; height: 2px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n margin: 40px auto 0;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MAIN WRAP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ino-wrap {\n position: relative;\n z-index: 1;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 24px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FILTER BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ino-filter-bar {\n background: var(--card);\n border: 1px solid var(--gold-border);\n border-radius: var(--radius-lg);\n padding: 14px 18px;\n margin-bottom: 24px;\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n}\n\n.ino-cat-filters {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n flex: 1;\n}\n\n.ino-filter-btn {\n padding: 5px 13px;\n border-radius: 40px;\n border: 1px solid var(--gold-border);\n background: transparent;\n color: var(--gray);\n cursor: pointer;\n font-family: var(--font-b);\n font-size: .7rem;\n font-weight: 600;\n letter-spacing: .3px;\n transition: all .2s;\n}\n\n.ino-filter-btn:hover {\n border-color: var(--gold-bh);\n color: var(--gold-lt);\n background: var(--gold-glow);\n}\n\n.ino-filter-btn.active {\n background: var(--gold);\n border-color: var(--gold);\n color: var(--navy);\n font-weight: 700;\n}\n\n.ino-fav-btn {\n display: flex;\n align-items: center;\n gap: 7px;\n padding: 5px 13px;\n border-radius: 40px;\n border: 1px solid var(--gold-border);\n background: transparent;\n color: var(--gray);\n cursor: pointer;\n font-family: var(--font-b);\n font-size: .7rem;\n font-weight: 600;\n transition: all .2s;\n flex-shrink: 0;\n}\n\n.ino-fav-btn:hover {\n border-color: var(--gold-bh);\n color: var(--gold-lt);\n background: var(--gold-glow);\n}\n\n.ino-fav-btn.active {\n background: rgba(201,168,76,.18);\n border-color: var(--gold);\n color: var(--gold-lt);\n}\n\n.ino-fav-btn.active svg { fill: var(--gold); stroke: var(--gold); }\n.ino-fav-btn svg { width: 13px; height: 13px; }\n\n\/* results *\/\n.ino-results-info {\n font-family: var(--font-m);\n font-size: .68rem;\n color: var(--gray-dk);\n margin-bottom: 14px;\n}\n\n.ino-results-info span { color: var(--gold); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VIDEO GRID \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ino-video-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n gap: 18px;\n}\n\n.ino-empty {\n grid-column: 1 \/ -1;\n text-align: center;\n padding: 60px 20px;\n color: var(--gray-dk);\n font-size: .85rem;\n}\n\n.ino-empty::before {\n content: '\u25c8';\n display: block;\n font-size: 2rem;\n color: var(--gold-dim);\n margin-bottom: 12px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VIDEO CARD \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ino-video-card {\n background: var(--card);\n border: 1px solid var(--gold-border);\n border-radius: var(--radius-lg);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition: border-color .25s, box-shadow .25s, transform .25s;\n animation: inoCaseFadeUp .4s ease both;\n}\n\n.ino-video-card:hover {\n border-color: var(--gold-bh);\n box-shadow: 0 8px 36px rgba(201,168,76,.1);\n transform: translateY(-3px);\n}\n\n\/* top line on hover *\/\n.ino-video-card::before {\n content: '';\n display: block;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n opacity: 0;\n transition: opacity .3s;\n flex-shrink: 0;\n}\n\n.ino-video-card:hover::before { opacity: 1; }\n\n\/* stagger *\/\n.ino-video-card:nth-child(1) { animation-delay: .04s; }\n.ino-video-card:nth-child(2) { animation-delay: .08s; }\n.ino-video-card:nth-child(3) { animation-delay: .12s; }\n.ino-video-card:nth-child(4) { animation-delay: .16s; }\n.ino-video-card:nth-child(5) { animation-delay: .20s; }\n.ino-video-card:nth-child(6) { animation-delay: .24s; }\n.ino-video-card:nth-child(7) { animation-delay: .28s; }\n.ino-video-card:nth-child(8) { animation-delay: .32s; }\n.ino-video-card:nth-child(9) { animation-delay: .36s; }\n.ino-video-card:nth-child(10) { animation-delay: .40s; }\n.ino-video-card:nth-child(11) { animation-delay: .44s; }\n.ino-video-card:nth-child(12) { animation-delay: .48s; }\n.ino-video-card:nth-child(n+13) { animation-delay: .52s; }\n\n\/* thumbnail *\/\n.ino-thumbnail {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n background: var(--navy-mid);\n flex-shrink: 0;\n}\n\n.ino-video-card[data-type=\"shorts\"] .ino-thumbnail {\n padding-bottom: 100%;\n max-width: 260px;\n margin: 0 auto;\n width: 100%;\n}\n\n.ino-thumbnail iframe {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n border: none;\n}\n\n\/* info *\/\n.ino-info {\n padding: 14px 16px 13px;\n display: flex;\n flex-direction: column;\n gap: 7px;\n flex: 1;\n}\n\n\/* category badge *\/\n.ino-badge {\n display: inline-flex;\n align-items: center;\n padding: 3px 9px;\n border-radius: 40px;\n font-size: .6rem;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n align-self: flex-start;\n}\n\n.ino-badge[data-category=\"IA na Sa\u00fade\"] { background: var(--cat-ia); border: 1px solid var(--cat-ia-b); color: var(--cat-ia-c); }\n.ino-badge[data-category=\"Educa\u00e7\u00e3o M\u00e9dica\"] { background: var(--cat-edu); border: 1px solid var(--cat-edu-b); color: var(--cat-edu-c); }\n.ino-badge[data-category=\"Fundamentos\"] { background: var(--cat-fun); border: 1px solid var(--cat-fun-b); color: var(--cat-fun-c); }\n.ino-badge[data-category=\"Experi\u00eancia Cl\u00ednica\"]{ background: var(--cat-exp); border: 1px solid var(--cat-exp-b); color: var(--cat-exp-c); }\n.ino-badge[data-category=\"APPs\"] { background: var(--cat-app); border: 1px solid var(--cat-app-b); color: var(--cat-app-c); }\n\n\/* title *\/\n.ino-vtitle {\n font-family: var(--font-d);\n font-size: .92rem;\n font-weight: 700;\n color: var(--white);\n line-height: 1.3;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.ino-vlink {\n color: var(--white);\n text-decoration: none;\n transition: color .2s;\n}\n\n.ino-vlink:hover { color: var(--gold-lt); }\n\n\/* description *\/\n.ino-vdesc {\n font-size: .76rem;\n color: var(--gray);\n line-height: 1.75;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n flex: 1;\n transition: -webkit-line-clamp .2s;\n}\n\n.ino-video-card:hover .ino-vdesc {\n -webkit-line-clamp: unset;\n}\n\n\/* footer *\/\n.ino-vmeta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 10px;\n border-top: 1px solid var(--gold-border);\n margin-top: auto;\n}\n\n.ino-vdate {\n font-family: var(--font-m);\n font-size: .65rem;\n color: var(--gray-dk);\n}\n\n.ino-actions {\n display: flex;\n gap: 3px;\n}\n\n.ino-action-btn {\n width: 28px; height: 28px;\n background: transparent;\n border: 1px solid transparent;\n border-radius: var(--radius);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background .2s, border-color .2s;\n text-decoration: none;\n}\n\n.ino-action-btn:hover {\n background: var(--gold-glow);\n border-color: var(--gold-border);\n}\n\n.ino-action-btn svg { width: 13px; height: 13px; stroke: var(--gray); }\n.ino-action-btn:hover svg { stroke: var(--gold); }\n\n.ino-fav-card-btn.active svg { fill: var(--gold); stroke: var(--gold); }\n\n.ino-yt-btn svg { stroke: #ff4444; }\n.ino-yt-btn:hover svg { stroke: #ff7777; }\n.ino-yt-btn:hover { background: rgba(255,68,68,.08); border-color: rgba(255,68,68,.2); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BTT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ino-cases-btt {\n position: fixed;\n bottom: 28px; right: 28px;\n width: 46px; height: 46px;\n background: var(--navy);\n border: 1px solid rgba(201,168,76,.5);\n border-radius: var(--radius);\n display: grid;\n place-items: center;\n z-index: 9999;\n opacity: 0; visibility: hidden;\n transform: translateY(10px);\n transition: opacity .3s, visibility .3s, transform .3s, background .2s, box-shadow .2s;\n cursor: pointer;\n}\n\n#ino-cases-btt.visible { opacity: 1; visibility: visible; transform: translateY(0); }\n#ino-cases-btt:hover { background: rgba(201,168,76,.1); box-shadow: 0 0 24px rgba(201,168,76,.25); }\n#ino-cases-btt svg { width: 18px; height: 18px; stroke: var(--gold); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 768px) {\n .ino-hero { padding: 52px 16px 36px; }\n .ino-wrap { padding: 0 16px; }\n .ino-filter-bar { flex-direction: column; align-items: stretch; }\n .ino-cat-filters { justify-content: flex-start; }\n .ino-fav-btn { align-self: flex-start; }\n .ino-video-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }\n #ino-cases-btt { bottom: 18px; right: 16px; width: 42px; height: 42px; }\n}\n\n@media (max-width: 480px) {\n .ino-video-grid { grid-template-columns: 1fr; }\n .ino-stats { flex-direction: row; width: 100%; }\n}\n\n@keyframes inoCaseFadeUp {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n #ino-cases-portal *, #ino-cases-portal *::before, #ino-cases-portal *::after {\n animation: none !important; transition: none !important;\n }\n}\n<\/style>\n\n\n\n<div id=\"ino-cases-portal\">\n\n \n <section class=\"ino-hero\" id=\"ino-cases-topo\">\n <div class=\"ino-eyebrow\"><span>\u25c6<\/span> INOVAMED <span>\u00b7<\/span> Cases<\/div>\n <h1 class=\"ino-title\">Cases de <em>Sucesso<\/em><\/h1>\n <p class=\"ino-sub\">Casos reais de implementa\u00e7\u00e3o de Intelig\u00eancia Artificial na medicina brasileira \u2014 da UTI pedi\u00e1trica ao SUS, da educa\u00e7\u00e3o m\u00e9dica aos apps cl\u00ednicos.<\/p>\n <div class=\"ino-stats\" id=\"inoCaseStats\">\n <div class=\"ino-stat\">\n <span class=\"ino-stat-num\" id=\"ino-stat-total\">\u2014<\/span>\n <span class=\"ino-stat-label\">Cases<\/span>\n <\/div>\n <div class=\"ino-stat\">\n <span class=\"ino-stat-num\" id=\"ino-stat-cats\">\u2014<\/span>\n <span class=\"ino-stat-label\">Categorias<\/span>\n <\/div>\n <div class=\"ino-stat\">\n <span class=\"ino-stat-num\" id=\"ino-stat-favs\">0<\/span>\n <span class=\"ino-stat-label\">Favoritos<\/span>\n <\/div>\n <\/div>\n <div class=\"ino-gold-line\"><\/div>\n <\/section>\n\n \n <div class=\"ino-wrap\">\n\n \n <div class=\"ino-filter-bar\">\n <div class=\"ino-cat-filters\" id=\"inoCatFilters\"><\/div>\n <button class=\"ino-fav-btn\" id=\"inoFavToggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2z\"\/>\n <\/svg>\n Favoritos\n <\/button>\n <\/div>\n\n \n <p class=\"ino-results-info\" id=\"inoResultsInfo\"><\/p>\n\n \n <div class=\"ino-video-grid\" id=\"inoCaseGrid\"><\/div>\n\n <\/div>\n<\/div>\n\n\n<button id=\"ino-cases-btt\" aria-label=\"Voltar ao topo\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 19V5M5 12l7-7 7 7\"\/>\n <\/svg>\n<\/button>\n\n\n\n<script>\n(function() {\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n VIDEO DATA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst videosData = [\n {\n id: 'v1Xu9murkWw',\n title: 'Chegou a Era da IA na Sa\u00fade: Revolu\u00e7\u00e3o na Medicina!',\n category: 'IA na Sa\u00fade',\n description: 'Descubra como a Intelig\u00eancia Artificial est\u00e1 transformando a pr\u00e1tica m\u00e9dica e revolucionando o atendimento ao paciente.',\n date: 'Dez 2024'\n },\n {\n id: 'bXU3fCj2AbA',\n title: 'Utilizando AIMED Prompts para Aprimorar Pr\u00e1ticas M\u00e9dicas',\n category: 'Educa\u00e7\u00e3o M\u00e9dica',\n description: 'Aprenda t\u00e9cnicas avan\u00e7adas de prompt engineering espec\u00edficas para a \u00e1rea m\u00e9dica.',\n date: 'Dez 2024'\n },\n {\n id: '3UeIqLs6FDg',\n title: 'Introdu\u00e7\u00e3o \u00e0 Intelig\u00eancia Artificial na Medicina',\n category: 'Fundamentos',\n description: 'Compreenda os conceitos fundamentais da Intelig\u00eancia Artificial e sua aplica\u00e7\u00e3o na medicina moderna.',\n date: 'Dez 2024'\n },\n {\n id: '4ABVpd9DsCg',\n title: 'Personaliza\u00e7\u00e3o da IA nas consultas SUS',\n category: 'Experi\u00eancia Cl\u00ednica',\n description: 'Aplica\u00e7\u00e3o pr\u00e1tica da IA no atendimento do SUS em Joinville-SC.',\n date: 'Dez 2024'\n },\n {\n id: 'MKvnQS-Ugsg',\n title: 'App para Triagem de Autismo',\n category: 'APPs',\n description: 'Ferramenta inovadora para auxiliar na triagem de autismo, tornando o processo mais eficiente e acess\u00edvel.',\n date: 'Dez 2024'\n },\n {\n id: 'Dah758wJIoo',\n title: 'App para C\u00e1lculo de Doses',\n category: 'APPs',\n description: 'Aplicativo seguro e eficiente para c\u00e1lculos precisos de dosagem de medicamentos.',\n date: 'Dez 2024'\n },\n {\n id: 'A2oze0fy4Vg',\n title: 'App para C\u00e1lculo de Dilui\u00e7\u00e3o de Medicamentos',\n category: 'APPs',\n description: 'Tutorial pr\u00e1tico sobre como usar tecnologia para realizar c\u00e1lculos precisos de dilui\u00e7\u00e3o de medicamentos com seguran\u00e7a.',\n date: 'Dez 2024'\n },\n {\n id: 'zLriHn2Y1zg',\n title: 'Buscador de Procedimentos na Tabela SUS',\n category: 'APPs',\n description: 'Guia completo para enfermeiros localizarem procedimentos na tabela SUS de forma r\u00e1pida e eficiente.',\n date: 'Dez 2024'\n },\n {\n id: 'KU63Z02VTS0',\n title: 'App Revolucion\u00e1rio para Nutricionistas',\n category: 'APPs',\n description: 'Aplicativo inovador desenvolvido para otimizar o trabalho dos nutricionistas, facilitando o acompanhamento e planejamento nutricional.',\n date: 'Dez 2024'\n },\n {\n id: 'p2fwFUcyM1A',\n title: 'Claude Sonnet no SUS: Pediatria Inteligente',\n category: 'Experi\u00eancia Cl\u00ednica',\n description: 'Case real de implementa\u00e7\u00e3o do Claude Sonnet em consultas pedi\u00e1tricas no ambulat\u00f3rio do SUS em Joinville-SC, demonstrando melhorias significativas no atendimento.',\n date: 'Dez 2024'\n },\n {\n id: '3tMy_t2UO1M',\n title: 'SAE: Sistema de Assist\u00eancia de Enfermagem com IA',\n category: 'APPs',\n description: 'Sistema inovador que revoluciona a Sistematiza\u00e7\u00e3o da Assist\u00eancia de Enfermagem utilizando IA para otimizar documenta\u00e7\u00e3o e melhorar a qualidade do cuidado.',\n date: 'Dez 2024'\n },\n {\n id: 'lnpdEUk2N6k',\n title: 'Aprenda ECG com Claude Sonnet',\n category: 'Educa\u00e7\u00e3o M\u00e9dica',\n description: 'Ferramenta educacional interativa que utiliza IA para ensinar interpreta\u00e7\u00e3o de ECG, com feedback em tempo real e casos cl\u00ednicos personalizados.',\n date: 'Dez 2024'\n },\n {\n id: '_v9y7luu1OY',\n title: 'IA na Pesquisa: Projetos Cient\u00edficos com Claude Sonnet',\n category: 'Educa\u00e7\u00e3o M\u00e9dica',\n description: 'Aprenda a utilizar o Claude Sonnet para estruturar e desenvolver projetos de pesquisa cient\u00edfica, otimizando metodologia e revis\u00e3o bibliogr\u00e1fica.',\n date: 'Dez 2024'\n }\n];\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PORTAL CLASS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nclass InoCasesPortal {\n constructor() {\n this.favorites = JSON.parse(localStorage.getItem('ino_cases_favs') || '[]');\n this.selectedCategory = 'Todas';\n this.showOnlyFavorites = false;\n this.init();\n this.setupBTT();\n }\n\n init() {\n this.renderCategories();\n this.renderVideos();\n this.setupListeners();\n this.updateStats();\n }\n\n updateStats() {\n const cats = new Set(videosData.map(v => v.category));\n document.getElementById('ino-stat-total').textContent = videosData.length;\n document.getElementById('ino-stat-cats').textContent = cats.size;\n document.getElementById('ino-stat-favs').textContent = this.favorites.length;\n }\n\n renderCategories() {\n const cats = ['Todas', ...new Set(videosData.map(v => v.category))];\n document.getElementById('inoCatFilters').innerHTML = cats.map(c => `\n <button class=\"ino-filter-btn ${c === this.selectedCategory ? 'active' : ''}\" data-category=\"${c}\">${c}<\/button>\n `).join('');\n }\n\n getFiltered() {\n let list = videosData;\n if (this.selectedCategory !== 'Todas')\n list = list.filter(v => v.category === this.selectedCategory);\n if (this.showOnlyFavorites)\n list = list.filter(v => this.favorites.includes(v.id));\n return list;\n }\n\n renderVideos() {\n const grid = document.getElementById('inoCaseGrid');\n const filtered = this.getFiltered();\n\n document.getElementById('inoResultsInfo').innerHTML =\n `Exibindo <span>${filtered.length}<\/span> de <span>${videosData.length}<\/span> cases`;\n\n if (!filtered.length) {\n grid.innerHTML = '<div class=\"ino-empty\">Nenhum case encontrado com os crit\u00e9rios selecionados.<\/div>';\n return;\n }\n\n grid.innerHTML = filtered.map((v, i) => {\n const isShorts = v.id.length < 12;\n const isFav = this.favorites.includes(v.id);\n return `\n <div class=\"ino-video-card\" data-category=\"${v.category}\" ${isShorts ? 'data-type=\"shorts\"' : ''}>\n <div class=\"ino-thumbnail\">\n <iframe\n src=\"https:\/\/www.youtube.com\/embed\/${v.id}\"\n title=\"${v.title}\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen loading=\"lazy\">\n <\/iframe>\n <\/div>\n <div class=\"ino-info\">\n <span class=\"ino-badge\" data-category=\"${v.category}\">${v.category}<\/span>\n <h3 class=\"ino-vtitle\">\n <a href=\"https:\/\/youtu.be\/${v.id}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ino-vlink\">${v.title}<\/a>\n <\/h3>\n <p class=\"ino-vdesc\">${v.description}<\/p>\n <div class=\"ino-vmeta\">\n <span class=\"ino-vdate\">${v.date}<\/span>\n <div class=\"ino-actions\">\n <button class=\"ino-action-btn ino-fav-card-btn ${isFav ? 'active' : ''}\"\n data-video-id=\"${v.id}\" aria-label=\"Favoritar\">\n <svg viewBox=\"0 0 24 24\" fill=\"${isFav ? 'currentColor' : 'none'}\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2z\"\/>\n <\/svg>\n <\/button>\n <a href=\"https:\/\/youtu.be\/${v.id}\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"ino-action-btn ino-yt-btn\" title=\"Assistir no YouTube\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\"\/>\n <polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n `;\n }).join('');\n }\n\n setupListeners() {\n document.getElementById('inoCatFilters').addEventListener('click', e => {\n const btn = e.target.closest('.ino-filter-btn');\n if (!btn) return;\n this.selectedCategory = btn.dataset.category;\n document.querySelectorAll('.ino-filter-btn').forEach(b =>\n b.classList.toggle('active', b.dataset.category === this.selectedCategory)\n );\n this.renderVideos();\n });\n\n document.getElementById('inoFavToggle').addEventListener('click', () => {\n this.showOnlyFavorites = !this.showOnlyFavorites;\n document.getElementById('inoFavToggle').classList.toggle('active', this.showOnlyFavorites);\n this.renderVideos();\n });\n\n document.getElementById('inoCaseGrid').addEventListener('click', e => {\n const btn = e.target.closest('.ino-fav-card-btn');\n if (btn) this.toggleFavorite(btn.dataset.videoId);\n });\n }\n\n toggleFavorite(id) {\n const idx = this.favorites.indexOf(id);\n if (idx === -1) this.favorites.push(id);\n else this.favorites.splice(idx, 1);\n localStorage.setItem('ino_cases_favs', JSON.stringify(this.favorites));\n this.renderVideos();\n this.updateStats();\n }\n\n setupBTT() {\n const btn = document.getElementById('ino-cases-btt');\n let t = false;\n window.addEventListener('scroll', () => {\n if (!t) {\n requestAnimationFrame(() => {\n btn.classList.toggle('visible', window.scrollY > 300);\n t = false;\n });\n t = true;\n }\n }, { passive: true });\n btn.addEventListener('click', () =>\n window.scrollTo({ top: 0, behavior: 'smooth' })\n );\n }\n}\n\ndocument.addEventListener('DOMContentLoaded', () => new InoCasesPortal());\n\n})();\n<\/script>\n\n\n<\/body>\n<\/html><p><\/p>","protected":false},"excerpt":{"rendered":"<p>Cases de Sucesso \u2014 INOVAMED \u25c6 INOVAMED \u00b7 Cases Cases de Sucesso Casos reais de implementa\u00e7\u00e3o de Intelig\u00eancia Artificial na medicina brasileira \u2014 da UTI pedi\u00e1trica ao SUS, da educa\u00e7\u00e3o m\u00e9dica aos apps cl\u00ednicos. \u2014 Cases \u2014 Categorias 0 Favoritos Favoritos<span class=\"more-link\"><a href=\"https:\/\/inovamed.pro\/?page_id=553\">LEIA O ARTIGO COMPLETO<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["entry","author-mbulabarros","post-553","page","type-page","status-publish"],"yoast_head":"\n<title>Cases em Videos - INOVAMED<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/inovamed.pro\/?page_id=553\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cases em Videos - INOVAMED\" \/>\n<meta property=\"og:description\" content=\"Cases de Sucesso \u2014 INOVAMED \u25c6 INOVAMED \u00b7 Cases Cases de Sucesso Casos reais de implementa\u00e7\u00e3o de Intelig\u00eancia Artificial na medicina brasileira \u2014 da UTI pedi\u00e1trica ao SUS, da educa\u00e7\u00e3o m\u00e9dica aos apps cl\u00ednicos. \u2014 Cases \u2014 Categorias 0 Favoritos FavoritosLEIA O ARTIGO COMPLETO\" \/>\n<meta property=\"og:url\" content=\"https:\/\/inovamed.pro\/?page_id=553\" \/>\n<meta property=\"og:site_name\" content=\"INOVAMED\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-19T15:56:53+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/inovamed.pro\/?page_id=553\",\"url\":\"https:\/\/inovamed.pro\/?page_id=553\",\"name\":\"Cases em Videos - INOVAMED\",\"isPartOf\":{\"@id\":\"https:\/\/inovamed.pro\/#website\"},\"datePublished\":\"2024-12-11T18:32:24+00:00\",\"dateModified\":\"2026-02-19T15:56:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/inovamed.pro\/?page_id=553#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/inovamed.pro\/?page_id=553\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/inovamed.pro\/?page_id=553#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/inovamed.pro\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cases em Videos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/inovamed.pro\/#website\",\"url\":\"https:\/\/inovamed.pro\/\",\"name\":\"INOVAMED\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/inovamed.pro\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/inovamed.pro\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/inovamed.pro\/#organization\",\"name\":\"INOVAMED\",\"url\":\"https:\/\/inovamed.pro\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/inovamed.pro\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/inovamed.pro\/wp-content\/uploads\/2024\/12\/cropped-DALL\u00b7E-2024-12-10-13.53.06-A-hyperrealistic-3D-rendering-of-a-half-human-brain-merged-with-circuit-board-patterns-viewed-from-a-slight-side-angle.-The-brains-left-hemisphere-s.webp\",\"contentUrl\":\"https:\/\/inovamed.pro\/wp-content\/uploads\/2024\/12\/cropped-DALL\u00b7E-2024-12-10-13.53.06-A-hyperrealistic-3D-rendering-of-a-half-human-brain-merged-with-circuit-board-patterns-viewed-from-a-slight-side-angle.-The-brains-left-hemisphere-s.webp\",\"width\":1706,\"height\":1023,\"caption\":\"INOVAMED\"},\"image\":{\"@id\":\"https:\/\/inovamed.pro\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Cases em Videos - INOVAMED","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/inovamed.pro\/?page_id=553","og_locale":"pt_BR","og_type":"article","og_title":"Cases em Videos - INOVAMED","og_description":"Cases de Sucesso \u2014 INOVAMED \u25c6 INOVAMED \u00b7 Cases Cases de Sucesso Casos reais de implementa\u00e7\u00e3o de Intelig\u00eancia Artificial na medicina brasileira \u2014 da UTI pedi\u00e1trica ao SUS, da educa\u00e7\u00e3o m\u00e9dica aos apps cl\u00ednicos. \u2014 Cases \u2014 Categorias 0 Favoritos FavoritosLEIA O ARTIGO COMPLETO","og_url":"https:\/\/inovamed.pro\/?page_id=553","og_site_name":"INOVAMED","article_modified_time":"2026-02-19T15:56:53+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/inovamed.pro\/?page_id=553","url":"https:\/\/inovamed.pro\/?page_id=553","name":"Cases em Videos - INOVAMED","isPartOf":{"@id":"https:\/\/inovamed.pro\/#website"},"datePublished":"2024-12-11T18:32:24+00:00","dateModified":"2026-02-19T15:56:53+00:00","breadcrumb":{"@id":"https:\/\/inovamed.pro\/?page_id=553#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/inovamed.pro\/?page_id=553"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/inovamed.pro\/?page_id=553#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/inovamed.pro\/"},{"@type":"ListItem","position":2,"name":"Cases em Videos"}]},{"@type":"WebSite","@id":"https:\/\/inovamed.pro\/#website","url":"https:\/\/inovamed.pro\/","name":"INOVAMED","description":"","publisher":{"@id":"https:\/\/inovamed.pro\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/inovamed.pro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/inovamed.pro\/#organization","name":"INOVAMED","url":"https:\/\/inovamed.pro\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/inovamed.pro\/#\/schema\/logo\/image\/","url":"https:\/\/inovamed.pro\/wp-content\/uploads\/2024\/12\/cropped-DALL\u00b7E-2024-12-10-13.53.06-A-hyperrealistic-3D-rendering-of-a-half-human-brain-merged-with-circuit-board-patterns-viewed-from-a-slight-side-angle.-The-brains-left-hemisphere-s.webp","contentUrl":"https:\/\/inovamed.pro\/wp-content\/uploads\/2024\/12\/cropped-DALL\u00b7E-2024-12-10-13.53.06-A-hyperrealistic-3D-rendering-of-a-half-human-brain-merged-with-circuit-board-patterns-viewed-from-a-slight-side-angle.-The-brains-left-hemisphere-s.webp","width":1706,"height":1023,"caption":"INOVAMED"},"image":{"@id":"https:\/\/inovamed.pro\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/inovamed.pro\/index.php?rest_route=\/wp\/v2\/pages\/553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inovamed.pro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inovamed.pro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inovamed.pro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inovamed.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=553"}],"version-history":[{"count":5,"href":"https:\/\/inovamed.pro\/index.php?rest_route=\/wp\/v2\/pages\/553\/revisions"}],"predecessor-version":[{"id":2577,"href":"https:\/\/inovamed.pro\/index.php?rest_route=\/wp\/v2\/pages\/553\/revisions\/2577"}],"wp:attachment":[{"href":"https:\/\/inovamed.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":553,"date":"2024-12-11T18:32:24","date_gmt":"2024-12-11T18:32:24","guid":{"rendered":"https:\/\/inovamed.pro\/?page_id=553"},"modified":"2026-02-19T12:56:53","modified_gmt":"2026-02-19T15:56:53","slug":"videos","status":"publish","type":"page","link":"https:\/\/inovamed.pro\/?page_id=553","title":{"rendered":"Cases em Videos"},"content":{"rendered":"\n\n\n\n\nCases de Sucesso \u2014 INOVAMED<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Montserrat:wght@300;400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TOKENS INOVAMED\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ino-cases-portal {\n --navy: #020817;\n --navy-mid: #0a1b38;\n --card: #0d1e3a;\n --card-h: #112247;\n --gold: #c9a84c;\n --gold-lt: #e8c97a;\n --gold-dim: #7a6030;\n --gold-glow: rgba(201,168,76,.16);\n --gold-border: rgba(201,168,76,.28);\n --gold-bh: rgba(201,168,76,.65);\n --white: #ffffff;\n --gray: #9aaabf;\n --gray-dk: #4a5f7a;\n --radius: 6px;\n --radius-lg: 14px;\n --font-d: 'Playfair Display', Georgia, serif;\n --font-b: 'Montserrat', sans-serif;\n --font-m: 'DM Mono', monospace;\n\n \/* category accent colors *\/\n --cat-ia: rgba(42,109,206,.14);\n --cat-ia-b: rgba(42,109,206,.35);\n --cat-ia-c: #6fa3e8;\n --cat-edu: rgba(0,168,89,.12);\n --cat-edu-b: rgba(0,168,89,.35);\n --cat-edu-c: #4ecf8a;\n --cat-fun: rgba(201,168,76,.12);\n --cat-fun-b: rgba(201,168,76,.35);\n --cat-fun-c: #e8c97a;\n --cat-exp: rgba(168,100,201,.12);\n --cat-exp-b: rgba(168,100,201,.35);\n --cat-exp-c: #c47ae8;\n --cat-app: rgba(224,100,48,.12);\n --cat-app-b: rgba(224,100,48,.35);\n --cat-app-c: #e88a5a;\n}\n\n#ino-cases-portal * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n#ino-cases-portal {\n font-family: var(--font-b);\n background: var(--navy);\n color: var(--white);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n padding: 0 0 80px;\n position: relative;\n overflow-x: hidden;\n}\n\n\/* grid bg *\/\n#ino-cases-portal::before {\n content: '';\n position: fixed; inset: 0;\n background-image:\n linear-gradient(rgba(201,168,76,.013) 1px, transparent 1px),\n linear-gradient(90deg, rgba(201,168,76,.013) 1px, transparent 1px);\n background-size: 60px 60px;\n pointer-events: none;\n z-index: 0;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ino-hero {\n position: relative;\n z-index: 1;\n text-align: center;\n padding: 72px 24px 52px;\n overflow: hidden;\n}\n\n.ino-hero::before {\n content: '';\n position: absolute;\n top: -80px; left: 50%;\n transform: translateX(-50%);\n width: 800px; height: 500px;\n background: radial-gradient(ellipse at center, rgba(201,168,76,.07) 0%, transparent 65%);\n pointer-events: none;\n}\n\n.ino-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: .66rem;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n padding: 5px 16px;\n border: 1px solid var(--gold-border);\n border-radius: 40px;\n background: rgba(201,168,76,.06);\n margin-bottom: 20px;\n animation: inoCaseFadeUp .45s ease both;\n}\n\n.ino-eyebrow span { opacity: .45; }\n\n.ino-title {\n font-family: var(--font-d);\n font-size: clamp(2rem, 5vw, 3.4rem);\n font-weight: 900;\n line-height: 1.1;\n margin-bottom: 14px;\n animation: inoCaseFadeUp .45s .07s ease both;\n}\n\n.ino-title em {\n font-style: italic;\n background: linear-gradient(135deg, var(--gold) 0%, var(--gold-lt) 55%, var(--gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.ino-sub {\n font-size: .88rem;\n color: var(--gray);\n max-width: 580px;\n margin: 0 auto 28px;\n line-height: 1.85;\n animation: inoCaseFadeUp .45s .14s ease both;\n}\n\n\/* stats *\/\n.ino-stats {\n display: inline-flex;\n background: var(--card);\n border: 1px solid var(--gold-border);\n border-radius: var(--radius-lg);\n overflow: hidden;\n animation: inoCaseFadeUp .45s .2s ease both;\n}\n\n.ino-stat {\n padding: 11px 22px;\n border-right: 1px solid var(--gold-border);\n}\n\n.ino-stat:last-child { border-right: none; }\n\n.ino-stat-num {\n display: block;\n font-family: var(--font-m);\n font-size: 1rem;\n font-weight: 500;\n color: var(--gold-lt);\n letter-spacing: 1px;\n}\n\n.ino-stat-label {\n display: block;\n font-size: .6rem;\n font-weight: 700;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--gray-dk);\n margin-top: 2px;\n}\n\n.ino-gold-line {\n width: 56px; height: 2px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n margin: 40px auto 0;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MAIN WRAP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ino-wrap {\n position: relative;\n z-index: 1;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 24px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FILTER BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ino-filter-bar {\n background: var(--card);\n border: 1px solid var(--gold-border);\n border-radius: var(--radius-lg);\n padding: 14px 18px;\n margin-bottom: 24px;\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n}\n\n.ino-cat-filters {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n flex: 1;\n}\n\n.ino-filter-btn {\n padding: 5px 13px;\n border-radius: 40px;\n border: 1px solid var(--gold-border);\n background: transparent;\n color: var(--gray);\n cursor: pointer;\n font-family: var(--font-b);\n font-size: .7rem;\n font-weight: 600;\n letter-spacing: .3px;\n transition: all .2s;\n}\n\n.ino-filter-btn:hover {\n border-color: var(--gold-bh);\n color: var(--gold-lt);\n background: var(--gold-glow);\n}\n\n.ino-filter-btn.active {\n background: var(--gold);\n border-color: var(--gold);\n color: var(--navy);\n font-weight: 700;\n}\n\n.ino-fav-btn {\n display: flex;\n align-items: center;\n gap: 7px;\n padding: 5px 13px;\n border-radius: 40px;\n border: 1px solid var(--gold-border);\n background: transparent;\n color: var(--gray);\n cursor: pointer;\n font-family: var(--font-b);\n font-size: .7rem;\n font-weight: 600;\n transition: all .2s;\n flex-shrink: 0;\n}\n\n.ino-fav-btn:hover {\n border-color: var(--gold-bh);\n color: var(--gold-lt);\n background: var(--gold-glow);\n}\n\n.ino-fav-btn.active {\n background: rgba(201,168,76,.18);\n border-color: var(--gold);\n color: var(--gold-lt);\n}\n\n.ino-fav-btn.active svg { fill: var(--gold); stroke: var(--gold); }\n.ino-fav-btn svg { width: 13px; height: 13px; }\n\n\/* results *\/\n.ino-results-info {\n font-family: var(--font-m);\n font-size: .68rem;\n color: var(--gray-dk);\n margin-bottom: 14px;\n}\n\n.ino-results-info span { color: var(--gold); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VIDEO GRID \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ino-video-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n gap: 18px;\n}\n\n.ino-empty {\n grid-column: 1 \/ -1;\n text-align: center;\n padding: 60px 20px;\n color: var(--gray-dk);\n font-size: .85rem;\n}\n\n.ino-empty::before {\n content: '\u25c8';\n display: block;\n font-size: 2rem;\n color: var(--gold-dim);\n margin-bottom: 12px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VIDEO CARD \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ino-video-card {\n background: var(--card);\n border: 1px solid var(--gold-border);\n border-radius: var(--radius-lg);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition: border-color .25s, box-shadow .25s, transform .25s;\n animation: inoCaseFadeUp .4s ease both;\n}\n\n.ino-video-card:hover {\n border-color: var(--gold-bh);\n box-shadow: 0 8px 36px rgba(201,168,76,.1);\n transform: translateY(-3px);\n}\n\n\/* top line on hover *\/\n.ino-video-card::before {\n content: '';\n display: block;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n opacity: 0;\n transition: opacity .3s;\n flex-shrink: 0;\n}\n\n.ino-video-card:hover::before { opacity: 1; }\n\n\/* stagger *\/\n.ino-video-card:nth-child(1) { animation-delay: .04s; }\n.ino-video-card:nth-child(2) { animation-delay: .08s; }\n.ino-video-card:nth-child(3) { animation-delay: .12s; }\n.ino-video-card:nth-child(4) { animation-delay: .16s; }\n.ino-video-card:nth-child(5) { animation-delay: .20s; }\n.ino-video-card:nth-child(6) { animation-delay: .24s; }\n.ino-video-card:nth-child(7) { animation-delay: .28s; }\n.ino-video-card:nth-child(8) { animation-delay: .32s; }\n.ino-video-card:nth-child(9) { animation-delay: .36s; }\n.ino-video-card:nth-child(10) { animation-delay: .40s; }\n.ino-video-card:nth-child(11) { animation-delay: .44s; }\n.ino-video-card:nth-child(12) { animation-delay: .48s; }\n.ino-video-card:nth-child(n+13) { animation-delay: .52s; }\n\n\/* thumbnail *\/\n.ino-thumbnail {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n background: var(--navy-mid);\n flex-shrink: 0;\n}\n\n.ino-video-card[data-type=\"shorts\"] .ino-thumbnail {\n padding-bottom: 100%;\n max-width: 260px;\n margin: 0 auto;\n width: 100%;\n}\n\n.ino-thumbnail iframe {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n border: none;\n}\n\n\/* info *\/\n.ino-info {\n padding: 14px 16px 13px;\n display: flex;\n flex-direction: column;\n gap: 7px;\n flex: 1;\n}\n\n\/* category badge *\/\n.ino-badge {\n display: inline-flex;\n align-items: center;\n padding: 3px 9px;\n border-radius: 40px;\n font-size: .6rem;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n align-self: flex-start;\n}\n\n.ino-badge[data-category=\"IA na Sa\u00fade\"] { background: var(--cat-ia); border: 1px solid var(--cat-ia-b); color: var(--cat-ia-c); }\n.ino-badge[data-category=\"Educa\u00e7\u00e3o M\u00e9dica\"] { background: var(--cat-edu); border: 1px solid var(--cat-edu-b); color: var(--cat-edu-c); }\n.ino-badge[data-category=\"Fundamentos\"] { background: var(--cat-fun); border: 1px solid var(--cat-fun-b); color: var(--cat-fun-c); }\n.ino-badge[data-category=\"Experi\u00eancia Cl\u00ednica\"]{ background: var(--cat-exp); border: 1px solid var(--cat-exp-b); color: var(--cat-exp-c); }\n.ino-badge[data-category=\"APPs\"] { background: var(--cat-app); border: 1px solid var(--cat-app-b); color: var(--cat-app-c); }\n\n\/* title *\/\n.ino-vtitle {\n font-family: var(--font-d);\n font-size: .92rem;\n font-weight: 700;\n color: var(--white);\n line-height: 1.3;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.ino-vlink {\n color: var(--white);\n text-decoration: none;\n transition: color .2s;\n}\n\n.ino-vlink:hover { color: var(--gold-lt); }\n\n\/* description *\/\n.ino-vdesc {\n font-size: .76rem;\n color: var(--gray);\n line-height: 1.75;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n flex: 1;\n transition: -webkit-line-clamp .2s;\n}\n\n.ino-video-card:hover .ino-vdesc {\n -webkit-line-clamp: unset;\n}\n\n\/* footer *\/\n.ino-vmeta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 10px;\n border-top: 1px solid var(--gold-border);\n margin-top: auto;\n}\n\n.ino-vdate {\n font-family: var(--font-m);\n font-size: .65rem;\n color: var(--gray-dk);\n}\n\n.ino-actions {\n display: flex;\n gap: 3px;\n}\n\n.ino-action-btn {\n width: 28px; height: 28px;\n background: transparent;\n border: 1px solid transparent;\n border-radius: var(--radius);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background .2s, border-color .2s;\n text-decoration: none;\n}\n\n.ino-action-btn:hover {\n background: var(--gold-glow);\n border-color: var(--gold-border);\n}\n\n.ino-action-btn svg { width: 13px; height: 13px; stroke: var(--gray); }\n.ino-action-btn:hover svg { stroke: var(--gold); }\n\n.ino-fav-card-btn.active svg { fill: var(--gold); stroke: var(--gold); }\n\n.ino-yt-btn svg { stroke: #ff4444; }\n.ino-yt-btn:hover svg { stroke: #ff7777; }\n.ino-yt-btn:hover { background: rgba(255,68,68,.08); border-color: rgba(255,68,68,.2); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BTT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ino-cases-btt {\n position: fixed;\n bottom: 28px; right: 28px;\n width: 46px; height: 46px;\n background: var(--navy);\n border: 1px solid rgba(201,168,76,.5);\n border-radius: var(--radius);\n display: grid;\n place-items: center;\n z-index: 9999;\n opacity: 0; visibility: hidden;\n transform: translateY(10px);\n transition: opacity .3s, visibility .3s, transform .3s, background .2s, box-shadow .2s;\n cursor: pointer;\n}\n\n#ino-cases-btt.visible { opacity: 1; visibility: visible; transform: translateY(0); }\n#ino-cases-btt:hover { background: rgba(201,168,76,.1); box-shadow: 0 0 24px rgba(201,168,76,.25); }\n#ino-cases-btt svg { width: 18px; height: 18px; stroke: var(--gold); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 768px) {\n .ino-hero { padding: 52px 16px 36px; }\n .ino-wrap { padding: 0 16px; }\n .ino-filter-bar { flex-direction: column; align-items: stretch; }\n .ino-cat-filters { justify-content: flex-start; }\n .ino-fav-btn { align-self: flex-start; }\n .ino-video-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }\n #ino-cases-btt { bottom: 18px; right: 16px; width: 42px; height: 42px; }\n}\n\n@media (max-width: 480px) {\n .ino-video-grid { grid-template-columns: 1fr; }\n .ino-stats { flex-direction: row; width: 100%; }\n}\n\n@keyframes inoCaseFadeUp {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n #ino-cases-portal *, #ino-cases-portal *::before, #ino-cases-portal *::after {\n animation: none !important; transition: none !important;\n }\n}\n<\/style>\n\n\n\n<div id=\"ino-cases-portal\">\n\n \n <section class=\"ino-hero\" id=\"ino-cases-topo\">\n <div class=\"ino-eyebrow\"><span>\u25c6<\/span> INOVAMED <span>\u00b7<\/span> Cases<\/div>\n <h1 class=\"ino-title\">Cases de <em>Sucesso<\/em><\/h1>\n <p class=\"ino-sub\">Casos reais de implementa\u00e7\u00e3o de Intelig\u00eancia Artificial na medicina brasileira \u2014 da UTI pedi\u00e1trica ao SUS, da educa\u00e7\u00e3o m\u00e9dica aos apps cl\u00ednicos.<\/p>\n <div class=\"ino-stats\" id=\"inoCaseStats\">\n <div class=\"ino-stat\">\n <span class=\"ino-stat-num\" id=\"ino-stat-total\">\u2014<\/span>\n <span class=\"ino-stat-label\">Cases<\/span>\n <\/div>\n <div class=\"ino-stat\">\n <span class=\"ino-stat-num\" id=\"ino-stat-cats\">\u2014<\/span>\n <span class=\"ino-stat-label\">Categorias<\/span>\n <\/div>\n <div class=\"ino-stat\">\n <span class=\"ino-stat-num\" id=\"ino-stat-favs\">0<\/span>\n <span class=\"ino-stat-label\">Favoritos<\/span>\n <\/div>\n <\/div>\n <div class=\"ino-gold-line\"><\/div>\n <\/section>\n\n \n <div class=\"ino-wrap\">\n\n \n <div class=\"ino-filter-bar\">\n <div class=\"ino-cat-filters\" id=\"inoCatFilters\"><\/div>\n <button class=\"ino-fav-btn\" id=\"inoFavToggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2z\"\/>\n <\/svg>\n Favoritos\n <\/button>\n <\/div>\n\n \n <p class=\"ino-results-info\" id=\"inoResultsInfo\"><\/p>\n\n \n <div class=\"ino-video-grid\" id=\"inoCaseGrid\"><\/div>\n\n <\/div>\n<\/div>\n\n\n<button id=\"ino-cases-btt\" aria-label=\"Voltar ao topo\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 19V5M5 12l7-7 7 7\"\/>\n <\/svg>\n<\/button>\n\n\n\n<script>\n(function() {\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n VIDEO DATA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst videosData = [\n {\n id: 'v1Xu9murkWw',\n title: 'Chegou a Era da IA na Sa\u00fade: Revolu\u00e7\u00e3o na Medicina!',\n category: 'IA na Sa\u00fade',\n description: 'Descubra como a Intelig\u00eancia Artificial est\u00e1 transformando a pr\u00e1tica m\u00e9dica e revolucionando o atendimento ao paciente.',\n date: 'Dez 2024'\n },\n {\n id: 'bXU3fCj2AbA',\n title: 'Utilizando AIMED Prompts para Aprimorar Pr\u00e1ticas M\u00e9dicas',\n category: 'Educa\u00e7\u00e3o M\u00e9dica',\n description: 'Aprenda t\u00e9cnicas avan\u00e7adas de prompt engineering espec\u00edficas para a \u00e1rea m\u00e9dica.',\n date: 'Dez 2024'\n },\n {\n id: '3UeIqLs6FDg',\n title: 'Introdu\u00e7\u00e3o \u00e0 Intelig\u00eancia Artificial na Medicina',\n category: 'Fundamentos',\n description: 'Compreenda os conceitos fundamentais da Intelig\u00eancia Artificial e sua aplica\u00e7\u00e3o na medicina moderna.',\n date: 'Dez 2024'\n },\n {\n id: '4ABVpd9DsCg',\n title: 'Personaliza\u00e7\u00e3o da IA nas consultas SUS',\n category: 'Experi\u00eancia Cl\u00ednica',\n description: 'Aplica\u00e7\u00e3o pr\u00e1tica da IA no atendimento do SUS em Joinville-SC.',\n date: 'Dez 2024'\n },\n {\n id: 'MKvnQS-Ugsg',\n title: 'App para Triagem de Autismo',\n category: 'APPs',\n description: 'Ferramenta inovadora para auxiliar na triagem de autismo, tornando o processo mais eficiente e acess\u00edvel.',\n date: 'Dez 2024'\n },\n {\n id: 'Dah758wJIoo',\n title: 'App para C\u00e1lculo de Doses',\n category: 'APPs',\n description: 'Aplicativo seguro e eficiente para c\u00e1lculos precisos de dosagem de medicamentos.',\n date: 'Dez 2024'\n },\n {\n id: 'A2oze0fy4Vg',\n title: 'App para C\u00e1lculo de Dilui\u00e7\u00e3o de Medicamentos',\n category: 'APPs',\n description: 'Tutorial pr\u00e1tico sobre como usar tecnologia para realizar c\u00e1lculos precisos de dilui\u00e7\u00e3o de medicamentos com seguran\u00e7a.',\n date: 'Dez 2024'\n },\n {\n id: 'zLriHn2Y1zg',\n title: 'Buscador de Procedimentos na Tabela SUS',\n category: 'APPs',\n description: 'Guia completo para enfermeiros localizarem procedimentos na tabela SUS de forma r\u00e1pida e eficiente.',\n date: 'Dez 2024'\n },\n {\n id: 'KU63Z02VTS0',\n title: 'App Revolucion\u00e1rio para Nutricionistas',\n category: 'APPs',\n description: 'Aplicativo inovador desenvolvido para otimizar o trabalho dos nutricionistas, facilitando o acompanhamento e planejamento nutricional.',\n date: 'Dez 2024'\n },\n {\n id: 'p2fwFUcyM1A',\n title: 'Claude Sonnet no SUS: Pediatria Inteligente',\n category: 'Experi\u00eancia Cl\u00ednica',\n description: 'Case real de implementa\u00e7\u00e3o do Claude Sonnet em consultas pedi\u00e1tricas no ambulat\u00f3rio do SUS em Joinville-SC, demonstrando melhorias significativas no atendimento.',\n date: 'Dez 2024'\n },\n {\n id: '3tMy_t2UO1M',\n title: 'SAE: Sistema de Assist\u00eancia de Enfermagem com IA',\n category: 'APPs',\n description: 'Sistema inovador que revoluciona a Sistematiza\u00e7\u00e3o da Assist\u00eancia de Enfermagem utilizando IA para otimizar documenta\u00e7\u00e3o e melhorar a qualidade do cuidado.',\n date: 'Dez 2024'\n },\n {\n id: 'lnpdEUk2N6k',\n title: 'Aprenda ECG com Claude Sonnet',\n category: 'Educa\u00e7\u00e3o M\u00e9dica',\n description: 'Ferramenta educacional interativa que utiliza IA para ensinar interpreta\u00e7\u00e3o de ECG, com feedback em tempo real e casos cl\u00ednicos personalizados.',\n date: 'Dez 2024'\n },\n {\n id: '_v9y7luu1OY',\n title: 'IA na Pesquisa: Projetos Cient\u00edficos com Claude Sonnet',\n category: 'Educa\u00e7\u00e3o M\u00e9dica',\n description: 'Aprenda a utilizar o Claude Sonnet para estruturar e desenvolver projetos de pesquisa cient\u00edfica, otimizando metodologia e revis\u00e3o bibliogr\u00e1fica.',\n date: 'Dez 2024'\n }\n];\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PORTAL CLASS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nclass InoCasesPortal {\n constructor() {\n this.favorites = JSON.parse(localStorage.getItem('ino_cases_favs') || '[]');\n this.selectedCategory = 'Todas';\n this.showOnlyFavorites = false;\n this.init();\n this.setupBTT();\n }\n\n init() {\n this.renderCategories();\n this.renderVideos();\n this.setupListeners();\n this.updateStats();\n }\n\n updateStats() {\n const cats = new Set(videosData.map(v => v.category));\n document.getElementById('ino-stat-total').textContent = videosData.length;\n document.getElementById('ino-stat-cats').textContent = cats.size;\n document.getElementById('ino-stat-favs').textContent = this.favorites.length;\n }\n\n renderCategories() {\n const cats = ['Todas', ...new Set(videosData.map(v => v.category))];\n document.getElementById('inoCatFilters').innerHTML = cats.map(c => `\n <button class=\"ino-filter-btn ${c === this.selectedCategory ? 'active' : ''}\" data-category=\"${c}\">${c}<\/button>\n `).join('');\n }\n\n getFiltered() {\n let list = videosData;\n if (this.selectedCategory !== 'Todas')\n list = list.filter(v => v.category === this.selectedCategory);\n if (this.showOnlyFavorites)\n list = list.filter(v => this.favorites.includes(v.id));\n return list;\n }\n\n renderVideos() {\n const grid = document.getElementById('inoCaseGrid');\n const filtered = this.getFiltered();\n\n document.getElementById('inoResultsInfo').innerHTML =\n `Exibindo <span>${filtered.length}<\/span> de <span>${videosData.length}<\/span> cases`;\n\n if (!filtered.length) {\n grid.innerHTML = '<div class=\"ino-empty\">Nenhum case encontrado com os crit\u00e9rios selecionados.<\/div>';\n return;\n }\n\n grid.innerHTML = filtered.map((v, i) => {\n const isShorts = v.id.length < 12;\n const isFav = this.favorites.includes(v.id);\n return `\n <div class=\"ino-video-card\" data-category=\"${v.category}\" ${isShorts ? 'data-type=\"shorts\"' : ''}>\n <div class=\"ino-thumbnail\">\n <iframe\n src=\"https:\/\/www.youtube.com\/embed\/${v.id}\"\n title=\"${v.title}\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen loading=\"lazy\">\n <\/iframe>\n <\/div>\n <div class=\"ino-info\">\n <span class=\"ino-badge\" data-category=\"${v.category}\">${v.category}<\/span>\n <h3 class=\"ino-vtitle\">\n <a href=\"https:\/\/youtu.be\/${v.id}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ino-vlink\">${v.title}<\/a>\n <\/h3>\n <p class=\"ino-vdesc\">${v.description}<\/p>\n <div class=\"ino-vmeta\">\n <span class=\"ino-vdate\">${v.date}<\/span>\n <div class=\"ino-actions\">\n <button class=\"ino-action-btn ino-fav-card-btn ${isFav ? 'active' : ''}\"\n data-video-id=\"${v.id}\" aria-label=\"Favoritar\">\n <svg viewBox=\"0 0 24 24\" fill=\"${isFav ? 'currentColor' : 'none'}\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2z\"\/>\n <\/svg>\n <\/button>\n <a href=\"https:\/\/youtu.be\/${v.id}\" target=\"_blank\" rel=\"noopener noreferrer\"\n class=\"ino-action-btn ino-yt-btn\" title=\"Assistir no YouTube\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\"\/>\n <polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n `;\n }).join('');\n }\n\n setupListeners() {\n document.getElementById('inoCatFilters').addEventListener('click', e => {\n const btn = e.target.closest('.ino-filter-btn');\n if (!btn) return;\n this.selectedCategory = btn.dataset.category;\n document.querySelectorAll('.ino-filter-btn').forEach(b =>\n b.classList.toggle('active', b.dataset.category === this.selectedCategory)\n );\n this.renderVideos();\n });\n\n document.getElementById('inoFavToggle').addEventListener('click', () => {\n this.showOnlyFavorites = !this.showOnlyFavorites;\n document.getElementById('inoFavToggle').classList.toggle('active', this.showOnlyFavorites);\n this.renderVideos();\n });\n\n document.getElementById('inoCaseGrid').addEventListener('click', e => {\n const btn = e.target.closest('.ino-fav-card-btn');\n if (btn) this.toggleFavorite(btn.dataset.videoId);\n });\n }\n\n toggleFavorite(id) {\n const idx = this.favorites.indexOf(id);\n if (idx === -1) this.favorites.push(id);\n else this.favorites.splice(idx, 1);\n localStorage.setItem('ino_cases_favs', JSON.stringify(this.favorites));\n this.renderVideos();\n this.updateStats();\n }\n\n setupBTT() {\n const btn = document.getElementById('ino-cases-btt');\n let t = false;\n window.addEventListener('scroll', () => {\n if (!t) {\n requestAnimationFrame(() => {\n btn.classList.toggle('visible', window.scrollY > 300);\n t = false;\n });\n t = true;\n }\n }, { passive: true });\n btn.addEventListener('click', () =>\n window.scrollTo({ top: 0, behavior: 'smooth' })\n );\n }\n}\n\ndocument.addEventListener('DOMContentLoaded', () => new InoCasesPortal());\n\n})();\n<\/script>\n\n\n<\/body>\n<\/html><p><\/p>","protected":false},"excerpt":{"rendered":"<p>Cases de Sucesso \u2014 INOVAMED \u25c6 INOVAMED \u00b7 Cases Cases de Sucesso Casos reais de implementa\u00e7\u00e3o de Intelig\u00eancia Artificial na medicina brasileira \u2014 da UTI pedi\u00e1trica ao SUS, da educa\u00e7\u00e3o m\u00e9dica aos apps cl\u00ednicos. \u2014 Cases \u2014 Categorias 0 Favoritos Favoritos<span class=\"more-link\"><a href=\"https:\/\/inovamed.pro\/?page_id=553\">LEIA O ARTIGO COMPLETO<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["entry","author-mbulabarros","post-553","page","type-page","status-publish"],"yoast_head":"\n<title>Cases em Videos - INOVAMED<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/inovamed.pro\/?page_id=553\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cases em Videos - INOVAMED\" \/>\n<meta property=\"og:description\" content=\"Cases de Sucesso \u2014 INOVAMED \u25c6 INOVAMED \u00b7 Cases Cases de Sucesso Casos reais de implementa\u00e7\u00e3o de Intelig\u00eancia Artificial na medicina brasileira \u2014 da UTI pedi\u00e1trica ao SUS, da educa\u00e7\u00e3o m\u00e9dica aos apps cl\u00ednicos. \u2014 Cases \u2014 Categorias 0 Favoritos FavoritosLEIA O ARTIGO COMPLETO\" \/>\n<meta property=\"og:url\" content=\"https:\/\/inovamed.pro\/?page_id=553\" \/>\n<meta property=\"og:site_name\" content=\"INOVAMED\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-19T15:56:53+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/inovamed.pro\/?page_id=553\",\"url\":\"https:\/\/inovamed.pro\/?page_id=553\",\"name\":\"Cases em Videos - INOVAMED\",\"isPartOf\":{\"@id\":\"https:\/\/inovamed.pro\/#website\"},\"datePublished\":\"2024-12-11T18:32:24+00:00\",\"dateModified\":\"2026-02-19T15:56:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/inovamed.pro\/?page_id=553#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/inovamed.pro\/?page_id=553\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/inovamed.pro\/?page_id=553#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/inovamed.pro\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cases em Videos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/inovamed.pro\/#website\",\"url\":\"https:\/\/inovamed.pro\/\",\"name\":\"INOVAMED\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/inovamed.pro\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/inovamed.pro\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/inovamed.pro\/#organization\",\"name\":\"INOVAMED\",\"url\":\"https:\/\/inovamed.pro\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/inovamed.pro\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/inovamed.pro\/wp-content\/uploads\/2024\/12\/cropped-DALL\u00b7E-2024-12-10-13.53.06-A-hyperrealistic-3D-rendering-of-a-half-human-brain-merged-with-circuit-board-patterns-viewed-from-a-slight-side-angle.-The-brains-left-hemisphere-s.webp\",\"contentUrl\":\"https:\/\/inovamed.pro\/wp-content\/uploads\/2024\/12\/cropped-DALL\u00b7E-2024-12-10-13.53.06-A-hyperrealistic-3D-rendering-of-a-half-human-brain-merged-with-circuit-board-patterns-viewed-from-a-slight-side-angle.-The-brains-left-hemisphere-s.webp\",\"width\":1706,\"height\":1023,\"caption\":\"INOVAMED\"},\"image\":{\"@id\":\"https:\/\/inovamed.pro\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Cases em Videos - INOVAMED","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/inovamed.pro\/?page_id=553","og_locale":"pt_BR","og_type":"article","og_title":"Cases em Videos - INOVAMED","og_description":"Cases de Sucesso \u2014 INOVAMED \u25c6 INOVAMED \u00b7 Cases Cases de Sucesso Casos reais de implementa\u00e7\u00e3o de Intelig\u00eancia Artificial na medicina brasileira \u2014 da UTI pedi\u00e1trica ao SUS, da educa\u00e7\u00e3o m\u00e9dica aos apps cl\u00ednicos. \u2014 Cases \u2014 Categorias 0 Favoritos FavoritosLEIA O ARTIGO COMPLETO","og_url":"https:\/\/inovamed.pro\/?page_id=553","og_site_name":"INOVAMED","article_modified_time":"2026-02-19T15:56:53+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/inovamed.pro\/?page_id=553","url":"https:\/\/inovamed.pro\/?page_id=553","name":"Cases em Videos - INOVAMED","isPartOf":{"@id":"https:\/\/inovamed.pro\/#website"},"datePublished":"2024-12-11T18:32:24+00:00","dateModified":"2026-02-19T15:56:53+00:00","breadcrumb":{"@id":"https:\/\/inovamed.pro\/?page_id=553#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/inovamed.pro\/?page_id=553"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/inovamed.pro\/?page_id=553#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/inovamed.pro\/"},{"@type":"ListItem","position":2,"name":"Cases em Videos"}]},{"@type":"WebSite","@id":"https:\/\/inovamed.pro\/#website","url":"https:\/\/inovamed.pro\/","name":"INOVAMED","description":"","publisher":{"@id":"https:\/\/inovamed.pro\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/inovamed.pro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/inovamed.pro\/#organization","name":"INOVAMED","url":"https:\/\/inovamed.pro\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/inovamed.pro\/#\/schema\/logo\/image\/","url":"https:\/\/inovamed.pro\/wp-content\/uploads\/2024\/12\/cropped-DALL\u00b7E-2024-12-10-13.53.06-A-hyperrealistic-3D-rendering-of-a-half-human-brain-merged-with-circuit-board-patterns-viewed-from-a-slight-side-angle.-The-brains-left-hemisphere-s.webp","contentUrl":"https:\/\/inovamed.pro\/wp-content\/uploads\/2024\/12\/cropped-DALL\u00b7E-2024-12-10-13.53.06-A-hyperrealistic-3D-rendering-of-a-half-human-brain-merged-with-circuit-board-patterns-viewed-from-a-slight-side-angle.-The-brains-left-hemisphere-s.webp","width":1706,"height":1023,"caption":"INOVAMED"},"image":{"@id":"https:\/\/inovamed.pro\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/inovamed.pro\/index.php?rest_route=\/wp\/v2\/pages\/553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inovamed.pro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inovamed.pro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inovamed.pro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inovamed.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=553"}],"version-history":[{"count":5,"href":"https:\/\/inovamed.pro\/index.php?rest_route=\/wp\/v2\/pages\/553\/revisions"}],"predecessor-version":[{"id":2577,"href":"https:\/\/inovamed.pro\/index.php?rest_route=\/wp\/v2\/pages\/553\/revisions\/2577"}],"wp:attachment":[{"href":"https:\/\/inovamed.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}