{"id":7,"date":"2026-05-17T02:38:06","date_gmt":"2026-05-17T02:38:06","guid":{"rendered":"https:\/\/expressopj.com.br\/parceiros\/?page_id=7"},"modified":"2026-05-17T05:52:25","modified_gmt":"2026-05-17T05:52:25","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/expressopj.com.br\/parceiros\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46b906b e-con-full e-flex e-con e-parent\" data-id=\"46b906b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d729f4a elementor-widget elementor-widget-html\" data-id=\"d729f4a\" 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<title>ExpressoPJ \u2014 Seja um Parceiro<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root {\r\n    \/* Cores de Destaque *\/\r\n    --laranja: #E86A2A;\r\n    --laranja-claro: #F07F48;\r\n    --verde: #2E7D4F;\r\n    --verde-claro: #3DA066;\r\n    --verde-brilho: #2E7D4F;\r\n    \r\n    \/* Tema Claro \/ Prata *\/\r\n    --prata: #D1D5DB;\r\n    --prata-claro: #F3F4F6;\r\n    --prata-escuro: #6B7280;\r\n    --fundo: #FFFFFF;\r\n    --fundo-escuro: #F9FAFB;\r\n    --fundo-destaque: #F3F4F6;\r\n    --branco: #FFFFFF;\r\n    \r\n    \/* Textos *\/\r\n    --texto: #1F2937;\r\n    --texto-suave: #4B5563;\r\n    --borda: #E5E7EB;\r\n  }\r\n\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n  html { scroll-behavior: smooth; }\r\n\r\n  body {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    background: var(--fundo);\r\n    color: var(--texto);\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  \/* NAV *\/\r\n  nav {\r\n    position: fixed;\r\n    top: 0; left: 0; right: 0;\r\n    z-index: 200;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 0 60px;\r\n    height: 68px;\r\n    background: rgba(255,255,255,0.93);\r\n    backdrop-filter: blur(16px);\r\n    border-bottom: 1px solid var(--borda);\r\n    box-shadow: 0 1px 12px rgba(0,0,0,0.03);\r\n  }\r\n\r\n  .logo {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 900;\r\n    font-size: 1.5rem;\r\n    color: var(--texto);\r\n    letter-spacing: -0.5px;\r\n    text-decoration: none;\r\n  }\r\n  .logo .pj { color: var(--laranja); }\r\n\r\n  .nav-links {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 32px;\r\n    list-style: none;\r\n  }\r\n  .nav-links a {\r\n    font-size: 0.85rem;\r\n    font-weight: 500;\r\n    color: var(--texto-suave);\r\n    text-decoration: none;\r\n    transition: color 0.2s;\r\n  }\r\n  .nav-links a:hover { color: var(--texto); }\r\n\r\n  .nav-cta {\r\n    background: var(--laranja) !important;\r\n    color: var(--branco) !important;\r\n    padding: 10px 22px !important;\r\n    border-radius: 6px !important;\r\n    font-weight: 600 !important;\r\n    transition: background 0.2s, transform 0.15s !important;\r\n  }\r\n  .nav-cta:hover { background: var(--laranja-claro) !important; transform: translateY(-1px) !important; }\r\n\r\n  \/* HERO COM V\u00cdDEO BACKGROUND *\/\r\n  .hero {\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 100px 60px 80px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #000;\r\n  }\r\n\r\n  .video-background {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .video-background iframe {\r\n    position: absolute;\r\n    top: 50%; left: 50%;\r\n    width: 100vw;\r\n    height: 56.25vw;\r\n    min-height: 100vh;\r\n    min-width: 177.77vh;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  .hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to right, rgba(255,255,255,0.96) 45%, rgba(255,255,255,0.75) 100%);\r\n    z-index: 2;\r\n  }\r\n\r\n  .hero-inner {\r\n    position: relative;\r\n    z-index: 3;\r\n    display: grid;\r\n    grid-template-columns: 1fr 400px;\r\n    gap: 80px;\r\n    align-items: center;\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .hero-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 16px;\r\n    animation: fadeUp 0.5s ease both;\r\n  }\r\n  .eyebrow-line { width: 28px; height: 2px; background: var(--laranja); border-radius: 2px; }\r\n  .hero-eyebrow span {\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: var(--prata-escuro);\r\n  }\r\n\r\n  .hero-brand {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 900;\r\n    font-size: clamp(1.1rem, 2vw, 1.4rem);\r\n    color: var(--laranja);\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 14px;\r\n    animation: fadeUp 0.5s 0.06s ease both;\r\n  }\r\n\r\n  h1 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 900;\r\n    font-size: clamp(2.6rem, 4.8vw, 4.1rem);\r\n    line-height: 1.1;\r\n    letter-spacing: -1px;\r\n    color: var(--texto);\r\n    margin-bottom: 24px;\r\n    animation: fadeUp 0.5s 0.12s ease both;\r\n  }\r\n  h1 .destaque { color: var(--laranja); font-style: italic; }\r\n\r\n  .hero-sub {\r\n    font-size: 1.05rem;\r\n    font-weight: 400;\r\n    color: var(--texto-suave);\r\n    line-height: 1.75;\r\n    max-width: 500px;\r\n    margin-bottom: 44px;\r\n    animation: fadeUp 0.5s 0.18s ease both;\r\n  }\r\n\r\n  .hero-ctas {\r\n    display: flex;\r\n    gap: 14px;\r\n    flex-wrap: wrap;\r\n    animation: fadeUp 0.5s 0.26s ease both;\r\n  }\r\n\r\n  .btn-primary {\r\n    background: var(--laranja);\r\n    color: var(--branco);\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.95rem;\r\n    padding: 15px 30px;\r\n    border-radius: 7px;\r\n    border: none;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    transition: all 0.2s;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n  .btn-primary:hover { background: var(--laranja-claro); transform: translateY(-2px); box-shadow: 0 10px 28px rgba(232,106,42,0.25); }\r\n\r\n  .btn-ghost {\r\n    background: var(--branco);\r\n    color: var(--texto);\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 0.92rem;\r\n    padding: 15px 26px;\r\n    border-radius: 7px;\r\n    border: 1px solid var(--borda);\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    transition: all 0.2s;\r\n  }\r\n  .btn-ghost:hover { border-color: var(--prata-escuro); background: var(--fundo-destaque); }\r\n\r\n  \/* HERO CARD *\/\r\n  .hero-card {\r\n    background: var(--branco);\r\n    border: 1px solid var(--borda);\r\n    border-radius: 18px;\r\n    padding: 36px 32px;\r\n    animation: fadeLeft 0.6s 0.32s ease both;\r\n    box-shadow: 0 12px 32px rgba(0,0,0,0.04);\r\n  }\r\n  .hero-card-title {\r\n    font-size: 0.68rem;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: var(--prata-escuro);\r\n    margin-bottom: 24px;\r\n    padding-bottom: 16px;\r\n    border-bottom: 1px solid var(--borda);\r\n  }\r\n  .card-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 13px 0;\r\n    border-bottom: 1px solid var(--borda);\r\n  }\r\n  .card-row:last-child { border-bottom: none; }\r\n  .card-row-label { font-size: 0.82rem; color: var(--texto-suave); font-weight: 500; }\r\n  .card-row-val { font-family: 'Playfair Display', serif; font-size: 1.1rem; font-weight: 700; color: var(--texto); }\r\n\r\n  .pill-green {\r\n    background: rgba(46,125,79,0.1);\r\n    color: var(--verde-claro);\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    padding: 4px 10px;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(76,191,122,0.2);\r\n  }\r\n  .pill-orange {\r\n    background: rgba(232,106,42,0.1);\r\n    color: var(--laranja);\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    padding: 4px 10px;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(232,106,42,0.2);\r\n  }\r\n  .pill-silver {\r\n    background: var(--fundo-destaque);\r\n    color: var(--texto-suave);\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    padding: 4px 10px;\r\n    border-radius: 20px;\r\n    border: 1px solid var(--borda);\r\n  }\r\n\r\n  @keyframes fadeUp {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n  @keyframes fadeLeft {\r\n    from { opacity: 0; transform: translateX(20px); }\r\n    to { opacity: 1; transform: translateX(0); }\r\n  }\r\n\r\n  \/* SE\u00c7\u00d5ES *\/\r\n  section { padding: 96px 60px; position: relative; z-index: 10; }\r\n\r\n  .section-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 14px; }\r\n  .section-eyebrow-line { width: 24px; height: 2px; background: var(--laranja); border-radius: 2px; }\r\n  .section-eyebrow span { font-size: 0.68rem; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--laranja); }\r\n  .section-title { font-family: 'Playfair Display', serif; font-weight: 900; font-size: clamp(1.8rem, 3vw, 2.6rem); letter-spacing: -0.5px; color: var(--texto); line-height: 1.18; margin-bottom: 14px; }\r\n  .section-sub { font-size: 0.97rem; color: var(--texto-suave); line-height: 1.75; max-width: 500px; }\r\n\r\n  \/* COMO FUNCIONA *\/\r\n  .steps-section { background: var(--fundo-destaque); overflow: hidden; }\r\n  .steps-inner { position: relative; z-index: 2; max-width: 1100px; margin: 0 auto; }\r\n  .steps-header { margin-bottom: 56px; }\r\n  .steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\r\n  .step { background: var(--branco); border: 1px solid var(--borda); border-radius: 12px; padding: 36px 26px; transition: transform 0.25s, box-shadow 0.25s; box-shadow: 0 4px 12px rgba(0,0,0,0.02); }\r\n  .step:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,0.06); }\r\n  .step-num { font-family: 'Playfair Display', serif; font-size: 2.8rem; font-weight: 900; color: rgba(232,106,42,0.15); line-height: 1; margin-bottom: 16px; }\r\n  .step-icon { font-size: 1.5rem; margin-bottom: 14px; }\r\n  .step h3 { font-size: 0.93rem; font-weight: 700; color: var(--texto); margin-bottom: 10px; }\r\n  .step p { font-size: 0.79rem; color: var(--texto-suave); line-height: 1.65; }\r\n\r\n  \/* BENEF\u00cdCIOS *\/\r\n  .benefits-section { background: var(--branco); }\r\n  .benefits-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; max-width: 1100px; margin: 0 auto; }\r\n  .benefits-list { display: flex; flex-direction: column; gap: 10px; margin-top: 32px; }\r\n  .benefit-item { display: flex; gap: 16px; align-items: flex-start; padding: 16px 18px; background: var(--fundo-escuro); border-radius: 10px; border: 1px solid var(--borda); transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s; }\r\n  .benefit-item:hover { border-color: var(--laranja); transform: translateX(4px); box-shadow: 0 4px 18px rgba(232,106,42,0.08); }\r\n  .benefit-icon { font-size: 1.15rem; width: 38px; height: 38px; background: var(--branco); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid var(--borda); box-shadow: 0 2px 6px rgba(0,0,0,0.05); }\r\n  .benefit-text h4 { font-size: 0.88rem; font-weight: 700; color: var(--texto); margin-bottom: 3px; }\r\n  .benefit-text p { font-size: 0.77rem; color: var(--texto-suave); line-height: 1.55; }\r\n\r\n  \/* STATS BOX *\/\r\n  .stats-box { background: var(--branco); border: 1px solid var(--borda); box-shadow: 0 12px 32px rgba(0,0,0,0.05); border-radius: 18px; padding: 44px 40px; }\r\n  .stat-item { padding: 22px 0; border-bottom: 1px solid var(--borda); }\r\n  .stat-item:last-child { border-bottom: none; padding-bottom: 0; }\r\n  .stat-item:first-child { padding-top: 0; }\r\n  .stat-num { font-family: 'Playfair Display', serif; font-size: 2.3rem; font-weight: 900; color: var(--laranja); line-height: 1; margin-bottom: 5px; }\r\n  .stat-label { font-size: 0.79rem; color: var(--texto-suave); line-height: 1.5; font-weight: 500; }\r\n\r\n  \/* AFILIADOS *\/\r\n  .afiliados-section { background: var(--fundo-escuro); }\r\n  .afiliados-inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: 80px; align-items: center; max-width: 1100px; margin: 0 auto; }\r\n  .afiliados-points { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 28px; }\r\n  .afiliados-points li { display: flex; gap: 12px; font-size: 0.86rem; color: var(--texto-suave); line-height: 1.6; padding: 13px 16px; background: var(--branco); border-radius: 8px; border: 1px solid var(--borda); }\r\n  .afiliados-points li .arrow { color: var(--verde); font-weight: 700; flex-shrink: 0; }\r\n  \r\n  .comissao-box { background: var(--branco); border-radius: 16px; border: 1px solid var(--borda); overflow: hidden; box-shadow: 0 12px 32px rgba(0,0,0,0.05); }\r\n  .comissao-header { background: var(--verde); padding: 18px 24px; font-size: 0.76rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--branco); }\r\n  .comissao-row { display: flex; justify-content: space-between; align-items: center; padding: 14px 24px; border-bottom: 1px solid var(--borda); font-size: 0.82rem; color: var(--texto-suave); }\r\n  .comissao-row:last-child { border-bottom: none; }\r\n  .comissao-row strong { font-weight: 700; color: var(--texto); }\r\n  .badge-verde { background: rgba(46,125,79,0.1); color: var(--verde-brilho); font-size: 0.7rem; font-weight: 700; padding: 3px 9px; border-radius: 20px; border: 1px solid rgba(46,125,79,0.2); }\r\n\r\n  \/* FORM *\/\r\n  .form-section { background: var(--fundo-destaque); overflow: hidden; }\r\n  .form-wrapper { max-width: 660px; margin: 0 auto; position: relative; z-index: 2; }\r\n  .form-header { text-align: center; margin-bottom: 44px; }\r\n  .form-header .section-title { color: var(--texto); }\r\n  .form-header p { color: var(--texto-suave); font-size: 0.9rem; line-height: 1.65; margin-top: 12px; }\r\n  .form-card { background: var(--branco); border-radius: 18px; padding: 44px; border: 1px solid var(--borda); box-shadow: 0 16px 48px rgba(0,0,0,0.06); }\r\n  .form-group { margin-bottom: 18px; }\r\n  .form-group label { display: block; font-size: 0.73rem; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: var(--texto-suave); margin-bottom: 7px; }\r\n  \r\n  .form-group input, .form-group select, .form-group textarea {\r\n    width: 100%; background: var(--fundo); border: 1px solid var(--borda); border-radius: 7px; padding: 13px 15px;\r\n    font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.9rem; color: var(--texto); outline: none; transition: border-color 0.2s, box-shadow 0.2s;\r\n  }\r\n  .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--laranja); box-shadow: 0 0 0 3px rgba(232,106,42,0.1); }\r\n  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\r\n  \r\n  .form-submit {\r\n    width: 100%; background: var(--laranja); color: var(--branco); font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-size: 0.97rem; font-weight: 700; padding: 17px; border-radius: 7px; border: none; cursor: pointer; margin-top: 6px; transition: all 0.2s;\r\n  }\r\n  .form-submit:hover { background: var(--laranja-claro); transform: translateY(-2px); box-shadow: 0 10px 32px rgba(232,106,42,0.25); }\r\n  .form-disclaimer { text-align: center; font-size: 0.72rem; color: var(--prata-escuro); margin-top: 14px; line-height: 1.6; }\r\n\r\n  \/* FAQ *\/\r\n  .faq-outer { background: var(--branco); }\r\n  .faq-section { max-width: 700px; margin: 0 auto; }\r\n  .faq-header { text-align: center; margin-bottom: 48px; }\r\n  .faq-item { border-bottom: 1px solid var(--borda); }\r\n  .faq-q { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; font-size: 0.92rem; font-weight: 600; color: var(--texto); user-select: none; }\r\n  .faq-q:hover, .faq-q.open { color: var(--laranja); }\r\n  .faq-icon { font-size: 1.3rem; color: var(--laranja); transition: transform 0.2s; }\r\n  .faq-q.open .faq-icon { transform: rotate(45deg); }\r\n  .faq-a { font-size: 0.83rem; color: var(--texto-suave); line-height: 1.75; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.2s; }\r\n  .faq-a.open { max-height: 200px; padding-bottom: 20px; }\r\n\r\n  \/* FOOTER *\/\r\n  footer { background: var(--fundo-escuro); border-top: 1px solid var(--borda); padding: 36px 60px; display: flex; justify-content: space-between; align-items: center; }\r\n  .footer-logo { font-family: 'Playfair Display', serif; font-weight: 900; font-size: 1.25rem; color: var(--texto); text-decoration: none; }\r\n  .footer-logo .pj { color: var(--laranja); }\r\n  footer p { font-size: 0.75rem; color: var(--texto-suave); }\r\n\r\n  \/* RESPONSIVE *\/\r\n  @media (max-width: 960px) {\r\n    nav { padding: 0 24px; }\r\n    .nav-links { display: none; }\r\n    .hero { padding: 90px 24px 60px; }\r\n    .hero-overlay { background: rgba(255,255,255,0.94); }\r\n    .hero-inner { grid-template-columns: 1fr; gap: 40px; }\r\n    section { padding: 72px 24px; }\r\n    .steps-grid { grid-template-columns: 1fr 1fr; gap: 16px; }\r\n    .benefits-grid { grid-template-columns: 1fr; gap: 40px; }\r\n    .afiliados-inner { grid-template-columns: 1fr; gap: 36px; }\r\n    .form-card { padding: 28px 20px; }\r\n    .form-row { grid-template-columns: 1fr; }\r\n    footer { flex-direction: column; gap: 10px; text-align: center; padding: 28px 24px; }\r\n  }\r\n  @media (max-width: 500px) {\r\n    .steps-grid { grid-template-columns: 1fr; }\r\n    h1 { font-size: 2.2rem; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav>\r\n  <a href=\"#\" class=\"logo\">Expresso<span class=\"pj\">PJ<\/span><\/a>\r\n  <ul class=\"nav-links\">\r\n    <li><a href=\"#como-funciona\">Como funciona<\/a><\/li>\r\n    <li><a href=\"#beneficios\">Benef\u00edcios<\/a><\/li>\r\n    <li><a href=\"#afiliados\">Afiliados<\/a><\/li>\r\n    <li><a href=\"#cadastro\" class=\"nav-cta\">Quero ser parceiro<\/a><\/li>\r\n  <\/ul>\r\n<\/nav>\r\n\r\n<section class=\"hero\">\r\n  <div class=\"video-background\">\r\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/pxxYFJrf0rE?autoplay=1&mute=1&loop=1&playlist=pxxYFJrf0rE&controls=0&showinfo=0&rel=0&modestbranding=1&enablejsapi=1\" \r\n            frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n  <\/div>\r\n  <div class=\"hero-overlay\"><\/div>\r\n\r\n  <div class=\"hero-inner\">\r\n    <div>\r\n      <div class=\"hero-eyebrow\">\r\n        <div class=\"eyebrow-line\"><\/div>\r\n        <span>Marketplace de Material de Constru\u00e7\u00e3o<\/span>\r\n      <\/div>\r\n      <div class=\"hero-brand\">ExpressoPJ<\/div>\r\n      <h1>Crie sua Loja<br>Virtual e venda<br>por <span class=\"destaque\">afiliados!<\/span><\/h1>\r\n      <p class=\"hero-sub\">Tenha uma loja com seu nome, seu m\u00e9todo de pagamento e uma rede de afiliados trabalhando para voc\u00ea. Sem complica\u00e7\u00e3o, sem taxa sobre suas vendas.<\/p>\r\n      <div class=\"hero-ctas\">\r\n        <a href=\"#cadastro\" class=\"btn-primary\">Quero minha loja agora \u2192<\/a>\r\n        <a href=\"#como-funciona\" class=\"btn-ghost\">Ver como funciona<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-card\">\r\n      <div class=\"hero-card-title\">Plano de Entrada<\/div>\r\n      <div class=\"card-row\">\r\n        <span class=\"card-row-label\">Instala\u00e7\u00e3o da loja<\/span>\r\n        <span class=\"card-row-val\">R$ 300<\/span>\r\n      <\/div>\r\n      <div class=\"card-row\">\r\n        <span class=\"card-row-label\">1\u00ba m\u00eas de hospedagem<\/span>\r\n        <span class=\"pill-green\">Gr\u00e1tis<\/span>\r\n      <\/div>\r\n      <div class=\"card-row\">\r\n        <span class=\"card-row-label\">A partir do 2\u00ba m\u00eas<\/span>\r\n        <span class=\"card-row-val\" style=\"font-size:0.95rem\">R$ 60<span style=\"font-size:0.62rem;color:var(--prata-escuro);font-family:'Plus Jakarta Sans',sans-serif;font-weight:400\">\/m\u00eas<\/span><\/span>\r\n      <\/div>\r\n      <div class=\"card-row\">\r\n        <span class=\"card-row-label\">Suporte t\u00e9cnico<\/span>\r\n        <span class=\"pill-green\">Incluso<\/span>\r\n      <\/div>\r\n      <div class=\"card-row\">\r\n        <span class=\"card-row-label\">Taxa sobre suas vendas<\/span>\r\n        <span class=\"pill-orange\">R$ 0<\/span>\r\n      <\/div>\r\n      <div class=\"card-row\">\r\n        <span class=\"card-row-label\">M\u00e9todo de pagamento<\/span>\r\n        <span class=\"pill-silver\">O seu pr\u00f3prio<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"steps-section\" id=\"como-funciona\">\r\n  <div class=\"steps-inner\">\r\n    <div class=\"steps-header\">\r\n      <div class=\"section-eyebrow\">\r\n        <div class=\"section-eyebrow-line\"><\/div>\r\n        <span>Processo<\/span>\r\n      <\/div>\r\n      <div class=\"section-title\">Como funciona<br>em 4 passos<\/div>\r\n    <\/div>\r\n    <div class=\"steps-grid\">\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">01<\/div>\r\n        <div class=\"step-icon\">\ud83c\udfea<\/div>\r\n        <h3>Sua loja no ar<\/h3>\r\n        <p>Criamos sua loja com subdom\u00ednio exclusivo no ExpressoPJ. Identidade visual sua, produtos seus, do seu jeito.<\/p>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">02<\/div>\r\n        <div class=\"step-icon\">\ud83d\udcb3<\/div>\r\n        <h3>Seu pagamento<\/h3>\r\n        <p>Voc\u00ea usa o m\u00e9todo de pagamento que j\u00e1 usa \u2014 Pix, Mercado Pago, Cielo ou outro. O dinheiro vai direto pra voc\u00ea.<\/p>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">03<\/div>\r\n        <div class=\"step-icon\">\ud83d\udce3<\/div>\r\n        <h3>Afiliados vendendo<\/h3>\r\n        <p>Nossa rede de afiliados divulga seus produtos com links rastre\u00e1veis. Voc\u00ea define a comiss\u00e3o que faz sentido.<\/p>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"step-num\">04<\/div>\r\n        <div class=\"step-icon\">\ud83d\udcc8<\/div>\r\n        <h3>Voc\u00ea fatura mais<\/h3>\r\n        <p>Pedidos chegam, voc\u00ea entrega e gerencia. O ExpressoPJ cuida da plataforma e do suporte.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"benefits-section\" id=\"beneficios\">\r\n  <div class=\"benefits-grid\">\r\n    <div>\r\n      <div class=\"section-eyebrow\">\r\n        <div class=\"section-eyebrow-line\"><\/div>\r\n        <span>Por que o ExpressoPJ<\/span>\r\n      <\/div>\r\n      <div class=\"section-title\">Tudo que sua loja<br>precisa para vender<br>online<\/div>\r\n      <p class=\"section-sub\">Sem criar um e-commerce do zero, sem taxa sobre vendas e com suporte especializado no setor.<\/p>\r\n      <div class=\"benefits-list\">\r\n        <div class=\"benefit-item\">\r\n          <div class=\"benefit-icon\">\ud83d\udd17<\/div>\r\n          <div class=\"benefit-text\">\r\n            <h4>Subdom\u00ednio exclusivo<\/h4>\r\n            <p>Sua loja em <em>sualojanome.expressopj.com.br<\/em>. Presen\u00e7a digital real e profissional.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"benefit-item\">\r\n          <div class=\"benefit-icon\">\ud83d\udcb0<\/div>\r\n          <div class=\"benefit-text\">\r\n            <h4>Zero taxa sobre suas vendas<\/h4>\r\n            <p>O ExpressoPJ n\u00e3o cobra percentual sobre o que voc\u00ea vende. S\u00f3 a mensalidade fixa.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"benefit-item\">\r\n          <div class=\"benefit-icon\">\ud83d\udee0\ufe0f<\/div>\r\n          <div class=\"benefit-text\">\r\n            <h4>Suporte t\u00e9cnico incluso<\/h4>\r\n            <p>Problemas na loja? Nossa equipe resolve. Voc\u00ea foca em vender.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"benefit-item\">\r\n          <div class=\"benefit-icon\">\ud83d\udcca<\/div>\r\n          <div class=\"benefit-text\">\r\n            <h4>Painel completo de gest\u00e3o<\/h4>\r\n            <p>Acompanhe pedidos, afiliados e desempenho em um painel simples e direto.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"stats-box\">\r\n      <div class=\"stat-item\">\r\n        <div class=\"stat-num\">R$ 300<\/div>\r\n        <div class=\"stat-label\">Instala\u00e7\u00e3o \u00fanica \u2014 sem mensalidade escondida<\/div>\r\n      <\/div>\r\n      <div class=\"stat-item\">\r\n        <div class=\"stat-num\" style=\"color:var(--verde-claro)\">Gr\u00e1tis<\/div>\r\n        <div class=\"stat-label\">Primeiro m\u00eas de hospedagem completa<\/div>\r\n      <\/div>\r\n      <div class=\"stat-item\">\r\n        <div class=\"stat-num\">R$ 60<\/div>\r\n        <div class=\"stat-label\">Por m\u00eas a partir do 2\u00ba \u2014 hospedagem + suporte<\/div>\r\n      <\/div>\r\n      <div class=\"stat-item\">\r\n        <div class=\"stat-num\" style=\"color:var(--verde-claro)\">100%<\/div>\r\n        <div class=\"stat-label\">Das vendas v\u00e3o direto para voc\u00ea, sem intermedia\u00e7\u00e3o<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"afiliados-section\" id=\"afiliados\">\r\n  <div class=\"afiliados-inner\">\r\n    <div>\r\n      <div class=\"section-eyebrow\">\r\n        <div class=\"section-eyebrow-line\"><\/div>\r\n        <span>Rede de Afiliados<\/span>\r\n      <\/div>\r\n      <div class=\"section-title\">Mais vendas sem<br>gastar em publicidade<\/div>\r\n      <p class=\"section-sub\">Afiliados divulgam seus produtos e voc\u00ea s\u00f3 paga comiss\u00e3o quando a venda acontece. Voc\u00ea decide quanto quer pagar.<\/p>\r\n      <ul class=\"afiliados-points\">\r\n        <li><span class=\"arrow\">\u2192<\/span> Voc\u00ea define a porcentagem de comiss\u00e3o que faz sentido para a sua margem<\/li>\r\n        <li><span class=\"arrow\">\u2192<\/span> A plataforma usa 4% como m\u00e9dia de refer\u00eancia, mas a decis\u00e3o \u00e9 sempre sua<\/li>\r\n        <li><span class=\"arrow\">\u2192<\/span> Cada afiliado tem link rastre\u00e1vel \u00fanico \u2014 controle total sem confus\u00e3o<\/li>\r\n        <li><span class=\"arrow\">\u2192<\/span> Acompanhe em tempo real quais afiliados est\u00e3o gerando vendas<\/li>\r\n        <li><span class=\"arrow\">\u2192<\/span> Ajuste comiss\u00f5es a qualquer momento conforme os resultados<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"comissao-box\">\r\n      <div class=\"comissao-header\">Modelo de comiss\u00e3o para afiliados<\/div>\r\n      <div class=\"comissao-row\">\r\n        <span>Comiss\u00e3o m\u00e9dia de refer\u00eancia<\/span>\r\n        <strong>4%<\/strong>\r\n      <\/div>\r\n      <div class=\"comissao-row\">\r\n        <span>Quem define o percentual<\/span>\r\n        <span class=\"badge-verde\">Voc\u00ea, parceiro<\/span>\r\n      <\/div>\r\n      <div class=\"comissao-row\">\r\n        <span>Rastreamento de vendas<\/span>\r\n        <strong>Autom\u00e1tico<\/strong>\r\n      <\/div>\r\n      <div class=\"comissao-row\">\r\n        <span>Pagamento dos afiliados<\/span>\r\n        <strong>Via plataforma<\/strong>\r\n      <\/div>\r\n      <div class=\"comissao-row\">\r\n        <span>Pode ajustar a comiss\u00e3o<\/span>\r\n        <span class=\"badge-verde\">A qualquer momento<\/span>\r\n      <\/div>\r\n      <div class=\"comissao-row\">\r\n        <span>Custo se n\u00e3o houver venda<\/span>\r\n        <strong>R$ 0<\/strong>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"form-section\" id=\"cadastro\">\r\n  <div class=\"form-wrapper\">\r\n    <div class=\"form-header\">\r\n      <div class=\"section-eyebrow\" style=\"justify-content:center\">\r\n        <div class=\"section-eyebrow-line\"><\/div>\r\n        <span>Cadastro de Parceiro<\/span>\r\n      <\/div>\r\n      <div class=\"section-title\">Comece agora com<br>o ExpressoPJ<\/div>\r\n      <p>Preencha abaixo e nossa equipe entra em contato em at\u00e9 24 horas para iniciar sua configura\u00e7\u00e3o.<\/p>\r\n    <\/div>\r\n    <div class=\"form-card\">\r\n      <div class=\"form-row\">\r\n        <div class=\"form-group\">\r\n          <label>Nome completo<\/label>\r\n          <input type=\"text\" id=\"reg-nome\" placeholder=\"Seu nome\" required>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>WhatsApp<\/label>\r\n          <input type=\"tel\" id=\"reg-whatsapp\" placeholder=\"(00) 00000-0000\" required>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label>Nome da sua loja<\/label>\r\n        <input type=\"text\" id=\"reg-loja\" placeholder=\"Ex: Materiais Jo\u00e3o Silva\" required>\r\n      <\/div>\r\n      <div class=\"form-row\">\r\n        <div class=\"form-group\">\r\n          <label>Cidade<\/label>\r\n          <input type=\"text\" id=\"reg-cidade\" placeholder=\"Sua cidade\">\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Segmento principal<\/label>\r\n          <select id=\"reg-segmento\">\r\n            <option value=\"\" disabled selected>Selecione...<\/option>\r\n            <option>Materiais de constru\u00e7\u00e3o em geral<\/option>\r\n            <option>Cimento e argamassa<\/option>\r\n            <option>Tinta e revestimentos<\/option>\r\n            <option>Ferragens e ferramentas<\/option>\r\n            <option>Hidr\u00e1ulica e el\u00e9trica<\/option>\r\n            <option>Madeiras e portas<\/option>\r\n            <option>Outro<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label>J\u00e1 vende online? (opcional)<\/label>\r\n        <textarea id=\"reg-vende-online\" rows=\"2\" placeholder=\"Conte brevemente sobre sua loja atual...\"><\/textarea>\r\n      <\/div>\r\n      <button class=\"form-submit\" onclick=\"enviarParaWhatsApp(event)\">Quero minha loja no ExpressoPJ \u2192<\/button>\r\n      <p class=\"form-disclaimer\">Sem compromisso. Ap\u00f3s o contato, voc\u00ea decide se quer avan\u00e7ar.<br>Seus dados n\u00e3o ser\u00e3o compartilhados com terceiros.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"faq-outer\">\r\n  <div class=\"faq-section\">\r\n    <div class=\"faq-header\">\r\n      <div class=\"section-eyebrow\" style=\"justify-content:center\">\r\n        <div class=\"section-eyebrow-line\"><\/div>\r\n        <span>D\u00favidas frequentes<\/span>\r\n      <\/div>\r\n      <div class=\"section-title\">Perguntas frequentes<\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n        Preciso saber de tecnologia para gerenciar minha loja?\r\n        <span class=\"faq-icon\">+<\/span>\r\n      <\/div>\r\n      <div class=\"faq-a\">N\u00e3o. O painel foi pensado para ser simples. Voc\u00ea adiciona produtos, acompanha pedidos e gerencia tudo sem precisar entender de programa\u00e7\u00e3o. Qualquer d\u00favida, nosso suporte est\u00e1 dispon\u00edvel.<\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n        O dinheiro das vendas passa pelo ExpressoPJ?\r\n        <span class=\"faq-icon\">+<\/span>\r\n      <\/div>\r\n      <div class=\"faq-a\">N\u00e3o. Cada loja usa seu pr\u00f3prio m\u00e9todo de pagamento \u2014 Pix, Mercado Pago, Cielo ou outro. O pagamento vai diretamente para voc\u00ea, sem intermedia\u00e7\u00e3o do ExpressoPJ.<\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n        Posso definir minha pr\u00f3pria comiss\u00e3o para afiliados?\r\n        <span class=\"faq-icon\">+<\/span>\r\n      <\/div>\r\n      <div class=\"faq-a\">Sim. Voc\u00ea define o percentual que faz sentido para a sua margem. A plataforma usa 4% como m\u00e9dia de refer\u00eancia, mas voc\u00ea tem total liberdade para ajustar conforme seu neg\u00f3cio.<\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n        O que acontece ap\u00f3s o primeiro m\u00eas gr\u00e1tis?\r\n        <span class=\"faq-icon\">+<\/span>\r\n      <\/div>\r\n      <div class=\"faq-a\">A partir do 2\u00ba m\u00eas, a mensalidade \u00e9 de R$ 60, cobrindo hospedagem e suporte t\u00e9cnico. N\u00e3o h\u00e1 contrato de fidelidade \u2014 voc\u00ea pode cancelar quando quiser.<\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n        Quanto tempo leva para minha loja ficar pronta?\r\n        <span class=\"faq-icon\">+<\/span>\r\n      <\/div>\r\n      <div class=\"faq-a\">Ap\u00f3s o pagamento e envio das informa\u00e7\u00f5es da loja, o processo leva em m\u00e9dia 2 a 3 dias \u00fateis. Em casos mais simples, pode estar no ar em menos de 24 horas.<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n  <a href=\"#\" class=\"footer-logo\">Expresso<span class=\"pj\">PJ<\/span><\/a>\r\n  <p>\u00a9 2025 ExpressoPJ \u2014 Marketplace de Material de Constru\u00e7\u00e3o<\/p>\r\n  <p>expressopj.com.br<\/p>\r\n<\/footer>\r\n\r\n<script>\r\n  function toggleFaq(el) {\r\n    const answer = el.nextElementSibling;\r\n    const isOpen = el.classList.contains('open');\r\n    document.querySelectorAll('.faq-q').forEach(q => {\r\n      q.classList.remove('open');\r\n      q.nextElementSibling.classList.remove('open');\r\n    });\r\n    if (!isOpen) {\r\n      el.classList.add('open');\r\n      answer.classList.add('open');\r\n    }\r\n  }\r\n\r\n  function enviarParaWhatsApp(event) {\r\n    event.preventDefault();\r\n    \r\n    \/\/ Captura os valores digitados pelo usu\u00e1rio\r\n    const nome = document.getElementById('reg-nome').value.trim();\r\n    const whatsapp = document.getElementById('reg-whatsapp').value.trim();\r\n    const loja = document.getElementById('reg-loja').value.trim();\r\n    const cidade = document.getElementById('reg-cidade').value.trim() || 'N\u00e3o informada';\r\n    const segmento = document.getElementById('reg-segmento').value || 'N\u00e3o selecionado';\r\n    const vendeOnline = document.getElementById('reg-vende-online').value.trim() || 'N\u00e3o informado';\r\n\r\n    \/\/ Valida\u00e7\u00e3o de campos obrigat\u00f3rios simples\r\n    if (!nome || !whatsapp || !loja) {\r\n      alert('Por favor, preencha os campos obrigat\u00f3rios: Nome, WhatsApp e Nome da Loja.');\r\n      return;\r\n    }\r\n\r\n    \/\/ Montagem da mensagem estruturada e personalizada\r\n    const mensagem = `Ol\u00e1! Gostaria de me cadastrar como parceiro no *ExpressoPJ*.\\n\\n` +\r\n                     `*Aqui est\u00e3o os dados do meu cadastro:*\\n` +\r\n                     `\u2022 *Nome completo:* ${nome}\\n` +\r\n                     `\u2022 *WhatsApp:* ${whatsapp}\\n` +\r\n                     `\u2022 *Nome da Loja:* ${loja}\\n` +\r\n                     `\u2022 *Cidade:* ${cidade}\\n` +\r\n                     `\u2022 *Segmento Principal:* ${segmento}\\n` +\r\n                     `\u2022 *J\u00e1 vende online?:* ${vendeOnline}`;\r\n\r\n    \/\/ N\u00famero de destino formatado internacionalmente (55 + DDD + N\u00famero)\r\n    const numeroTelefone = \"5571994002337\";\r\n    \r\n    \/\/ Gera\u00e7\u00e3o do link final do WhatsApp\r\n    const urlWhatsApp = `https:\/\/wa.me\/${numeroTelefone}?text=${encodeURIComponent(mensagem)}`;\r\n    \r\n    \/\/ Abre em uma nova aba\r\n    window.open(urlWhatsApp, '_blank');\r\n  }\r\n<\/script>\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>ExpressoPJ \u2014 Seja um Parceiro ExpressoPJ Como funciona Benef\u00edcios Afiliados Quero ser parceiro Marketplace de Material de Constru\u00e7\u00e3o ExpressoPJ Crie sua LojaVirtual e vendapor afiliados! Tenha uma loja com seu nome, seu m\u00e9todo de pagamento e uma rede de afiliados trabalhando para voc\u00ea. Sem complica\u00e7\u00e3o, sem taxa sobre suas vendas. Quero minha loja agora \u2192 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/expressopj.com.br\/parceiros\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expressopj.com.br\/parceiros\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/expressopj.com.br\/parceiros\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/expressopj.com.br\/parceiros\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expressopj.com.br\/parceiros\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":9,"href":"https:\/\/expressopj.com.br\/parceiros\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/expressopj.com.br\/parceiros\/wp-json\/wp\/v2\/pages\/7\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/expressopj.com.br\/parceiros\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}