{"id":939,"date":"2026-07-31T12:34:20","date_gmt":"2026-07-31T12:34:20","guid":{"rendered":"https:\/\/sepacosaude.com.br\/home\/?page_id=939"},"modified":"2026-09-08T11:19:53","modified_gmt":"2026-09-08T11:19:53","slug":"beneficiarios-2","status":"publish","type":"page","link":"https:\/\/sepacosaude.com.br\/home\/beneficiarios-2\/","title":{"rendered":"Benefici\u00e1rios"},"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 Hero Banner - \u00c1rea do Benefici\u00e1rio<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ========================================================\r\n ARQUITETURA DE COMPONENTE: HERO BANNER (BENEFICI\u00c1RIOS)\r\n Foco: Captura de Aten\u00e7\u00e3o, LCP Otimizado e SEO Base\r\n ======================================================== *\/\r\n :root {\r\n --brand-gold: #c1a67f;\r\n --brand-dark: #2c3e50;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n \r\n body { \r\n font-family: 'Inter', sans-serif; \r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ======= ESTRUTURA DESKTOP (ISO) ======= *\/\r\n .spc-hero-beneficiario {\r\n width: 100%;\r\n min-height: 480px;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n background-color: var(--brand-dark);\r\n }\r\n\r\n \/* Imagem tratada para performance (Object-Fit) *\/\r\n .spc-hero-beneficiario img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center 20%;\r\n z-index: 0;\r\n display: block;\r\n }\r\n\r\n \/* Overlay em gradiente: do azul escuro s\u00f3lido para transparente. *\/\r\n .spc-hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n to right,\r\n rgba(44, 62, 80, 0.95) 0%,\r\n rgba(44, 62, 80, 0.75) 45%,\r\n rgba(44, 62, 80, 0.0) 100%\r\n );\r\n z-index: 1;\r\n }\r\n\r\n .spc-hero-conteudo {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 60px 2%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n \/* Taxonomia (Microc\u00f3pia de ancoragem cognitiva) *\/\r\n .spc-hero-tag {\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--brand-gold);\r\n margin-bottom: 16px;\r\n }\r\n\r\n \/* H1 (SEO) - Tipografia fluida com Clamp *\/\r\n .spc-hero-titulo {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(2.2rem, 5vw, 4rem);\r\n font-weight: 700;\r\n color: #ffffff;\r\n line-height: 1.1;\r\n margin-bottom: 20px;\r\n max-width: 700px;\r\n }\r\n\r\n .spc-hero-titulo span { \r\n color: var(--brand-gold); \r\n }\r\n\r\n \/* Subt\u00edtulo de argumenta\u00e7\u00e3o funcional *\/\r\n .spc-hero-subtitulo {\r\n font-size: clamp(1rem, 1.5vw, 1.15rem);\r\n color: rgba(255, 255, 255, 0.85);\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin-bottom: 0; \/* Margem zerada pois \u00e9 o \u00faltimo elemento do bloco *\/\r\n font-weight: 400;\r\n }\r\n\r\n \/* ======= MOBILE (Responsividade T\u00e1tica) ======= *\/\r\n @media (max-width: 768px) {\r\n .spc-hero-beneficiario {\r\n min-height: 420px;\r\n align-items: flex-end;\r\n }\r\n\r\n .spc-hero-overlay {\r\n background: linear-gradient(\r\n to top,\r\n rgba(44, 62, 80, 0.98) 0%, \r\n rgba(44, 62, 80, 0.85) 50%,\r\n rgba(44, 62, 80, 0.2) 100% \r\n );\r\n }\r\n\r\n .spc-hero-conteudo {\r\n padding: 32px 24px 40px;\r\n align-items: flex-start;\r\n }\r\n\r\n .spc-hero-tag {\r\n font-size: 0.7rem;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .spc-hero-titulo {\r\n margin-bottom: 16px;\r\n }\r\n\r\n .spc-hero-subtitulo {\r\n font-size: 1rem;\r\n margin-bottom: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- ==========================================\r\n 1. COMPONENTE HERO (\u00c1REA DO BENEFICI\u00c1RIO)\r\n ========================================== -->\r\n <header class=\"spc-hero-beneficiario\">\r\n <!-- Imagem atualizada para contexto de cuidado ao paciente\/benefici\u00e1rio -->\r\n <img decoding=\"async\" src=\"http:\/\/sepacosaude.com.br\/home\/wp-content\/uploads\/2026\/07\/banner-promocao-saude.webp\" alt=\"Promo\u00e7\u00e3o \u00e0 Sa\u00fade Sepaco\">\r\n <div class=\"spc-hero-overlay\"><\/div>\r\n <div class=\"spc-hero-conteudo\">\r\n <span class=\"spc-hero-tag\">\u2726 \u00c1rea do Benefici\u00e1rio<\/span>\r\n <h1 class=\"spc-hero-titulo\">Sua sa\u00fade gerida com <span>precis\u00e3o e cuidado<\/span><\/h1>\r\n <p class=\"spc-hero-subtitulo\">Acesse de forma centralizada os servi\u00e7os, resultados de exames e a rede credenciada. Uma infraestrutura tecnol\u00f3gica estruturada para otimizar a sua jornada de bem-estar.<\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- ==========================================\r\n 2. SUA VITRINE DE SERVI\u00c7OS (CARDS ANTERIORES)\r\n ========================================== -->\r\n <section id=\"servicos-beneficiario\" class=\"dashboard-container\">\r\n <!-- O c\u00f3digo dos cards (Acesso Restrito, Boletos, etc.) entra aqui -->\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-7791d5f e-con-full e-flex e-con e-parent\" data-id=\"7791d5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1408e5 elementor-widget elementor-widget-html\" data-id=\"a1408e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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\">\r\n <!-- FontAwesome mantido para carregamento de \u00edcones -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n \r\n <style>\r\n \/* ========================================================\r\n ARQUITETURA DE ESTILOS: DASHBOARD INSTITUCIONAL\r\n CSS Blindado com Namespacing (Prefixo spc-)\r\n ======================================================== *\/\r\n \r\n \/* 1. Wrapper de Prote\u00e7\u00e3o e Vari\u00e1veis Locais *\/\r\n .spc-dashboard-wrapper {\r\n --cor-fundo: #fbfaf8; \r\n --cor-primaria: #2c2824; \r\n --cor-secundaria: #6b635a;\r\n --cor-destaque: #c1a67f;\r\n --cor-destaque-fundo: rgba(193, 166, 127, 0.15); \r\n --cor-borda: #e8e3dc;\r\n --raio-borda: 12px;\r\n --transicao: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n background-color: var(--cor-fundo);\r\n padding: 1px 0; \/* Impede colapso de margens do CMS *\/\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n\r\n \/* 2. Mini-reset interno (n\u00e3o afeta o site) *\/\r\n .spc-dashboard-wrapper *,\r\n .spc-dashboard-wrapper *::before,\r\n .spc-dashboard-wrapper *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* 3. Estrutura de Grid *\/\r\n .spc-dashboard-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 1.5rem;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 2rem 1rem;\r\n }\r\n\r\n \/* 4. Cart\u00f5es (Cards) *\/\r\n .spc-card-modulo {\r\n background-color: #ffffff;\r\n border: 1px solid var(--cor-borda);\r\n border-radius: var(--raio-borda);\r\n padding: 2rem 1.5rem;\r\n text-decoration: none;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.03), 0 2px 4px -2px rgba(0, 0, 0, 0.03);\r\n will-change: transform, box-shadow, border-color;\r\n transition: transform var(--transicao), box-shadow var(--transicao), border-color var(--transicao);\r\n }\r\n\r\n .spc-card-modulo:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 20px 25px -5px rgba(193, 166, 127, 0.15), 0 8px 10px -6px rgba(193, 166, 127, 0.1);\r\n border-color: var(--cor-destaque);\r\n }\r\n\r\n \/* 5. \u00cdcones *\/\r\n .spc-icone-container {\r\n background-color: var(--cor-destaque-fundo);\r\n color: var(--cor-destaque);\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n margin-bottom: 1.5rem;\r\n transition: background-color var(--transicao), color var(--transicao);\r\n }\r\n\r\n .spc-card-modulo:hover .spc-icone-container {\r\n background-color: var(--cor-destaque);\r\n color: #ffffff;\r\n }\r\n\r\n \/* 6. Tipografia e Limpeza de Margens Gen\u00e9ricas *\/\r\n .spc-titulo-servico {\r\n color: var(--cor-primaria);\r\n font-size: 1.125rem;\r\n font-weight: 600;\r\n margin: 0 0 0.5rem 0 !important;\r\n padding: 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .spc-desc-servico {\r\n color: var(--cor-secundaria);\r\n font-size: 0.875rem;\r\n line-height: 1.5;\r\n margin: 0 !important;\r\n padding: 0;\r\n flex-grow: 1;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Envolt\u00f3rio Principal que protege o escopo do CSS -->\r\n<div class=\"spc-dashboard-wrapper\">\r\n <div class=\"spc-dashboard-container\">\r\n \r\n <!-- Ag\u00eancia Nacional de Sa\u00fade Suplementar -->\r\n <a href=\"https:\/\/sepacosaude.com.br\/home\/agencia-nacional-de-saude-suplementar\/\" class=\"spc-card-modulo\">\r\n <div class=\"spc-icone-container\">\r\n <i class=\"fa-solid fa-landmark-dome\"><\/i>\r\n <\/div>\r\n <h3 class=\"spc-titulo-servico\">Ag\u00eancia Nacional de Sa\u00fade Suplementar<\/h3>\r\n <p class=\"spc-desc-servico\">Acesse normativas, regulamenta\u00e7\u00f5es e diretrizes oficiais do setor.<\/p>\r\n <\/a>\r\n\r\n <!-- Acesso Restrito -->\r\n <a href=\"https:\/\/www.sepacosaude.com.br\/home\/sepacosaude_old\/beneficiarios.jsp\" class=\"spc-card-modulo\">\r\n <div class=\"spc-icone-container\">\r\n <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n <\/div>\r\n <h3 class=\"spc-titulo-servico\">Acesso Restrito<\/h3>\r\n <p class=\"spc-desc-servico\">\u00c1rea segura para gest\u00e3o e consulta de dados sens\u00edveis. Tenha sua identifica\u00e7\u00e3o em m\u00e3os.<\/p>\r\n <\/a>\r\n\r\n <!-- Boletos em Aberto -->\r\n <a href=\"https:\/\/www.sepacosaude.com.br\/boleto2viaitau\/index3.jsp\" class=\"spc-card-modulo\">\r\n <div class=\"spc-icone-container\">\r\n <i class=\"fa-solid fa-file-invoice-dollar\"><\/i>\r\n <\/div>\r\n <h3 class=\"spc-titulo-servico\">Boletos em Aberto<\/h3>\r\n <p class=\"spc-desc-servico\">Consulte faturas pendentes e realize a emiss\u00e3o de 2\u00aa via para pagamento.<\/p>\r\n <\/a>\r\n\r\n <!-- Busca na Rede Credenciada -->\r\n <a href=\"https:\/\/portal.sepacosaude.com.br\/pls_paginaGuiaMedico.jsp\" class=\"spc-card-modulo\">\r\n <div class=\"spc-icone-container\">\r\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n <\/div>\r\n <h3 class=\"spc-titulo-servico\">Busca na Rede Credenciada<\/h3>\r\n <p class=\"spc-desc-servico\">Mapeamento completo de hospitais, cl\u00ednicas e laborat\u00f3rios dispon\u00edveis.<\/p>\r\n <\/a>\r\n\r\n <!-- Altera\u00e7\u00e3o na Rede Credenciada -->\r\n <a href=\"http:\/\/portal.sepacosaude.com.br\/\" class=\"spc-card-modulo\">\r\n <div class=\"spc-icone-container\">\r\n <i class=\"fa-solid fa-building-circle-exclamation\"><\/i>\r\n <\/div>\r\n <h3 class=\"spc-titulo-servico\">Altera\u00e7\u00e3o na Rede Credenciada<\/h3>\r\n <p class=\"spc-desc-servico\">Acompanhe as atualiza\u00e7\u00f5es, inclus\u00f5es e exclus\u00f5es de prestadores de servi\u00e7o.<\/p>\r\n <\/a>\r\n\r\n <!-- Reajuste PME -->\r\n <a href=\"https:\/\/sepacosaude.com.br\/home\/reajuste\/\" class=\"spc-card-modulo\">\r\n <div class=\"spc-icone-container\">\r\n <i class=\"fa-solid fa-arrow-trend-up\"><\/i>\r\n <\/div>\r\n <h3 class=\"spc-titulo-servico\">Reajuste PME<\/h3>\r\n <p class=\"spc-desc-servico\">An\u00e1lise e detalhamento dos \u00edndices aplicados aos contratos empresariais.<\/p>\r\n <\/a>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\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>Hero Banner – \u00c1rea do Benefici\u00e1rio \u2726 \u00c1rea do Benefici\u00e1rio Sua sa\u00fade gerida com precis\u00e3o e cuidado Acesse de forma centralizada os servi\u00e7os, resultados de exames e a rede credenciada. Uma infraestrutura tecnol\u00f3gica estruturada para otimizar a sua jornada de bem-estar. Ag\u00eancia Nacional de Sa\u00fade Suplementar Acesse normativas, regulamenta\u00e7\u00f5es e diretrizes oficiais do setor. Acesso […]<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-939","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sepacosaude.com.br\/home\/wp-json\/wp\/v2\/pages\/939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sepacosaude.com.br\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sepacosaude.com.br\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sepacosaude.com.br\/home\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/sepacosaude.com.br\/home\/wp-json\/wp\/v2\/comments?post=939"}],"version-history":[{"count":2,"href":"https:\/\/sepacosaude.com.br\/home\/wp-json\/wp\/v2\/pages\/939\/revisions"}],"predecessor-version":[{"id":1537,"href":"https:\/\/sepacosaude.com.br\/home\/wp-json\/wp\/v2\/pages\/939\/revisions\/1537"}],"wp:attachment":[{"href":"https:\/\/sepacosaude.com.br\/home\/wp-json\/wp\/v2\/media?parent=939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}