{"id":16,"date":"2026-08-07T15:21:59","date_gmt":"2026-08-07T15:21:59","guid":{"rendered":"https:\/\/hospedagemservice.pro\/?page_id=16"},"modified":"2026-08-07T15:33:39","modified_gmt":"2026-08-07T15:33:39","slug":"lp","status":"publish","type":"page","link":"https:\/\/hospedagemservice.pro\/","title":{"rendered":"LP"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n \r\n \r\n Not\u00edcias | Portal Financeiro<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap\"\r\n rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n \/* Premium Finance Color Palette *\/\r\n --bg-body: #f4f7f6;\r\n --bg-card: #ffffff;\r\n --text-main: #0f172a;\r\n --text-muted: #64748b;\r\n --primary-color: #020617;\r\n \/* Very deep slate *\/\r\n --accent-green: #10b981;\r\n \/* Emerald *\/\r\n --accent-green-hover: #059669;\r\n --accent-blue: #3b82f6;\r\n --border-light: #e2e8f0;\r\n --font-body: 'Inter', sans-serif;\r\n --font-display: 'Plus Jakarta Sans', sans-serif;\r\n --shadow-sm: 0 2px 4px rgba(15, 23, 42, 0.04);\r\n --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06);\r\n --shadow-lg: 0 12px 24px rgba(15, 23, 42, 0.08);\r\n --radius-md: 12px;\r\n --radius-lg: 20px;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: var(--font-body);\r\n background-color: var(--bg-body);\r\n color: var(--text-main);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 100vh;\r\n }\r\n\r\n \/* Ticker Top Bar *\/\r\n .ticker-wrap {\r\n width: 100%;\r\n overflow: hidden;\r\n background-color: var(--primary-color);\r\n color: #f8fafc;\r\n padding: 8px 0;\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n position: relative;\r\n z-index: 101;\r\n }\r\n\r\n .ticker {\r\n display: inline-block;\r\n white-space: nowrap;\r\n padding-right: 100%;\r\n animation: ticker 30s linear infinite;\r\n }\r\n\r\n .ticker-item {\r\n display: inline-block;\r\n padding: 0 2rem;\r\n color: #cbd5e1;\r\n }\r\n\r\n .ticker-item span.up {\r\n color: var(--accent-green);\r\n }\r\n\r\n .ticker-item span.down {\r\n color: #ef4444;\r\n }\r\n\r\n @keyframes ticker {\r\n 0% {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n\r\n 100% {\r\n transform: translate3d(-100%, 0, 0);\r\n }\r\n }\r\n\r\n \/* Header *\/\r\n header {\r\n background: rgba(255, 255, 255, 0.9);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-bottom: 1px solid var(--border-light);\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .header-content {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 1.25rem 5%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .logo {\r\n font-family: var(--font-display);\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n color: var(--primary-color);\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .logo span {\r\n color: var(--accent-green);\r\n }\r\n\r\n .logo-dot {\r\n width: 8px;\r\n height: 8px;\r\n background-color: var(--accent-green);\r\n border-radius: 50%;\r\n display: inline-block;\r\n margin-right: 4px;\r\n }\r\n\r\n nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 2rem;\r\n }\r\n\r\n nav ul {\r\n list-style: none;\r\n display: flex;\r\n gap: 2rem;\r\n }\r\n\r\n nav a {\r\n color: var(--text-muted);\r\n text-decoration: none;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n nav a:hover,\r\n nav a.active {\r\n color: var(--primary-color);\r\n }\r\n\r\n .btn-subscribe {\r\n background-color: var(--primary-color);\r\n color: white;\r\n text-decoration: none;\r\n padding: 0.6rem 1.2rem;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n transition: background 0.2s, transform 0.2s;\r\n }\r\n\r\n .btn-subscribe:hover {\r\n background-color: var(--text-muted);\r\n color: var(--primary-color);\r\n transform: translateY(-1px);\r\n }\r\n\r\n \/* Main Content *\/\r\n main {\r\n flex: 1;\r\n padding: 2rem 5% 5rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .page-header {\r\n margin-bottom: 3rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n padding-bottom: 1.5rem;\r\n border-bottom: 2px solid var(--border-light);\r\n }\r\n\r\n .page-title {\r\n font-family: var(--font-display);\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n color: var(--primary-color);\r\n letter-spacing: -0.03em;\r\n line-height: 1.1;\r\n }\r\n\r\n .page-subtitle {\r\n color: var(--text-muted);\r\n font-size: 1.1rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .live-indicator {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: rgba(16, 185, 129, 0.1);\r\n color: var(--accent-green-hover);\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n }\r\n\r\n .pulse-dot {\r\n width: 8px;\r\n height: 8px;\r\n background-color: var(--accent-green);\r\n border-radius: 50%;\r\n display: inline-block;\r\n box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);\r\n animation: pulse 1.5s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0% {\r\n transform: scale(0.95);\r\n box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);\r\n }\r\n\r\n 70% {\r\n transform: scale(1);\r\n box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);\r\n }\r\n\r\n 100% {\r\n transform: scale(0.95);\r\n box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);\r\n }\r\n }\r\n\r\n \/* Status Containers *\/\r\n .status-container {\r\n text-align: center;\r\n padding: 6rem 0;\r\n background: var(--bg-card);\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .loader {\r\n width: 48px;\r\n height: 48px;\r\n border: 3px solid var(--border-light);\r\n border-bottom-color: var(--accent-green);\r\n border-radius: 50%;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n animation: rotation 1s linear infinite;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n @keyframes rotation {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n\r\n .hidden {\r\n display: none !important;\r\n }\r\n\r\n .loading-text-sub {\r\n font-size: 0.95rem;\r\n color: var(--text-muted);\r\n margin-top: 0.5rem;\r\n height: 20px;\r\n }\r\n\r\n \/* Grid *\/\r\n .category-section {\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .section-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .section-title {\r\n font-family: var(--font-display);\r\n font-size: 1.5rem;\r\n color: var(--primary-color);\r\n position: relative;\r\n padding-left: 1rem;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .section-title::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n height: 100%;\r\n width: 4px;\r\n background-color: var(--accent-green);\r\n border-radius: 4px;\r\n }\r\n\r\n .news-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .news-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .news-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n \/* Modern Card Design *\/\r\n .card {\r\n background-color: var(--bg-card);\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n border: 1px solid rgba(0, 0, 0, 0.03);\r\n box-shadow: var(--shadow-sm);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n flex-direction: column;\r\n cursor: pointer;\r\n position: relative;\r\n text-decoration: none;\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg);\r\n border-color: rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .card-img-container {\r\n width: 100%;\r\n height: 220px;\r\n overflow: hidden;\r\n background-color: var(--border-light);\r\n position: relative;\r\n }\r\n\r\n .card-category-badge {\r\n position: absolute;\r\n top: 1rem;\r\n left: 1rem;\r\n background: rgba(255, 255, 255, 0.9);\r\n color: var(--primary-color);\r\n padding: 4px 10px;\r\n border-radius: 6px;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n z-index: 2;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .card-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .card:hover .card-img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .card-content {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n }\r\n\r\n .card-date {\r\n font-size: 0.8rem;\r\n color: var(--text-muted);\r\n margin-bottom: 0.75rem;\r\n font-weight: 500;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .card-title {\r\n font-family: var(--font-display);\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: var(--primary-color);\r\n margin-bottom: 1rem;\r\n line-height: 1.4;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n transition: color 0.2s;\r\n }\r\n\r\n .card:hover .card-title {\r\n color: var(--accent-blue);\r\n }\r\n\r\n .card-desc {\r\n font-size: 0.95rem;\r\n color: var(--text-muted);\r\n margin-bottom: 1.5rem;\r\n flex-grow: 1;\r\n line-height: 1.6;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n .card-footer {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-top: 1px solid var(--border-light);\r\n padding-top: 1.25rem;\r\n margin-top: auto;\r\n }\r\n\r\n .card-source {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: var(--primary-color);\r\n }\r\n\r\n .card-btn {\r\n color: var(--accent-blue);\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n }\r\n\r\n .card-btn svg {\r\n width: 16px;\r\n height: 16px;\r\n transition: transform 0.2s;\r\n }\r\n\r\n .card:hover .card-btn svg {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n background-color: var(--primary-color);\r\n color: white;\r\n padding: 5rem 5% 2rem;\r\n margin-top: auto;\r\n }\r\n\r\n .footer-grid {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 4rem;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .footer-grid {\r\n grid-template-columns: 2fr 1fr 1fr;\r\n }\r\n }\r\n\r\n .footer-brand {\r\n max-width: 320px;\r\n }\r\n\r\n .footer-brand .logo {\r\n color: white;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .footer-brand p {\r\n color: #94a3b8;\r\n font-size: 0.95rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .footer-col h3 {\r\n font-family: var(--font-display);\r\n font-size: 1.1rem;\r\n margin-bottom: 1.5rem;\r\n color: white;\r\n font-weight: 600;\r\n }\r\n\r\n .footer-col ul {\r\n list-style: none;\r\n }\r\n\r\n .footer-col ul li {\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .footer-col ul a {\r\n text-decoration: none;\r\n color: #94a3b8;\r\n font-size: 0.95rem;\r\n transition: color 0.2s;\r\n }\r\n\r\n .footer-col ul a:hover {\r\n color: white;\r\n }\r\n\r\n .newsletter-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n }\r\n\r\n .newsletter-form input {\r\n padding: 0.8rem 1rem;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 8px;\r\n background: rgba(255, 255, 255, 0.05);\r\n color: white;\r\n outline: none;\r\n font-family: var(--font-body);\r\n transition: border-color 0.2s;\r\n }\r\n\r\n .newsletter-form input:focus {\r\n border-color: var(--accent-green);\r\n }\r\n\r\n .newsletter-form button {\r\n background-color: var(--accent-green);\r\n color: white;\r\n border: none;\r\n padding: 0.8rem 1rem;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-weight: 600;\r\n font-family: var(--font-body);\r\n transition: background 0.2s, transform 0.2s;\r\n }\r\n\r\n .newsletter-form button:hover {\r\n background-color: var(--accent-green-hover);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .footer-bottom {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding-top: 2rem;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n color: #64748b;\r\n font-size: 0.85rem;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .footer-bottom {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n\r\n .page-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n }\r\n\r\n nav {\r\n display: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <div class=\"ticker-wrap\">\r\n <div class=\"ticker\">\r\n <span class=\"ticker-item\">IBOVESPA <span class=\"up\">\u25b2 0.45%<\/span><\/span>\r\n <span class=\"ticker-item\">S&P 500 <span class=\"down\">\u25bc 0.12%<\/span><\/span>\r\n <span class=\"ticker-item\">NASDAQ <span class=\"up\">\u25b2 0.88%<\/span><\/span>\r\n <span class=\"ticker-item\">USD\/BRL <span class=\"down\">\u25bc 0.35%<\/span><\/span>\r\n <span class=\"ticker-item\">EUR\/BRL <span class=\"up\">\u25b2 0.15%<\/span><\/span>\r\n <span class=\"ticker-item\">BITCOIN <span class=\"up\">\u25b2 2.45%<\/span><\/span>\r\n <span class=\"ticker-item\">PETR4 <span class=\"up\">\u25b2 1.12%<\/span><\/span>\r\n <span class=\"ticker-item\">VALE3 <span class=\"down\">\u25bc 0.85%<\/span><\/span>\r\n <span class=\"ticker-item\">IBOVESPA <span class=\"up\">\u25b2 0.45%<\/span><\/span>\r\n <span class=\"ticker-item\">S&P 500 <span class=\"down\">\u25bc 0.12%<\/span><\/span>\r\n <span class=\"ticker-item\">NASDAQ <span class=\"up\">\u25b2 0.88%<\/span><\/span>\r\n <span class=\"ticker-item\">USD\/BRL <span class=\"down\">\u25bc 0.35%<\/span><\/span>\r\n <span class=\"ticker-item\">EUR\/BRL <span class=\"up\">\u25b2 0.15%<\/span><\/span>\r\n <span class=\"ticker-item\">BITCOIN <span class=\"up\">\u25b2 2.45%<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <header>\r\n <div class=\"header-content\">\r\n <a href=\"#\" class=\"logo\">\r\n <span class=\"logo-dot\"><\/span>\r\n Not\u00edcias <span>Finan\u00e7as<\/span>\r\n <\/a>\r\n <nav>\r\n <ul>\r\n <li><a href=\"#\" class=\"active\">Mercados<\/a><\/li>\r\n <li><a href=\"#\">Economia<\/a><\/li>\r\n <li><a href=\"#\">Empresas<\/a><\/li>\r\n <li><a href=\"#\">Cripto<\/a><\/li>\r\n <\/ul>\r\n <a href=\"#\" class=\"btn-subscribe\">Assinar Gr\u00e1tis<\/a>\r\n <\/nav>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <div class=\"page-header\">\r\n <div>\r\n <h1 class=\"page-title\">\u00daltimas Not\u00edcias<\/h1>\r\n <p class=\"page-subtitle\">Acompanhe as movimenta\u00e7\u00f5es financeiras em tempo real.<\/p>\r\n <\/div>\r\n <div class=\"live-indicator\">\r\n <span class=\"pulse-dot\"><\/span> Ao Vivo\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"loading\" class=\"status-container\">\r\n <div class=\"loader\"><\/div>\r\n <h3 style=\"color: var(--primary-color); font-family: var(--font-display); margin-bottom: 0.5rem;\">\r\n Sincronizando Mercado<\/h3>\r\n <p id=\"loading-status\" class=\"loading-text-sub\">Conectando aos terminais de dados...<\/p>\r\n <\/div>\r\n\r\n <div id=\"error-container\" class=\"status-container hidden\">\r\n <svg style=\"width: 48px; height: 48px; color: #ef4444; margin: 0 auto 1.5rem;\" fill=\"none\"\r\n stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n <\/svg>\r\n <h3 style=\"color: var(--primary-color); font-family: var(--font-display); margin-bottom: 1rem;\">Servi\u00e7o\r\n Indispon\u00edvel<\/h3>\r\n <p style=\"color: var(--text-muted); max-width: 400px; margin: 0 auto;\">Nossos terminais n\u00e3o conseguiram\r\n sincronizar com as fontes de not\u00edcias no momento. Tente novamente em alguns minutos.<\/p>\r\n <\/div>\r\n\r\n <div id=\"content-container\" class=\"hidden\"><\/div>\r\n <\/main>\r\n\r\n <footer>\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"logo\">\r\n <span class=\"logo-dot\"><\/span>\r\n Not\u00edcias<span>Finan\u00e7as<\/span>\r\n <\/a>\r\n <p>O portal de intelig\u00eancia de mercado mais \u00e1gil do Brasil. An\u00e1lises profundas, cota\u00e7\u00f5es em tempo real e\r\n as not\u00edcias que movem a economia mundial.<\/p>\r\n <\/div>\r\n <div class=\"footer-col\" style=\"justify-self: center;\">\r\n <h3>Acesso R\u00e1pido<\/h3>\r\n <ul>\r\n <li><a href=\"#\">Destaques<\/a><\/li>\r\n <li><a href=\"#\">Fechamento de Mercado<\/a><\/li>\r\n <li><a href=\"#\">Carteiras Recomendadas<\/a><\/li>\r\n <li><a href=\"#\">Termos de Uso<\/a><\/li>\r\n <li><a href=\"#\">Pol\u00edtica de Privacidade<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h3>Newsletter Pro<\/h3>\r\n <p style=\"color: #94a3b8; font-size: 0.95rem; margin-bottom: 1rem;\">Receba o briefing matinal exclusivo\r\n dos nossos analistas.<\/p>\r\n <form class=\"newsletter-form\"\r\n onsubmit=\"event.preventDefault(); alert('Inscri\u00e7\u00e3o confirmada. Bem-vindo ao clube!');\">\r\n <input type=\"email\" placeholder=\"Seu e-mail corporativo\" required>\r\n <button type=\"submit\">Inscreva-se<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>© <span id=\"current-year\"><\/span>. Todos os direitos reservados.<\/p>\r\n <div style=\"display: flex; gap: 1rem;\">\r\n <a href=\"#\" style=\"color: #64748b; text-decoration: none;\">X (Twitter)<\/a>\r\n <a href=\"#\" style=\"color: #64748b; text-decoration: none;\">LinkedIn<\/a>\r\n <a href=\"#\" style=\"color: #64748b; text-decoration: none;\">Instagram<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n document.getElementById('current-year').textContent = new Date().getFullYear();\r\n\r\n const contentContainer = document.getElementById('content-container');\r\n const loading = document.getElementById('loading');\r\n const loadingStatus = document.getElementById('loading-status');\r\n const errorContainer = document.getElementById('error-container');\r\n\r\n const placeholderImg = 'https:\/\/images.unsplash.com\/photo-1611974789855-9c2a0a7236a3?auto=format&fit=crop&q=80&w=800&h=500';\r\n\r\n const rssSources = [\r\n { name: 'G1 Economia', url: 'https:\/\/g1.globo.com\/rss\/g1\/economia\/' },\r\n { name: 'Money Times', url: 'https:\/\/www.moneytimes.com.br\/feed\/' },\r\n { name: 'Investing Brasil', url: 'https:\/\/br.investing.com\/rss\/news_25.rss' },\r\n { name: 'Jovem Pan', url: 'https:\/\/jovempan.com.br\/noticias\/economia\/feed' },\r\n { name: 'InfoMoney', url: 'https:\/\/www.infomoney.com.br\/feed\/' }\r\n ];\r\n\r\n async function fetchNewsWithFallback() {\r\n for (let i = 0; i < rssSources.length; i++) {\r\n const source = rssSources[i];\r\n loadingStatus.textContent = `Sincronizando via Terminal: ${source.name}...`;\r\n\r\n \/\/ Retornando ao rss2json oficial, mas agora blindado com Timeout de 8s nativo para n\u00e3o travar\r\n const apiUrl = `https:\/\/api.rss2json.com\/v1\/api.json?rss_url=${encodeURIComponent(source.url)}`;\r\n\r\n try {\r\n const controller = new AbortController();\r\n const timeoutId = setTimeout(() => controller.abort(), 8000);\r\n\r\n const response = await fetch(apiUrl, { signal: controller.signal });\r\n clearTimeout(timeoutId);\r\n\r\n if (!response.ok) throw new Error(`HTTP ${response.status}`);\r\n\r\n const data = await response.json();\r\n\r\n if (data.status === 'ok' && data.items && data.items.length > 0) {\r\n loading.classList.add('hidden');\r\n contentContainer.classList.remove('hidden');\r\n\r\n const sourceInfo = document.createElement('div');\r\n sourceInfo.style.marginBottom = '2.5rem';\r\n sourceInfo.style.fontSize = '0.9rem';\r\n sourceInfo.style.color = 'var(--text-muted)';\r\n sourceInfo.style.display = 'flex';\r\n sourceInfo.style.alignItems = 'center';\r\n sourceInfo.style.gap = '8px';\r\n sourceInfo.innerHTML = `\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n Fonte de dados ativa: <strong>${source.name}<\/strong>\r\n `;\r\n contentContainer.appendChild(sourceInfo);\r\n\r\n processAndRender(data.items, source.name);\r\n return;\r\n } else {\r\n console.warn(`Fonte ${source.name} retornou erro interno da API:`, data.message);\r\n continue;\r\n }\r\n } catch (error) {\r\n console.warn(`Terminal ${source.name} indispon\u00edvel: ${error.message}`);\r\n }\r\n\r\n if (i === rssSources.length - 1) {\r\n loading.classList.add('hidden');\r\n errorContainer.classList.remove('hidden');\r\n }\r\n }\r\n }\r\n\r\n function stripHtml(html) {\r\n const tmp = document.createElement(\"DIV\");\r\n tmp.innerHTML = html;\r\n return tmp.textContent || tmp.innerText || \"\";\r\n }\r\n\r\n function processAndRender(articles, sourceName) {\r\n const groupedNews = {};\r\n\r\n articles.forEach(article => {\r\n let category = (article.categories && article.categories.length > 0)\r\n ? article.categories[0]\r\n : 'Mercados';\r\n\r\n category = category.charAt(0).toUpperCase() + category.slice(1).toLowerCase();\r\n if (category.length > 20) category = 'Finan\u00e7as';\r\n\r\n if (!groupedNews[category]) groupedNews[category] = [];\r\n groupedNews[category].push(article);\r\n });\r\n\r\n for (const [category, items] of Object.entries(groupedNews)) {\r\n if (items.length < 1) continue;\r\n\r\n const categoryItems = items.slice(0, 6);\r\n const section = document.createElement('section');\r\n section.className = 'category-section';\r\n\r\n const header = document.createElement('div');\r\n header.className = 'section-header';\r\n\r\n const title = document.createElement('h2');\r\n title.className = 'section-title';\r\n title.textContent = category;\r\n\r\n header.appendChild(title);\r\n section.appendChild(header);\r\n\r\n const grid = document.createElement('div');\r\n grid.className = 'news-grid';\r\n\r\n categoryItems.forEach(article => {\r\n const card = document.createElement('a');\r\n card.className = 'card';\r\n card.href = article.link;\r\n card.target = '_blank';\r\n card.rel = 'noopener noreferrer';\r\n\r\n const desc = article.description || '';\r\n let imageUrl = placeholderImg;\r\n if (article.enclosure && article.enclosure.link) {\r\n imageUrl = article.enclosure.link;\r\n } else if (article.thumbnail) {\r\n imageUrl = article.thumbnail;\r\n } else if (desc) {\r\n const imgMatch = desc.match(\/<img[^>]+src=\"([^\">]+)\"\/);\r\n if (imgMatch && imgMatch[1]) imageUrl = imgMatch[1];\r\n }\r\n\r\n const pubDate = new Date(article.pubDate);\r\n\r\n let dateString = 'Recente';\r\n if (!isNaN(pubDate)) {\r\n const now = new Date();\r\n const diffHours = Math.floor((now - pubDate) \/ (1000 * 60 * 60));\r\n\r\n if (diffHours < 1) {\r\n dateString = 'Agora mesmo';\r\n } else if (diffHours < 24) {\r\n dateString = `H\u00e1 ${diffHours} ${diffHours === 1 ? 'hora' : 'horas'}`;\r\n } else {\r\n dateString = new Intl.DateTimeFormat('pt-BR', {\r\n day: '2-digit', month: 'short'\r\n }).format(pubDate);\r\n }\r\n }\r\n\r\n const cleanText = stripHtml(desc);\r\n const truncatedDesc = cleanText.length > 120 ? cleanText.substring(0, 120) + '...' : cleanText;\r\n\r\n card.innerHTML = `\r\n <div class=\"card-img-container\">\r\n <div class=\"card-category-badge\">${category}<\/div>\r\n <img decoding=\"async\" src=\"${imageUrl}\" alt=\"\" class=\"card-img\" loading=\"lazy\" onerror=\"this.src='${placeholderImg}'\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"card-date\">\r\n <svg width=\"14\" height=\"14\" fill=\"none\" class=\"text-muted\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n ${dateString}\r\n <\/div>\r\n <h3 class=\"card-title\">${article.title}<\/h3>\r\n <p class=\"card-desc\">${truncatedDesc}<\/p>\r\n <div class=\"card-footer\">\r\n <span class=\"card-source\">${sourceName}<\/span>\r\n <div class=\"card-btn\">\r\n Ler mais\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n grid.appendChild(card);\r\n });\r\n\r\n section.appendChild(grid);\r\n contentContainer.appendChild(section);\r\n }\r\n }\r\n\r\n fetchNewsWithFallback();\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Not\u00edcias | Portal Financeiro IBOVESPA \u25b2 0.45% S&P 500 \u25bc 0.12% NASDAQ \u25b2 0.88% USD\/BRL \u25bc 0.35% EUR\/BRL \u25b2 0.15% BITCOIN \u25b2 2.45% PETR4 \u25b2 1.12% VALE3 \u25bc 0.85% IBOVESPA \u25b2 0.45% S&P 500 \u25bc 0.12% NASDAQ \u25b2 0.88% USD\/BRL \u25bc 0.35% EUR\/BRL \u25b2 0.15% BITCOIN \u25b2 2.45% Not\u00edcias Finan\u00e7as Mercados Economia Empresas Cripto Assinar […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hospedagemservice.pro\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hospedagemservice.pro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hospedagemservice.pro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hospedagemservice.pro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hospedagemservice.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":10,"href":"https:\/\/hospedagemservice.pro\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/hospedagemservice.pro\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/hospedagemservice.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}