{"id":6,"date":"2026-02-18T00:12:13","date_gmt":"2026-02-18T03:12:13","guid":{"rendered":"https:\/\/ultimate.wuazer.com.br\/index.php\/home-nuclear\/"},"modified":"2026-02-18T00:48:46","modified_gmt":"2026-02-18T03:48:46","slug":"home-nuclear","status":"publish","type":"page","link":"https:\/\/ultimate.wuazer.com.br\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6 elementor-bc-flex-widget\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-v34_sec elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"v34_sec\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-v34_col\" data-id=\"v34_col\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-v34_wid elementor-widget elementor-widget-html\" data-id=\"v34_wid\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n        #wpadminbar { display: none !important; }\n        html { margin-top: 0 !important; }\n        .main-container { width: 100vw !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }\n        @media (max-width: 768px) {\n            .email-form { width: 90% !important; max-width: 400px !important; margin: 20px auto !important; }\n            .hero-content h1 { font-size: 1.8rem !important; }\n        }\n    <\/style><link rel=\"manifest\" href=\"manifest.json\"><script>if(\"serviceWorker\" in navigator){navigator.serviceWorker.register(\"sw.js\");}<\/script><!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n    <title>MM TV - Filmes, s\u00e9ries e muito mais, sem limites.<\/title>\r\n    \r\n    <!-- CONFIGURA\u00c7\u00c3O PWA -->\r\n    <meta name=\"theme-color\" content=\"#000000\">\r\n    <link rel=\"manifest\" href=\"manifest.json\">\r\n    <link rel=\"apple-touch-icon\" href=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3163\/3163478.png\">\r\n    <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\r\n    <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\">\r\n    <meta name=\"apple-mobile-web-app-title\" content=\"MM TV\">\r\n    <!-- FIM CONFIGURA\u00c7\u00c3O PWA -->\r\n\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n    <style>\r\n    @media (max-width: 768px) { \n        .email-form { width: 90% !important; max-width: 400px !important; margin: 20px auto !important; gap: 8px !important; } \n        .email-form input { border-radius: 4px !important; height: 50px !important; font-size: 0.9rem !important; } \n        .email-form button { border-radius: 4px !important; height: 50px !important; font-size: 1.1rem !important; width: 100% !important; } \n        .hero-content p { font-size: 1rem !important; padding: 0 5% !important; } \n    }\n    @media(max-width: 768px) { \n        .hero-content h1 { font-size: 1.7rem !important; padding: 0 5% !important; line-height: 1.2 !important; } \n        .hero-content h2 { font-size: 1rem !important; margin: 0.5rem 0 !important; } \n        .email-form { flex-direction: column !important; gap: 8px !important; width: 90% !important; margin: 1.5rem auto 0 !important; } \n        .email-form input { height: 50px !important; font-size: 0.95rem !important; border-radius: 4px !important; text-align: center !important; max-width: 100% !important; } \n        .email-form button { height: 50px !important; font-size: 1.2rem !important; width: 100% !important; border-radius: 4px !important; justify-content: center !important; } \n    }\n    #wpadminbar { display: none !important; } \n    html { margin-top: 0 !important; } \n    .main-container { width: 100vw !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } \n    .elementor-section-wrap { width: 100% !important; } \n    .elementor-column-gap-no > .elementor-column > .elementor-element-populated { padding: 0 !important; }\n    .main-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; } \n    .hero-section { width: 100vw !important; }\n        :root {\r\n            --brand-red: #E50914;\r\n            --brand-black: #000000;\r\n            --dark-grey: #141414;\r\n            --mid-grey: #222222;\r\n            --text-white: #FFFFFF;\r\n            --text-grey: #737373;\r\n            --whatsapp-green: #25D366;\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        body {\r\n            font-family: 'Poppins', sans-serif;\r\n            background-color: var(--brand-black);\r\n            color: var(--text-white);\r\n            -webkit-font-smoothing: antialiased;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Classe auxiliar para travar a rolagem do fundo *\/\r\n        body.modal-open {\r\n            overflow: hidden;\r\n            height: 100vh;\r\n        }\r\n\r\n        .section-divider { border-bottom: 8px solid var(--mid-grey); }\r\n        \r\n        \/* --- HERO SECTION --- *\/\r\n        .hero-section {\r\n            width: 100%;\r\n            height: 100vh;\r\n            background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.9) 100%), url('https:\/\/assets.nflxext.com\/ffe\/siteui\/vlv3\/d482944d-eab4-4a64-89c9-a07a508a6e42\/web\/BR-pt-20250929-TRIFECTA-perspective_f86e1617-a2fa-4e69-9251-41c164062b2e_large.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            position: relative;\r\n        }\r\n\r\n        .header {\r\n            padding: 1.5rem 3rem;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .logo {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: var(--brand-red);\r\n            text-decoration: none;\r\n            text-transform: uppercase;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .signin-button {\r\n            background-color: var(--brand-red);\r\n            color: var(--text-white);\r\n            padding: 0.5rem 1.2rem;\r\n            border-radius: 4px;\r\n            text-decoration: none;\r\n            font-size: 1rem;\r\n            font-weight: 500;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .hero-content {\r\n            padding: 75px 0;\r\n            max-width: 950px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n            position: absolute;\r\n            top: 55%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 100%;\r\n        }\r\n\r\n        .hero-content h1 { font-size: 3.5rem; font-weight: 900; max-width: 800px; margin: 0 auto; }\r\n        .hero-content h2 { font-size: 1.6rem; font-weight: 400; margin: 1rem 0; }\r\n        .hero-content p { font-size: 1.2rem; font-weight: 400; padding: 0 10%; margin-top: 20px; }\r\n\r\n        .email-form {\r\n            margin-top: 1.5rem;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 1px;\r\n        }\r\n        \r\n        .email-form input {\r\n            padding: 1rem;\r\n            width: 100%;\r\n            max-width: 450px;\r\n            height: 60px;\r\n            font-size: 1rem;\r\n            border: 1px solid #888;\r\n            background: rgba(22, 22, 22, 0.7);\r\n            border-radius: 4px 0 0 4px;\r\n            color: var(--text-white);\r\n        }\r\n\r\n        .email-form button {\r\n            height: 60px;\r\n            background-color: var(--brand-red);\r\n            color: var(--text-white);\r\n            font-size: 1.6rem;\r\n            font-weight: 500;\r\n            padding: 0 2rem;\r\n            border: none;\r\n            border-radius: 0 4px 4px 0;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n        \r\n        \/* --- STORY CARD SECTION --- *\/\r\n        .story-card {\r\n            padding: 70px 45px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .story-card-text { width: 52%; }\r\n        .story-card-text h1 { font-size: 3.125rem; font-weight: 900; margin-bottom: 0.5rem; }\r\n        .story-card-text h2 { font-size: 1.625rem; font-weight: 400; }\r\n        .story-card-img { width: 48%; position: relative; }\r\n        .story-card-img img { width: 100%; position: relative; z-index: 2; }\r\n        .story-card.reverse { flex-direction: row-reverse; }\r\n\r\n        .story-card-video-container { position: relative; }\r\n        .story-card-video {\r\n            position: absolute;\r\n            top: 20.5%;\r\n            left: 13%;\r\n            width: 74%;\r\n            height: 55%;\r\n            z-index: 1;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* --- TRENDING SECTION --- *\/\r\n        .trending-section { padding: 50px 0; position: relative; }\r\n        .trending-section h2 { font-size: 1.8rem; font-weight: 700; margin-left: 4%; margin-bottom: 20px; }\r\n        .carousel-container { position: relative; width: 100%; }\r\n        .trending-carousel { display: flex; padding-left: 4%; padding-right: 4%; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; gap: 0; }\r\n        .trending-carousel::-webkit-scrollbar { display: none; }\r\n        .trending-item { display: flex; align-items: center; transition: transform 0.3s ease; min-width: 250px; position: relative; cursor: pointer; margin-right: 20px; }\r\n        .trending-item:hover { transform: scale(1.05); z-index: 10; }\r\n        .trending-number { font-size: 9rem; font-weight: 900; line-height: 0.8; color: #000; -webkit-text-stroke: 4px #595959; text-stroke: 4px #595959; position: relative; z-index: 1; letter-spacing: -10px; margin-right: -30px; }\r\n        .trending-item:first-child .trending-number { margin-right: -20px; letter-spacing: -15px; }\r\n        .poster { width: 140px; height: 210px; background-size: cover; background-position: center; border-radius: 8px; z-index: 2; box-shadow: 0 0 10px rgba(0,0,0,0.5); }\r\n        .slider-arrow { position: absolute; top: 0; bottom: 0; width: 4%; background-color: rgba(0,0,0,0.5); border: none; color: white; font-size: 2rem; cursor: pointer; z-index: 20; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease, background-color 0.3s ease; }\r\n        .trending-section:hover .slider-arrow { opacity: 1; }\r\n        .slider-arrow:hover { background-color: rgba(0,0,0,0.7); }\r\n        .arrow-left { left: 0; border-radius: 0 4px 4px 0; }\r\n        .arrow-right { right: 0; border-radius: 4px 0 0 4px; }\r\n\r\n        \/* --- PLATFORM CAROUSEL --- *\/\r\n        .streaming-section { padding: 50px 0; text-align: center; background-color: var(--brand-black); overflow: hidden; }\r\n        .streaming-section h2 { font-size: 2rem; font-weight: 700; margin-bottom: 10px; }\r\n        .platform-carousel-container { position: relative; width: 100%; margin-top: 30px; overflow: hidden; display: flex; }\r\n        .platform-track { display: flex; gap: 20px; width: max-content; animation: scroll-marq 40s linear infinite; }\r\n        .platform-track:hover { animation-play-state: paused; }\r\n        @keyframes scroll-marq { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n        .platform-item { flex: 0 0 auto; width: 160px; height: 90px; background: var(--mid-grey); border-radius: 12px; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: transform 0.3s ease, border-color 0.3s ease; cursor: pointer; border: 2px solid transparent; }\r\n        .platform-item:hover { transform: scale(1.1); z-index: 2; border-color: var(--text-white); box-shadow: 0 4px 15px rgba(0,0,0,0.5); }\r\n        .platform-item img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n\r\n        \/* --- AI RECOMMENDER SECTION --- *\/\r\n        .ai-section { padding: 70px 45px; background: linear-gradient(180deg, var(--brand-black) 0%, #1a0b0b 50%, var(--brand-black) 100%); text-align: center; }\r\n        .ai-container { max-width: 800px; margin: 0 auto; background: rgba(34, 34, 34, 0.6); padding: 40px; border-radius: 16px; border: 1px solid #333; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }\r\n        .ai-title { font-size: 2.5rem; font-weight: 900; margin-bottom: 15px; background: linear-gradient(45deg, #fff, var(--brand-red)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n        .ai-desc { font-size: 1.2rem; color: #ccc; margin-bottom: 30px; }\r\n        .ai-input-group { display: flex; gap: 10px; margin-bottom: 20px; }\r\n        .ai-input { flex: 1; padding: 15px; border-radius: 8px; border: 1px solid #555; background: var(--dark-grey); color: white; font-size: 1rem; font-family: inherit; }\r\n        .ai-input:focus { outline: none; border-color: var(--brand-red); }\r\n        .ai-btn { padding: 15px 30px; background: var(--brand-red); color: white; border: none; border-radius: 8px; font-weight: 700; font-size: 1rem; cursor: pointer; transition: background 0.2s; display: flex; align-items: center; gap: 8px; }\r\n        .ai-btn:hover { background: #f40612; }\r\n        .ai-result { text-align: left; margin-top: 30px; padding: 20px; background: var(--dark-grey); border-radius: 8px; border-left: 4px solid var(--brand-red); display: none; font-size: 1.1rem; line-height: 1.6; }\r\n        .loading-spinner { display: none; margin: 20px auto; color: var(--brand-red); font-size: 2rem; }\r\n\r\n        \/* --- NOTIFICATION & APP INSTALL MODAL --- *\/\r\n        .notif-modal-overlay {\r\n            position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n            background: rgba(0,0,0,0.95); z-index: 9999;\r\n            display: none; align-items: center; justify-content: center;\r\n            animation: fadeIn 0.3s;\r\n            padding: 20px;\r\n            pointer-events: auto; \/* Garante que capture cliques *\/\r\n        }\r\n        .notif-modal {\r\n            background: var(--mid-grey); width: 100%; max-width: 400px;\r\n            padding: 30px; border-radius: 12px; text-align: center;\r\n            border: 1px solid #444; position: relative;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.8);\r\n            \r\n            \/* SCROLL INTERNO FIXO *\/\r\n            max-height: 85vh; \/* Ocupa no m\u00e1ximo 85% da tela *\/\r\n            overflow-y: auto; \/* Habilita rolagem vertical dentro do modal *\/\r\n            -webkit-overflow-scrolling: touch; \/* Rolagem suave no iOS *\/\r\n        }\r\n        \r\n        \/* Scrollbar customizada *\/\r\n        .notif-modal::-webkit-scrollbar { width: 6px; }\r\n        .notif-modal::-webkit-scrollbar-track { background: #222; }\r\n        .notif-modal::-webkit-scrollbar-thumb { background: #555; border-radius: 3px; }\r\n\r\n        .notif-icon { font-size: 3rem; color: var(--brand-red); margin-bottom: 15px; }\r\n        .notif-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 10px; color: white;}\r\n        .notif-text { font-size: 1rem; color: #ccc; margin-bottom: 25px; line-height: 1.5; }\r\n        .notif-btn-group { display: flex; gap: 10px; justify-content: center; flex-direction: column; }\r\n        .notif-btn { padding: 12px 20px; border-radius: 4px; border: none; cursor: pointer; font-weight: 600; font-size: 1rem; width: 100%; }\r\n        .notif-btn-allow { background: var(--brand-red); color: white; display: flex; align-items: center; justify-content: center; gap: 10px; }\r\n        .notif-btn-deny { background: transparent; color: #999; border: 1px solid #555; margin-top: 10px;}\r\n        .notif-close { position: absolute; top: 10px; right: 15px; font-size: 1.5rem; cursor: pointer; color: #777; }\r\n        \r\n        \/* Instru\u00e7\u00f5es Espec\u00edficas para iOS *\/\r\n        #iosInstructions { \r\n            display: none; \r\n            margin-top: 15px; \r\n            text-align: left; \r\n            background: #222; \r\n            padding: 20px; \r\n            border-radius: 8px; \r\n            font-size: 0.95rem; \r\n            color: #eee; \r\n            border: 1px solid #444;\r\n            animation: slideDown 0.3s ease;\r\n        }\r\n        #iosInstructions strong { color: var(--brand-red); }\r\n        #iosInstructions ol { margin-left: 20px; margin-top: 15px; }\r\n        #iosInstructions li { margin-bottom: 12px; }\r\n        @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }\r\n        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n\r\n        \/* --- PRICING & FAQ & FOOTER --- *\/\r\n        .pricing-section { padding: 70px 45px; text-align: center; }\r\n        .pricing-section h1 { font-size: 3.125rem; font-weight: 900; margin-bottom: 40px; }\r\n        .pricing-table { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; max-width: 1200px; margin: auto; }\r\n        .plan-card { background: var(--mid-grey); border: 2px solid var(--mid-grey); border-radius: 12px; padding: 2rem; flex-basis: 320px; text-align: left; }\r\n        .plan-card.popular { border-color: var(--brand-red); }\r\n        .plan-card h3 { color: var(--brand-red); font-size: 1.8rem; }\r\n        .plan-card .price { font-size: 2.5rem; font-weight: 900; margin: 1rem 0; }\r\n        .plan-card .price span { font-size: 1rem; font-weight: 400; }\r\n        .plan-card ul { list-style: none; margin-bottom: 2rem; }\r\n        .plan-card ul li { margin-bottom: 0.8rem; display: flex; align-items: center; gap: 10px; color: #ccc;}\r\n        .plan-card ul li i { color: var(--brand-red); }\r\n        .plan-card .cta-button { display: block; width: 100%; text-align: center; background-color: var(--brand-red); color: var(--text-white); padding: 1rem; border-radius: 4px; text-decoration: none; font-weight: 700; }\r\n        .faq { padding: 70px 45px; text-align: center; }\r\n        .faq h1 { font-size: 3.125rem; font-weight: 900; margin-bottom: 40px; }\r\n        .faq-accordion { max-width: 815px; margin: 0 auto; }\r\n        .faq-item { margin-bottom: 8px; }\r\n        .faq-question { width: 100%; background: var(--mid-grey); border: none; padding: 1.5rem; font-size: 1.625rem; color: var(--text-white); text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }\r\n        .faq-question .icon { font-size: 2.5rem; font-weight: 200; transform: rotate(0); transition: transform 0.25s ease; }\r\n        .faq-question.active .icon { transform: rotate(45deg); }\r\n        .faq-answer { background: var(--mid-grey); padding: 0 1.5rem; font-size: 1.625rem; text-align: left; max-height: 0; overflow: hidden; transition: max-height 0.25s ease, padding 0.25s ease; }\r\n        .faq-answer.active { max-height: 1200px; padding: 1.5rem; margin-top: 1px; }\r\n        .footer { max-width: 1000px; margin: 70px auto; padding: 0 45px; color: var(--text-grey); }\r\n        .footer .footer-title { margin-bottom: 30px; }\r\n        .footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }\r\n        .footer-grid a { color: var(--text-grey); text-decoration: none; font-size: 0.8rem; display: block; margin-bottom: 12px; }\r\n\r\n        \/* --- WHATSAPP AI WIDGET STYLES --- *\/\r\n        .wa-widget-container { position: fixed; bottom: 20px; right: 20px; z-index: 1000; display: flex; flex-direction: column; align-items: flex-end; }\r\n        .wa-bubble { background-color: white; color: #333; padding: 10px 15px; border-radius: 20px 20px 0 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); margin-bottom: 10px; font-size: 0.9rem; font-weight: 600; opacity: 0; transform: translateY(10px); transition: all 0.3s ease; max-width: 250px; cursor: pointer; }\r\n        .wa-bubble.show { opacity: 1; transform: translateY(0); }\r\n        .wa-float-btn { width: 60px; height: 60px; background-color: var(--whatsapp-green); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.4); cursor: pointer; transition: transform 0.3s ease; font-size: 30px; color: white; position: relative; }\r\n        .wa-float-btn:hover { transform: scale(1.1); }\r\n        .wa-badge { position: absolute; top: -5px; right: -5px; background: red; color: white; font-size: 12px; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; opacity: 0; transition: opacity 0.3s; }\r\n        .wa-badge.show { opacity: 1; }\r\n        .wa-chat-window { width: 350px; height: 500px; background-color: #f0f2f5; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.5); display: none; flex-direction: column; overflow: hidden; margin-bottom: 15px; border: 1px solid #ddd; position: absolute; bottom: 70px; right: 0; }\r\n        .wa-chat-window.open { display: flex; animation: slideUp 0.3s ease; }\r\n        @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n        .wa-header { background-color: #075E54; color: white; padding: 15px; display: flex; align-items: center; gap: 10px; }\r\n        .wa-avatar { width: 40px; height: 40px; border-radius: 50%; background: white; padding: 2px; }\r\n        .wa-info h4 { font-size: 1rem; font-weight: 600; }\r\n        .wa-info span { font-size: 0.8rem; opacity: 0.9; }\r\n        .wa-close { margin-left: auto; cursor: pointer; font-size: 1.2rem; }\r\n        .wa-body { flex: 1; padding: 15px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; background-image: url('https:\/\/user-images.githubusercontent.com\/15075759\/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png'); background-size: contain; }\r\n        .wa-message { max-width: 80%; padding: 10px 15px; border-radius: 12px; font-size: 0.9rem; line-height: 1.4; position: relative; word-wrap: break-word; }\r\n        .wa-msg-ai { background-color: white; color: #333; align-self: flex-start; border-top-left-radius: 0; }\r\n        .wa-msg-user { background-color: #dcf8c6; color: #333; align-self: flex-end; border-top-right-radius: 0; }\r\n        .wa-time { font-size: 0.65rem; color: #999; text-align: right; margin-top: 4px; }\r\n        .wa-footer { padding: 10px; background: #f0f0f0; display: flex; gap: 10px; align-items: center; }\r\n        .wa-input { flex: 1; padding: 10px; border-radius: 20px; border: 1px solid #ccc; outline: none; font-family: inherit; }\r\n        .wa-send-btn { background: #075E54; color: white; border: none; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; }\r\n        .wa-actions { display: flex; gap: 5px; margin-top: 5px; flex-wrap: wrap; }\r\n        .wa-action-btn { font-size: 0.75rem; background: rgba(255,255,255,0.8); border: 1px solid #ccc; padding: 5px 10px; border-radius: 15px; cursor: pointer; color: #075E54; font-weight: 500; }\r\n        .wa-action-btn:hover { background: white; border-color: #075E54; }\r\n        .wa-cta-final { display: block; text-align: center; background: #25D366; color: white; text-decoration: none; padding: 8px; border-radius: 5px; font-weight: bold; margin-top: 5px; font-size: 0.9rem; }\r\n        .typing-indicator { font-style: italic; color: #888; font-size: 0.8rem; margin-left: 10px; display: none; }\r\n\r\n        @media(max-width: 950px) {\r\n            .wa-chat-window { width: 90vw; bottom: 80px; right: 0; height: 60vh; }\r\n            .hero-content h1 { font-size: 2.5rem; } .hero-content h2 { font-size: 1.2rem; }\r\n            .email-form { flex-direction: column; } .story-card, .story-card.reverse { flex-direction: column; text-align: center; }\r\n            .story-card-text, .story-card-img { width: 100%; } .footer-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .trending-number { font-size: 5rem; margin-right: -15px; } .poster { width: 100px; height: 150px; } .slider-arrow { display: none; }\r\n            .platform-item { width: 120px; height: 70px; } .ai-input-group { flex-direction: column; }\r\n            .trending-item { min-width: 160px; margin-right: 10px; }\r\n        }\r\n        \/* --- CALIBRA\u00c7\u00c3O V21.0 --- *\/ \n        @media(max-width: 768px) { \n            .hero-content h1 { font-size: 2rem !important; padding: 0 10px; } \n            .hero-content h2 { font-size: 1.1rem !important; } \n            .email-form input { border-radius: 4px !important; margin-bottom: 10px; text-align: center; } \n            .email-form button { border-radius: 4px !important; width: 100%; justify-content: center; } \n            .story-card { padding: 40px 20px !important; } \n            .story-card-text h1 { font-size: 1.8rem !important; } \n            .story-card-text h2 { font-size: 1.1rem !important; } \n            .pricing-table { gap: 15px !important; } \n            .plan-card { flex-basis: 100% !important; padding: 1.5rem !important; } \n            .faq h1 { font-size: 1.8rem !important; } \n            .faq-question { font-size: 1.1rem !important; padding: 1.2rem !important; } \n        } \n        @media(min-width: 1400px) { \n            .hero-content h1 { font-size: 4.5rem !important; } \n            .story-card { max-width: 1300px !important; } \n        }\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"main-container\">\r\n        <!-- Hero -->\r\n        <div class=\"hero-section section-divider\">\r\n            <header class=\"header\">\r\n                <a href=\"player.html\" class=\"logo\">MM TV<\/a>\r\n                <a href=\"https:\/\/wa.me\/5513997954946?text=Quero%20atendimento\" target=\"_blank\" class=\"signin-button\">Entrar<\/a>\r\n            <\/header>\r\n            <div class=\"hero-content\">\r\n                <h1>Filmes, s\u00e9ries e muito mais, sem limites<\/h1>\r\n                <h2>A partir de R$ 25,90. Cancele quando quiser.<\/h2>\r\n                <p>Quer assistir? Informe seu email para criar ou reiniciar sua assinatura.<\/p>\r\n                <div class=\"email-form\">\r\n                    <input type=\"email\" id=\"email-input\" placeholder=\"Email\">\r\n                    <button type=\"button\" onclick=\"sendToWhatsapp()\">Vamos l\u00e1 <i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- CARROSSEL DE PLATAFORMAS -->\r\n        <section id=\"plataformas\" class=\"streaming-section section-divider\">\r\n            <div class=\"container\">\r\n                <h2>Assista a Tudo Isso e Muito Mais!<\/h2>\r\n                <p style=\"margin-bottom: 40px; opacity: 0.9;\">Nosso servi\u00e7o IPTV te d\u00e1 acesso aos seus conte\u00fados favoritos em qualquer plataforma.<\/p>\r\n                <div class=\"platform-carousel-container\">\r\n                    <div class=\"platform-track\" id=\"platformTrack\">\r\n                        <div class=\"platform-item\"><img decoding=\"async\" src=\"https:\/\/logowik.com\/content\/uploads\/images\/t_netflix-wordmark4555.logowik.com.webp\" alt=\"Netflix\"><\/div>\r\n                        <div class=\"platform-item\"><img decoding=\"async\" src=\"https:\/\/logowik.com\/content\/uploads\/images\/amazon-prime-video.jpg\" alt=\"Amazon Prime Video\"><\/div>\r\n                        <div class=\"platform-item\"><img decoding=\"async\" src=\"https:\/\/logowik.com\/content\/uploads\/images\/disney-2024-teal70994.logowik.com.webp\" alt=\"Disney+\"><\/div>\r\n                        <div class=\"platform-item\"><img decoding=\"async\" src=\"https:\/\/logowik.com\/content\/uploads\/images\/hbo-max-202568924.logowik.com.webp\" alt=\"Max (HBO Max)\"><\/div>\r\n                        <div class=\"platform-item\"><img decoding=\"async\" src=\"https:\/\/logowik.com\/content\/uploads\/images\/paramount-plus5224.jpg\" alt=\"Paramount+\"><\/div>\r\n                        <div class=\"platform-item\"><img decoding=\"async\" src=\"https:\/\/logowik.com\/content\/uploads\/images\/apple-tv-plus8550.jpg\" alt=\"Apple TV+\"><\/div>\r\n                        <div class=\"platform-item\"><img decoding=\"async\" src=\"https:\/\/logowik.com\/content\/uploads\/images\/globoplay-20201369.logowik.com.webp\" alt=\"Globoplay\"><\/div>\r\n                        <div class=\"platform-item\"><img decoding=\"async\" src=\"https:\/\/logowik.com\/content\/uploads\/images\/star-plus7202.jpg\" alt=\"Star+\"><\/div>\r\n                        <div class=\"platform-item\"><img decoding=\"async\" src=\"https:\/\/logowik.com\/content\/uploads\/images\/pluto-tv4908.jpg\" alt=\"Pluto TV\"><\/div>\r\n                        <div class=\"platform-item\"><img decoding=\"async\" src=\"https:\/\/logowik.com\/content\/uploads\/images\/crunchyroll-new-20243615.logowik.com.webp\" alt=\"Crunchyroll\"><\/div>\r\n                        <div class=\"platform-item\"><img decoding=\"async\" src=\"https:\/\/cdn.mitvstatic.com\/channels\/br_bandsports-hd_m.png\" alt=\"Band Sports\"><\/div>\r\n                        <div class=\"platform-item\"><img decoding=\"async\" src=\"https:\/\/logowik.com\/content\/uploads\/images\/espn5188.jpg\" alt=\"ESPN\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- GEMINI AI RECOMMENDER SECTION -->\r\n        <section class=\"ai-section section-divider\">\r\n            <div class=\"ai-container\">\r\n                <h2 class=\"ai-title\">N\u00e3o sabe o que assistir? A IA te ajuda! \u2728<\/h2>\r\n                <p class=\"ai-desc\">Experimente nossa Intelig\u00eancia Artificial Exclusiva. Diga o que voc\u00ea est\u00e1 sentindo ou que tipo de hist\u00f3ria quer ver, e n\u00f3s sugerimos na hora.<\/p>\r\n                \r\n                <div class=\"ai-input-group\">\r\n                    <input type=\"text\" id=\"userMood\" class=\"ai-input\" placeholder=\"Ex: Filmes de com\u00e9dia dos anos 90, algo triste no espa\u00e7o, a\u00e7\u00e3o com The Rock...\">\r\n                    <button class=\"ai-btn\" onclick=\"getRecommendations()\">Sugerir para Mim \u2728<\/button>\r\n                <\/div>\r\n                <div class=\"loading-spinner\" id=\"loadingSpinner\"><i class=\"fa-solid fa-circle-notch fa-spin\"><\/i><\/div>\r\n                <div class=\"ai-result\" id=\"aiResult\"><\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- Story Cards -->\r\n        <section class=\"story-card section-divider\">\r\n            <div class=\"story-card-text\">\r\n                <h1>Aproveite na TV<\/h1>\r\n                <h2>Assista em Smart TVs, PlayStation, Xbox, Chromecast, Apple TV, aparelhos de Blu-ray e outros dispositivos.<\/h2>\r\n            <\/div>\r\n            <div class=\"story-card-img\">\r\n                <div class=\"story-card-video-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/assets.nflxext.com\/ffe\/siteui\/acquisition\/ourStory\/fuji\/desktop\/tv.png\" alt=\"TV\">\r\n                    <video class=\"story-card-video\" autoplay playsinline muted loop><source src=\"https:\/\/assets.nflxext.com\/ffe\/siteui\/acquisition\/ourStory\/fuji\/desktop\/video-tv-0819.m4v\" type=\"video\/mp4\"><\/video>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        <section class=\"story-card reverse section-divider\">\r\n            <div class=\"story-card-text\"><h1>Baixe s\u00e9ries para assistir offline<\/h1><h2>Salve seus t\u00edtulos favoritos e sempre tenha algo para assistir.<\/h2><\/div>\r\n            <div class=\"story-card-img\"><img decoding=\"async\" src=\"https:\/\/assets.nflxext.com\/ffe\/siteui\/acquisition\/ourStory\/fuji\/desktop\/mobile-0819.jpg\" alt=\"Mobile Download\"><\/div>\r\n        <\/section>\r\n\r\n        <!-- EM ALTA -->\r\n        <section class=\"trending-section section-divider\">\r\n            <h2>Em Alta<\/h2>\r\n            <div class=\"carousel-container\" id=\"trendingContainer\">\r\n                <button class=\"slider-arrow arrow-left\" id=\"slideLeft\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n                <div class=\"trending-carousel\" id=\"carousel\">\r\n                    <div class=\"trending-item\"><div class=\"trending-number\">1<\/div><div class=\"poster\" style=\"background-image: url('https:\/\/image.tmdb.org\/t\/p\/w500\/8cdWjvZQUExUUTzyp4t6EDMubfO.jpg');\"><\/div><\/div> <!-- Deadpool & Wolverine -->\r\n                    <div class=\"trending-item\"><div class=\"trending-number\">2<\/div><div class=\"poster\" style=\"background-image: url('https:\/\/image.tmdb.org\/t\/p\/w500\/vpnVM9B6NMmQpWeZvzLvDESb2QY.jpg');\"><\/div><\/div> <!-- Divertida Mente 2 -->\r\n                    <div class=\"trending-item\"><div class=\"trending-number\">3<\/div><div class=\"poster\" style=\"background-image: url('https:\/\/image.tmdb.org\/t\/p\/w500\/1pdfLvkbY9ohJlCjQH2CZjjYVvJ.jpg');\"><\/div><\/div> <!-- Duna 2 -->\r\n                    <div class=\"trending-item\"><div class=\"trending-number\">4<\/div><div class=\"poster\" style=\"background-image: url('https:\/\/image.tmdb.org\/t\/p\/w500\/gKkl37BQuKTanygYQG1pyYgLVgf.jpg');\"><\/div><\/div> <!-- Planeta dos Macacos -->\r\n                    <div class=\"trending-item\"><div class=\"trending-number\">5<\/div><div class=\"poster\" style=\"background-image: url('https:\/\/image.tmdb.org\/t\/p\/w500\/kDp1vUBnMpe8ak4rjgl3cLELqjU.jpg');\"><\/div><\/div> <!-- Kung Fu Panda -->\r\n                    <div class=\"trending-item\"><div class=\"trending-number\">6<\/div><div class=\"poster\" style=\"background-image: url('https:\/\/image.tmdb.org\/t\/p\/w500\/8Gxv8gSFCU0XGDykEGv7zR1n2ua.jpg');\"><\/div><\/div> <!-- Oppenheimer -->\r\n                    <div class=\"trending-item\"><div class=\"trending-number\">7<\/div><div class=\"poster\" style=\"background-image: url('https:\/\/image.tmdb.org\/t\/p\/w500\/iuFNMS8U5cb6xfzi51Dbkovj7vM.jpg');\"><\/div><\/div> <!-- Barbie -->\r\n                    <div class=\"trending-item\"><div class=\"trending-number\">8<\/div><div class=\"poster\" style=\"background-image: url('https:\/\/image.tmdb.org\/t\/p\/w500\/t6HIqrRAclMCA60NsSmeqe9RmNV.jpg');\"><\/div><\/div> <!-- Avatar 2 -->\r\n                    <div class=\"trending-item\"><div class=\"trending-number\">9<\/div><div class=\"poster\" style=\"background-image: url('https:\/\/image.tmdb.org\/t\/p\/w500\/qNBAXBIQlnOThrVvA6mA2B5ggV6.jpg');\"><\/div><\/div> <!-- Mario -->\r\n                    <div class=\"trending-item\"><div class=\"trending-number\">10<\/div><div class=\"poster\" style=\"background-image: url('https:\/\/image.tmdb.org\/t\/p\/w500\/sh7Rg8Er3tFcN9BpKIPOMvALgZd.jpg');\"><\/div><\/div> <!-- Spider-Man -->\r\n                <\/div>\r\n                <button class=\"slider-arrow arrow-right\" id=\"slideRight\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Feature 3 -->\r\n        <section class=\"story-card section-divider\">\r\n            <div class=\"story-card-text\"><h1>Crie perfis para crian\u00e7as<\/h1><h2>Deixe as crian\u00e7as se aventurarem com seus personagens favoritos em um espa\u00e7o feito s\u00f3 para elas, sem pagar a mais por isso.<\/h2><\/div>\r\n            <div class=\"story-card-img\"><img decoding=\"async\" src=\"https:\/\/occ-0-5395-1740.1.nflxso.net\/dnm\/api\/v6\/19OhWN2dO19C9txTON9tvTFtefw\/AAAABUIQf-EOyyk3NFohgiSUVv5tl73COXhof_N8Gz2GD6IqJ0Cz-DzUfRzj2NhSocLHDrNUlFL3NK2fDG6MCKzVHt3kCmSOjrf4SuVb.png?r=190\" alt=\"Kids Profile\"><\/div>\r\n        <\/section>\r\n        \r\n        <!-- Pricing -->\r\n        <section class=\"pricing-section section-divider\">\r\n            <h1>Escolha o plano ideal para voc\u00ea<\/h1>\r\n            <div class=\"pricing-table\">\r\n                <div class=\"plan-card\"><h3>B\u00e1sico<\/h3><p>Ideal para come\u00e7ar<\/p><div class=\"price\">R$25,90<span>\/m\u00eas<\/span><\/div><ul><li><i class=\"fa-solid fa-check\"><\/i> Qualidade de v\u00eddeo Boa (720p)<\/li><li><i class=\"fa-solid fa-check\"><\/i> Assista em 1 tela<\/li><li><i class=\"fa-solid fa-xmark\"><\/i> Sem downloads<\/li><\/ul><a href=\"https:\/\/pay.cakto.com.br\/8PQTFq7\" class=\"cta-button\">Escolher B\u00e1sico<\/a><\/div>\r\n                <div class=\"plan-card popular\"><h3>Padr\u00e3o<\/h3><p>A melhor escolha<\/p><div class=\"price\">R$39,90<span>\/m\u00eas<\/span><\/div><ul><li><i class=\"fa-solid fa-check\"><\/i> Qualidade de v\u00eddeo \u00d3tima (1080p)<\/li><li><i class=\"fa-solid fa-check\"><\/i> Assista em 2 telas simult\u00e2neas<\/li><li><i class=\"fa-solid fa-check\"><\/i> Downloads em 2 aparelhos<\/li><\/ul><a href=\"https:\/\/pay.cakto.com.br\/8PQTFq7\" class=\"cta-button\">Escolher Padr\u00e3o<\/a><\/div>\r\n                <div class=\"plan-card\"><h3>Premium<\/h3><p>A experi\u00eancia completa<\/p><div class=\"price\">R$55,90<span>\/m\u00eas<\/span><\/div><ul><li><i class=\"fa-solid fa-check\"><\/i> Qualidade de v\u00eddeo Excepcional (4K+HDR)<\/li><li><i class=\"fa-solid fa-check\"><\/i> Assista em 4 telas simult\u00e2neas<\/li><li><i class=\"fa-solid fa-check\"><\/i> Downloads em 6 aparelhos<\/li><\/ul><a href=\"https:\/\/pay.cakto.com.br\/8PQTFq7\" class=\"cta-button\">Escolher Premium<\/a><\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- FAQ -->\r\n        <section class=\"faq\">\r\n            <h1>Perguntas frequentes<\/h1>\r\n            <div class=\"faq-accordion\">\r\n                <div class=\"faq-item\"><button class=\"faq-question\"><span>O que \u00e9 a MM TV?<\/span><span class=\"icon\">+<\/span><\/button><div class=\"faq-answer\"><p>A MM TV \u00e9 um servi\u00e7o de streaming que oferece uma ampla variedade de s\u00e9ries, filmes e document\u00e1rios em milhares de aparelhos conectados \u00e0 internet.<\/p><\/div><\/div>\r\n                <div class=\"faq-item\"><button class=\"faq-question\"><span>Quanto custa a MM TV?<\/span><span class=\"icon\">+<\/span><\/button><div class=\"faq-answer\"><p>Assista \u00e0 MM TV por uma taxa mensal \u00fanica. Os planos variam de R$ 25,90 a R$ 55,90 por m\u00eas. Sem contrato nem taxas extras.<\/p><\/div><\/div>\r\n                <div class=\"faq-item\"><button class=\"faq-question\"><span>Onde posso assistir?<\/span><span class=\"icon\">+<\/span><\/button><div class=\"faq-answer\"><p>Assista onde quiser, quando quiser. Acesse sua conta em qualquer aparelho conectado \u00e0 internet compat\u00edvel com o aplicativo MM TV.<\/p><\/div><\/div>\r\n                <div class=\"faq-item\"><button class=\"faq-question\"><span>Como fa\u00e7o para cancelar?<\/span><span class=\"icon\">+<\/span><\/button><div class=\"faq-answer\"><p>A MM TV \u00e9 flex\u00edvel. N\u00e3o h\u00e1 contratos nem compromissos. Voc\u00ea pode cancelar a sua conta na internet com apenas dois cliques. N\u00e3o h\u00e1 taxa de cancelamento.<\/p><\/div><\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <footer class=\"footer\">\r\n            <p class=\"footer-title\">D\u00favidas? Ligue para 0800 591 8943<\/p>\r\n            <div class=\"footer-grid\">\r\n                <a href=\"#\">Perguntas frequentes<\/a> <a href=\"#\">Central de Ajuda<\/a> <a href=\"#\">Conta<\/a> <a href=\"#\">Media Center<\/a>\r\n                <a href=\"#\">Rela\u00e7\u00f5es com investidores<\/a> <a href=\"#\">Carreiras<\/a> <a href=\"#\">Formas de assistir<\/a> <a href=\"#\">Termos de Uso<\/a>\r\n                <a href=\"#\">Privacidade<\/a> <a href=\"#\">Prefer\u00eancias de cookies<\/a> <a href=\"#\">Informa\u00e7\u00f5es corporativas<\/a> <a href=\"#\">Entre em contato<\/a>\r\n            <\/div>\r\n        <\/footer>\r\n    <\/div>\r\n\r\n    <!-- WHATSAPP AI WIDGET -->\r\n    <div class=\"wa-widget-container\">\r\n        <!-- Janela do Chat -->\r\n        <div class=\"wa-chat-window\" id=\"waChatWindow\">\r\n            <div class=\"wa-header\">\r\n                <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/4712\/4712109.png\" alt=\"AI\" class=\"wa-avatar\">\r\n                <div class=\"wa-info\">\r\n                    <h4>Assistente MM TV \ud83e\udd16<\/h4>\r\n                    <span>Online agora<\/span>\r\n                <\/div>\r\n                <div class=\"wa-close\" onclick=\"toggleChat()\">\u00d7<\/div>\r\n            <\/div>\r\n            <div class=\"wa-body\" id=\"waBody\">\r\n                <!-- Mensagens aparecer\u00e3o aqui -->\r\n            <\/div>\r\n            <div class=\"wa-footer\">\r\n                <input type=\"text\" class=\"wa-input\" id=\"waInput\" placeholder=\"Digite sua d\u00favida...\" onkeypress=\"handleEnter(event)\">\r\n                <button class=\"wa-send-btn\" onclick=\"sendMessage()\"><i class=\"fa-solid fa-paper-plane\"><\/i><\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bal\u00e3o de Sauda\u00e7\u00e3o -->\r\n        <div class=\"wa-bubble\" id=\"waBubble\" onclick=\"toggleChat()\">\r\n            Oi \ud83d\udc4b, qual sua d\u00favida?\r\n        <\/div>\r\n\r\n        <!-- Bot\u00e3o Flutuante -->\r\n        <div class=\"wa-float-btn\" onclick=\"toggleChat()\">\r\n            <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n            <div class=\"wa-badge\" id=\"waBadge\">1<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- APP INSTALL & NOTIFICATION MODAL -->\r\n    <div class=\"notif-modal-overlay\" id=\"notifPermissionModal\">\r\n        <div class=\"notif-modal\">\r\n            <div class=\"notif-close\" onclick=\"closePermissionModal()\">\u00d7<\/div>\r\n            <div class=\"notif-icon\"><i class=\"fa-solid fa-download\"><\/i><\/div>\r\n            <h3 class=\"notif-title\">Baixe o App Oficial! \ud83d\udcf1<\/h3>\r\n            <p class=\"notif-text\">Instale nosso aplicativo GRATUITO agora e ganhe 30 dias de acesso premium + lembretes de lan\u00e7amentos!<\/p>\r\n            \r\n            <div class=\"notif-btn-group\">\r\n                <!-- Bot\u00e3o Principal (Sempre vis\u00edvel) -->\r\n                <button class=\"notif-btn notif-btn-allow\" id=\"installAppBtn\" onclick=\"installPWA()\" style=\"display:none;\">\r\n                    <i class=\"fa-brands fa-android\"><\/i> Instalar App Agora\r\n                <\/button>\r\n                \r\n                <!-- Instru\u00e7\u00f5es Ocultas (Aparecem ao clicar se for iPhone) -->\r\n                <div id=\"iosInstructions\" style=\"display:none;\">\r\n                    <p style=\"color: var(--brand-red); font-weight: bold; margin-bottom: 10px;\">\r\n                        <i class=\"fa-brands fa-safari\"><\/i> Abra no navegador SAFARI\r\n                    <\/p>\r\n                    <p style=\"font-size: 0.85rem; margin-bottom: 10px; color: #ccc;\">A op\u00e7\u00e3o de instalar s\u00f3 aparece no Safari.<\/p>\r\n                    <ol>\r\n                        <li>Toque no bot\u00e3o <strong>Compartilhar<\/strong> <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1358\/1358023.png\" width=\"15\" style=\"filter: invert(1);\"> na barra inferior.<\/li>\r\n                        <li>Role e escolha <strong>\"Adicionar \u00e0 Tela de In\u00edcio\"<\/strong> <i class=\"fa-regular fa-square-plus\"><\/i>.<\/li>\r\n                        <li>Clique em <strong>Adicionar<\/strong> no topo.<\/li>\r\n                    <\/ol>\r\n                <\/div>\r\n\r\n                <button class=\"notif-btn notif-btn-deny\" onclick=\"denyNotification()\">Continuar no navegador<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- TOAST DE LEMBRETE -->\r\n    <div id=\"reminderToast\" style=\"display:none; position: fixed; top: 20px; right: 20px; background: #222; color: white; padding: 20px; border-left: 5px solid var(--brand-red); border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); z-index: 10000; max-width: 300px;\">\r\n        <h4 style=\"margin-bottom: 5px; color: var(--brand-red); font-size: 1.1rem;\"><i class=\"fa-solid fa-clock\"><\/i> Lembrete MM TV<\/h4>\r\n        <p id=\"reminderText\" style=\"font-size: 0.9rem; color: #ccc; margin-bottom: 10px;\"><\/p>\r\n        <button onclick=\"document.getElementById('reminderToast').style.display='none'\" style=\"background: transparent; border: 1px solid #555; color: white; padding: 5px 10px; cursor: pointer; border-radius: 4px; font-size: 0.8rem;\">Fechar<\/button>\r\n        <a href=\"https:\/\/pay.cakto.com.br\/8PQTFq7\" style=\"background: var(--brand-red); color: white; padding: 5px 10px; text-decoration: none; border-radius: 4px; font-size: 0.8rem; margin-left: 5px;\">Renovar Agora<\/a>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ --- DETEC\u00c7\u00c3O DE DISPOSITIVO E MODO (Intelig\u00eancia) ---\r\n        const isIos = () => {\r\n            const userAgent = window.navigator.userAgent.toLowerCase();\r\n            return \/iphone|ipad|ipod\/.test(userAgent);\r\n        }\r\n        \r\n        \/\/ Verifica se est\u00e1 rodando como App (Tela Cheia)\r\n        const isInStandaloneMode = () => ('standalone' in window.navigator) && (window.navigator.standalone);\r\n\r\n        const notificationConfig = {\r\n            titulo: \"Lembrete de Renova\u00e7\u00e3o \ud83d\udcc5\",\r\n            mensagem: \"Ol\u00e1! J\u00e1 se passaram 7 dias. N\u00e3o esque\u00e7a de renovar seu plano para continuar assistindo sem interrup\u00e7\u00f5es!\",\r\n            intervaloDias: 7\r\n        };\r\n\r\n        \/\/ --- PWA INSTALLATION LOGIC (O C\u00e9rebro da Opera\u00e7\u00e3o) ---\r\n        let deferredPrompt;\r\n        const installBtn = document.getElementById('installAppBtn');\r\n        const iosInstructions = document.getElementById('iosInstructions');\r\n        const modal = document.getElementById('notifPermissionModal');\r\n\r\n        \/\/ LOCK SCROLL HELPER\r\n        function lockScroll() { document.body.classList.add('modal-open'); }\r\n        function unlockScroll() { document.body.classList.remove('modal-open'); }\r\n\r\n        window.addEventListener('load', () => {\r\n            \/\/ 1. INTELIG\u00caNCIA: Se j\u00e1 est\u00e1 no App, NUNCA mostre a oferta.\r\n            if (isInStandaloneMode()) {\r\n                console.log(\"Modo App detectado: Oferta ocultada.\");\r\n                checkAndShowReminder(); \/\/ Apenas roda o lembrete de renova\u00e7\u00e3o\r\n                return;\r\n            }\r\n\r\n            \/\/ 2. INTELIG\u00caNCIA: Se j\u00e1 instalou antes (flag salva), tamb\u00e9m n\u00e3o mostre.\r\n            if (localStorage.getItem('mmtv_app_installed') === 'true') {\r\n                console.log(\"App j\u00e1 instalado anteriormente: Oferta ocultada.\");\r\n                checkAndShowReminder();\r\n                return;\r\n            }\r\n\r\n            \/\/ 3. PERSIST\u00caNCIA: Se n\u00e3o tem o App, mostra a oferta SEMPRE (ap\u00f3s 3s).\r\n            setTimeout(() => {\r\n                modal.style.display = 'flex';\r\n                lockScroll(); \/\/ Bloqueia o fundo\r\n                \/\/ Define qual conte\u00fado mostrar\r\n                if(isIos()) {\r\n                    iosInstructions.style.display = 'block';\r\n                    installBtn.style.display = 'none';\r\n                } else {\r\n                    \/\/ Para Android e outros, mostra o bot\u00e3o.\r\n                    \/\/ Se o evento beforeinstallprompt ainda n\u00e3o ocorreu, o bot\u00e3o pode n\u00e3o fazer nada,\r\n                    \/\/ mas serve como instru\u00e7\u00e3o visual. O evento pode ativ\u00e1-lo depois.\r\n                    installBtn.style.display = 'flex'; \r\n                    iosInstructions.style.display = 'none';\r\n                }\r\n            }, 3000);\r\n        });\r\n\r\n        \/\/ Captura evento nativo do Android\r\n        window.addEventListener('beforeinstallprompt', (e) => {\r\n            e.preventDefault();\r\n            deferredPrompt = e;\r\n            \/\/ Garante que o bot\u00e3o esteja vis\u00edvel e configurado se o evento ocorrer\r\n            \/\/ (Mesmo que o modal j\u00e1 esteja aberto ou v\u00e1 abrir)\r\n            installBtn.style.display = 'flex';\r\n            iosInstructions.style.display = 'none';\r\n            installBtn.onclick = installPWA;\r\n        });\r\n\r\n        \/\/ Sucesso na instala\u00e7\u00e3o\r\n        window.addEventListener('appinstalled', () => {\r\n            localStorage.setItem('mmtv_app_installed', 'true');\r\n            deferredPrompt = null;\r\n            modal.style.display = 'none';\r\n            unlockScroll();\r\n            allowNotification(); \/\/ Ativa lembretes silenciosamente\r\n        });\r\n\r\n        \/\/ Fun\u00e7\u00e3o para Android\/PC (Instala\u00e7\u00e3o Real)\r\n        async function installPWA() {\r\n            if (deferredPrompt) {\r\n                deferredPrompt.prompt();\r\n                const { outcome } = await deferredPrompt.userChoice;\r\n                if (outcome === 'accepted') {\r\n                    console.log('Instala\u00e7\u00e3o aceita');\r\n                }\r\n                deferredPrompt = null;\r\n            } else {\r\n                \/\/ Fallback se o navegador n\u00e3o suportar\r\n                alert(\"Para instalar: Toque em 'Compartilhar' > 'Adicionar \u00e0 Tela de In\u00edcio' (iPhone) ou 'Instalar App' (Android).\");\r\n            }\r\n        }\r\n\r\n        \/\/ Fun\u00e7\u00e3o para iPhone (Tutorial Visual)\r\n        function showIosInstructions() {\r\n            \/\/ Esconde o bot\u00e3o e mostra o tutorial com efeito\r\n            installBtn.style.display = 'none';\r\n            iosInstructions.style.display = 'block';\r\n        }\r\n\r\n        \/\/ --- L\u00d3GICA DE NOTIFICA\u00c7\u00c3O ---\r\n        function allowNotification() {\r\n            localStorage.setItem('mmtv_notif_permission', 'granted');\r\n            localStorage.setItem('mmtv_start_date', new Date().toISOString()); \r\n            modal.style.display = 'none';\r\n            unlockScroll();\r\n        }\r\n\r\n        function denyNotification() {\r\n            \/\/ PERSIST\u00caNCIA: Apenas fecha visualmente. N\u00c3O salva recusa.\r\n            \/\/ Assim, no pr\u00f3ximo reload, aparece de novo.\r\n            modal.style.display = 'none';\r\n            unlockScroll();\r\n        }\r\n\r\n        function closePermissionModal() {\r\n            modal.style.display = 'none';\r\n            unlockScroll();\r\n        }\r\n\r\n        function checkAndShowReminder() {\r\n            const startDateStr = localStorage.getItem('mmtv_start_date');\r\n            if (!startDateStr) return;\r\n\r\n            const startDate = new Date(startDateStr);\r\n            const today = new Date();\r\n            const diffTime = Math.abs(today - startDate);\r\n            const diffDays = Math.ceil(diffTime \/ (1000 * 60 * 60 * 24)); \r\n\r\n            if (diffDays >= notificationConfig.intervaloDias) {\r\n                const lastShown = localStorage.getItem('mmtv_last_shown_date');\r\n                const todayStr = today.toDateString();\r\n\r\n                if (lastShown !== todayStr) {\r\n                    showToast(notificationConfig.mensagem);\r\n                    localStorage.setItem('mmtv_last_shown_date', todayStr);\r\n                }\r\n            }\r\n        }\r\n\r\n        function showToast(msg) {\r\n            const toast = document.getElementById('reminderToast');\r\n            document.getElementById('reminderText').innerText = msg;\r\n            toast.style.display = 'block';\r\n        }\r\n\r\n        \/\/ --- WHATSAPP WIDGET LOGIC ---\r\n        const waChatWindow = document.getElementById('waChatWindow');\r\n        const waBubble = document.getElementById('waBubble');\r\n        const waBadge = document.getElementById('waBadge');\r\n        const waBody = document.getElementById('waBody');\r\n        const waInput = document.getElementById('waInput');\r\n        let hasOpened = false;\r\n        let isTyping = false;\r\n\r\n        const apiKey = \"AIzaSyCtksJqYSYCUK8LOmsSKJ5YYsUlib3hlXU\"; \r\n\r\n        setTimeout(() => {\r\n            waBubble.classList.add('show');\r\n            waBadge.classList.add('show');\r\n        }, 5000); \r\n\r\n        function toggleChat() {\r\n            waChatWindow.classList.toggle('open');\r\n            waBubble.classList.remove('show');\r\n            waBadge.classList.remove('show');\r\n            \r\n            if (!hasOpened) {\r\n                hasOpened = true;\r\n                addMessage(\"Oi! Sou a assistente virtual da MM TV. \ud83e\udd16\\nQuer saber sobre nossos planos, canais ou precisa de um teste gr\u00e1tis?\", 'ai');\r\n                addQuickActions();\r\n            }\r\n        }\r\n\r\n        function addMessage(text, sender) {\r\n            const div = document.createElement('div');\r\n            div.classList.add('wa-message', sender === 'ai' ? 'wa-msg-ai' : 'wa-msg-user');\r\n            \r\n            let formattedText = text.replace(\/(https?:\\\/\\\/[^\\s]+)\/g, '<a href=\"$1\" target=\"_blank\" style=\"color: #075E54; text-decoration: underline;\">$1<\/a>');\r\n            formattedText = formattedText.replace(\/\\n\/g, '<br>');\r\n\r\n            div.innerHTML = formattedText + `<div class=\"wa-time\">${new Date().toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})}<\/div>`;\r\n            waBody.appendChild(div);\r\n            waBody.scrollTop = waBody.scrollHeight;\r\n        }\r\n\r\n        function addQuickActions() {\r\n            const actionsDiv = document.createElement('div');\r\n            actionsDiv.classList.add('wa-message', 'wa-msg-ai');\r\n            actionsDiv.style.background = \"transparent\";\r\n            actionsDiv.style.padding = \"0\";\r\n            \r\n            actionsDiv.innerHTML = `\r\n                <div class=\"wa-actions\">\r\n                    <button class=\"wa-action-btn\" onclick=\"sendQuickMsg('Quais os planos?')\">\ud83d\udcb0 Pre\u00e7os<\/button>\r\n                    <button class=\"wa-action-btn\" onclick=\"sendQuickMsg('Como funciona?')\">\ud83d\udcfa Como funciona<\/button>\r\n                    <button class=\"wa-action-btn\" onclick=\"sendQuickMsg('Quero assinar!')\">\u2705 Quero Assinar<\/button>\r\n                <\/div>\r\n            `;\r\n            waBody.appendChild(actionsDiv);\r\n            waBody.scrollTop = waBody.scrollHeight;\r\n        }\r\n\r\n        function sendQuickMsg(msg) {\r\n            waInput.value = msg;\r\n            sendMessage();\r\n        }\r\n\r\n        function handleEnter(e) {\r\n            if (e.key === 'Enter') sendMessage();\r\n        }\r\n\r\n        async function sendMessage() {\r\n            const text = waInput.value.trim();\r\n            if (!text || isTyping) return;\r\n            addMessage(text, 'user');\r\n            waInput.value = '';\r\n            const typingDiv = document.createElement('div');\r\n            typingDiv.id = 'typing';\r\n            typingDiv.className = 'typing-indicator';\r\n            typingDiv.innerText = 'Digitando...';\r\n            waBody.appendChild(typingDiv);\r\n            waBody.scrollTop = waBody.scrollHeight;\r\n            isTyping = true;\r\n            \r\n            const url = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`;\r\n            const prompt = `\r\n                Voc\u00ea \u00e9 um vendedor persuasivo e amig\u00e1vel da MM TV (IPTV).\r\n                Objetivo: Convencer o usu\u00e1rio a assinar.\r\n                Planos: B\u00e1sico (R$25,90 - 1 tela), Padr\u00e3o (R$39,90 - 2 telas), Premium (R$55,90 - 4 telas + 4K).\r\n                Benef\u00edcios: Sem fidelidade, mais de 10.000 conte\u00fados, funciona em TV, Celular, TV Box.\r\n                Checkout Link: https:\/\/pay.cakto.com.br\/8PQTFq7\r\n                WhatsApp Humano: https:\/\/wa.me\/5513997954946?text=Quero%20assinar%20o%20plano\r\n                Instru\u00e7\u00f5es:\r\n                1. Responda a d\u00favida do usu\u00e1rio: \"${text}\"\r\n                2. Use emojis \ud83e\udd29\ud83d\ude80\ud83d\udcfa\r\n                3. Seja curto (m\u00e1ximo 2 frases).\r\n                4. Sempre termine convidando para assinar ou chamando para o Zap real.\r\n                5. Se o usu\u00e1rio quiser comprar, mande o link de checkout.\r\n            `;\r\n            try {\r\n                const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify({ contents: [{ parts: [{ text: prompt }] }] }) });\r\n                const data = await response.json();\r\n                const aiResponse = data.candidates?.[0]?.content?.parts?.[0]?.text || \"Desculpe, tive um probleminha. Me chame no WhatsApp Oficial!\";\r\n                document.getElementById('typing').remove();\r\n                addMessage(aiResponse, 'ai');\r\n                const ctaDiv = document.createElement('div');\r\n                ctaDiv.innerHTML = `<a href=\"https:\/\/wa.me\/5513997954946?text=Vim%20pelo%20site%20e%20quero%20assinar\" target=\"_blank\" class=\"wa-cta-final\">Falar com Humano no Zap \ud83d\udcde<\/a>`;\r\n                waBody.appendChild(ctaDiv);\r\n                waBody.scrollTop = waBody.scrollHeight;\r\n            } catch (error) { console.error(error); document.getElementById('typing').remove(); addMessage(\"Minha conex\u00e3o oscilou \ud83d\ude22. Mas me chame no WhatsApp oficial que te atendo na hora!\", 'ai'); }\r\n            isTyping = false;\r\n        }\r\n\r\n        \/\/ --- FAQ LOGIC ---\r\n        const faqQuestions = document.querySelectorAll('.faq-question');\r\n        faqQuestions.forEach(question => {\r\n            question.addEventListener('click', () => {\r\n                const answer = question.nextElementSibling;\r\n                const icon = question.querySelector('.icon');\r\n                const isActive = question.classList.contains('active');\r\n                faqQuestions.forEach(q => {\r\n                    q.classList.remove('active');\r\n                    q.nextElementSibling.classList.remove('active');\r\n                    q.querySelector('.icon').innerHTML = '+';\r\n                });\r\n                if (!isActive) {\r\n                    question.classList.add('active');\r\n                    answer.classList.add('active');\r\n                    icon.innerHTML = '\u00d7';\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ --- TRENDING CAROUSEL LOGIC ---\r\n        const carousel = document.getElementById('carousel');\r\n        const leftBtn = document.getElementById('slideLeft');\r\n        const rightBtn = document.getElementById('slideRight');\r\n        const trendingContainer = document.getElementById('trendingContainer');\r\n        const scrollAmount = 300; \r\n        rightBtn.addEventListener('click', () => { carousel.scrollBy({ left: scrollAmount, behavior: 'smooth' }); });\r\n        leftBtn.addEventListener('click', () => { carousel.scrollBy({ left: -scrollAmount, behavior: 'smooth' }); });\r\n        let autoScrollTrending = setInterval(() => {\r\n            if (carousel.scrollLeft + carousel.clientWidth >= carousel.scrollWidth - 10) {\r\n                carousel.scrollTo({ left: 0, behavior: 'smooth' });\r\n            } else {\r\n                carousel.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n            }\r\n        }, 4000);\r\n        trendingContainer.addEventListener('mouseenter', () => clearInterval(autoScrollTrending));\r\n        trendingContainer.addEventListener('mouseleave', () => {\r\n            autoScrollTrending = setInterval(() => {\r\n                if (carousel.scrollLeft + carousel.clientWidth >= carousel.scrollWidth - 10) {\r\n                    carousel.scrollTo({ left: 0, behavior: 'smooth' });\r\n                } else {\r\n                    carousel.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n                }\r\n            }, 4000);\r\n        });\r\n\r\n        \/\/ --- PLATFORM CAROUSEL ---\r\n        const platformTrack = document.getElementById('platformTrack');\r\n        const originalContent = platformTrack.innerHTML;\r\n        platformTrack.innerHTML += originalContent + originalContent;\r\n\r\n        \/\/ --- GEMINI AI RECOMMENDER LOGIC ---\r\n        async function getRecommendations() {\r\n            const userInput = document.getElementById('userMood').value;\r\n            const resultDiv = document.getElementById('aiResult');\r\n            const spinner = document.getElementById('loadingSpinner');\r\n            if (!userInput.trim()) { alert(\"Por favor, digite o que voc\u00ea gostaria de assistir!\"); return; }\r\n            \r\n            spinner.style.display = 'block'; resultDiv.style.display = 'none';\r\n            const url = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`;\r\n            const prompt = `Voc\u00ea \u00e9 um especialista em filmes e s\u00e9ries para um servi\u00e7o de streaming chamado MM TV. O usu\u00e1rio pediu: \"${userInput}\". Sugira 3 t\u00edtulos com sinopse curta. Formato HTML simples: <p>Sugest\u00f5es:<\/p><ul><li><b>T\u00edtulo:<\/b> Sinopse.<\/li><\/ul>`;\r\n            try {\r\n                const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify({ contents: [{ parts: [{ text: prompt }] }] }) });\r\n                const data = await response.json();\r\n                resultDiv.innerHTML = data.candidates?.[0]?.content?.parts?.[0]?.text || \"Tente novamente.\";\r\n                resultDiv.style.display = 'block';\r\n            } catch (error) { resultDiv.innerHTML = \"<p>Erro na conex\u00e3o.<\/p>\"; resultDiv.style.display = 'block'; }\r\n            finally { spinner.style.display = 'none'; }\r\n        }\r\n\r\n        \/\/ --- WHATSAPP LEAD CAPTURE ---\r\n        function sendToWhatsapp() {\r\n            const email = document.getElementById('email-input').value;\r\n            if (!email.includes('@') || !email.includes('.')) {\r\n                alert(\"Por favor, digite um e-mail v\u00e1lido!\");\r\n                return;\r\n            }\r\n            const message = `Ol\u00e1! \ud83d\udc4b Tenho interesse no MM TV. Meu email \u00e9: ${email}. Gostaria de saber mais sobre os planos!`;\r\n            const whatsappUrl = `https:\/\/wa.me\/5513997954946?text=${encodeURIComponent(message)}`;\r\n            window.open(whatsappUrl, '_blank');\r\n        }\r\n    if (\"serviceWorker\" in navigator) { \n        navigator.serviceWorker.register(\"sw.js\").then(() => console.log(\"Modo Offline Ativo\")); \n    }\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ultimate.wuazer.com.br\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ultimate.wuazer.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ultimate.wuazer.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ultimate.wuazer.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ultimate.wuazer.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":1,"href":"https:\/\/ultimate.wuazer.com.br\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/ultimate.wuazer.com.br\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/ultimate.wuazer.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}