{"id":1583,"date":"2026-04-24T13:53:40","date_gmt":"2026-04-24T16:53:40","guid":{"rendered":"https:\/\/cicparai.com.br\/site\/?page_id=1583"},"modified":"2026-05-15T13:59:33","modified_gmt":"2026-05-15T16:59:33","slug":"cartao-de-beneficios","status":"publish","type":"page","link":"https:\/\/cicparai.com.br\/site\/cartao-de-beneficios\/","title":{"rendered":"Cart\u00e3o de Benef\u00edcios"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1583\" class=\"elementor elementor-1583\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7448212 e-con-full e-flex e-con e-parent\" data-id=\"7448212\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42c8e67 elementor-widget elementor-widget-html\" data-id=\"42c8e67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- P\u00e1gina Cart\u00e3o de Benef\u00edcios CIC CDL Para\u00ed -->\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=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  html,\r\n  body {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow-x: hidden !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  body .site,\r\n  body .site-content,\r\n  body .content-area,\r\n  body .entry-content,\r\n  body .elementor,\r\n  body .elementor-section,\r\n  body .elementor-container,\r\n  body .elementor-widget-container {\r\n    max-width: 100% !important;\r\n    overflow-x: hidden !important;\r\n  }\r\n\r\n  .cartao-beneficios-page {\r\n    --navy: #0d2a52;\r\n    --navy-dark: #081d3c;\r\n    --navy-mid: #123a70;\r\n    --green: #00c16a;\r\n    --green-light: #00e27c;\r\n    --green-glow: rgba(0, 193, 106, 0.18);\r\n    --white: #ffffff;\r\n    --text: #d5e0f0;\r\n    --text-muted: #b9c8dd;\r\n    --card-bg: rgba(255, 255, 255, 0.075);\r\n    --card-bg-hover: rgba(255, 255, 255, 0.10);\r\n    --card-border: rgba(255, 255, 255, 0.18);\r\n    --radius: 18px;\r\n    --radius-sm: 12px;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow-x: hidden !important;\r\n    background: var(--navy);\r\n    color: var(--white);\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    line-height: 1.6;\r\n    -webkit-font-smoothing: antialiased;\r\n    text-rendering: optimizeLegibility;\r\n  }\r\n\r\n  .cartao-beneficios-page *,\r\n  .cartao-beneficios-page *::before,\r\n  .cartao-beneficios-page *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .cartao-beneficios-page a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  .cartao-beneficios-page .container {\r\n    width: 100%;\r\n    max-width: 1140px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  .cartao-beneficios-page section {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding: 82px 0;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  .cartao-beneficios-page h1,\r\n  .cartao-beneficios-page h2,\r\n  .cartao-beneficios-page h3,\r\n  .cartao-beneficios-page h4,\r\n  .cartao-beneficios-page p {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .cartao-beneficios-page h1,\r\n  .cartao-beneficios-page h2,\r\n  .cartao-beneficios-page h3,\r\n  .cartao-beneficios-page h4 {\r\n    font-family: 'Inter', Arial, sans-serif !important;\r\n    color: var(--white) !important;\r\n    letter-spacing: -0.025em;\r\n    line-height: 1.08;\r\n  }\r\n\r\n  .cartao-beneficios-page p {\r\n    color: var(--text-muted);\r\n  }\r\n\r\n  .cartao-beneficios-page .section-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 14px;\r\n    font-size: 0.76rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--green-light);\r\n  }\r\n\r\n  .cartao-beneficios-page .section-label::after {\r\n    content: '';\r\n    flex: 1;\r\n    height: 1px;\r\n    background: rgba(255, 255, 255, 0.14);\r\n  }\r\n\r\n  .cartao-beneficios-page .section-title {\r\n    max-width: 760px;\r\n    margin-bottom: 18px;\r\n    font-size: clamp(2.1rem, 4vw, 3.1rem);\r\n    font-weight: 850;\r\n  }\r\n\r\n  .cartao-beneficios-page .section-sub {\r\n    max-width: 680px;\r\n    color: var(--text) !important;\r\n    font-size: 1rem;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .cartao-beneficios-page #hero {\r\n    position: relative;\r\n    min-height: 82vh;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 92px 0 76px;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(circle at 82% 20%, rgba(0, 193, 106, 0.11), transparent 30%),\r\n      radial-gradient(circle at 8% 85%, rgba(26, 69, 133, 0.70), transparent 34%),\r\n      linear-gradient(135deg, #0b2448 0%, #0d2a52 58%, #092144 100%);\r\n  }\r\n\r\n  .cartao-beneficios-page #hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'\/%3E%3C\/svg%3E\");\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cartao-beneficios-page .hero-inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: 1.04fr 0.96fr;\r\n    gap: 64px;\r\n    align-items: center;\r\n  }\r\n\r\n  .cartao-beneficios-page .hero-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 24px;\r\n    padding: 8px 15px;\r\n    border: 1px solid rgba(0, 226, 124, 0.38);\r\n    border-radius: 999px;\r\n    background: rgba(0, 193, 106, 0.14);\r\n    color: var(--green-light);\r\n    font-size: 0.58rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.04em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .cartao-beneficios-page .hero-eyebrow span {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--green-light);\r\n  }\r\n\r\n  .cartao-beneficios-page h1 {\r\n    max-width: 640px;\r\n    margin-bottom: 24px;\r\n    font-size: clamp(2rem, 5vw, 4rem);\r\n    font-weight: 900;\r\n    letter-spacing: -0.052em;\r\n  }\r\n\r\n  .cartao-beneficios-page h1 em {\r\n    color: var(--green-light) !important;\r\n    font-style: normal;\r\n  }\r\n\r\n  .cartao-beneficios-page .hero-sub {\r\n    max-width: 610px;\r\n    margin-bottom: 18px;\r\n    color: var(--text) !important;\r\n    font-size: 1.16rem;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .cartao-beneficios-page .hero-proof {\r\n    margin-bottom: 34px;\r\n    color: #dbe7f7 !important;\r\n    font-size: 0.96rem;\r\n  }\r\n\r\n  .cartao-beneficios-page .hero-proof strong {\r\n    color: var(--white);\r\n    font-weight: 800;\r\n  }\r\n\r\n  .cartao-beneficios-page .hero-actions,\r\n  .cartao-beneficios-page .cta-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n    align-items: center;\r\n  }\r\n\r\n  .cartao-beneficios-page .btn-primary,\r\n  .cartao-beneficios-page .btn-outline,\r\n  .cartao-beneficios-page .btn-whatsapp {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 50px;\r\n    padding: 14px 28px;\r\n    border-radius: 999px;\r\n    font-size: 0.95rem;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease;\r\n  }\r\n\r\n  .cartao-beneficios-page .btn-primary {\r\n    background: var(--green);\r\n    color: #062048 !important;\r\n    box-shadow: 0 12px 34px rgba(0, 193, 106, 0.25);\r\n  }\r\n\r\n  .cartao-beneficios-page .btn-primary:hover {\r\n    background: var(--green-light);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 18px 44px rgba(0, 193, 106, 0.35);\r\n  }\r\n\r\n  .cartao-beneficios-page .btn-outline {\r\n    border: 1px solid rgba(255, 255, 255, 0.25);\r\n    background: rgba(255, 255, 255, 0.045);\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  .cartao-beneficios-page .btn-outline:hover {\r\n    border-color: rgba(255, 255, 255, 0.45);\r\n    background: rgba(255, 255, 255, 0.09);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .cartao-beneficios-page .btn-primary:active,\r\n  .cartao-beneficios-page .btn-outline:active,\r\n  .cartao-beneficios-page .btn-whatsapp:active {\r\n    transform: scale(0.98);\r\n  }\r\n\r\n  .cartao-beneficios-page .hero-card-wrap {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .cartao-beneficios-page .card-mockup {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 470px;\r\n    height: auto;\r\n    filter: drop-shadow(0 34px 60px rgba(0, 0, 0, 0.48));\r\n    transform: perspective(900px) rotateY(-7deg) rotateX(3deg);\r\n  }\r\n\r\n  .cartao-beneficios-page #como-funciona {\r\n    background: linear-gradient(180deg, var(--navy) 0%, var(--navy-dark) 100%);\r\n  }\r\n\r\n  .cartao-beneficios-page .steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n    margin-top: 48px;\r\n  }\r\n\r\n  .cartao-beneficios-page .step,\r\n  .cartao-beneficios-page .benefit-card,\r\n  .cartao-beneficios-page .pricing-card,\r\n  .cartao-beneficios-page .audience-card,\r\n  .cartao-beneficios-page .faq-item,\r\n  .cartao-beneficios-page .company-card {\r\n    background: var(--card-bg);\r\n    border: 1px solid var(--card-border);\r\n  }\r\n\r\n  .cartao-beneficios-page .step {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 34px 30px;\r\n    border-radius: var(--radius);\r\n    transition: transform 0.24s ease, border-color 0.24s ease, background 0.24s ease;\r\n  }\r\n\r\n  .cartao-beneficios-page .step:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(0, 226, 124, 0.42);\r\n    background: var(--card-bg-hover);\r\n  }\r\n\r\n  .cartao-beneficios-page .step::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0 0 auto 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--green-light), transparent);\r\n  }\r\n\r\n  .cartao-beneficios-page .step-num {\r\n    margin-bottom: 16px;\r\n    color: rgba(0, 226, 124, 0.22);\r\n    font-size: 3.1rem;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: -0.06em;\r\n  }\r\n\r\n  .cartao-beneficios-page .step h3,\r\n  .cartao-beneficios-page .benefit-card h3,\r\n  .cartao-beneficios-page .audience-card h3 {\r\n    margin-bottom: 10px;\r\n    font-size: 1.08rem;\r\n    font-weight: 800;\r\n    color: var(--white) !important;\r\n  }\r\n\r\n  .cartao-beneficios-page .step p,\r\n  .cartao-beneficios-page .benefit-card p,\r\n  .cartao-beneficios-page .audience-card p {\r\n    margin-bottom: 0;\r\n    color: var(--text) !important;\r\n    font-size: 0.95rem;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  .cartao-beneficios-page #beneficios {\r\n    background: var(--navy-dark);\r\n  }\r\n\r\n  .cartao-beneficios-page .benefits-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    margin-top: 48px;\r\n  }\r\n\r\n  .cartao-beneficios-page .benefit-card {\r\n    padding: 30px 26px;\r\n    border-radius: var(--radius);\r\n    transition: transform 0.24s ease, border-color 0.24s ease, background 0.24s ease;\r\n  }\r\n\r\n  .cartao-beneficios-page .benefit-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(0, 226, 124, 0.38);\r\n    background: var(--card-bg-hover);\r\n  }\r\n\r\n  .cartao-beneficios-page .benefit-icon,\r\n  .cartao-beneficios-page .audience-icon,\r\n  .cartao-beneficios-page .company-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    background: rgba(0, 193, 106, 0.16);\r\n    border: 1px solid rgba(0, 193, 106, 0.35);\r\n    color: var(--green-light);\r\n  }\r\n\r\n  .cartao-beneficios-page .benefit-icon {\r\n    width: 46px;\r\n    height: 46px;\r\n    margin-bottom: 18px;\r\n    border-radius: 13px;\r\n  }\r\n\r\n  .cartao-beneficios-page .benefit-icon svg,\r\n  .cartao-beneficios-page .audience-icon svg,\r\n  .cartao-beneficios-page .company-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    max-width: 22px;\r\n    max-height: 22px;\r\n    stroke: currentColor;\r\n    fill: none;\r\n  }\r\n\r\n  .cartao-beneficios-page #convenios {\r\n    background:\r\n      radial-gradient(circle at 82% 20%, rgba(0, 193, 106, 0.08), transparent 24%),\r\n      linear-gradient(180deg, var(--navy-dark) 0%, var(--navy) 100%);\r\n  }\r\n\r\n  .cartao-beneficios-page .companies-header {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .cartao-beneficios-page .companies-note {\r\n    padding: 9px 18px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(0, 226, 124, 0.36);\r\n    background: rgba(0, 193, 106, 0.14);\r\n    color: var(--green-light);\r\n    font-size: 0.86rem;\r\n    font-weight: 800;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .cartao-beneficios-page .category-filter {\r\n    display: flex;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n    margin: 30px 0 28px;\r\n  }\r\n\r\n  .cartao-beneficios-page .filter-btn {\r\n    padding: 10px 18px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255, 255, 255, 0.22);\r\n    background: rgba(255, 255, 255, 0.07);\r\n    color: #d5e0f0;\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    font-size: 0.86rem;\r\n    font-weight: 800;\r\n    cursor: pointer;\r\n    transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, transform 0.22s ease;\r\n  }\r\n\r\n  .cartao-beneficios-page .filter-btn:hover,\r\n  .cartao-beneficios-page .filter-btn.active {\r\n    background: var(--green);\r\n    border-color: var(--green);\r\n    color: #062048;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .cartao-beneficios-page .companies-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(315px, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  .cartao-beneficios-page .company-card {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n    min-height: 116px;\r\n    padding: 22px;\r\n    border-radius: 14px;\r\n    cursor: default;\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;\r\n  }\r\n\r\n  .cartao-beneficios-page .company-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(0, 193, 106, 0.45);\r\n    background: var(--card-bg-hover);\r\n    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.26);\r\n  }\r\n\r\n  .cartao-beneficios-page .company-icon {\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .cartao-beneficios-page .company-info {\r\n    flex: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  .cartao-beneficios-page .company-name {\r\n    margin-bottom: 6px;\r\n    color: #ffffff !important;\r\n    font-size: 1rem;\r\n    font-weight: 850;\r\n    line-height: 1.28;\r\n    white-space: normal;\r\n    overflow: visible;\r\n    text-overflow: unset;\r\n  }\r\n\r\n  .cartao-beneficios-page .company-discount {\r\n    display: block;\r\n    overflow: visible;\r\n    color: var(--green-light) !important;\r\n    font-size: 0.94rem;\r\n    font-weight: 800;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .cartao-beneficios-page .company-cat {\r\n    margin-top: 7px;\r\n    color: #c8d6ea !important;\r\n    font-size: 0.82rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .cartao-beneficios-page #valores {\r\n    background: var(--navy);\r\n  }\r\n\r\n  .cartao-beneficios-page .pricing-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 24px;\r\n    margin-top: 48px;\r\n  }\r\n\r\n  .cartao-beneficios-page .pricing-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 38px 34px;\r\n    border-radius: var(--radius);\r\n  }\r\n\r\n  .cartao-beneficios-page .pricing-card.featured {\r\n    border-color: rgba(0, 226, 124, 0.42);\r\n    background: linear-gradient(135deg, rgba(0, 193, 106, 0.12), rgba(255, 255, 255, 0.055));\r\n  }\r\n\r\n  .cartao-beneficios-page .pricing-card.featured::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0 0 auto 0;\r\n    height: 3px;\r\n    background: var(--green-light);\r\n  }\r\n\r\n  .cartao-beneficios-page .pricing-badge {\r\n    display: inline-block;\r\n    margin-bottom: 18px;\r\n    padding: 5px 12px;\r\n    border-radius: 999px;\r\n    background: var(--green);\r\n    color: #062048;\r\n    font-size: 0.72rem;\r\n    font-weight: 900;\r\n    letter-spacing: 0.07em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .cartao-beneficios-page .pricing-badge.alt {\r\n    background: rgba(0, 193, 106, 0.16);\r\n    color: var(--green-light);\r\n  }\r\n\r\n  .cartao-beneficios-page .pricing-type {\r\n    margin-bottom: 12px;\r\n    color: var(--text);\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .cartao-beneficios-page .pricing-price {\r\n    margin-bottom: 6px;\r\n    color: var(--white) !important;\r\n    font-size: 3.15rem;\r\n    font-weight: 900;\r\n    letter-spacing: -0.06em;\r\n    line-height: 1;\r\n  }\r\n\r\n  .cartao-beneficios-page .pricing-price span {\r\n    margin-left: 5px;\r\n    color: var(--text-muted);\r\n    font-size: 1.08rem;\r\n    font-weight: 700;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .cartao-beneficios-page .pricing-period {\r\n    margin-bottom: 12px;\r\n    color: var(--text-muted);\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .cartao-beneficios-page .daily-value {\r\n    display: inline-block;\r\n    margin-bottom: 24px;\r\n    padding: 8px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    color: #dbe7f7 !important;\r\n    font-size: 0.87rem;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .cartao-beneficios-page .pricing-features {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  .cartao-beneficios-page .pricing-features li {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: flex-start;\r\n    color: #d5e0f0;\r\n    font-size: 0.96rem;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .cartao-beneficios-page .pricing-features li::before {\r\n    content: '\u2713';\r\n    flex-shrink: 0;\r\n    color: var(--green-light);\r\n    font-weight: 900;\r\n  }\r\n\r\n  .cartao-beneficios-page #para-quem {\r\n    background: linear-gradient(180deg, var(--navy) 0%, var(--navy-dark) 100%);\r\n  }\r\n\r\n  .cartao-beneficios-page .audience-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    margin-top: 48px;\r\n  }\r\n\r\n  .cartao-beneficios-page .audience-card {\r\n    padding: 34px 26px;\r\n    border-radius: var(--radius);\r\n    text-align: center;\r\n    transition: transform 0.24s ease, border-color 0.24s ease, background 0.24s ease;\r\n  }\r\n\r\n  .cartao-beneficios-page .audience-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(0, 226, 124, 0.38);\r\n    background: var(--card-bg-hover);\r\n  }\r\n\r\n  .cartao-beneficios-page .audience-icon {\r\n    width: 54px;\r\n    height: 54px;\r\n    margin: 0 auto 20px;\r\n    border-radius: 15px;\r\n  }\r\n\r\n  .cartao-beneficios-page #faq {\r\n    background: var(--navy-dark);\r\n  }\r\n\r\n  .cartao-beneficios-page .faq-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 13px;\r\n    max-width: 840px;\r\n    margin-top: 46px;\r\n  }\r\n\r\n  .cartao-beneficios-page .faq-item {\r\n    overflow: hidden;\r\n    border-radius: var(--radius-sm);\r\n  }\r\n\r\n  .cartao-beneficios-page .faq-q {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    width: 100%;\r\n    padding: 21px 24px;\r\n    border: 0;\r\n    background: transparent;\r\n    color: var(--white) !important;\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    font-size: 0.98rem;\r\n    font-weight: 800;\r\n    line-height: 1.35;\r\n    text-align: left;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .cartao-beneficios-page .faq-q:hover {\r\n    background: rgba(255, 255, 255, 0.045);\r\n  }\r\n\r\n  .cartao-beneficios-page .faq-arrow {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(0, 226, 124, 0.28);\r\n    background: rgba(0, 193, 106, 0.15);\r\n    color: var(--green-light);\r\n    transition: transform 0.22s ease, background 0.22s ease, color 0.22s ease;\r\n  }\r\n\r\n  .cartao-beneficios-page .faq-item.open .faq-arrow {\r\n    transform: rotate(180deg);\r\n    background: var(--green);\r\n    color: #062048;\r\n  }\r\n\r\n  .cartao-beneficios-page .faq-a {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    padding: 0 24px;\r\n    color: var(--text) !important;\r\n    font-size: 0.96rem;\r\n    line-height: 1.72;\r\n    transition: max-height 0.28s ease, padding 0.22s ease;\r\n  }\r\n\r\n  .cartao-beneficios-page .faq-item.open .faq-a {\r\n    max-height: 360px;\r\n    padding: 0 24px 22px;\r\n  }\r\n\r\n  .cartao-beneficios-page #cta {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(circle at 50% 0%, rgba(0, 193, 106, 0.12), transparent 42%),\r\n      linear-gradient(135deg, #0f3262 0%, #081f42 100%);\r\n  }\r\n\r\n  .cartao-beneficios-page .cta-inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .cartao-beneficios-page .cta-inner .section-label {\r\n    justify-content: center;\r\n  }\r\n\r\n  .cartao-beneficios-page .cta-inner .section-label::before,\r\n  .cartao-beneficios-page .cta-inner .section-label::after {\r\n    content: '';\r\n    width: 70px;\r\n    height: 1px;\r\n    flex: 0 0 auto;\r\n    background: rgba(255, 255, 255, 0.14);\r\n  }\r\n\r\n  .cartao-beneficios-page .cta-inner h2 {\r\n    margin-bottom: 18px;\r\n    font-size: clamp(2.05rem, 4vw, 3.2rem);\r\n    font-weight: 900;\r\n  }\r\n\r\n  .cartao-beneficios-page .cta-inner p {\r\n    margin-bottom: 36px;\r\n    color: var(--text) !important;\r\n    font-size: 1.08rem;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .cartao-beneficios-page .cta-actions {\r\n    justify-content: center;\r\n  }\r\n\r\n  .cartao-beneficios-page .btn-whatsapp {\r\n    background: #25D366;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 14px 36px rgba(37, 211, 102, 0.24);\r\n  }\r\n\r\n  .cartao-beneficios-page .btn-whatsapp:hover {\r\n    background: #20bd5a;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .cartao-beneficios-page footer {\r\n    padding: 30px 0;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.14);\r\n    background: #071b37;\r\n    text-align: center;\r\n  }\r\n\r\n  .cartao-beneficios-page footer p {\r\n    margin: 0;\r\n    color: var(--text-muted) !important;\r\n    font-size: 0.86rem;\r\n  }\r\n\r\n  .cartao-beneficios-page footer strong {\r\n    color: var(--white);\r\n  }\r\n\r\n  .cartao-beneficios-page .fade-in {\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.55s ease, transform 0.55s ease;\r\n  }\r\n\r\n  .cartao-beneficios-page .fade-in.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    .cartao-beneficios-page .hero-inner,\r\n    .cartao-beneficios-page .steps,\r\n    .cartao-beneficios-page .pricing-grid,\r\n    .cartao-beneficios-page .audience-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .cartao-beneficios-page .benefits-grid {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .cartao-beneficios-page .hero-card-wrap {\r\n      display: none;\r\n    }\r\n\r\n    .cartao-beneficios-page #hero {\r\n      min-height: auto;\r\n      padding: 78px 0 70px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .cartao-beneficios-page .container {\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .cartao-beneficios-page section {\r\n      padding: 58px 0;\r\n    }\r\n\r\n    .cartao-beneficios-page h1 {\r\n      font-size: clamp(2.15rem, 12vw, 3.1rem);\r\n    }\r\n\r\n    .cartao-beneficios-page .hero-sub,\r\n    .cartao-beneficios-page .section-sub {\r\n      font-size: 1rem;\r\n    }\r\n\r\n    .cartao-beneficios-page .benefits-grid,\r\n    .cartao-beneficios-page .companies-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .cartao-beneficios-page .btn-primary,\r\n    .cartao-beneficios-page .btn-outline,\r\n    .cartao-beneficios-page .btn-whatsapp {\r\n      width: 100%;\r\n    }\r\n\r\n    .cartao-beneficios-page .category-filter {\r\n      gap: 8px;\r\n    }\r\n\r\n    .cartao-beneficios-page .filter-btn {\r\n      flex: 1 1 auto;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"cartao-beneficios-page\">\r\n  <section id=\"hero\">\r\n    <div class=\"container\">\r\n      <div class=\"hero-inner\">\r\n        <div>\r\n          <div class=\"hero-eyebrow\"><span><\/span> Benef\u00edcios para associados CIC CDL Para\u00ed<\/div>\r\n          <h1>Seu cart\u00e3o de <em>descontos reais<\/em> no com\u00e9rcio local<\/h1>\r\n          <p class=\"hero-sub\">V\u00e1rios estabelecimentos conveniados em Para\u00ed. Sa\u00fade, com\u00e9rcio, lazer e servi\u00e7os com desconto na hora.<\/p>\r\n         \r\n          <div class=\"hero-actions\">\r\n            <a href=\"https:\/\/api.whatsapp.com\/send?phone=5554996495699&text=Gostaria%20de%20mais%20informa%C3%A7%C3%B5es%20sobre%20o%20Cart%C3%A3o%20de%20Benef%C3%ADcios\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener\">Quero meu cart\u00e3o com descontos<\/a>\r\n            <a href=\"#convenios\" class=\"btn-outline\">Ver empresas conveniadas<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"hero-card-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/cicparai.com.br\/site\/wp-content\/uploads\/2026\/04\/mockup-card-cic-parai.png\" alt=\"Cart\u00e3o de Benef\u00edcios CIC CDL Para\u00ed\" class=\"card-mockup\" loading=\"eager\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"como-funciona\">\r\n    <div class=\"container\">\r\n      <div class=\"fade-in\">\r\n        <div class=\"section-label\">Funcionamento<\/div>\r\n        <h2 class=\"section-title\">Como funciona o cart\u00e3o<\/h2>\r\n        <p class=\"section-sub\">Uma solu\u00e7\u00e3o simples para quem quer economizar e para empresas que desejam oferecer benef\u00edcios reais aos colaboradores.<\/p>\r\n      <\/div>\r\n      <div class=\"steps fade-in\">\r\n        <div class=\"step\">\r\n          <div class=\"step-num\">01<\/div>\r\n          <h3>Apresente o cart\u00e3o<\/h3>\r\n          <p>Mostre o Cart\u00e3o de Benef\u00edcios CIC CDL Para\u00ed no estabelecimento participante antes de finalizar sua compra, atendimento ou servi\u00e7o.<\/p>\r\n        <\/div>\r\n        <div class=\"step\">\r\n          <div class=\"step-num\">02<\/div>\r\n          <h3>Desconto aplicado<\/h3>\r\n          <p>O estabelecimento aplica o desconto ou condi\u00e7\u00e3o especial definida. Sem aplicativo, sem QR code e sem processo complicado.<\/p>\r\n        <\/div>\r\n        <div class=\"step\">\r\n          <div class=\"step-num\">03<\/div>\r\n          <h3>Economia imediata<\/h3>\r\n          <p>Voc\u00ea paga menos na hora e aproveita benef\u00edcios em sa\u00fade, com\u00e9rcio, servi\u00e7os, educa\u00e7\u00e3o e lazer.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"beneficios\">\r\n    <div class=\"container\">\r\n      <div class=\"fade-in\">\r\n        <div class=\"section-label\">O que est\u00e1 inclu\u00eddo<\/div>\r\n        <h2 class=\"section-title\">\u00c1reas de benef\u00edcios<\/h2>\r\n        <p class=\"section-sub\">O cart\u00e3o re\u00fane conv\u00eanios estrat\u00e9gicos para uso frequente no dia a dia, com vantagens para fam\u00edlias, colaboradores e empresas locais.<\/p>\r\n      <\/div>\r\n      <div class=\"benefits-grid fade-in\">\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3m8 0h3a2 2 0 0 0 2-2v-3\"\/><path d=\"M12 8v8m-4-4h8\"\/><\/svg><\/div>\r\n          <h3>Sa\u00fade<\/h3>\r\n          <p>Farm\u00e1cias, cl\u00ednicas, laborat\u00f3rios, servi\u00e7os de sa\u00fade e conv\u00eanio com plano de sa\u00fade para pessoa f\u00edsica, incluindo parceria com Tachmed.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 7H4a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z\"\/><path d=\"M6 7V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2\"\/><path d=\"M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7\"\/><\/svg><\/div>\r\n          <h3>Com\u00e9rcio local<\/h3>\r\n          <p>Descontos em lojas, vestu\u00e1rio, perfumaria, brinquedos, materiais de constru\u00e7\u00e3o e estabelecimentos do com\u00e9rcio de Para\u00ed.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5-10-5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg><\/div>\r\n          <h3>Educa\u00e7\u00e3o<\/h3>\r\n          <p>Cursos, escolas, papelaria, treinamentos e materiais para qualifica\u00e7\u00e3o pessoal, profissional e familiar.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg><\/div>\r\n          <h3>Servi\u00e7os<\/h3>\r\n          <p>Servi\u00e7os especializados, manuten\u00e7\u00e3o, inform\u00e1tica, mec\u00e2nica, eletricidade, consultorias e solu\u00e7\u00f5es empresariais.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg><\/div>\r\n          <h3>Lazer<\/h3>\r\n          <p>Descontos em eventos e acesso ao Clube Gercan, incluindo condi\u00e7\u00f5es especiais para uso das piscinas.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <div class=\"benefit-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\r\n          <h3>RH e gest\u00e3o<\/h3>\r\n          <p>Uma alternativa acess\u00edvel para empresas que desejam oferecer benef\u00edcios aos colaboradores, mesmo sem plano de sa\u00fade empresarial.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"convenios\">\r\n    <div class=\"container\">\r\n      <div class=\"fade-in\">\r\n        <div class=\"companies-header\">\r\n          <div>\r\n            <div class=\"section-label\">Rede de parceiros<\/div>\r\n            <h2 class=\"section-title\">Empresas conveniadas<\/h2>\r\n          <\/div>\r\n          <div class=\"companies-note\">Rede em expans\u00e3o cont\u00ednua<\/div>\r\n        <\/div>\r\n        <p class=\"section-sub\">Filtre por categoria para encontrar os estabelecimentos mais relevantes para voc\u00ea. A rede cresce a cada m\u00eas.<\/p>\r\n      <\/div>\r\n      <div class=\"category-filter fade-in\">\r\n        <button class=\"filter-btn active\" type=\"button\" onclick=\"filterCompanies('all', this)\">Todos<\/button>\r\n        <button class=\"filter-btn\" type=\"button\" onclick=\"filterCompanies('saude', this)\">Sa\u00fade<\/button>\r\n        <button class=\"filter-btn\" type=\"button\" onclick=\"filterCompanies('comercio', this)\">Com\u00e9rcio<\/button>\r\n        <button class=\"filter-btn\" type=\"button\" onclick=\"filterCompanies('servicos', this)\">Servi\u00e7os<\/button>\r\n        <button class=\"filter-btn\" type=\"button\" onclick=\"filterCompanies('lazer', this)\">Lazer<\/button>\r\n        <button class=\"filter-btn\" type=\"button\" onclick=\"filterCompanies('educacao', this)\">Educa\u00e7\u00e3o<\/button>\r\n      <\/div>\r\n      <div class=\"companies-grid fade-in\" id=\"companiesGrid\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"valores\">\r\n    <div class=\"container\">\r\n      <div class=\"fade-in\">\r\n        <div class=\"section-label\">Investimento<\/div>\r\n        <h2 class=\"section-title\">Quanto custa o cart\u00e3o<\/h2>\r\n        <p class=\"section-sub\">Modelo acess\u00edvel para empresas que querem oferecer benef\u00edcios reais aos colaboradores e para estabelecimentos que desejam participar da rede.<\/p>\r\n      <\/div>\r\n      <div class=\"pricing-grid fade-in\">\r\n        <div class=\"pricing-card featured\">\r\n          <div class=\"pricing-badge\">Para empresas<\/div>\r\n          <div class=\"pricing-type\">Cart\u00e3o por colaborador<\/div>\r\n          <div class=\"pricing-price\">R$40 <span>\/ ano<\/span><\/div>\r\n          <div class=\"pricing-period\">por cart\u00e3o emitido<\/div>\r\n          <p class=\"daily-value\">Menos de R$ 0,11 por dia por colaborador<\/p>\r\n          <ul class=\"pricing-features\">\r\n            <li>Acesso a todos os conv\u00eanios ativos<\/li>\r\n            <li>Desconto aplicado na hora, sem aplicativo<\/li>\r\n            <li>Alternativa para empresas sem plano de sa\u00fade empresarial<\/li>\r\n            <li>Possibilidade de o colaborador aderir a plano pessoa f\u00edsica<\/li>\r\n            <li>Novos conv\u00eanios inclu\u00eddos automaticamente na rede<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"pricing-card\">\r\n          <div class=\"pricing-badge alt\">Para estabelecimentos<\/div>\r\n          <div class=\"pricing-type\">Participar como empresa conveniada<\/div>\r\n          <div class=\"pricing-price\">R$0<\/div>\r\n          <div class=\"pricing-period\">sem mensalidade ou taxa de ades\u00e3o<\/div>\r\n          <p class=\"daily-value\">A empresa oferece apenas o desconto combinado<\/p>\r\n          <ul class=\"pricing-features\">\r\n            <li>Inclus\u00e3o na rede de benef\u00edcios sem custo<\/li>\r\n            <li>Mais visibilidade junto a associados e empresas<\/li>\r\n            <li>Mais clientes com consumo direcionado<\/li>\r\n            <li>A empresa define o desconto que consegue oferecer<\/li>\r\n            <li>Participa\u00e7\u00e3o no fortalecimento do com\u00e9rcio local<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"para-quem\">\r\n    <div class=\"container\">\r\n      <div class=\"fade-in\">\r\n        <div class=\"section-label\">P\u00fablico<\/div>\r\n        <h2 class=\"section-title\">Para quem \u00e9 o cart\u00e3o<\/h2>\r\n        <p class=\"section-sub\">O Cart\u00e3o de Benef\u00edcios CIC CDL Para\u00ed atende associados, empresas, colaboradores e estabelecimentos que querem fortalecer a economia local.<\/p>\r\n      <\/div>\r\n      <div class=\"audience-grid fade-in\">\r\n        <div class=\"audience-card\">\r\n          <div class=\"audience-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><path d=\"M12 12v4m-2-2h4\"\/><\/svg><\/div>\r\n          <h3>Empresas locais<\/h3>\r\n          <p>Ofere\u00e7a benef\u00edcios aos colaboradores por apenas R$40 por pessoa ao ano, sem precisar contratar um plano empresarial.<\/p>\r\n        <\/div>\r\n        <div class=\"audience-card\">\r\n          <div class=\"audience-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.58-7 8-7s8 3 8 7\"\/><\/svg><\/div>\r\n          <h3>Associados CIC CDL<\/h3>\r\n          <p>Acesse descontos em servi\u00e7os essenciais e estimule o consumo dentro do munic\u00edpio, fortalecendo empresas de Para\u00ed.<\/p>\r\n        <\/div>\r\n        <div class=\"audience-card\">\r\n          <div class=\"audience-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div>\r\n          <h3>Com\u00e9rcios parceiros<\/h3>\r\n          <p>Entre na rede sem custo, ofere\u00e7a uma condi\u00e7\u00e3o especial e receba clientes que j\u00e1 est\u00e3o procurando onde usar o cart\u00e3o.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"faq\">\r\n    <div class=\"container\">\r\n      <div class=\"fade-in\">\r\n        <div class=\"section-label\">D\u00favidas frequentes<\/div>\r\n        <h2 class=\"section-title\">Perguntas frequentes sobre o Cart\u00e3o de Benef\u00edcios em Para\u00ed<\/h2>\r\n        <p class=\"section-sub\">Informa\u00e7\u00f5es objetivas para quem deseja solicitar o cart\u00e3o, oferecer aos colaboradores ou cadastrar sua empresa como conveniada.<\/p>\r\n      <\/div>\r\n      <div class=\"faq-list fade-in\" id=\"faqList\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"cta\">\r\n    <div class=\"container\">\r\n      <div class=\"cta-inner fade-in\">\r\n        <div class=\"section-label\">Pr\u00f3ximo passo<\/div>\r\n        <h2>Solicite seu cart\u00e3o ou torne-se um parceiro<\/h2>\r\n        <p>Fale com a CIC CDL Para\u00ed para emitir o cart\u00e3o, oferecer o benef\u00edcio aos colaboradores ou cadastrar seu estabelecimento na rede de empresas conveniadas.<\/p>\r\n        <div class=\"cta-actions\">\r\n          <a href=\"https:\/\/api.whatsapp.com\/send?phone=5554996495699&text=Gostaria%20de%20mais%20informa%C3%A7%C3%B5es%20sobre%20o%20Cart%C3%A3o%20de%20Benef%C3%ADcios\" class=\"btn-whatsapp\" target=\"_blank\" rel=\"noopener\">Falar via WhatsApp<\/a>\r\n          <a href=\"#convenios\" class=\"btn-outline\">Ver conv\u00eanios<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <footer>\r\n    <div class=\"container\">\r\n      <p><strong>CIC CDL Para\u00ed<\/strong> \u00b7 C\u00e2mara de Ind\u00fastria, Com\u00e9rcio, Agropecu\u00e1ria e Cultura de Para\u00ed \u00b7 RS<\/p>\r\n    <\/div>\r\n  <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n  const categoryIcons = {\r\n    saude: `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3m8 0h3a2 2 0 0 0 2-2v-3\"\/><path d=\"M12 8v8m-4-4h8\"\/><\/svg>`,\r\n    comercio: `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 7H4a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z\"\/><path d=\"M6 7V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2\"\/><path d=\"M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7\"\/><\/svg>`,\r\n    servicos: `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>`,\r\n    lazer: `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>`,\r\n    educacao: `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5-10-5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>`\r\n  };\r\n\r\n  const catLabels = {\r\n    saude: 'Sa\u00fade',\r\n    comercio: 'Com\u00e9rcio',\r\n    servicos: 'Servi\u00e7os',\r\n    lazer: 'Lazer',\r\n    educacao: 'Educa\u00e7\u00e3o'\r\n  };\r\n\r\n  const companies = [\r\n    { name: 'Wizard Idioma', discount: '15% nos cursos de idiomas', category: 'educacao' },\r\n    { name: 'Cheiro de Perfumes e Acess\u00f3rios', discount: '6% nos produtos da loja, exceto perfumes', category: 'comercio' },\r\n    { name: 'Neo Eletricidade', discount: '20% em laudos el\u00e9tricos', category: 'servicos' },\r\n    { name: 'Loja Moda Original', discount: '10% no vestu\u00e1rio', category: 'comercio' },\r\n    { name: 'B & S Eletromec\u00e2nica Ltda', discount: '10% nos servi\u00e7os de m\u00e3o de obra', category: 'servicos' },\r\n    { name: 'Laborat\u00f3rio Para\u00ed', discount: '8% em exames laboratoriais', category: 'saude' },\r\n    { name: 'MR Laborat\u00f3rio de An\u00e1lises Cl\u00ednicas', discount: '8% em exames laboratoriais', category: 'saude' },\r\n    { name:\"Cia Urbana\", discount:\"12% \u00e0 vista e 5% a prazo\", category:\"comercio\" },\r\n    { name: 'Digital Bit Inform\u00e1tica', discount: '10% em servi\u00e7os e 5% em produtos', category: 'servicos' },\r\n    { name: 'Morga Modas', discount: '5% a prazo ou 12% \u00e0 vista, exceto promo\u00e7\u00f5es', category: 'comercio' },\r\n    { name: 'Soll de Luxe', discount: '10% \u00e0 vista em todos os produtos', category: 'comercio' },\r\n    { name: 'Life Sa\u00fade Integrativa \/ Sheila Fisioterapeuta', discount: '5% em Microfisioterapia e TME com pagamento em dinheiro', category: 'saude' },\r\n    { name: 'Inove Brinquedos e Papelaria', discount: '5% \u00e0 vista ou em at\u00e9 3x no cart\u00e3o', category: 'educacao' },\r\n    { name: 'Clube Gercan', discount: '50% nas piscinas e descontos em eventos', category: 'lazer' },\r\n    { name: 'Frage Materiais de Constru\u00e7\u00e3o', discount: 'Descontos em hidr\u00e1ulico, pisos, EPIs, tintas, eletr\u00f4nico e mais', category: 'comercio' },\r\n    { name: 'CIC\/CDL Para\u00ed', discount: 'Acesso a eventos, cursos e treinamentos com descontos especiais', category: 'educacao' },\r\n    { name: 'Mec\u00e2nica Zucchetti', discount: '10% nos servi\u00e7os de m\u00e3o de obra', category: 'servicos' },\r\n     { name:\"TSR Cl\u00ednica M\u00e9dica\", discount:\"13% de desconto no valor da consulta\", category:\"saude\"},\r\n    {name:\"Restaurante Alem\u00e3o Cozinha e Prosa Ltda\", discount:\"5% de desconto no dinheiro, nas ter\u00e7as-feiras\", category:\"lazer\"},\r\n    { name: 'Centro Novo Eu', discount: '10% a 15% em an\u00e1lise comportamental, recrutamento, NR-1, mentorias e treinamentos', category: 'servicos' }\r\n   \r\n  ];\r\n\r\n  const faqs = [\r\n    { q: 'O que \u00e9 o Cart\u00e3o de Benef\u00edcios CIC CDL Para\u00ed?', a: '\u00c9 um cart\u00e3o que oferece acesso a descontos e vantagens em empresas conveniadas em Para\u00ed, incluindo sa\u00fade, com\u00e9rcio, servi\u00e7os, educa\u00e7\u00e3o e lazer. Funciona de forma simples: voc\u00ea apresenta o cart\u00e3o e recebe o desconto na hora.' },\r\n    { q: 'Como solicitar o Cart\u00e3o de Benef\u00edcios?', a: '\u00c9 necess\u00e1rio entrar em contato com a CIC CDL Para\u00ed para solicitar a emiss\u00e3o. O cart\u00e3o \u00e9 disponibilizado para associados e empresas que desejam oferecer o benef\u00edcio aos colaboradores.' },\r\n    { q: 'Quanto custa o Cart\u00e3o de Benef\u00edcios?', a: 'Para empresas que desejam oferecer o benef\u00edcio aos colaboradores, o custo \u00e9 de R$ 40,00 por ano por colaborador. Empresas parceiras que oferecem descontos n\u00e3o pagam nada para participar.' },\r\n    { q: 'Quem pode usar o Cart\u00e3o de Benef\u00edcios?', a: 'Associados da CIC CDL Para\u00ed e colaboradores de empresas que adquirirem o cart\u00e3o para sua equipe podem utilizar os benef\u00edcios nos estabelecimentos participantes.' },\r\n    { q: 'O cart\u00e3o substitui plano de sa\u00fade?', a: 'N\u00e3o. Ele oferece descontos e acesso facilitado a servi\u00e7os de sa\u00fade. Tamb\u00e9m pode ser uma alternativa para empresas que n\u00e3o desejam contratar plano de sa\u00fade empresarial, permitindo que o colaborador busque um plano pessoa f\u00edsica com vantagens.' },\r\n    { q: 'Como incluir minha empresa na rede de conv\u00eanios?', a: 'Empresas interessadas podem participar sem custo. O processo envolve contato com a CIC CDL Para\u00ed, defini\u00e7\u00e3o do benef\u00edcio que ser\u00e1 oferecido e inclus\u00e3o na rede. A empresa oferece apenas o desconto, sem mensalidade ou taxa de ades\u00e3o.' },\r\n    { q: 'A rede de conv\u00eanios vai crescer?', a: 'Sim. A rede est\u00e1 em expans\u00e3o cont\u00ednua. Novos estabelecimentos podem ser inclu\u00eddos regularmente, ampliando as op\u00e7\u00f5es de desconto dispon\u00edveis para os portadores do cart\u00e3o.' }\r\n  ];\r\n\r\n  const grid = document.getElementById('companiesGrid');\r\n\r\n  function renderCompanies(filter = 'all') {\r\n    if (!grid) return;\r\n    const list = filter === 'all' ? companies : companies.filter(company => company.category === filter);\r\n    grid.innerHTML = list.map(company => `\r\n      <div class=\"company-card\">\r\n        <div class=\"company-icon\">${categoryIcons[company.category] || categoryIcons.servicos}<\/div>\r\n        <div class=\"company-info\">\r\n          <div class=\"company-name\">${company.name}<\/div>\r\n          <div class=\"company-discount\">${company.discount}<\/div>\r\n          <div class=\"company-cat\">${catLabels[company.category] || company.category}<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    `).join('');\r\n  }\r\n\r\n  function filterCompanies(category, button) {\r\n    document.querySelectorAll('.cartao-beneficios-page .filter-btn').forEach(btn => btn.classList.remove('active'));\r\n    button.classList.add('active');\r\n    renderCompanies(category);\r\n  }\r\n\r\n  renderCompanies();\r\n\r\n  const faqList = document.getElementById('faqList');\r\n  if (faqList) {\r\n    faqList.innerHTML = faqs.map((faq, index) => `\r\n      <div class=\"faq-item\" id=\"faq${index}\">\r\n        <button class=\"faq-q\" type=\"button\" onclick=\"toggleFaq(${index})\">\r\n          ${faq.q}\r\n          <span class=\"faq-arrow\">\u25be<\/span>\r\n        <\/button>\r\n        <div class=\"faq-a\">${faq.a}<\/div>\r\n      <\/div>\r\n    `).join('');\r\n  }\r\n\r\n  function toggleFaq(index) {\r\n    const item = document.getElementById('faq' + index);\r\n    if (!item) return;\r\n    const wasOpen = item.classList.contains('open');\r\n    document.querySelectorAll('.cartao-beneficios-page .faq-item').forEach(el => el.classList.remove('open'));\r\n    if (!wasOpen) item.classList.add('open');\r\n  }\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry, index) => {\r\n      if (entry.isIntersecting) {\r\n        setTimeout(() => entry.target.classList.add('visible'), index * 60);\r\n      }\r\n    });\r\n  }, { threshold: 0.12 });\r\n\r\n  document.querySelectorAll('.cartao-beneficios-page .fade-in').forEach(element => observer.observe(element));\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Benef\u00edcios para associados CIC CDL Para\u00ed Seu cart\u00e3o de descontos reais no com\u00e9rcio local V\u00e1rios estabelecimentos conveniados em Para\u00ed. Sa\u00fade, com\u00e9rcio, lazer e servi\u00e7os com desconto na hora. Quero meu cart\u00e3o com descontos Ver empresas conveniadas Funcionamento Como funciona o cart\u00e3o Uma solu\u00e7\u00e3o simples para quem quer economizar e para empresas que desejam oferecer benef\u00edcios&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1583","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cicparai.com.br\/site\/wp-json\/wp\/v2\/pages\/1583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cicparai.com.br\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cicparai.com.br\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cicparai.com.br\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cicparai.com.br\/site\/wp-json\/wp\/v2\/comments?post=1583"}],"version-history":[{"count":86,"href":"https:\/\/cicparai.com.br\/site\/wp-json\/wp\/v2\/pages\/1583\/revisions"}],"predecessor-version":[{"id":1688,"href":"https:\/\/cicparai.com.br\/site\/wp-json\/wp\/v2\/pages\/1583\/revisions\/1688"}],"wp:attachment":[{"href":"https:\/\/cicparai.com.br\/site\/wp-json\/wp\/v2\/media?parent=1583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}