{"id":468,"date":"2026-05-04T16:22:57","date_gmt":"2026-05-04T19:22:57","guid":{"rendered":"https:\/\/paulafranca.com.br\/?page_id=468"},"modified":"2026-06-17T15:42:23","modified_gmt":"2026-06-17T18:42:23","slug":"projeto","status":"publish","type":"page","link":"https:\/\/paulafranca.com.br\/en\/projeto\/","title":{"rendered":"Metodologia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"468\" class=\"elementor elementor-468\">\n\t\t\t\t<div class=\"elementor-element elementor-element-553d920 e-flex e-con-boxed e-con e-parent\" data-id=\"553d920\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f08453 elementor-widget elementor-widget-html\" data-id=\"9f08453\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Metodologia \u2014 Paula Fran\u00e7a Consultoria<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;1,300;1,400&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --navy: #0e1f3d;\n    --navy-deep: #08152b;\n    --wine: #6b2838;\n    --cream: #f5efe0;\n    --text: #f5efe0;\n    --line: rgba(245, 239, 224, 0.15);\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n\n  body {\n    background: var(--navy);\n    color: var(--text);\n    font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;\n    overflow-x: hidden;\n  }\n\n  .metodologia {\n    position: relative;\n    background: var(--navy);\n    overflow: hidden;\n  }\n\n  .metodologia::before {\n    content: '';\n    position: fixed;\n    inset: 0;\n    background: \n      radial-gradient(ellipse at 15% 25%, rgba(245, 239, 224, 0.02) 0%, transparent 55%),\n      radial-gradient(ellipse at 85% 75%, rgba(245, 239, 224, 0.015) 0%, transparent 55%);\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  .container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 2rem;\n    position: relative;\n    z-index: 5;\n  }\n\n  \/* ============ EYEBROW ============ *\/\n  .eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.85rem;\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 400 !important;\n    font-size: 0.65rem !important;\n    letter-spacing: 0.45em;\n    text-transform: uppercase;\n    color: #f5efe0 !important;\n    margin-bottom: 1.5rem;\n    padding-left: 0.45em;\n  }\n\n  .eyebrow::before {\n    content: '';\n    width: 36px;\n    height: 1px;\n    background: #f5efe0;\n    opacity: 0.5;\n  }\n\n  .eyebrow::after {\n    content: '';\n    width: 5px;\n    height: 5px;\n    border: 1px solid #f5efe0;\n    border-radius: 50%;\n    opacity: 0.5;\n    margin-left: 0.5rem;\n  }\n\n  .eyebrow.centered {\n    justify-content: center;\n    padding-left: 0;\n  }\n\n  \/* ============ SECTION TITLES ============ *\/\n  .section-title {\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 200 !important;\n    font-size: clamp(1.5rem, 2.6vw, 2.2rem) !important;\n    line-height: 1.25 !important;\n    color: #f5efe0 !important;\n    letter-spacing: -0.01em;\n    margin-bottom: 1.25rem;\n  }\n\n  .section-title em {\n    font-style: italic;\n    font-weight: 400;\n  }\n\n  .section-lead {\n    font-family: 'Poppins', sans-serif !important;\n    font-style: italic !important;\n    font-weight: 300 !important;\n    font-size: clamp(0.9rem, 1.05vw, 1rem) !important;\n    line-height: 1.65 !important;\n    color: rgba(245, 239, 224, 0.8) !important;\n    max-width: 680px;\n  }\n\n  \/* ============ REVEAL ============ *\/\n  .reveal {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .reveal.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .reveal-delay-1 { transition-delay: 0.15s; }\n  .reveal-delay-2 { transition-delay: 0.3s; }\n  .reveal-delay-3 { transition-delay: 0.45s; }\n\n  \/* ============ HERO ============ *\/\n  .hero-met {\n    position: relative;\n    min-height: 80vh;\n    display: flex;\n    align-items: center;\n    padding: 6rem 0 4rem;\n  }\n\n  .hero-met-content {\n    max-width: 820px;\n    position: relative;\n    z-index: 5;\n  }\n\n  .hero-met h1 {\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 200 !important;\n    font-size: clamp(1.7rem, 3.4vw, 2.8rem) !important;\n    line-height: 1.15 !important;\n    color: #f5efe0 !important;\n    letter-spacing: -0.015em;\n    margin-bottom: 1.75rem;\n  }\n\n  .hero-met h1 em {\n    font-style: italic;\n    font-weight: 400;\n    position: relative;\n    display: inline-block;\n  }\n\n  .hero-met h1 em::after {\n    content: '';\n    position: absolute;\n    bottom: 0.05em;\n    left: 0;\n    width: 100%;\n    height: 1px;\n    background: var(--cream);\n    opacity: 0.5;\n    transform: scaleX(0);\n    transform-origin: left;\n    animation: drawLine 1.4s cubic-bezier(0.16, 1, 0.3, 1) 1s forwards;\n  }\n\n  .hero-met-sub {\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 300 !important;\n    font-size: clamp(0.9rem, 1.1vw, 1.05rem) !important;\n    line-height: 1.7 !important;\n    color: rgba(245, 239, 224, 0.8) !important;\n    max-width: 640px;\n    margin-bottom: 2.5rem;\n  }\n\n  .hero-met-rings {\n    position: absolute;\n    top: 50%;\n    right: -6rem;\n    transform: translateY(-50%);\n    width: 480px;\n    height: 480px;\n    pointer-events: none;\n    z-index: 1;\n    opacity: 0.5;\n  }\n\n  .hero-met-rings::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border: 1px solid rgba(245, 239, 224, 0.14);\n    border-radius: 50%;\n  }\n\n  .hero-met-rings::after {\n    content: '';\n    position: absolute;\n    inset: 70px;\n    border: 1px dashed rgba(245, 239, 224, 0.2);\n    border-radius: 50%;\n    animation: spinCounter 50s linear infinite;\n  }\n\n  .hero-met-rings .inner {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 200px;\n    height: 200px;\n    margin: -100px 0 0 -100px;\n    border: 1px solid rgba(245, 239, 224, 0.1);\n    border-radius: 50%;\n  }\n\n  @keyframes spinCounter {\n    from { transform: rotate(360deg); }\n    to { transform: rotate(0deg); }\n  }\n\n  @keyframes drawLine {\n    to { transform: scaleX(1); }\n  }\n\n  \/* ============ BUTTON ============ *\/\n  .btn-primary {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.65rem;\n    padding: 0.95rem 1.85rem;\n    background: var(--cream);\n    color: var(--navy);\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 500 !important;\n    font-size: 0.68rem !important;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    border: none;\n    border-radius: 999px;\n    cursor: pointer;\n    overflow: hidden;\n    text-decoration: none;\n    white-space: nowrap;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),\n                color 0.4s ease,\n                box-shadow 0.5s ease;\n  }\n\n  .btn-primary::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--wine);\n    transform: translateY(101%);\n    transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);\n    z-index: 0;\n  }\n\n  .btn-primary span, .btn-primary svg {\n    position: relative;\n    z-index: 1;\n    color: inherit;\n  }\n\n  .btn-primary svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    stroke: currentColor;\n  }\n\n  .btn-primary:hover {\n    transform: translateY(-3px);\n    color: var(--cream);\n    box-shadow: 0 12px 30px rgba(107, 40, 56, 0.35);\n  }\n\n  .btn-primary:hover::before { transform: translateY(0); }\n  .btn-primary:hover svg { transform: translateX(5px); }\n\n  \/* ============ ORIGIN ============ *\/\n  .origin {\n    padding: 5rem 0;\n    position: relative;\n  }\n\n  .origin-grid {\n    display: grid;\n    grid-template-columns: 0.4fr 0.6fr;\n    gap: 4rem;\n    align-items: start;\n  }\n\n  .origin-text p {\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 300 !important;\n    font-size: 0.9rem !important;\n    line-height: 1.8 !important;\n    color: rgba(245, 239, 224, 0.8) !important;\n    margin-bottom: 1.5rem;\n  }\n\n  .pull-quote {\n    margin: 3rem 0 1rem;\n    padding: 2rem 2rem 2rem 2.5rem;\n    border-left: 2px solid rgba(245, 239, 224, 0.4);\n    background: rgba(245, 239, 224, 0.03);\n    border-radius: 0 16px 16px 0;\n    position: relative;\n  }\n\n  .pull-quote p {\n    font-family: 'Poppins', sans-serif !important;\n    font-style: italic !important;\n    font-weight: 400 !important;\n    font-size: clamp(0.95rem, 1.2vw, 1.1rem) !important;\n    line-height: 1.6 !important;\n    color: var(--cream) !important;\n    margin: 0 !important;\n  }\n\n  \/* ============ METHODS CARDS ============ *\/\n  .methods {\n    padding: 5rem 0;\n    position: relative;\n  }\n\n  .methods-header {\n    text-align: center;\n    margin-bottom: 3.5rem;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .methods-header .section-lead {\n    margin: 0 auto;\n  }\n\n  .methods-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.5rem;\n  }\n\n  .method-card {\n    position: relative;\n    padding: 2rem 1.75rem;\n    background: rgba(245, 239, 224, 0.04);\n    border: 1px solid rgba(245, 239, 224, 0.14);\n    border-radius: 18px;\n    cursor: pointer;\n    overflow: hidden;\n    transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1),\n                border-color 0.55s ease,\n                background 0.55s ease,\n                box-shadow 0.55s ease;\n  }\n\n  .method-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 20%;\n    right: 20%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(245, 239, 224, 0.5), transparent);\n    transition: left 0.6s ease, right 0.6s ease;\n  }\n\n  .method-card:hover::before {\n    left: 0;\n    right: 0;\n  }\n\n  .method-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(245, 239, 224, 0.35);\n    background: #6b2838;\n    box-shadow: 0 20px 50px rgba(107, 40, 56, 0.5);\n  }\n\n  .method-number {\n    font-family: 'Poppins', sans-serif !important;\n    font-style: italic !important;\n    font-weight: 400 !important;\n    font-size: 0.75rem !important;\n    line-height: 1 !important;\n    color: rgba(245, 239, 224, 0.45) !important;\n    margin-bottom: 1.25rem;\n    display: block;\n  }\n\n  .method-icon {\n    width: 30px;\n    height: 30px;\n    color: var(--cream);\n    margin-bottom: 1.25rem;\n    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .method-card:hover .method-icon {\n    transform: rotate(-6deg) scale(1.1);\n  }\n\n  .method-icon svg {\n    width: 100%;\n    height: 100%;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 1.3;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .method-title {\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 500 !important;\n    font-size: 0.72rem !important;\n    line-height: 1.5 !important;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: #f5efe0 !important;\n    margin-bottom: 0.85rem;\n  }\n\n  .method-desc {\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 300 !important;\n    font-size: 0.8rem !important;\n    line-height: 1.65 !important;\n    color: rgba(245, 239, 224, 0.75) !important;\n    letter-spacing: normal;\n  }\n\n  \/* ============ ERRORS \/ ACCORDION ============ *\/\n  .errors {\n    padding: 5rem 0;\n    position: relative;\n  }\n\n  .errors-header {\n    text-align: center;\n    margin-bottom: 3rem;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .errors-header .section-lead {\n    margin: 0 auto;\n  }\n\n  .accordion {\n    max-width: 880px;\n    margin: 0 auto;\n    border-top: 1px solid var(--line);\n  }\n\n  .accordion-item {\n    border-bottom: 1px solid var(--line);\n    overflow: hidden;\n  }\n\n  .accordion-trigger {\n    width: 100%;\n    background: none;\n    border: none;\n    padding: 1.4rem 0.5rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    color: inherit;\n    text-align: left;\n    transition: padding 0.4s ease;\n    font-family: 'Poppins', sans-serif;\n  }\n\n  .accordion-trigger:hover {\n    padding-left: 1rem;\n  }\n\n  .accordion-num {\n    font-family: 'Poppins', sans-serif !important;\n    font-style: italic !important;\n    font-weight: 400 !important;\n    font-size: 0.78rem !important;\n    line-height: 1 !important;\n    color: rgba(245, 239, 224, 0.5) !important;\n    margin-right: 1.5rem;\n    min-width: 24px;\n    transition: color 0.3s ease;\n  }\n\n  .accordion-label {\n    flex: 1;\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 300 !important;\n    font-size: clamp(0.9rem, 1.2vw, 1.05rem) !important;\n    line-height: 1.4 !important;\n    color: #f5efe0 !important;\n    transition: color 0.3s ease;\n  }\n\n  .accordion-icon {\n    width: 26px;\n    height: 26px;\n    border: 1px solid rgba(245, 239, 224, 0.4);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    position: relative;\n  }\n\n  .accordion-icon::before,\n  .accordion-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--cream);\n    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .accordion-icon::before {\n    width: 10px;\n    height: 1px;\n  }\n\n  .accordion-icon::after {\n    width: 1px;\n    height: 10px;\n  }\n\n  .accordion-item.active .accordion-icon {\n    background: var(--cream);\n    border-color: var(--cream);\n    transform: rotate(180deg);\n  }\n\n  .accordion-item.active .accordion-icon::before {\n    background: var(--navy);\n  }\n\n  .accordion-item.active .accordion-icon::after {\n    background: var(--navy);\n    transform: scaleY(0);\n  }\n\n  \/* ============ OVERRIDE: for\u00e7a cor bordo no accordion ativo ============ *\/\n  \/* Anula qualquer cor rosa\/pink injetada pelo construtor de site *\/\n  .accordion-item.active,\n  .accordion-item.active .accordion-trigger,\n  .accordion-item.active .accordion-trigger:hover,\n  .accordion-item.active .accordion-trigger:focus,\n  .accordion-item.active .accordion-trigger:active,\n  .accordion-item:hover .accordion-trigger,\n  .accordion-trigger:hover,\n  .accordion-trigger:focus,\n  .accordion-trigger:active,\n  .accordion-trigger[aria-expanded=\"true\"] {\n    background: var(--wine) !important;\n    background-color: var(--wine) !important;\n    color: var(--cream) !important;\n  }\n\n  .accordion-item.active .accordion-label,\n  .accordion-item.active .accordion-num,\n  .accordion-trigger:hover .accordion-label,\n  .accordion-trigger:hover .accordion-num {\n    color: var(--cream) !important;\n  }\n\n  .accordion-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .accordion-content-inner {\n    padding: 0 0.5rem 1.5rem 3rem;\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 300 !important;\n    font-size: 0.82rem !important;\n    line-height: 1.7 !important;\n    color: rgba(245, 239, 224, 0.75) !important;\n    max-width: 680px;\n  }\n\n  \/* ============ TIMELINE ============ *\/\n  .timeline-section {\n    padding: 5rem 0;\n    position: relative;\n  }\n\n  .timeline-header {\n    text-align: center;\n    margin-bottom: 4rem;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .timeline-header .section-lead {\n    margin: 0 auto;\n  }\n\n  .timeline {\n    position: relative;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .timeline::before {\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: 0;\n    bottom: 0;\n    width: 1px;\n    background: linear-gradient(180deg, transparent, var(--line) 10%, var(--line) 90%, transparent);\n    transform: translateX(-0.5px);\n  }\n\n  .timeline-item {\n    position: relative;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 4rem;\n    margin-bottom: 3rem;\n    align-items: center;\n  }\n\n  .timeline-item:nth-child(even) {\n    direction: rtl;\n  }\n\n  .timeline-item:nth-child(even) .timeline-content {\n    direction: ltr;\n    text-align: right;\n  }\n\n  .timeline-item:nth-child(odd) .timeline-content {\n    direction: ltr;\n    text-align: left;\n  }\n\n  .timeline-dot {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 14px;\n    height: 14px;\n    background: var(--navy);\n    border: 2px solid var(--cream);\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .timeline-item.visible .timeline-dot {\n    background: var(--cream);\n    box-shadow: 0 0 0 6px rgba(245, 239, 224, 0.1), 0 0 20px rgba(245, 239, 224, 0.4);\n  }\n\n  .timeline-step {\n    font-family: 'Poppins', sans-serif !important;\n    font-style: italic !important;\n    font-weight: 400 !important;\n    font-size: 0.7rem !important;\n    line-height: 1 !important;\n    letter-spacing: 0.15em;\n    color: rgba(245, 239, 224, 0.55) !important;\n    text-transform: uppercase;\n    margin-bottom: 0.5rem;\n    display: block;\n  }\n\n  .timeline-title {\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 400 !important;\n    font-size: clamp(1rem, 1.5vw, 1.3rem) !important;\n    line-height: 1.3 !important;\n    color: #f5efe0 !important;\n    margin-bottom: 0.75rem;\n  }\n\n  .timeline-desc {\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 300 !important;\n    font-size: 0.82rem !important;\n    line-height: 1.65 !important;\n    color: rgba(245, 239, 224, 0.75) !important;\n  }\n\n  \/* ============ FINAL CTA ============ *\/\n  .final-cta {\n    padding: 6rem 0 7rem;\n    position: relative;\n    text-align: center;\n  }\n\n  .final-cta-inner {\n    max-width: 760px;\n    margin: 0 auto;\n    padding: 3.5rem 2.5rem;\n    background: rgba(245, 239, 224, 0.04);\n    border: 1px solid var(--line);\n    border-radius: 24px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .final-cta h2 {\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 200 !important;\n    font-size: clamp(1.3rem, 2.2vw, 1.9rem) !important;\n    line-height: 1.25 !important;\n    color: #f5efe0 !important;\n    margin-bottom: 1.5rem;\n    position: relative;\n    z-index: 1;\n  }\n\n  .final-cta h2 em {\n    font-style: italic;\n    font-weight: 400;\n  }\n\n  .final-cta p {\n    font-family: 'Poppins', sans-serif !important;\n    font-style: italic !important;\n    font-weight: 300 !important;\n    font-size: clamp(0.88rem, 1.05vw, 1rem) !important;\n    line-height: 1.65 !important;\n    color: rgba(245, 239, 224, 0.8) !important;\n    max-width: 580px;\n    margin: 0 auto 2.5rem;\n    position: relative;\n    z-index: 1;\n  }\n\n  .final-cta .btn-primary {\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* ============ RESPONSIVE ============ *\/\n  @media (max-width: 968px) {\n    .container { padding: 0 1.5rem; }\n    .hero-met { min-height: auto; padding: 4rem 0 3rem; }\n    .hero-met-rings { display: none; }\n    .origin-grid { grid-template-columns: 1fr; gap: 2rem; }\n    .methods-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }\n    \n    .timeline::before { left: 20px; transform: none; }\n    .timeline-item {\n      grid-template-columns: 1fr;\n      direction: ltr !important;\n      gap: 0;\n      padding-left: 55px;\n      margin-bottom: 2.25rem;\n    }\n    .timeline-item .timeline-content,\n    .timeline-item:nth-child(even) .timeline-content {\n      direction: ltr;\n      text-align: left;\n    }\n    .timeline-item .timeline-spacer { display: none; }\n    .timeline-dot { left: 20px; top: 0.5rem; transform: translate(-50%, 0); }\n  }\n\n  @media (max-width: 600px) {\n    .methods-grid { grid-template-columns: 1fr; }\n    .pull-quote { padding: 1.5rem 1.25rem 1.5rem 1.75rem; }\n    .accordion-trigger { padding: 1.1rem 0.25rem; }\n    .accordion-trigger:hover { padding-left: 0.5rem; }\n    .accordion-content-inner { padding: 0 0.25rem 1.25rem 2.5rem; }\n    .final-cta-inner { padding: 2.5rem 1.5rem; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<main class=\"metodologia\">\n\n  <section class=\"hero-met\">\n    <div class=\"hero-met-rings\">\n      <div class=\"inner\"><\/div>\n    <\/div>\n    <div class=\"container\">\n      <div class=\"hero-met-content\">\n        <div class=\"eyebrow reveal\">Metodologia Paula Fran\u00e7a<\/div>\n        <h1 class=\"reveal reveal-delay-1\">\n          Uma metodologia para <em>enxergar<\/em> sua empresa com mais clareza.\n        <\/h1>\n        <p class=\"hero-met-sub reveal reveal-delay-2\">\n          A Paula Fran\u00e7a Consultoria une experi\u00eancia real, vis\u00e3o estrat\u00e9gica e an\u00e1lise profunda para ajudar empres\u00e1rios a identificarem onde suas marcas est\u00e3o desalinhadas, e como transformar esses pontos em crescimento, estrutura e valor percebido.\n        <\/p>\n        <a href=\"#\" class=\"btn-primary reveal reveal-delay-3\" data-wa-message=\"Ol\u00e1, Paula! Quero entender melhor a metodologia da sua consultoria.\">\n          <span>Quero entender minha marca<\/span>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"origin\">\n    <div class=\"container\">\n      <div class=\"origin-grid\">\n        <div class=\"origin-heading reveal\">\n          <div class=\"eyebrow\">De onde nasce<\/div>\n          <h2 class=\"section-title\">\n            A trajet\u00f3ria que <em>deu origem<\/em> ao m\u00e9todo.\n          <\/h2>\n        <\/div>\n        <div class=\"origin-text reveal reveal-delay-1\">\n          <p>\n            A metodologia da Paula Fran\u00e7a Consultoria nasce de uma trajet\u00f3ria real: mais de 25 anos dedicados ao varejo, mais de uma d\u00e9cada no digital e uma viv\u00eancia profunda em projetos, equipes, marcas e transforma\u00e7\u00f5es empresariais.\n          <\/p>\n          <p>\n            Ao longo dessa jornada, Paula acompanhou de perto as mudan\u00e7as no comportamento de consumo, a evolu\u00e7\u00e3o dos canais f\u00edsicos para os digitais, a ascens\u00e3o dos marketplaces, a for\u00e7a dos dados e os desafios de empresas que precisam crescer sem perder sua ess\u00eancia.\n          <\/p>\n          <p>\n            Mas essa metodologia n\u00e3o nasce apenas da experi\u00eancia t\u00e9cnica. Ela tamb\u00e9m nasce de uma virada pessoal e profissional: a maternidade. Um momento que trouxe pausa, revis\u00e3o de rota e a necessidade de transformar todo o repert\u00f3rio acumulado em impacto real para outras empresas.\n          <\/p>\n\n          <blockquote class=\"pull-quote\">\n            <p>\n              O que antes era know-how virou repert\u00f3rio. O que antes era entrega virou dire\u00e7\u00e3o. O que antes era plano de neg\u00f3cio virou prop\u00f3sito.\n            <\/p>\n          <\/blockquote>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"methods\">\n    <div class=\"container\">\n      <div class=\"methods-header reveal\">\n        <div class=\"eyebrow centered\">O que a metodologia analisa<\/div>\n        <h2 class=\"section-title\">\n          Seis dimens\u00f5es para enxergar a <em>marca por inteiro<\/em>.\n        <\/h2>\n        <p class=\"section-lead\">\n          Cada empresa carrega camadas. A metodologia olha para todas elas e revela onde est\u00e1 o desalinhamento que impede o crescimento.\n        <\/p>\n      <\/div>\n\n      <div class=\"methods-grid\">\n        <article class=\"method-card reveal\">\n          <span class=\"method-number\">01<\/span>\n          <div class=\"method-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"11\" cy=\"11\" r=\"7\"\/>\n              <line x1=\"16.5\" y1=\"16.5\" x2=\"21\" y2=\"21\"\/>\n              <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\n              <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"method-title\">Diagn\u00f3stico da marca<\/h3>\n          <p class=\"method-desc\">\n            An\u00e1lise profunda do momento atual da empresa, seus pontos fortes, fragilidades, diferenciais e ru\u00eddos que podem estar afetando sua percep\u00e7\u00e3o de valor.\n          <\/p>\n        <\/article>\n\n        <article class=\"method-card reveal reveal-delay-1\">\n          <span class=\"method-number\">02<\/span>\n          <div class=\"method-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M12 2L4 6v6c0 5 3.5 9.5 8 10 4.5-.5 8-5 8-10V6l-8-4z\"\/>\n              <path d=\"M9 12l2 2 4-4\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"method-title\">Branding e posicionamento<\/h3>\n          <p class=\"method-desc\">\n            Avalia\u00e7\u00e3o da forma como a marca se comunica, se diferencia, apresenta sua proposta de valor e \u00e9 percebida pelo mercado.\n          <\/p>\n        <\/article>\n\n        <article class=\"method-card reveal reveal-delay-2\">\n          <span class=\"method-number\">03<\/span>\n          <div class=\"method-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n              <path d=\"M12 2v3M12 19v3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M2 12h3M19 12h3M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"method-title\">Processos internos<\/h3>\n          <p class=\"method-desc\">\n            Mapeamento dos fluxos, atendimento, opera\u00e7\u00e3o, responsabilidades e gargalos que impactam a efici\u00eancia da empresa.\n          <\/p>\n        <\/article>\n\n        <article class=\"method-card reveal\">\n          <span class=\"method-number\">04<\/span>\n          <div class=\"method-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"method-title\">Experi\u00eancia do cliente<\/h3>\n          <p class=\"method-desc\">\n            An\u00e1lise da jornada completa do cliente, do primeiro contato ao p\u00f3s-venda, identificando oportunidades de encantamento e fideliza\u00e7\u00e3o.\n          <\/p>\n        <\/article>\n\n        <article class=\"method-card reveal reveal-delay-1\">\n          <span class=\"method-number\">05<\/span>\n          <div class=\"method-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M3 17l4-4 3 3 5-6 6 6\"\/>\n              <path d=\"M14 7h7v7\"\/>\n              <line x1=\"3\" y1=\"21\" x2=\"21\" y2=\"21\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"method-title\">Estrat\u00e9gia comercial<\/h3>\n          <p class=\"method-desc\">\n            Avalia\u00e7\u00e3o da forma como a empresa vende, apresenta seus produtos ou servi\u00e7os, constr\u00f3i desejo, confian\u00e7a e autoridade.\n          <\/p>\n        <\/article>\n\n        <article class=\"method-card reveal reveal-delay-2\">\n          <span class=\"method-number\">06<\/span>\n          <div class=\"method-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M9 11l3 3L22 4\"\/>\n              <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"method-title\">Plano de a\u00e7\u00e3o<\/h3>\n          <p class=\"method-desc\">\n            Organiza\u00e7\u00e3o dos principais ajustes, prioridades e pr\u00f3ximos passos para transformar diagn\u00f3stico em evolu\u00e7\u00e3o pr\u00e1tica.\n          <\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"errors\">\n    <div class=\"container\">\n      <div class=\"errors-header reveal\">\n        <div class=\"eyebrow centered\">Sinais de desalinhamento<\/div>\n        <h2 class=\"section-title\">\n          Onde sua marca pode <em>estar errando<\/em>.\n        <\/h2>\n        <p class=\"section-lead\">\n          Esses s\u00e3o alguns dos pontos mais comuns que aparecem antes de qualquer diagn\u00f3stico. Reconhecer o problema \u00e9 o primeiro passo para resolv\u00ea-lo.\n        <\/p>\n      <\/div>\n\n      <div class=\"accordion reveal reveal-delay-1\">\n        <div class=\"accordion-item\">\n          <button class=\"accordion-trigger\">\n            <span class=\"accordion-num\">01<\/span>\n            <span class=\"accordion-label\">Comunica\u00e7\u00e3o pouco clara<\/span>\n            <span class=\"accordion-icon\"><\/span>\n          <\/button>\n          <div class=\"accordion-content\">\n            <div class=\"accordion-content-inner\">\n              Quando a mensagem da marca n\u00e3o chega de forma direta, o cliente se distrai, hesita e segue para o pr\u00f3ximo. Comunica\u00e7\u00e3o clara \u00e9 o primeiro filtro entre o seu neg\u00f3cio e a decis\u00e3o de compra.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n          <button class=\"accordion-trigger\">\n            <span class=\"accordion-num\">02<\/span>\n            <span class=\"accordion-label\">Posicionamento confuso<\/span>\n            <span class=\"accordion-icon\"><\/span>\n          <\/button>\n          <div class=\"accordion-content\">\n            <div class=\"accordion-content-inner\">\n              Quando a marca tenta ser muitas coisas ao mesmo tempo, deixa de ser memor\u00e1vel em nenhuma. Posicionamento \u00e9 sobre escolha, e escolha exige clareza estrat\u00e9gica.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n          <button class=\"accordion-trigger\">\n            <span class=\"accordion-num\">03<\/span>\n            <span class=\"accordion-label\">Falta de percep\u00e7\u00e3o de valor<\/span>\n            <span class=\"accordion-icon\"><\/span>\n          <\/button>\n          <div class=\"accordion-content\">\n            <div class=\"accordion-content-inner\">\n              Quando o cliente n\u00e3o enxerga o valor que a marca entrega, a conversa cai para pre\u00e7o. Construir percep\u00e7\u00e3o de valor \u00e9 tornar vis\u00edvel tudo aquilo que justifica a sua entrega.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n          <button class=\"accordion-trigger\">\n            <span class=\"accordion-num\">04<\/span>\n            <span class=\"accordion-label\">Processos internos desalinhados<\/span>\n            <span class=\"accordion-icon\"><\/span>\n          <\/button>\n          <div class=\"accordion-content\">\n            <div class=\"accordion-content-inner\">\n              Marcas crescem na velocidade dos seus processos. Quando fluxos, responsabilidades e ferramentas n\u00e3o conversam, o desgaste interno acaba aparecendo na experi\u00eancia externa.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n          <button class=\"accordion-trigger\">\n            <span class=\"accordion-num\">05<\/span>\n            <span class=\"accordion-label\">Experi\u00eancia do cliente inconsistente<\/span>\n            <span class=\"accordion-icon\"><\/span>\n          <\/button>\n          <div class=\"accordion-content\">\n            <div class=\"accordion-content-inner\">\n              Quando cada ponto de contato entrega uma sensa\u00e7\u00e3o diferente, a marca perde for\u00e7a. Consist\u00eancia \u00e9 o que transforma boas intera\u00e7\u00f5es em confian\u00e7a duradoura.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n          <button class=\"accordion-trigger\">\n            <span class=\"accordion-num\">06<\/span>\n            <span class=\"accordion-label\">Falhas no atendimento<\/span>\n            <span class=\"accordion-icon\"><\/span>\n          <\/button>\n          <div class=\"accordion-content\">\n            <div class=\"accordion-content-inner\">\n              Atendimento \u00e9 a marca em movimento. Lentid\u00e3o, falta de preparo ou inconsist\u00eancia no tom de voz dizem mais sobre a empresa do que qualquer campanha.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n          <button class=\"accordion-trigger\">\n            <span class=\"accordion-num\">07<\/span>\n            <span class=\"accordion-label\">Pouca diferencia\u00e7\u00e3o no mercado<\/span>\n            <span class=\"accordion-icon\"><\/span>\n          <\/button>\n          <div class=\"accordion-content\">\n            <div class=\"accordion-content-inner\">\n              Quando a marca soa parecida com tantas outras, o mercado precifica como commodity. Diferencia\u00e7\u00e3o \u00e9 sobre construir narrativa, est\u00e9tica e entrega que s\u00f3 pertencem a voc\u00ea.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n          <button class=\"accordion-trigger\">\n            <span class=\"accordion-num\">08<\/span>\n            <span class=\"accordion-label\">Decis\u00f5es tomadas no improviso<\/span>\n            <span class=\"accordion-icon\"><\/span>\n          <\/button>\n          <div class=\"accordion-content\">\n            <div class=\"accordion-content-inner\">\n              Decidir no impulso \u00e9 o oposto de decidir com estrat\u00e9gia. Sem dados e dire\u00e7\u00e3o, cada escolha vira aposta, e o crescimento se torna inconstante.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n          <button class=\"accordion-trigger\">\n            <span class=\"accordion-num\">09<\/span>\n            <span class=\"accordion-label\">Marca visualmente desconectada da entrega<\/span>\n            <span class=\"accordion-icon\"><\/span>\n          <\/button>\n          <div class=\"accordion-content\">\n            <div class=\"accordion-content-inner\">\n              Quando a est\u00e9tica da marca n\u00e3o reflete a qualidade da entrega, o cliente sente o descompasso. Identidade visual \u00e9 promessa, e ela precisa ser cumprida.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n          <button class=\"accordion-trigger\">\n            <span class=\"accordion-num\">10<\/span>\n            <span class=\"accordion-label\">Dificuldade de vender sem competir por pre\u00e7o<\/span>\n            <span class=\"accordion-icon\"><\/span>\n          <\/button>\n          <div class=\"accordion-content\">\n            <div class=\"accordion-content-inner\">\n              Marcas que dependem s\u00f3 de desconto vivem sob press\u00e3o. Vender por valor exige posicionamento, narrativa e uma percep\u00e7\u00e3o de mercado constru\u00edda com m\u00e9todo.\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"timeline-section\">\n    <div class=\"container\">\n      <div class=\"timeline-header reveal\">\n        <div class=\"eyebrow centered\">Como funciona na pr\u00e1tica<\/div>\n        <h2 class=\"section-title\">\n          O m\u00e9todo em <em>cinco etapas<\/em>.\n        <\/h2>\n        <p class=\"section-lead\">\n          Um caminho constru\u00eddo com escuta, an\u00e1lise e dire\u00e7\u00e3o, do primeiro encontro ao plano de a\u00e7\u00e3o que coloca a empresa em movimento.\n        <\/p>\n      <\/div>\n\n      <div class=\"timeline\">\n\n        <div class=\"timeline-item\">\n          <div class=\"timeline-content\">\n            <span class=\"timeline-step\">Etapa 01<\/span>\n            <h3 class=\"timeline-title\">Escuta e imers\u00e3o<\/h3>\n            <p class=\"timeline-desc\">\n              Entendimento profundo da empresa, da hist\u00f3ria da marca, dos desafios atuais e dos objetivos do empres\u00e1rio.\n            <\/p>\n          <\/div>\n          <div class=\"timeline-spacer\"><\/div>\n          <div class=\"timeline-dot\"><\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n          <div class=\"timeline-content\">\n            <span class=\"timeline-step\">Etapa 02<\/span>\n            <h3 class=\"timeline-title\">Diagn\u00f3stico estrat\u00e9gico<\/h3>\n            <p class=\"timeline-desc\">\n              An\u00e1lise da marca, comunica\u00e7\u00e3o, posicionamento, processos, opera\u00e7\u00e3o e experi\u00eancia do cliente.\n            <\/p>\n          <\/div>\n          <div class=\"timeline-spacer\"><\/div>\n          <div class=\"timeline-dot\"><\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n          <div class=\"timeline-content\">\n            <span class=\"timeline-step\">Etapa 03<\/span>\n            <h3 class=\"timeline-title\">Identifica\u00e7\u00e3o dos gargalos<\/h3>\n            <p class=\"timeline-desc\">\n              Mapeamento dos pontos que est\u00e3o impedindo crescimento, clareza, efici\u00eancia e percep\u00e7\u00e3o de valor.\n            <\/p>\n          <\/div>\n          <div class=\"timeline-spacer\"><\/div>\n          <div class=\"timeline-dot\"><\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n          <div class=\"timeline-content\">\n            <span class=\"timeline-step\">Etapa 04<\/span>\n            <h3 class=\"timeline-title\">Direcionamento<\/h3>\n            <p class=\"timeline-desc\">\n              Constru\u00e7\u00e3o de caminhos estrat\u00e9gicos para fortalecer a marca, organizar processos e melhorar a tomada de decis\u00e3o.\n            <\/p>\n          <\/div>\n          <div class=\"timeline-spacer\"><\/div>\n          <div class=\"timeline-dot\"><\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n          <div class=\"timeline-content\">\n            <span class=\"timeline-step\">Etapa 05<\/span>\n            <h3 class=\"timeline-title\">Plano de a\u00e7\u00e3o<\/h3>\n            <p class=\"timeline-desc\">\n              Defini\u00e7\u00e3o de prioridades e pr\u00f3ximos passos para que a empresa evolua com mais m\u00e9todo, consist\u00eancia e inten\u00e7\u00e3o.\n            <\/p>\n          <\/div>\n          <div class=\"timeline-spacer\"><\/div>\n          <div class=\"timeline-dot\"><\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"final-cta\">\n    <div class=\"container\">\n      <div class=\"final-cta-inner reveal\">\n        <h2>Sua empresa est\u00e1 pronta para uma <em>nova fase<\/em>?<\/h2>\n        <p>\n          Antes de vender mais, muitas empresas precisam entender melhor o que est\u00e3o comunicando, como est\u00e3o funcionando e qual valor realmente est\u00e3o entregando. A metodologia da Paula Fran\u00e7a foi criada para ajudar empres\u00e1rios a enxergarem isso com clareza, m\u00e9todo e sensibilidade.\n        <\/p>\n        <a href=\"#\" class=\"btn-primary\" data-wa-message=\"Ol\u00e1, Paula! Quero saber mais sobre a metodologia da consultoria.\">\n          <span>Falar com a Paula<\/span>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/main>\n\n<script>\n(function() {\n  var whatsappNumber = \"5511994751640\";\n\n  var ctas = document.querySelectorAll('[data-wa-message]');\n  for (var i = 0; i < ctas.length; i++) {\n    var el = ctas[i];\n    var msg = el.getAttribute('data-wa-message');\n    el.href = 'https:\/\/wa.me\/' + whatsappNumber + '?text=' + encodeURIComponent(msg);\n    el.target = '_blank';\n    el.rel = 'noopener noreferrer';\n  }\n\n  var triggers = document.querySelectorAll('.accordion-trigger');\n  for (var j = 0; j < triggers.length; j++) {\n    triggers[j].addEventListener('click', function() {\n      var item = this.parentElement;\n      var content = item.querySelector('.accordion-content');\n      var isActive = item.classList.contains('active');\n\n      var items = document.querySelectorAll('.accordion-item');\n      for (var k = 0; k < items.length; k++) {\n        items[k].classList.remove('active');\n        items[k].querySelector('.accordion-content').style.maxHeight = '0';\n      }\n\n      if (!isActive) {\n        item.classList.add('active');\n        content.style.maxHeight = content.scrollHeight + 'px';\n      }\n    });\n  }\n\n  if ('IntersectionObserver' in window) {\n    var revealObserver = new IntersectionObserver(function(entries) {\n      for (var m = 0; m < entries.length; m++) {\n        if (entries[m].isIntersecting) {\n          entries[m].target.classList.add('visible');\n          revealObserver.unobserve(entries[m].target);\n        }\n      }\n    }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\n\n    var revealEls = document.querySelectorAll('.reveal');\n    for (var n = 0; n < revealEls.length; n++) {\n      revealObserver.observe(revealEls[n]);\n    }\n\n    var timelineObserver = new IntersectionObserver(function(entries) {\n      for (var p = 0; p < entries.length; p++) {\n        if (entries[p].isIntersecting) {\n          entries[p].target.classList.add('visible');\n          timelineObserver.unobserve(entries[p].target);\n        }\n      }\n    }, { threshold: 0.4 });\n\n    var timelineEls = document.querySelectorAll('.timeline-item');\n    for (var q = 0; q < timelineEls.length; q++) {\n      timelineObserver.observe(timelineEls[q]);\n    }\n  } else {\n    var allReveal = document.querySelectorAll('.reveal, .timeline-item');\n    for (var r = 0; r < allReveal.length; r++) {\n      allReveal[r].classList.add('visible');\n    }\n  }\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7de546d e-flex e-con-boxed e-con e-parent\" data-id=\"7de546d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bbb384 elementor-widget elementor-widget-html\" data-id=\"5bbb384\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>M\u00e9todo Marca em Movimento \u2014 Paula Fran\u00e7a<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Jost:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --navy: #0a1c3d;\n    --navy-deep: #061328;\n    --navy-light: #142848;\n    --wine: #6b2838;\n    --wine-soft: #8a3a4d;\n    --cream: #f5efe0;\n    --cream-soft: #ede4d0;\n    --gold: #c9a96e;\n    --text: #f5efe0;\n    --text-muted: rgba(245, 239, 224, 0.65);\n    --line: rgba(245, 239, 224, 0.15);\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  body, body * { color: var(--cream) !important; }\n  .btn-primary, .btn-primary span { color: var(--navy) !important; }\n  .btn-primary:hover, .btn-primary:hover span, .btn-primary:hover svg { color: var(--cream) !important; }\n  .hero-sub, .section-lead, .audience-text, .pilar-name,\n  .pilar-panel-desc, .pilar-panel-items div, .jornada-step-desc,\n  .final-cta p, .hero-meta-item span, .pilar-num, .audience-num,\n  .pilar-panel-items-label, .orbit-center-label {\n    color: rgba(245, 239, 224, 0.85) !important;\n  }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    background: var(--navy);\n    color: var(--text);\n    font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif;\n    overflow-x: hidden;\n    min-height: 100vh;\n  }\n\n  body::before {\n    content: '';\n    position: fixed;\n    inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'\/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.12 0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n    opacity: 0.4;\n    mix-blend-mode: overlay;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .container { position: relative; z-index: 2; max-width: 1280px; margin: 0 auto; padding: 0 2rem; }\n\n  .hero {\n    position: relative;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    padding: 6rem 0 4rem;\n    overflow: hidden;\n  }\n\n  .hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse at 20% 30%, rgba(107, 40, 56, 0.18) 0%, transparent 60%),\n      radial-gradient(ellipse at 80% 70%, rgba(245, 239, 224, 0.04) 0%, transparent 55%);\n    z-index: 0;\n  }\n\n  .hero-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 4rem; align-items: center; width: 100%; }\n\n  .eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.85rem;\n    font-family: 'Jost', sans-serif;\n    font-weight: 400;\n    font-size: 0.65rem;\n    letter-spacing: 0.45em;\n    text-transform: uppercase;\n    color: var(--cream);\n    margin-bottom: 1.75rem;\n    opacity: 0;\n    animation: fadeUp 1s ease-out 0.3s forwards;\n  }\n\n  .eyebrow::before { content: ''; width: 36px; height: 1px; background: var(--cream); opacity: 0.5; }\n\n  .em-breve-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.35rem 0.75rem;\n    margin-left: 0.85rem;\n    background: rgba(107, 40, 56, 0.35);\n    border: 1px solid rgba(245, 239, 224, 0.25);\n    border-radius: 999px;\n    font-family: 'Jost', sans-serif;\n    font-weight: 400;\n    font-size: 0.55rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--cream);\n    vertical-align: middle;\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n  }\n\n  .em-breve-badge::before {\n    content: '';\n    width: 6px;\n    height: 6px;\n    background: var(--cream);\n    border-radius: 50%;\n    box-shadow: 0 0 0 3px rgba(245, 239, 224, 0.15);\n    animation: blinkPulse 2s ease-in-out infinite;\n  }\n\n  @keyframes blinkPulse {\n    0%, 100% { opacity: 0.5; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.2); }\n  }\n\n  .hero-title {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-weight: 300;\n    font-size: clamp(2.5rem, 6vw, 5.5rem);\n    line-height: 1.02;\n    color: var(--cream);\n    letter-spacing: -0.01em;\n    margin-bottom: 1.75rem;\n  }\n\n  .hero-title .line { display: block; overflow: hidden; }\n  .hero-title .line span { display: inline-block; transform: translateY(110%); animation: revealUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n  .hero-title .line:nth-child(1) span { animation-delay: 0.5s; }\n  .hero-title .line:nth-child(2) span { animation-delay: 0.7s; }\n\n  .hero-title em {\n    font-style: italic;\n    font-weight: 400;\n    color: var(--cream);\n    position: relative;\n  }\n\n  .hero-title em::after {\n    content: '';\n    position: absolute;\n    bottom: 0.1em;\n    left: 0;\n    width: 100%;\n    height: 2px;\n    background: var(--wine-soft);\n    opacity: 0.8;\n    transform: scaleX(0);\n    transform-origin: left;\n    animation: drawLine 1.4s cubic-bezier(0.16, 1, 0.3, 1) 1.6s forwards;\n  }\n\n  .hero-sub {\n    font-family: 'Cormorant Garamond', serif;\n    font-style: italic;\n    font-weight: 300;\n    font-size: clamp(1.05rem, 1.3vw, 1.3rem);\n    line-height: 1.6;\n    color: rgba(245, 239, 224, 0.85);\n    max-width: 540px;\n    margin-bottom: 2.5rem;\n    opacity: 0;\n    animation: fadeUp 1s ease-out 1.3s forwards;\n  }\n\n  .hero-meta { display: flex; gap: 2.5rem; flex-wrap: wrap; opacity: 0; animation: fadeUp 1s ease-out 1.5s forwards; }\n  .hero-meta-item { display: flex; flex-direction: column; gap: 0.4rem; }\n  .hero-meta-item strong { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: 2.2rem; color: var(--cream); line-height: 1; }\n  .hero-meta-item span { font-family: 'Jost', sans-serif; font-size: 0.62rem; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(245, 239, 224, 0.6); font-weight: 400; }\n\n  .hero-visual { position: relative; width: 100%; height: 460px; display: flex; align-items: center; justify-content: center; opacity: 0; animation: fadeIn 1.5s ease-out 0.8s forwards; }\n\n  .orbit-system { position: relative; width: 420px; height: 420px; max-width: 100%; }\n  .orbit-system::before, .orbit-system::after { content: ''; position: absolute; border-radius: 50%; border: 1px solid rgba(245, 239, 224, 0.16); }\n  .orbit-system::before { inset: 0; animation: spin 80s linear infinite; }\n  .orbit-system::after { inset: 60px; border-style: dashed; border-color: rgba(245, 239, 224, 0.22); animation: spin 50s linear infinite reverse; }\n\n  .orbit-center {\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%);\n    width: 180px; height: 180px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, rgba(107, 40, 56, 0.5), rgba(107, 40, 56, 0.25));\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(245, 239, 224, 0.25);\n    display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;\n    box-shadow: 0 30px 80px rgba(107, 40, 56, 0.4);\n  }\n\n  .orbit-center-num { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 400; font-size: 3.6rem; color: var(--cream); line-height: 1; }\n  .orbit-center-label { font-family: 'Jost', sans-serif; font-size: 0.6rem; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(245, 239, 224, 0.8); margin-top: 0.4rem; }\n\n  .orbit-dot { position: absolute; width: 12px; height: 12px; background: var(--cream); border-radius: 50%; box-shadow: 0 0 0 6px rgba(245, 239, 224, 0.1), 0 0 20px rgba(245, 239, 224, 0.6); }\n  .orbit-dot:nth-child(1) { top: -6px; left: 50%; transform: translateX(-50%); }\n  .orbit-dot:nth-child(2) { top: 50%; right: -6px; transform: translateY(-50%); }\n  .orbit-dot:nth-child(3) { bottom: -6px; left: 50%; transform: translateX(-50%); }\n  .orbit-dot:nth-child(4) { top: 50%; left: -6px; transform: translateY(-50%); }\n\n  .section { padding: 7rem 0; position: relative; }\n  .section-header { text-align: center; max-width: 760px; margin: 0 auto 4rem; }\n  .section-header.left { text-align: left; margin-left: 0; }\n\n  .section-title { font-family: 'Cormorant Garamond', serif; font-weight: 300; font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1.15; color: var(--cream); letter-spacing: -0.01em; margin: 1.25rem 0 1.25rem; }\n  .section-title em { font-style: italic; font-weight: 400; }\n  .section-lead { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 300; font-size: clamp(1rem, 1.2vw, 1.15rem); line-height: 1.6; color: rgba(245, 239, 224, 0.75); }\n  .section-header.centered .eyebrow { justify-content: center; }\n\n  .para-quem { background: linear-gradient(180deg, transparent, rgba(6, 19, 40, 0.4)); }\n\n  .audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }\n\n  .audience-card {\n    position: relative;\n    padding: 1.75rem 1.5rem;\n    background: rgba(245, 239, 224, 0.04);\n    border: 1px solid var(--line);\n    border-radius: 16px;\n    overflow: hidden;\n    transition: all 0.55s cubic-bezier(0.16, 1, 0.3, 1);\n    cursor: default;\n  }\n\n  .audience-card::before { content: ''; position: absolute; top: 0; left: 20%; right: 20%; height: 1px; background: linear-gradient(90deg, transparent, rgba(245, 239, 224, 0.4), transparent); transition: 0.6s ease; }\n  .audience-card:hover::before { left: 0; right: 0; }\n  .audience-card:hover { transform: translateY(-6px); background: rgba(107, 40, 56, 0.25); border-color: rgba(245, 239, 224, 0.3); box-shadow: 0 20px 50px rgba(107, 40, 56, 0.3); }\n\n  .audience-num { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 400; font-size: 0.85rem; color: rgba(245, 239, 224, 0.5); margin-bottom: 1rem; display: block; }\n  .audience-icon { width: 28px; height: 28px; color: var(--cream); margin-bottom: 1rem; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }\n  .audience-card:hover .audience-icon { transform: rotate(-6deg) scale(1.15); }\n  .audience-icon svg { width: 100%; height: 100%; stroke: currentColor; fill: none; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }\n  .audience-text { font-family: 'Jost', sans-serif; font-weight: 300; font-size: 0.88rem; line-height: 1.5; color: rgba(245, 239, 224, 0.85); }\n\n  .pilares-section { padding: 7rem 0; position: relative; }\n  .pilares-section::before { content: ''; position: absolute; top: 10%; right: -10%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(107, 40, 56, 0.15), transparent 65%); border-radius: 50%; z-index: 0; pointer-events: none; }\n\n  .pilares-grid { display: grid; grid-template-columns: 0.4fr 0.6fr; gap: 4rem; align-items: start; position: relative; z-index: 2; }\n  .pilares-tabs { display: flex; flex-direction: column; gap: 0; }\n\n  .pilar-tab {\n    background: none; border: none; border-top: 1px solid var(--line);\n    padding: 1.25rem 1rem; text-align: left; cursor: pointer;\n    display: flex; align-items: center; gap: 1.25rem;\n    color: var(--cream);\n    transition: padding-left 0.4s ease, opacity 0.4s ease, background 0.4s ease;\n    font-family: 'Jost', sans-serif; position: relative; border-radius: 8px;\n  }\n\n  .pilar-tab:hover, .pilar-tab:focus, .pilar-tab.active { background: var(--wine) !important; background-color: var(--wine) !important; }\n  .pilar-tab:hover .pilar-num, .pilar-tab.active .pilar-num, .pilar-tab:hover .pilar-name, .pilar-tab.active .pilar-name { color: var(--cream) !important; }\n  .pilar-tab:last-child { border-bottom: 1px solid var(--line); }\n\n  .pilar-tab::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0; height: 2px; background: var(--wine-soft); transition: width 0.45s cubic-bezier(0.16, 1, 0.3, 1); }\n  .pilar-tab:hover { padding-left: 1rem; }\n  .pilar-tab.active { padding-left: 2rem; }\n  .pilar-tab.active::before { width: 24px; }\n\n  .pilar-num { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 400; font-size: 0.85rem; color: rgba(245, 239, 224, 0.5); min-width: 28px; transition: color 0.3s ease; }\n  .pilar-tab.active .pilar-num, .pilar-tab:hover .pilar-num { color: var(--cream); }\n  .pilar-name { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: clamp(1.1rem, 1.5vw, 1.4rem); line-height: 1.25; color: rgba(245, 239, 224, 0.7); transition: color 0.3s ease; flex: 1; }\n  .pilar-tab.active .pilar-name, .pilar-tab:hover .pilar-name { color: var(--cream); }\n  .pilar-name em { font-style: italic; }\n\n  .pilar-panel-wrap { position: relative; min-height: 380px; }\n\n  .pilar-panel {\n    position: absolute; inset: 0;\n    padding: 1.5rem 1.6rem !important;\n    background: linear-gradient(135deg, rgba(107, 40, 56, 0.18), rgba(20, 40, 72, 0.4));\n    border: 1px solid rgba(245, 239, 224, 0.18); border-radius: 18px;\n    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\n    opacity: 0; visibility: hidden; transform: translateY(20px);\n    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0.6s;\n    overflow: hidden;\n  }\n\n  .pilar-panel::before { content: ''; position: absolute; top: -1px; left: 30%; right: 30%; height: 1px; background: linear-gradient(90deg, transparent, rgba(245, 239, 224, 0.4), transparent); }\n  .pilar-panel.active { opacity: 1; visibility: visible; transform: translateY(0); transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s; }\n\n  .pilar-panel-header { display: flex !important; align-items: flex-start !important; gap: 0.85rem !important; margin-bottom: 0.9rem !important; }\n  .pilar-panel-num { font-family: 'Cormorant Garamond', serif !important; font-style: italic !important; font-weight: 400 !important; font-size: 1.5rem !important; line-height: 1 !important; color: var(--cream-soft) !important; opacity: 0.5 !important; flex-shrink: 0; }\n  .pilar-panel-title { font-family: 'Cormorant Garamond', serif !important; font-weight: 400 !important; font-size: 1.05rem !important; line-height: 1.25 !important; color: var(--cream) !important; flex: 1; padding-top: 0.15rem; letter-spacing: -0.005em; }\n  .pilar-panel-title em { font-style: italic !important; }\n  .pilar-panel-desc { font-family: 'Cormorant Garamond', serif !important; font-style: italic !important; font-weight: 300 !important; font-size: 0.8rem !important; line-height: 1.5 !important; color: rgba(245, 239, 224, 0.8) !important; margin-bottom: 0.95rem !important; }\n  .pilar-panel-items-label { font-family: 'Jost', sans-serif !important; font-size: 0.5rem !important; letter-spacing: 0.26em !important; text-transform: uppercase !important; color: rgba(245, 239, 224, 0.55) !important; margin-bottom: 0.6rem !important; }\n  .pilar-panel-items { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 0.32rem 1rem !important; }\n  .pilar-panel-items div { font-family: 'Jost', sans-serif !important; font-weight: 300 !important; font-size: 0.66rem !important; color: rgba(245, 239, 224, 0.85) !important; padding-left: 0.75rem !important; position: relative; line-height: 1.35 !important; }\n  .pilar-panel-items div::before { content: ''; position: absolute; left: 0; top: 0.5em; width: 5px; height: 1px; background: var(--cream-soft); opacity: 0.6; }\n\n  .jornada { padding: 7rem 0; background: linear-gradient(180deg, transparent, rgba(6, 19, 40, 0.5), transparent); position: relative; }\n  .jornada-track { position: relative; margin-top: 4rem; padding: 2rem 0; }\n  .jornada-line { position: absolute; top: 50%; left: 5%; right: 5%; height: 1px; background: linear-gradient(90deg, transparent, var(--line) 5%, var(--line) 95%, transparent); transform: translateY(-0.5px); }\n  .jornada-steps { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; }\n  .jornada-step { position: relative; text-align: center; padding: 0 0.5rem; }\n  .jornada-dot-wrap { position: relative; width: 56px; height: 56px; margin: 0 auto 1.5rem; }\n\n  .jornada-dot {\n    position: absolute; inset: 0;\n    background: var(--navy); border: 1.5px solid rgba(245, 239, 224, 0.4); border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 400; font-size: 1.15rem; color: var(--cream);\n    cursor: pointer; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); z-index: 2;\n  }\n\n  .jornada-dot::after { content: ''; position: absolute; inset: -8px; border-radius: 50%; border: 1px solid rgba(245, 239, 224, 0.2); opacity: 0; transform: scale(0.8); transition: all 0.5s ease; }\n  .jornada-step:hover .jornada-dot, .jornada-step.active .jornada-dot { background: var(--wine); border-color: var(--cream); color: var(--cream); transform: scale(1.1); box-shadow: 0 0 30px rgba(107, 40, 56, 0.6); }\n  .jornada-step:hover .jornada-dot::after, .jornada-step.active .jornada-dot::after { opacity: 1; transform: scale(1); }\n\n  .jornada-step-name { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: clamp(0.95rem, 1.2vw, 1.15rem); color: var(--cream); margin-bottom: 0.5rem; }\n  .jornada-step-desc { font-family: 'Jost', sans-serif; font-weight: 300; font-size: 0.75rem; line-height: 1.5; color: rgba(245, 239, 224, 0.65); max-width: 180px; margin: 0 auto; }\n\n  .final-cta { padding: 6rem 0 7rem; position: relative; text-align: center; }\n  .final-cta-inner { max-width: 760px; margin: 0 auto; padding: 3.5rem 2.5rem; background: linear-gradient(135deg, rgba(107, 40, 56, 0.25), rgba(20, 40, 72, 0.4)); border: 1px solid var(--line); border-radius: 24px; position: relative; overflow: hidden; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }\n  .final-cta-inner::before { content: ''; position: absolute; top: 0; left: 30%; right: 30%; height: 1px; background: linear-gradient(90deg, transparent, rgba(245, 239, 224, 0.5), transparent); }\n\n  .final-cta h2 { font-family: 'Cormorant Garamond', serif; font-weight: 300; font-size: clamp(1.6rem, 2.6vw, 2.4rem); line-height: 1.2; color: var(--cream); margin-bottom: 1.5rem; }\n  .final-cta h2 em { font-style: italic; font-weight: 400; }\n  .final-cta p { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 300; font-size: clamp(0.95rem, 1.15vw, 1.1rem); line-height: 1.6; color: rgba(245, 239, 224, 0.8); max-width: 580px; margin: 0 auto 2.5rem; }\n\n  .btn-primary {\n    position: relative; display: inline-flex; align-items: center; gap: 0.65rem;\n    padding: 0.85rem 1.7rem; background: var(--cream); color: var(--navy);\n    font-family: 'Jost', sans-serif; font-weight: 500; font-size: 0.65rem; letter-spacing: 0.22em; text-transform: uppercase;\n    border: none; border-radius: 999px; cursor: pointer; overflow: hidden; text-decoration: none; white-space: nowrap;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), color 0.4s ease, box-shadow 0.5s ease;\n  }\n\n  .btn-primary::before { content: ''; position: absolute; inset: 0; background: var(--wine); transform: translateY(101%); transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1); z-index: 0; }\n  .btn-primary span, .btn-primary svg { position: relative; z-index: 1; color: inherit; }\n  .btn-primary svg { width: 13px; height: 13px; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); stroke: currentColor; }\n  .btn-primary:hover { transform: translateY(-3px); color: var(--cream); box-shadow: 0 12px 30px rgba(107, 40, 56, 0.4); }\n  .btn-primary:hover::before { transform: translateY(0); }\n  .btn-primary:hover svg { transform: translateX(5px); }\n\n  .reveal { opacity: 0; transform: translateY(30px); transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1); }\n  .reveal.visible { opacity: 1; transform: translateY(0); }\n  .reveal-d1 { transition-delay: 0.1s; }\n  .reveal-d2 { transition-delay: 0.2s; }\n  .reveal-d3 { transition-delay: 0.3s; }\n  .reveal-d4 { transition-delay: 0.4s; }\n  .reveal-d5 { transition-delay: 0.5s; }\n\n  @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n  @keyframes revealUp { to { transform: translateY(0); } }\n  @keyframes drawLine { to { transform: scaleX(1); } }\n  @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n\n  @media (max-width: 1024px) {\n    .hero-grid { grid-template-columns: 1fr; gap: 3rem; }\n    .hero-visual { height: 380px; }\n    .orbit-system { width: 340px; height: 340px; }\n    .orbit-center { width: 150px; height: 150px; }\n    .orbit-center-num { font-size: 2.8rem; }\n    .pilares-grid { grid-template-columns: 1fr; gap: 2.5rem; }\n    .pilar-panel-wrap { min-height: 520px; }\n    .audience-grid { grid-template-columns: repeat(2, 1fr); }\n    .jornada-steps { grid-template-columns: 1fr; gap: 2rem; }\n    .jornada-line { display: none; }\n    .jornada-step-desc { max-width: none; }\n  }\n\n  @media (max-width: 640px) {\n    .container { padding: 0 1.25rem; }\n    .hero { padding: 4rem 0 3rem; }\n    .hero-meta { gap: 1.5rem; }\n    .hero-meta-item strong { font-size: 1.8rem; }\n    .section { padding: 4.5rem 0; }\n    .pilares-section { padding: 4.5rem 0; }\n    .jornada { padding: 4.5rem 0; }\n    .audience-grid { grid-template-columns: 1fr; }\n    .pilar-panel { padding: 1.75rem; }\n    .pilar-panel-items { grid-template-columns: 1fr; }\n    .pilar-panel-num { font-size: 2.4rem; }\n    .pilar-tab { gap: 1rem; padding: 1.2rem 0; }\n    .pilar-tab.active { padding-left: 1.25rem; }\n    .final-cta-inner { padding: 2.5rem 1.5rem; }\n    .orbit-system { width: 280px; height: 280px; }\n    .orbit-center { width: 130px; height: 130px; }\n    .orbit-center-num { font-size: 2.4rem; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"container\">\n    <div class=\"hero-grid\">\n      <div class=\"hero-content\">\n        <div class=\"eyebrow\" id=\"txt-eyebrow-hero\">M\u00e9todo Marca em Movimento <span class=\"em-breve-badge\" id=\"txt-badge\">Em breve<\/span><\/div>\n        <h1 class=\"hero-title\">\n          <span class=\"line\"><span id=\"txt-h1-1\">Estrat\u00e9gia, varejo<\/span><\/span>\n          <span class=\"line\"><span>e <em id=\"txt-h1-em\">crescimento<\/em> <span id=\"txt-h1-2\">digital.<\/span><\/span><\/span>\n        <\/h1>\n        <p class=\"hero-sub\" id=\"txt-hero-sub\">Para marcas que querem sair da estagna\u00e7\u00e3o e crescer com estrat\u00e9gia. Uma metodologia que une vis\u00e3o, dados, experi\u00eancia e execu\u00e7\u00e3o pr\u00e1tica.<\/p>\n        <div class=\"hero-meta\">\n          <div class=\"hero-meta-item\"><strong>+20<\/strong><span id=\"txt-meta-1\">Anos de varejo<\/span><\/div>\n          <div class=\"hero-meta-item\"><strong>5<\/strong><span id=\"txt-meta-2\">Pilares estrat\u00e9gicos<\/span><\/div>\n          <div class=\"hero-meta-item\"><strong>+50<\/strong><span id=\"txt-meta-3\">Marcas impactadas<\/span><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"hero-visual\">\n        <div class=\"orbit-system\">\n          <span class=\"orbit-dot\"><\/span><span class=\"orbit-dot\"><\/span>\n          <span class=\"orbit-dot\"><\/span><span class=\"orbit-dot\"><\/span>\n          <div class=\"orbit-center\">\n            <span class=\"orbit-center-num\">5<\/span>\n            <span class=\"orbit-center-label\" id=\"txt-orbit-label\">Pilares<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PARA QUEM -->\n<section class=\"section para-quem\">\n  <div class=\"container\">\n    <div class=\"section-header centered reveal\">\n      <div class=\"eyebrow\" id=\"txt-eyebrow-pq\">Para quem \u00e9<\/div>\n      <h2 class=\"section-title\" id=\"txt-pq-title\">Uma metodologia para quem est\u00e1 em <em>movimento<\/em>.<\/h2>\n      <p class=\"section-lead\" id=\"txt-pq-lead\">Indicada para empreendedores, marcas, ind\u00fastrias e varejistas que querem estruturar, lan\u00e7ar ou escalar com clareza e consist\u00eancia.<\/p>\n    <\/div>\n    <div class=\"audience-grid\">\n      <article class=\"audience-card reveal\"><span class=\"audience-num\">01<\/span><div class=\"audience-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2L4 7v6c0 5 3.5 9 8 10 4.5-1 8-5 8-10V7l-8-5z\"\/><\/svg><\/div><p class=\"audience-text\" id=\"txt-aud-1\">Querem montar uma marca do <em>zero<\/em>, com base s\u00f3lida.<\/p><\/article>\n      <article class=\"audience-card reveal reveal-d1\"><span class=\"audience-num\">02<\/span><div class=\"audience-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 17l4-4 3 3 5-6 6 6\"\/><path d=\"M14 7h7v7\"\/><\/svg><\/div><p class=\"audience-text\" id=\"txt-aud-2\">J\u00e1 possuem marca, mas ainda <em>n\u00e3o vendem bem<\/em> no digital.<\/p><\/article>\n      <article class=\"audience-card reveal reveal-d2\"><span class=\"audience-num\">03<\/span><div class=\"audience-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-6 9 6v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div><p class=\"audience-text\" id=\"txt-aud-3\">T\u00eam loja f\u00edsica e querem <em>estruturar o online<\/em> de forma integrada.<\/p><\/article>\n      <article class=\"audience-card reveal\"><span class=\"audience-num\">04<\/span><div class=\"audience-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6\"\/><\/svg><\/div><p class=\"audience-text\" id=\"txt-aud-4\">Possuem e-commerce, mas precisam <em>melhorar convers\u00e3o<\/em> e posicionamento.<\/p><\/article>\n      <article class=\"audience-card reveal reveal-d1\"><span class=\"audience-num\">05<\/span><div class=\"audience-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.9l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 0 1-4 0v-.1A1.7 1.7 0 0 0 9 19.4a1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.9-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 0 1 0-4h.1A1.7 1.7 0 0 0 4.6 9a1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.9l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 0 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.9 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 0 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z\"\/><\/svg><\/div><p class=\"audience-text\" id=\"txt-aud-5\">Querem <em>profissionalizar<\/em> processos, canais e comunica\u00e7\u00e3o.<\/p><\/article>\n      <article class=\"audience-card reveal reveal-d2\"><span class=\"audience-num\">06<\/span><div class=\"audience-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div><p class=\"audience-text\" id=\"txt-aud-6\">Buscam crescer com mais <em>estrat\u00e9gia<\/em>, dados e planejamento.<\/p><\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- 5 PILARES -->\n<section class=\"pilares-section\">\n  <div class=\"container\">\n    <div class=\"section-header centered reveal\">\n      <div class=\"eyebrow\" id=\"txt-eyebrow-pl\">Os 5 Pilares<\/div>\n      <h2 class=\"section-title\" id=\"txt-pl-title\">A metodologia em <em>cinco dimens\u00f5es<\/em>.<\/h2>\n      <p class=\"section-lead\" id=\"txt-pl-lead\">Cada pilar \u00e9 uma camada estrat\u00e9gica. Juntos, formam um caminho completo de transforma\u00e7\u00e3o digital.<\/p>\n    <\/div>\n    <div class=\"pilares-grid\">\n      <div class=\"pilares-tabs reveal\">\n        <button class=\"pilar-tab active\" data-pilar=\"1\"><span class=\"pilar-num\">01<\/span><span class=\"pilar-name\" id=\"txt-tab-1\">Diagn\u00f3stico estrat\u00e9gico<\/span><\/button>\n        <button class=\"pilar-tab\" data-pilar=\"2\"><span class=\"pilar-num\">02<\/span><span class=\"pilar-name\" id=\"txt-tab-2\">Posicionamento e <em>marca<\/em><\/span><\/button>\n        <button class=\"pilar-tab\" data-pilar=\"3\"><span class=\"pilar-num\">03<\/span><span class=\"pilar-name\" id=\"txt-tab-3\">Estrutura\u00e7\u00e3o comercial e digital<\/span><\/button>\n        <button class=\"pilar-tab\" data-pilar=\"4\"><span class=\"pilar-num\">04<\/span><span class=\"pilar-name\" id=\"txt-tab-4\">Plano de a\u00e7\u00e3o <em>data-driven<\/em><\/span><\/button>\n        <button class=\"pilar-tab\" data-pilar=\"5\"><span class=\"pilar-num\">05<\/span><span class=\"pilar-name\" id=\"txt-tab-5\">Crescimento, otimiza\u00e7\u00e3o e escala<\/span><\/button>\n      <\/div>\n\n      <div class=\"pilar-panel-wrap reveal reveal-d1\">\n        <article class=\"pilar-panel active\" data-panel=\"1\">\n          <div class=\"pilar-panel-header\"><span class=\"pilar-panel-num\">01<\/span><h3 class=\"pilar-panel-title\" id=\"txt-pt-1\">Diagn\u00f3stico <em>estrat\u00e9gico<\/em> do neg\u00f3cio<\/h3><\/div>\n          <p class=\"pilar-panel-desc\" id=\"txt-pd-1\">Antes de qualquer plano de a\u00e7\u00e3o, \u00e9 preciso entender profundamente o momento atual da marca, o que funciona, o que trava o crescimento e onde est\u00e3o as oportunidades.<\/p>\n          <div class=\"pilar-panel-items-label\" id=\"txt-pl-label-1\">O que \u00e9 analisado<\/div>\n          <div class=\"pilar-panel-items\" id=\"txt-pi-1\">\n            <div>Modelo de neg\u00f3cio<\/div><div>Produtos e categorias<\/div><div>Posicionamento<\/div><div>P\u00fablico-alvo<\/div>\n            <div>Canais de venda<\/div><div>Presen\u00e7a digital<\/div><div>Comunica\u00e7\u00e3o<\/div><div>Opera\u00e7\u00e3o<\/div>\n            <div>Concorr\u00eancia<\/div><div>Precifica\u00e7\u00e3o<\/div><div>Experi\u00eancia de compra<\/div><div>Indicadores comerciais<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"pilar-panel\" data-panel=\"2\">\n          <div class=\"pilar-panel-header\"><span class=\"pilar-panel-num\">02<\/span><h3 class=\"pilar-panel-title\" id=\"txt-pt-2\">Posicionamento e constru\u00e7\u00e3o de <em>marca<\/em><\/h3><\/div>\n          <p class=\"pilar-panel-desc\" id=\"txt-pd-2\">Uma marca forte n\u00e3o vende apenas produtos. Ela comunica valor, cria percep\u00e7\u00e3o e constr\u00f3i confian\u00e7a. Aqui se trabalha a base estrat\u00e9gica da identidade.<\/p>\n          <div class=\"pilar-panel-items-label\" id=\"txt-pl-label-2\">O que \u00e9 estruturado<\/div>\n          <div class=\"pilar-panel-items\" id=\"txt-pi-2\">\n            <div>Proposta de valor<\/div><div>Diferenciais competitivos<\/div><div>Linguagem da marca<\/div><div>P\u00fablico ideal<\/div>\n            <div>Territ\u00f3rio de comunica\u00e7\u00e3o<\/div><div>Experi\u00eancia desejada<\/div><div>Percep\u00e7\u00e3o de valor<\/div>\n            <div>Organiza\u00e7\u00e3o da oferta<\/div><div>Clareza comercial<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"pilar-panel\" data-panel=\"3\">\n          <div class=\"pilar-panel-header\"><span class=\"pilar-panel-num\">03<\/span><h3 class=\"pilar-panel-title\" id=\"txt-pt-3\">Estrutura\u00e7\u00e3o <em>comercial<\/em> e digital<\/h3><\/div>\n          <p class=\"pilar-panel-desc\" id=\"txt-pd-3\">Com o diagn\u00f3stico e o posicionamento em m\u00e3os, \u00e9 hora de organizar os canais e processos que sustentam o crescimento de forma conectada.<\/p>\n          <div class=\"pilar-panel-items-label\" id=\"txt-pl-label-3\">O que \u00e9 desenvolvido<\/div>\n          <div class=\"pilar-panel-items\" id=\"txt-pi-3\">\n            <div>E-commerce<\/div><div>Marketplaces<\/div><div>Redes sociais<\/div><div>WhatsApp comercial<\/div>\n            <div>Loja f\u00edsica integrada<\/div><div>CRM<\/div><div>Jornada do cliente<\/div><div>Atendimento<\/div>\n            <div>Conte\u00fado<\/div><div>Campanhas<\/div><div>Convers\u00e3o<\/div><div>Reten\u00e7\u00e3o de clientes<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"pilar-panel\" data-panel=\"4\">\n          <div class=\"pilar-panel-header\"><span class=\"pilar-panel-num\">04<\/span><h3 class=\"pilar-panel-title\" id=\"txt-pt-4\">Plano de a\u00e7\u00e3o <em>data-driven<\/em><\/h3><\/div>\n          <p class=\"pilar-panel-desc\" id=\"txt-pd-4\">Abordagem orientada por dados que transforma an\u00e1lise em decis\u00e3o. Um plano constru\u00eddo sobre os n\u00fameros reais do neg\u00f3cio e o comportamento do cliente.<\/p>\n          <div class=\"pilar-panel-items-label\" id=\"txt-pl-label-4\">O que \u00e9 definido<\/div>\n          <div class=\"pilar-panel-items\" id=\"txt-pi-4\">\n            <div>Prioridades estrat\u00e9gicas<\/div><div>Metas comerciais<\/div><div>Indicadores de desempenho<\/div>\n            <div>A\u00e7\u00f5es de curto e longo prazo<\/div><div>Melhorias operacionais<\/div><div>Estrat\u00e9gias de venda<\/div>\n            <div>Estrat\u00e9gias de conte\u00fado<\/div><div>Aumento de convers\u00e3o<\/div>\n            <div>Otimiza\u00e7\u00e3o de processos<\/div><div>Oportunidades de crescimento<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"pilar-panel\" data-panel=\"5\">\n          <div class=\"pilar-panel-header\"><span class=\"pilar-panel-num\">05<\/span><h3 class=\"pilar-panel-title\" id=\"txt-pt-5\">Crescimento, otimiza\u00e7\u00e3o e <em>escala<\/em><\/h3><\/div>\n          <p class=\"pilar-panel-desc\" id=\"txt-pd-5\">Com a estrutura criada, a etapa final \u00e9 acompanhar, ajustar e evoluir. Crescimento digital depende de estrat\u00e9gia, opera\u00e7\u00e3o, dados e execu\u00e7\u00e3o cont\u00ednua.<\/p>\n          <div class=\"pilar-panel-items-label\" id=\"txt-pl-label-5\">Foco da etapa<\/div>\n          <div class=\"pilar-panel-items\" id=\"txt-pi-5\">\n            <div>Maximizar vendas<\/div><div>Reduzir gargalos<\/div><div>Melhorar experi\u00eancia do cliente<\/div>\n            <div>Efici\u00eancia operacional<\/div><div>Posicionamento competitivo<\/div><div>Integra\u00e7\u00e3o de canais<\/div>\n            <div>Acompanhamento de indicadores<\/div><div>Ajustes estrat\u00e9gicos<\/div><div>Prepara\u00e7\u00e3o para escalar<\/div>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- JORNADA -->\n<section class=\"jornada\">\n  <div class=\"container\">\n    <div class=\"section-header centered reveal\">\n      <div class=\"eyebrow\" id=\"txt-eyebrow-jn\">A jornada<\/div>\n      <h2 class=\"section-title\" id=\"txt-jn-title\">Do diagn\u00f3stico \u00e0 <em>escala<\/em>.<\/h2>\n      <p class=\"section-lead\" id=\"txt-jn-lead\">Cinco movimentos que conduzem a marca da an\u00e1lise inicial at\u00e9 o crescimento sustent\u00e1vel.<\/p>\n    <\/div>\n    <div class=\"jornada-track reveal reveal-d1\">\n      <div class=\"jornada-line\"><\/div>\n      <div class=\"jornada-steps\">\n        <div class=\"jornada-step\"><div class=\"jornada-dot-wrap\"><div class=\"jornada-dot\">01<\/div><\/div><div class=\"jornada-step-name\" id=\"txt-jn-name-1\">Diagnosticar<\/div><p class=\"jornada-step-desc\" id=\"txt-jn-desc-1\">Entender neg\u00f3cio, mercado, n\u00fameros, canais e desafios reais.<\/p><\/div>\n        <div class=\"jornada-step\"><div class=\"jornada-dot-wrap\"><div class=\"jornada-dot\">02<\/div><\/div><div class=\"jornada-step-name\" id=\"txt-jn-name-2\">Estruturar<\/div><p class=\"jornada-step-desc\" id=\"txt-jn-desc-2\">Organizar marca, opera\u00e7\u00e3o, posicionamento e canais.<\/p><\/div>\n        <div class=\"jornada-step\"><div class=\"jornada-dot-wrap\"><div class=\"jornada-dot\">03<\/div><\/div><div class=\"jornada-step-name\" id=\"txt-jn-name-3\">Planejar<\/div><p class=\"jornada-step-desc\" id=\"txt-jn-desc-3\">Criar plano estrat\u00e9gico com metas, prioridades e a\u00e7\u00f5es.<\/p><\/div>\n        <div class=\"jornada-step\"><div class=\"jornada-dot-wrap\"><div class=\"jornada-dot\">04<\/div><\/div><div class=\"jornada-step-name\" id=\"txt-jn-name-4\">Implementar<\/div><p class=\"jornada-step-desc\" id=\"txt-jn-desc-4\">Colocar a\u00e7\u00f5es em movimento com foco em vendas e experi\u00eancia.<\/p><\/div>\n        <div class=\"jornada-step\"><div class=\"jornada-dot-wrap\"><div class=\"jornada-dot\">05<\/div><\/div><div class=\"jornada-step-name\" id=\"txt-jn-name-5\">Otimizar<\/div><p class=\"jornada-step-desc\" id=\"txt-jn-desc-5\">Acompanhar resultados, ajustar rotas e preparar para crescer.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FINAL CTA -->\n<section class=\"final-cta\">\n  <div class=\"container\">\n    <div class=\"final-cta-inner reveal\">\n      <h2 id=\"txt-cta-h\">Sua marca est\u00e1 pronta para <em>se mover<\/em>?<\/h2>\n      <p id=\"txt-cta-p\">O M\u00e9todo Marca em Movimento foi criado para empresas que n\u00e3o querem apenas estar online, mas crescer com estrat\u00e9gia, dados e dire\u00e7\u00e3o. Vamos conversar.<\/p>\n      <a href=\"https:\/\/wa.me\/5511994751640?text=Ol%C3%A1%20Paula%2C%20quero%20conhecer%20o%20M%C3%A9todo%20Marca%20em%20Movimento.\" target=\"_blank\" rel=\"noopener\" class=\"btn-primary\" id=\"btn-cta\">\n        <span id=\"txt-cta-btn\">Quero aplicar o m\u00e9todo<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n\n  \/\/ ===== TRADU\u00c7\u00c3O =====\n  var en = {\n    lang: 'en',\n    eyebrowHero: 'Brand in Motion Method',\n    badge: 'Coming soon',\n    h1_1: 'Strategy, retail',\n    h1Em: 'growth',\n    h1_2: 'digital.',\n    heroSub: 'For brands that want to break out of stagnation and grow with strategy. A methodology combining vision, data, experience and practical execution.',\n    meta1: 'Years in retail',\n    meta2: 'Strategic pillars',\n    meta3: 'Brands impacted',\n    orbitLabel: 'Pillars',\n    eyebrowPq: 'Who it\\'s for',\n    pqTitle: 'A methodology for those in <em>motion<\/em>.',\n    pqLead: 'Designed for entrepreneurs, brands, industries and retailers who want to structure, launch or scale with clarity and consistency.',\n    aud1: 'Want to build a brand from <em>scratch<\/em>, with a solid foundation.',\n    aud2: 'Already have a brand, but <em>don\\'t sell well<\/em> in the digital space.',\n    aud3: 'Have a physical store and want to <em>structure online<\/em> in an integrated way.',\n    aud4: 'Have an e-commerce, but need to <em>improve conversion<\/em> and positioning.',\n    aud5: 'Want to <em>professionalize<\/em> processes, channels and communication.',\n    aud6: 'Seek to grow with more <em>strategy<\/em>, data and planning.',\n    eyebrowPl: 'The 5 Pillars',\n    plTitle: 'The methodology in <em>five dimensions<\/em>.',\n    plLead: 'Each pillar is a strategic layer. Together, they form a complete path of digital transformation.',\n    tab1: 'Strategic diagnosis',\n    tab2: 'Positioning and <em>brand<\/em>',\n    tab3: 'Commercial and digital structuring',\n    tab4: 'Data-driven action plan',\n    tab5: 'Growth, optimization and scale',\n    pt1: 'Strategic <em>diagnosis<\/em> of the business',\n    pd1: 'Before any action plan, it is essential to deeply understand the brand\\'s current moment \u2014 what works, what blocks growth, and where the opportunities lie.',\n    plLabel1: 'What is analyzed',\n    pi1: ['Business model','Products and categories','Positioning','Target audience','Sales channels','Digital presence','Communication','Operations','Competition','Pricing','Shopping experience','Commercial indicators'],\n    pt2: 'Positioning and <em>brand<\/em> building',\n    pd2: 'A strong brand doesn\\'t just sell products. It communicates value, creates perception and builds trust. Here we work on the strategic foundation of identity.',\n    plLabel2: 'What is structured',\n    pi2: ['Value proposition','Competitive differentiators','Brand language','Ideal audience','Communication territory','Desired experience','Value perception','Offer organization','Commercial clarity'],\n    pt3: '<em>Commercial<\/em> and digital structuring',\n    pd3: 'With the diagnosis and positioning in hand, it\\'s time to organize the channels and processes that sustain growth in a connected way.',\n    plLabel3: 'What is developed',\n    pi3: ['E-commerce','Marketplaces','Social media','Commercial WhatsApp','Integrated physical store','CRM','Customer journey','Service','Content','Campaigns','Conversion','Customer retention'],\n    pt4: 'Data-<em>driven<\/em> action plan',\n    pd4: 'A data-driven approach that turns analysis into decisions. A plan built on the real numbers of the business and customer behavior.',\n    plLabel4: 'What is defined',\n    pi4: ['Strategic priorities','Commercial goals','Performance indicators','Short and long-term actions','Operational improvements','Sales strategies','Content strategies','Conversion growth','Process optimization','Growth opportunities'],\n    pt5: 'Growth, optimization and <em>scale<\/em>',\n    pd5: 'With the structure in place, the final step is to monitor, adjust and evolve. Digital growth depends on strategy, operations, data and continuous execution.',\n    plLabel5: 'Stage focus',\n    pi5: ['Maximize sales','Reduce bottlenecks','Improve customer experience','Operational efficiency','Competitive positioning','Channel integration','KPI monitoring','Strategic adjustments','Scale preparation'],\n    eyebrowJn: 'The journey',\n    jnTitle: 'From diagnosis to <em>scale<\/em>.',\n    jnLead: 'Five movements that take the brand from initial analysis to sustainable growth.',\n    jnName1: 'Diagnose', jnDesc1: 'Understand the business, market, numbers, channels and real challenges.',\n    jnName2: 'Structure', jnDesc2: 'Organize brand, operations, positioning and channels.',\n    jnName3: 'Plan', jnDesc3: 'Create a strategic plan with goals, priorities and actions.',\n    jnName4: 'Implement', jnDesc4: 'Put actions in motion with a focus on sales and experience.',\n    jnName5: 'Optimize', jnDesc5: 'Monitor results, adjust course and prepare to grow.',\n    ctaH: 'Is your brand ready to <em>move<\/em>?',\n    ctaP: 'The Brand in Motion Method was created for companies that don\\'t just want to be online, but to grow with strategy, data and direction. Let\\'s talk.',\n    ctaBtn: 'I want to apply the method',\n    waMsg: 'Hello Paula, I want to learn about the Brand in Motion Method.'\n  };\n\n  function setHTML(id, html) {\n    var el = document.getElementById(id);\n    if (el) el.innerHTML = html;\n  }\n\n  function setText(id, text) {\n    var el = document.getElementById(id);\n    if (el) el.textContent = text;\n  }\n\n  function setItems(id, items) {\n    var el = document.getElementById(id);\n    if (!el) return;\n    el.innerHTML = '';\n    for (var i = 0; i < items.length; i++) {\n      var div = document.createElement('div');\n      div.textContent = items[i];\n      el.appendChild(div);\n    }\n  }\n\n  function applyTranslation(t) {\n    document.documentElement.lang = t.lang;\n    \/\/ hero\n    var eyebrowHero = document.getElementById('txt-eyebrow-hero');\n    if (eyebrowHero) {\n      eyebrowHero.childNodes[0].textContent = t.eyebrowHero + ' ';\n    }\n    setText('txt-badge', t.badge);\n    setText('txt-h1-1', t.h1_1);\n    setText('txt-h1-em', t.h1Em);\n    setText('txt-h1-2', t.h1_2);\n    setText('txt-hero-sub', t.heroSub);\n    setText('txt-meta-1', t.meta1);\n    setText('txt-meta-2', t.meta2);\n    setText('txt-meta-3', t.meta3);\n    setText('txt-orbit-label', t.orbitLabel);\n    \/\/ para quem\n    setText('txt-eyebrow-pq', t.eyebrowPq);\n    setHTML('txt-pq-title', t.pqTitle);\n    setText('txt-pq-lead', t.pqLead);\n    setHTML('txt-aud-1', t.aud1); setHTML('txt-aud-2', t.aud2);\n    setHTML('txt-aud-3', t.aud3); setHTML('txt-aud-4', t.aud4);\n    setHTML('txt-aud-5', t.aud5); setHTML('txt-aud-6', t.aud6);\n    \/\/ pilares tabs\n    setText('txt-eyebrow-pl', t.eyebrowPl);\n    setHTML('txt-pl-title', t.plTitle);\n    setText('txt-pl-lead', t.plLead);\n    setHTML('txt-tab-1', t.tab1); setHTML('txt-tab-2', t.tab2);\n    setHTML('txt-tab-3', t.tab3); setHTML('txt-tab-4', t.tab4);\n    setHTML('txt-tab-5', t.tab5);\n    \/\/ pilares panels\n    setHTML('txt-pt-1', t.pt1); setText('txt-pd-1', t.pd1); setText('txt-pl-label-1', t.plLabel1); setItems('txt-pi-1', t.pi1);\n    setHTML('txt-pt-2', t.pt2); setText('txt-pd-2', t.pd2); setText('txt-pl-label-2', t.plLabel2); setItems('txt-pi-2', t.pi2);\n    setHTML('txt-pt-3', t.pt3); setText('txt-pd-3', t.pd3); setText('txt-pl-label-3', t.plLabel3); setItems('txt-pi-3', t.pi3);\n    setHTML('txt-pt-4', t.pt4); setText('txt-pd-4', t.pd4); setText('txt-pl-label-4', t.plLabel4); setItems('txt-pi-4', t.pi4);\n    setHTML('txt-pt-5', t.pt5); setText('txt-pd-5', t.pd5); setText('txt-pl-label-5', t.plLabel5); setItems('txt-pi-5', t.pi5);\n    \/\/ jornada\n    setText('txt-eyebrow-jn', t.eyebrowJn);\n    setHTML('txt-jn-title', t.jnTitle);\n    setText('txt-jn-lead', t.jnLead);\n    setText('txt-jn-name-1', t.jnName1); setText('txt-jn-desc-1', t.jnDesc1);\n    setText('txt-jn-name-2', t.jnName2); setText('txt-jn-desc-2', t.jnDesc2);\n    setText('txt-jn-name-3', t.jnName3); setText('txt-jn-desc-3', t.jnDesc3);\n    setText('txt-jn-name-4', t.jnName4); setText('txt-jn-desc-4', t.jnDesc4);\n    setText('txt-jn-name-5', t.jnName5); setText('txt-jn-desc-5', t.jnDesc5);\n    \/\/ cta\n    setHTML('txt-cta-h', t.ctaH);\n    setText('txt-cta-p', t.ctaP);\n    setText('txt-cta-btn', t.ctaBtn);\n    document.getElementById('btn-cta').href = 'https:\/\/wa.me\/5511994751640?text=' + encodeURIComponent(t.waMsg);\n  }\n\n  fetch('https:\/\/ipapi.co\/json\/')\n    .then(function(r) { return r.json(); })\n    .then(function(data) {\n      if (data && data.country_code && data.country_code !== 'BR') {\n        applyTranslation(en);\n      }\n    })\n    .catch(function() {});\n\n  \/\/ ===== TABS DOS PILARES =====\n  var tabs = document.querySelectorAll('.pilar-tab');\n  var panels = document.querySelectorAll('.pilar-panel');\n  var currentPilar = 1;\n  var isPaused = false;\n\n  for (var i = 0; i < tabs.length; i++) {\n    tabs[i].addEventListener('click', function() {\n      var target = this.getAttribute('data-pilar');\n      for (var j = 0; j < tabs.length; j++) tabs[j].classList.remove('active');\n      for (var k = 0; k < panels.length; k++) panels[k].classList.remove('active');\n      this.classList.add('active');\n      var targetPanel = document.querySelector('.pilar-panel[data-panel=\"' + target + '\"]');\n      if (targetPanel) targetPanel.classList.add('active');\n      currentPilar = parseInt(target, 10);\n    });\n  }\n\n  setInterval(function() {\n    if (isPaused) return;\n    currentPilar = currentPilar >= tabs.length ? 1 : currentPilar + 1;\n    var nextTab = document.querySelector('.pilar-tab[data-pilar=\"' + currentPilar + '\"]');\n    if (nextTab) nextTab.click();\n  }, 6500);\n\n  var pilaresGrid = document.querySelector('.pilares-grid');\n  if (pilaresGrid) {\n    pilaresGrid.addEventListener('mouseenter', function() { isPaused = true; });\n    pilaresGrid.addEventListener('mouseleave', function() { isPaused = false; });\n  }\n\n  \/\/ ===== JORNADA =====\n  var steps = document.querySelectorAll('.jornada-step');\n  for (var n = 0; n < steps.length; n++) {\n    (function(step) {\n      step.addEventListener('mouseenter', function() {\n        for (var p = 0; p < steps.length; p++) steps[p].classList.remove('active');\n        step.classList.add('active');\n      });\n    })(steps[n]);\n  }\n  if (steps.length > 0) steps[0].classList.add('active');\n\n  \/\/ ===== REVEAL =====\n  if ('IntersectionObserver' in window) {\n    var revealObserver = new IntersectionObserver(function(entries) {\n      for (var q = 0; q < entries.length; q++) {\n        if (entries[q].isIntersecting) {\n          entries[q].target.classList.add('visible');\n          revealObserver.unobserve(entries[q].target);\n        }\n      }\n    }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\n\n    var revealEls = document.querySelectorAll('.reveal');\n    for (var r = 0; r < revealEls.length; r++) revealObserver.observe(revealEls[r]);\n  } else {\n    var allReveal = document.querySelectorAll('.reveal');\n    for (var s = 0; s < allReveal.length; s++) allReveal[s].classList.add('visible');\n  }\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\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>Metodologia \u2014 Paula Fran\u00e7a Consultoria Metodologia Paula Fran\u00e7a Uma metodologia para enxergar sua empresa com mais clareza. A Paula Fran\u00e7a Consultoria une experi\u00eancia real, vis\u00e3o estrat\u00e9gica e an\u00e1lise profunda para ajudar empres\u00e1rios a identificarem onde suas marcas est\u00e3o desalinhadas, e como transformar esses pontos em crescimento, estrutura e valor percebido. Quero entender minha marca De [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-468","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Metodologia - Consultoria<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/paulafranca.com.br\/en\/projeto\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Metodologia - Consultoria\" \/>\n<meta property=\"og:description\" content=\"Metodologia \u2014 Paula Fran\u00e7a Consultoria Metodologia Paula Fran\u00e7a Uma metodologia para enxergar sua empresa com mais clareza. A Paula Fran\u00e7a Consultoria une experi\u00eancia real, vis\u00e3o estrat\u00e9gica e an\u00e1lise profunda para ajudar empres\u00e1rios a identificarem onde suas marcas est\u00e3o desalinhadas, e como transformar esses pontos em crescimento, estrutura e valor percebido. Quero entender minha marca De [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/paulafranca.com.br\/en\/projeto\/\" \/>\n<meta property=\"og:site_name\" content=\"Consultoria\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-17T18:42:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/paulafranca.com.br\\\/projeto\\\/\",\"url\":\"https:\\\/\\\/paulafranca.com.br\\\/projeto\\\/\",\"name\":\"Metodologia - Consultoria\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/paulafranca.com.br\\\/#website\"},\"datePublished\":\"2026-05-04T19:22:57+00:00\",\"dateModified\":\"2026-06-17T18:42:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/paulafranca.com.br\\\/projeto\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/paulafranca.com.br\\\/projeto\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/paulafranca.com.br\\\/projeto\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/paulafranca.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Metodologia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/paulafranca.com.br\\\/#website\",\"url\":\"https:\\\/\\\/paulafranca.com.br\\\/\",\"name\":\"Consultoria\",\"description\":\"Transforme o seu neg\u00f3cio com estrat\u00e9gia, inova\u00e7\u00e3o e impacto real.\",\"publisher\":{\"@id\":\"https:\\\/\\\/paulafranca.com.br\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/paulafranca.com.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/paulafranca.com.br\\\/#organization\",\"name\":\"Consultoria\",\"url\":\"https:\\\/\\\/paulafranca.com.br\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/paulafranca.com.br\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/paulafranca.com.br\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/512-1.png\",\"contentUrl\":\"https:\\\/\\\/paulafranca.com.br\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/512-1.png\",\"width\":512,\"height\":512,\"caption\":\"Consultoria\"},\"image\":{\"@id\":\"https:\\\/\\\/paulafranca.com.br\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Metodologia - Consultoria","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/paulafranca.com.br\/en\/projeto\/","og_locale":"en_US","og_type":"article","og_title":"Metodologia - Consultoria","og_description":"Metodologia \u2014 Paula Fran\u00e7a Consultoria Metodologia Paula Fran\u00e7a Uma metodologia para enxergar sua empresa com mais clareza. A Paula Fran\u00e7a Consultoria une experi\u00eancia real, vis\u00e3o estrat\u00e9gica e an\u00e1lise profunda para ajudar empres\u00e1rios a identificarem onde suas marcas est\u00e3o desalinhadas, e como transformar esses pontos em crescimento, estrutura e valor percebido. Quero entender minha marca De [&hellip;]","og_url":"https:\/\/paulafranca.com.br\/en\/projeto\/","og_site_name":"Consultoria","article_modified_time":"2026-06-17T18:42:23+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/paulafranca.com.br\/projeto\/","url":"https:\/\/paulafranca.com.br\/projeto\/","name":"Metodologia - Consultoria","isPartOf":{"@id":"https:\/\/paulafranca.com.br\/#website"},"datePublished":"2026-05-04T19:22:57+00:00","dateModified":"2026-06-17T18:42:23+00:00","breadcrumb":{"@id":"https:\/\/paulafranca.com.br\/projeto\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/paulafranca.com.br\/projeto\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/paulafranca.com.br\/projeto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/paulafranca.com.br\/"},{"@type":"ListItem","position":2,"name":"Metodologia"}]},{"@type":"WebSite","@id":"https:\/\/paulafranca.com.br\/#website","url":"https:\/\/paulafranca.com.br\/","name":"Consultoria","description":"Transforme o seu neg\u00f3cio com estrat\u00e9gia, inova\u00e7\u00e3o e impacto real.","publisher":{"@id":"https:\/\/paulafranca.com.br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/paulafranca.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/paulafranca.com.br\/#organization","name":"Consultoria","url":"https:\/\/paulafranca.com.br\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/paulafranca.com.br\/#\/schema\/logo\/image\/","url":"https:\/\/paulafranca.com.br\/wp-content\/uploads\/2026\/04\/512-1.png","contentUrl":"https:\/\/paulafranca.com.br\/wp-content\/uploads\/2026\/04\/512-1.png","width":512,"height":512,"caption":"Consultoria"},"image":{"@id":"https:\/\/paulafranca.com.br\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/paulafranca.com.br\/en\/wp-json\/wp\/v2\/pages\/468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paulafranca.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/paulafranca.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/paulafranca.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paulafranca.com.br\/en\/wp-json\/wp\/v2\/comments?post=468"}],"version-history":[{"count":48,"href":"https:\/\/paulafranca.com.br\/en\/wp-json\/wp\/v2\/pages\/468\/revisions"}],"predecessor-version":[{"id":1087,"href":"https:\/\/paulafranca.com.br\/en\/wp-json\/wp\/v2\/pages\/468\/revisions\/1087"}],"wp:attachment":[{"href":"https:\/\/paulafranca.com.br\/en\/wp-json\/wp\/v2\/media?parent=468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}