Advocacia | Direito de Fam\u00edlia, Trabalhista & Imobili\u00e1rio<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --gold: #C9A84C;\r\n --gold-light: #E8C97A;\r\n --gold-dark: #9B7B2F;\r\n --black: #080808;\r\n --black-2: #0F0F0F;\r\n --black-3: #161616;\r\n --black-4: #1E1E1E;\r\n --black-5: #2A2A2A;\r\n --white: #F5F0E8;\r\n --white-dim: rgba(245,240,232,0.7);\r\n --white-dimmer: rgba(245,240,232,0.35);\r\n }\r\n\r\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n background: var(--black);\r\n color: var(--white);\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 300;\r\n overflow-x: hidden;\r\n cursor: default;\r\n }\r\n\r\n \/* SCROLLBAR *\/\r\n ::-webkit-scrollbar { width: 4px; }\r\n ::-webkit-scrollbar-track { background: var(--black); }\r\n ::-webkit-scrollbar-thumb { background: var(--gold-dark); }\r\n\r\n \/* SELECTION *\/\r\n ::selection { background: var(--gold); color: var(--black); }\r\n\r\n \/* ==================== NAVBAR ==================== *\/\r\n nav {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 20px 60px;\r\n transition: all 0.4s ease;\r\n background: transparent;\r\n }\r\n\r\n nav.scrolled {\r\n background: rgba(8,8,8,0.97);\r\n padding: 14px 60px;\r\n border-bottom: 1px solid rgba(201,168,76,0.2);\r\n backdrop-filter: blur(20px);\r\n }\r\n\r\n .nav-logo img {\r\n height: 52px;\r\n object-fit: contain;\r\n filter: brightness(1.1);\r\n }\r\n\r\n .nav-logo .logo-placeholder {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 22px;\r\n font-weight: 600;\r\n color: var(--gold);\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 40px;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n color: var(--white-dim);\r\n text-decoration: none;\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n transition: color 0.3s;\r\n position: relative;\r\n }\r\n\r\n .nav-links a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -4px; left: 0;\r\n width: 0; height: 1px;\r\n background: var(--gold);\r\n transition: width 0.3s;\r\n }\r\n\r\n .nav-links a:hover { color: var(--gold); }\r\n .nav-links a:hover::after { width: 100%; }\r\n\r\n .nav-cta {\r\n background: transparent;\r\n border: 1px solid var(--gold);\r\n color: var(--gold) !important;\r\n padding: 10px 24px;\r\n font-size: 10px !important;\r\n letter-spacing: 2px !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n .nav-cta:hover {\r\n background: var(--gold) !important;\r\n color: var(--black) !important;\r\n }\r\n\r\n .nav-cta::after { display: none !important; }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n gap: 5px;\r\n cursor: pointer;\r\n padding: 5px;\r\n }\r\n\r\n .hamburger span {\r\n display: block;\r\n width: 24px; height: 1px;\r\n background: var(--gold);\r\n transition: all 0.3s;\r\n }\r\n\r\n \/* ==================== HERO ==================== *\/\r\n #hero {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 120px 60px 80px;\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background: \r\n radial-gradient(ellipse 80% 60% at 70% 50%, rgba(201,168,76,0.06) 0%, transparent 70%),\r\n radial-gradient(ellipse 40% 40% at 20% 80%, rgba(201,168,76,0.04) 0%, transparent 60%),\r\n var(--black);\r\n }\r\n\r\n .hero-grid {\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(201,168,76,0.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(201,168,76,0.04) 1px, transparent 1px);\r\n background-size: 80px 80px;\r\n mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);\r\n }\r\n\r\n .hero-ornament {\r\n position: absolute;\r\n right: -100px; top: 50%;\r\n transform: translateY(-50%);\r\n width: 600px; height: 600px;\r\n border: 1px solid rgba(201,168,76,0.1);\r\n border-radius: 50%;\r\n animation: rotate 30s linear infinite;\r\n }\r\n\r\n .hero-ornament::before {\r\n content: '';\r\n position: absolute;\r\n inset: 40px;\r\n border: 1px solid rgba(201,168,76,0.07);\r\n border-radius: 50%;\r\n }\r\n\r\n .hero-ornament::after {\r\n content: '';\r\n position: absolute;\r\n inset: 80px;\r\n border: 1px solid rgba(201,168,76,0.05);\r\n border-radius: 50%;\r\n }\r\n\r\n @keyframes rotate {\r\n from { transform: translateY(-50%) rotate(0deg); }\r\n to { transform: translateY(-50%) rotate(360deg); }\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 720px;\r\n }\r\n\r\n .hero-eyebrow {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n margin-bottom: 32px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.2s forwards;\r\n }\r\n\r\n .hero-eyebrow-line {\r\n width: 40px; height: 1px;\r\n background: var(--gold);\r\n }\r\n\r\n .hero-eyebrow span {\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(42px, 5vw, 72px);\r\n font-weight: 300;\r\n line-height: 1.1;\r\n letter-spacing: -0.5px;\r\n margin-bottom: 28px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.4s forwards;\r\n }\r\n\r\n .hero-title em {\r\n font-style: italic;\r\n color: var(--gold-light);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 14px;\r\n font-weight: 300;\r\n line-height: 1.8;\r\n color: var(--white-dim);\r\n max-width: 520px;\r\n margin-bottom: 48px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.6s forwards;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.8s forwards;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: var(--gold);\r\n color: var(--black);\r\n padding: 16px 36px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: var(--gold-light);\r\n transform: translateX(-100%);\r\n transition: transform 0.3s;\r\n }\r\n\r\n .btn-primary:hover::before { transform: translateX(0); }\r\n .btn-primary span { position: relative; z-index: 1; }\r\n\r\n .btn-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: transparent;\r\n color: var(--white);\r\n padding: 16px 36px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n border: 1px solid rgba(245,240,232,0.25);\r\n transition: all 0.3s;\r\n }\r\n\r\n .btn-secondary:hover {\r\n border-color: var(--gold);\r\n color: var(--gold);\r\n }\r\n\r\n .hero-scroll {\r\n position: absolute;\r\n bottom: 40px; left: 60px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 1.2s forwards;\r\n }\r\n\r\n .scroll-line {\r\n width: 1px; height: 50px;\r\n background: linear-gradient(to bottom, transparent, var(--gold));\r\n animation: scrollLine 2s ease infinite;\r\n }\r\n\r\n @keyframes scrollLine {\r\n 0%, 100% { opacity: 0.3; transform: scaleY(1); }\r\n 50% { opacity: 1; transform: scaleY(1.2); }\r\n }\r\n\r\n .hero-scroll span {\r\n font-size: 9px;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--white-dimmer);\r\n writing-mode: vertical-rl;\r\n }\r\n\r\n \/* ==================== SECTION BASE ==================== *\/\r\n section { position: relative; overflow: hidden; }\r\n\r\n .section-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .section-tag-line {\r\n width: 30px; height: 1px;\r\n background: var(--gold);\r\n }\r\n\r\n .section-tag span {\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n }\r\n\r\n .section-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(36px, 4vw, 60px);\r\n font-weight: 300;\r\n line-height: 1.1;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .section-title em {\r\n font-style: italic;\r\n color: var(--gold-light);\r\n }\r\n\r\n \/* ==================== ABOUT ==================== *\/\r\n #about {\r\n padding: 120px 60px;\r\n background: var(--black-2);\r\n }\r\n\r\n .about-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .about-image {\r\n position: relative;\r\n }\r\n\r\n .about-image-frame {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .about-image-frame::before {\r\n content: '';\r\n position: absolute;\r\n top: -20px; left: -20px;\r\n right: 20px; bottom: 20px;\r\n border: 1px solid rgba(201,168,76,0.3);\r\n z-index: 0;\r\n }\r\n\r\n .about-image-frame::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, transparent 60%, rgba(8,8,8,0.8));\r\n z-index: 1;\r\n }\r\n\r\n .about-image-frame img {\r\n width: 100%;\r\n height: 580px;\r\n object-fit: cover;\r\n object-position: top center;\r\n display: block;\r\n position: relative;\r\n z-index: 0;\r\n filter: grayscale(20%) contrast(1.05);\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .about-image-frame:hover img { transform: scale(1.03); }\r\n\r\n .about-image-placeholder {\r\n width: 100%;\r\n height: 580px;\r\n background: var(--black-4);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n border: 1px solid rgba(201,168,76,0.15);\r\n }\r\n\r\n .about-image-placeholder svg { opacity: 0.3; }\r\n\r\n .about-image-placeholder p {\r\n font-size: 11px;\r\n letter-spacing: 2px;\r\n color: var(--white-dimmer);\r\n text-transform: uppercase;\r\n }\r\n\r\n .about-badge {\r\n position: absolute;\r\n bottom: 30px; right: -30px;\r\n background: var(--black);\r\n border: 1px solid var(--gold);\r\n padding: 20px 24px;\r\n z-index: 3;\r\n text-align: center;\r\n }\r\n\r\n .about-badge-num {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 42px;\r\n font-weight: 300;\r\n color: var(--gold);\r\n line-height: 1;\r\n display: block;\r\n }\r\n\r\n .about-badge-text {\r\n font-size: 9px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--white-dim);\r\n display: block;\r\n margin-top: 4px;\r\n }\r\n\r\n .about-text { padding-right: 20px; }\r\n\r\n .about-body {\r\n font-size: 14px;\r\n line-height: 1.9;\r\n color: var(--white-dim);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .about-body p + p { margin-top: 16px; }\r\n\r\n .about-checks {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n margin-top: 32px;\r\n }\r\n\r\n .about-check {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: var(--white-dim);\r\n line-height: 1.4;\r\n }\r\n\r\n .check-icon {\r\n width: 18px; height: 18px;\r\n border: 1px solid var(--gold);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 1px;\r\n }\r\n\r\n .check-icon svg { width: 10px; height: 10px; }\r\n\r\n \/* ==================== AREAS ==================== *\/\r\n #areas {\r\n padding: 120px 60px;\r\n background: var(--black);\r\n }\r\n\r\n .areas-header {\r\n max-width: 1200px;\r\n margin: 0 auto 60px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n gap: 40px;\r\n }\r\n\r\n .areas-header-left { max-width: 500px; }\r\n\r\n .areas-desc {\r\n font-size: 13px;\r\n line-height: 1.8;\r\n color: var(--white-dim);\r\n max-width: 320px;\r\n text-align: right;\r\n }\r\n\r\n .areas-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n background: rgba(201,168,76,0.1);\r\n }\r\n\r\n .area-card {\r\n background: var(--black-3);\r\n padding: 40px 36px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n cursor: default;\r\n }\r\n\r\n .area-card::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0;\r\n width: 100%; height: 2px;\r\n background: var(--gold);\r\n transform: scaleX(0);\r\n transition: transform 0.4s ease;\r\n transform-origin: left;\r\n }\r\n\r\n .area-card:hover { background: var(--black-4); transform: translateY(-4px); }\r\n .area-card:hover::before { transform: scaleX(1); }\r\n\r\n .area-icon {\r\n width: 48px; height: 48px;\r\n margin-bottom: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .area-icon svg {\r\n width: 32px; height: 32px;\r\n stroke: var(--gold);\r\n fill: none;\r\n stroke-width: 1.2;\r\n }\r\n\r\n .area-name {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 22px;\r\n font-weight: 500;\r\n margin-bottom: 12px;\r\n color: var(--white);\r\n transition: color 0.3s;\r\n }\r\n\r\n .area-card:hover .area-name { color: var(--gold-light); }\r\n\r\n .area-desc {\r\n font-size: 12px;\r\n line-height: 1.8;\r\n color: var(--white-dimmer);\r\n }\r\n\r\n .area-number {\r\n position: absolute;\r\n top: 20px; right: 24px;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 48px;\r\n font-weight: 300;\r\n color: rgba(201,168,76,0.06);\r\n line-height: 1;\r\n transition: color 0.3s;\r\n }\r\n\r\n .area-card:hover .area-number { color: rgba(201,168,76,0.12); }\r\n\r\n \/* ==================== HOW I HELP ==================== *\/\r\n #help {\r\n padding: 120px 60px;\r\n background: var(--black-2);\r\n }\r\n\r\n .help-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n .help-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n margin-top: 16px;\r\n }\r\n\r\n .help-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n padding: 18px 0;\r\n border-bottom: 1px solid rgba(201,168,76,0.1);\r\n transition: all 0.3s;\r\n cursor: default;\r\n }\r\n\r\n .help-item:first-child { border-top: 1px solid rgba(201,168,76,0.1); }\r\n\r\n .help-item:hover { padding-left: 12px; }\r\n\r\n .help-dot {\r\n width: 6px; height: 6px;\r\n background: var(--gold);\r\n flex-shrink: 0;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .help-item:hover .help-dot { transform: scale(1.5); }\r\n\r\n .help-item span {\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: var(--white-dim);\r\n transition: color 0.3s;\r\n }\r\n\r\n .help-item:hover span { color: var(--white); }\r\n\r\n .help-right { padding-left: 20px; }\r\n\r\n .help-cta-box {\r\n background: var(--black-3);\r\n border: 1px solid rgba(201,168,76,0.2);\r\n padding: 48px 40px;\r\n margin-top: 40px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .help-cta-box::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 3px; height: 100%;\r\n background: linear-gradient(to bottom, var(--gold), var(--gold-dark));\r\n }\r\n\r\n .help-cta-text {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 28px;\r\n font-weight: 300;\r\n line-height: 1.4;\r\n margin-bottom: 20px;\r\n color: var(--white);\r\n }\r\n\r\n .help-cta-sub {\r\n font-size: 13px;\r\n color: var(--white-dim);\r\n line-height: 1.7;\r\n margin-bottom: 32px;\r\n }\r\n\r\n \/* ==================== DIFERENCIAIS ==================== *\/\r\n #diferenciais {\r\n padding: 120px 60px;\r\n background: var(--black);\r\n }\r\n\r\n .diferenciais-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .diferenciais-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .diferenciais-header .section-tag {\r\n justify-content: center;\r\n }\r\n\r\n .diferenciais-quote {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(20px, 2.5vw, 32px);\r\n font-weight: 300;\r\n font-style: italic;\r\n color: var(--white-dim);\r\n max-width: 700px;\r\n margin: 32px auto 0;\r\n line-height: 1.6;\r\n text-align: center;\r\n }\r\n\r\n .diferenciais-quote::before,\r\n .diferenciais-quote::after {\r\n content: '\"';\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 60px;\r\n color: var(--gold);\r\n line-height: 0;\r\n vertical-align: -20px;\r\n display: inline-block;\r\n margin: 0 8px;\r\n }\r\n\r\n .diferenciais-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .diferencial-card {\r\n background: var(--black-3);\r\n border: 1px solid rgba(201,168,76,0.1);\r\n padding: 36px 32px;\r\n position: relative;\r\n transition: all 0.4s;\r\n overflow: hidden;\r\n }\r\n\r\n .diferencial-card::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(ellipse at top left, rgba(201,168,76,0.05) 0%, transparent 70%);\r\n opacity: 0;\r\n transition: opacity 0.4s;\r\n }\r\n\r\n .diferencial-card:hover { border-color: rgba(201,168,76,0.3); }\r\n .diferencial-card:hover::after { opacity: 1; }\r\n\r\n .diferencial-number {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 56px;\r\n font-weight: 300;\r\n color: var(--gold);\r\n opacity: 0.2;\r\n line-height: 1;\r\n margin-bottom: 20px;\r\n display: block;\r\n transition: opacity 0.3s;\r\n }\r\n\r\n .diferencial-card:hover .diferencial-number { opacity: 0.4; }\r\n\r\n .diferencial-title {\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .diferencial-text {\r\n font-size: 12px;\r\n line-height: 1.8;\r\n color: var(--white-dimmer);\r\n }\r\n\r\n \/* ==================== CTA SECTION ==================== *\/\r\n #cta {\r\n padding: 120px 60px;\r\n background: var(--black-2);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-bg {\r\n position: absolute;\r\n inset: 0;\r\n background: \r\n radial-gradient(ellipse 60% 60% at 50% 50%, rgba(201,168,76,0.05) 0%, transparent 70%);\r\n }\r\n\r\n .cta-inner {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n text-align: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .cta-inner .section-tag { justify-content: center; }\r\n\r\n .cta-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(42px, 5vw, 72px);\r\n font-weight: 300;\r\n line-height: 1.1;\r\n margin: 24px 0;\r\n }\r\n\r\n .cta-title em { font-style: italic; color: var(--gold-light); }\r\n\r\n .cta-subtitle {\r\n font-size: 14px;\r\n color: var(--white-dim);\r\n margin-bottom: 48px;\r\n line-height: 1.8;\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n gap: 20px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn-whatsapp {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #25D366;\r\n color: #000;\r\n padding: 16px 36px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n }\r\n\r\n .btn-whatsapp:hover { background: #20bd5a; transform: translateY(-2px); }\r\n\r\n .cta-divider {\r\n width: 60px; height: 1px;\r\n background: rgba(201,168,76,0.3);\r\n margin: 60px auto 0;\r\n }\r\n\r\n .cta-info {\r\n margin-top: 32px;\r\n font-size: 11px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--white-dimmer);\r\n }\r\n\r\n \/* ==================== FOOTER ==================== *\/\r\n footer {\r\n background: var(--black);\r\n border-top: 1px solid rgba(201,168,76,0.15);\r\n padding: 60px 60px 30px;\r\n }\r\n\r\n .footer-top {\r\n display: grid;\r\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n gap: 40px;\r\n padding-bottom: 50px;\r\n border-bottom: 1px solid rgba(201,168,76,0.1);\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .footer-brand img {\r\n height: 48px;\r\n object-fit: contain;\r\n margin-bottom: 20px;\r\n display: block;\r\n filter: brightness(1.1);\r\n }\r\n\r\n .footer-brand .logo-placeholder-footer {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: var(--gold);\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-bottom: 20px;\r\n display: block;\r\n }\r\n\r\n .footer-brand p {\r\n font-size: 12px;\r\n line-height: 1.8;\r\n color: var(--white-dimmer);\r\n max-width: 260px;\r\n }\r\n\r\n .footer-col h4 {\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 24px;\r\n }\r\n\r\n .footer-col ul { list-style: none; }\r\n\r\n .footer-col ul li {\r\n font-size: 12px;\r\n color: var(--white-dimmer);\r\n margin-bottom: 10px;\r\n transition: color 0.3s;\r\n cursor: default;\r\n }\r\n\r\n .footer-col ul li:hover { color: var(--white); }\r\n\r\n .footer-col ul li a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n .footer-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .footer-contact-item svg {\r\n width: 14px; height: 14px;\r\n stroke: var(--gold);\r\n fill: none;\r\n stroke-width: 1.5;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .footer-contact-item span {\r\n font-size: 12px;\r\n color: var(--white-dimmer);\r\n line-height: 1.6;\r\n }\r\n\r\n .footer-bottom {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding-top: 28px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .footer-copy {\r\n font-size: 11px;\r\n color: rgba(245,240,232,0.2);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .footer-note {\r\n font-size: 11px;\r\n color: rgba(245,240,232,0.2);\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* ==================== ANIMATIONS ==================== *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .fade-up {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n\r\n .fade-up.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .fade-up-delay-1 { transition-delay: 0.1s; }\r\n .fade-up-delay-2 { transition-delay: 0.2s; }\r\n .fade-up-delay-3 { transition-delay: 0.3s; }\r\n .fade-up-delay-4 { transition-delay: 0.4s; }\r\n .fade-up-delay-5 { transition-delay: 0.5s; }\r\n\r\n \/* ==================== DIVIDER ==================== *\/\r\n .gold-divider {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .gold-divider-line {\r\n flex: 1; height: 1px;\r\n background: linear-gradient(to right, transparent, rgba(201,168,76,0.3), transparent);\r\n }\r\n\r\n .gold-divider-icon {\r\n width: 8px; height: 8px;\r\n background: var(--gold);\r\n transform: rotate(45deg);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ==================== RESPONSIVE ==================== *\/\r\n @media (max-width: 1024px) {\r\n nav { padding: 18px 30px; }\r\n nav.scrolled { padding: 12px 30px; }\r\n .nav-links { display: none; }\r\n .hamburger { display: flex; }\r\n\r\n #hero { padding: 120px 30px 80px; }\r\n #about, #areas, #help, #diferenciais, #cta { padding: 80px 30px; }\r\n footer { padding: 50px 30px 24px; }\r\n\r\n .about-inner { grid-template-columns: 1fr; gap: 50px; }\r\n .about-image { order: -1; }\r\n .about-badge { right: 0; }\r\n .about-text { padding-right: 0; }\r\n\r\n .areas-header { flex-direction: column; align-items: flex-start; }\r\n .areas-desc { text-align: left; }\r\n .areas-grid { grid-template-columns: repeat(2, 1fr); }\r\n\r\n .help-inner { grid-template-columns: 1fr; gap: 50px; }\r\n .help-right { padding-left: 0; }\r\n\r\n .diferenciais-grid { grid-template-columns: repeat(2, 1fr); }\r\n\r\n .footer-top { grid-template-columns: 1fr 1fr; }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .areas-grid { grid-template-columns: 1fr; }\r\n .about-checks { grid-template-columns: 1fr; }\r\n .diferenciais-grid { grid-template-columns: 1fr; }\r\n .footer-top { grid-template-columns: 1fr; }\r\n .footer-bottom { flex-direction: column; text-align: center; }\r\n .hero-buttons { flex-direction: column; }\r\n .btn-primary, .btn-secondary { width: 100%; justify-content: center; }\r\n .cta-buttons { flex-direction: column; align-items: center; }\r\n .btn-whatsapp { width: 100%; justify-content: center; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<nav id=\"navbar\">\r\n <div class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/managerproduct.site\/wp-content\/uploads\/2026\/03\/ChatGPT_Image_25_de_mar._de_2026__22_23_08-removebg-preview.png\" alt=\"Logo\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block'\">\r\n <span class=\"logo-placeholder\" style=\"display:none\">ADVOCACIA<\/span>\r\n <\/div>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#about\">Sobre<\/a><\/li>\r\n <li><a href=\"#areas\">\u00c1reas<\/a><\/li>\r\n <li><a href=\"#help\">Como ajudo<\/a><\/li>\r\n <li><a href=\"#diferenciais\">Diferenciais<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/5515991371474?text=Ol\u00e1, gostaria de agendar uma consulta.\" target=\"_blank\" class=\"nav-cta\">Falar agora<\/a><\/li>\r\n <\/ul>\r\n <div class=\"hamburger\" onclick=\"toggleMenu()\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n<\/nav>\r\n\r\n\r\n\r\n<section id=\"hero\" style=\"display:grid; grid-template-columns:1fr 40%; align-items:center; position:relative; min-height:100vh; padding:120px 60px 80px; gap:40px; overflow:hidden;\">\r\n\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-grid\"><\/div>\r\n <div class=\"hero-ornament\"><\/div>\r\n\r\n <div class=\"hero-content\" style=\"grid-column:1; grid-row:1; position:relative; z-index:2;\">\r\n <div class=\"hero-eyebrow\">\r\n <div class=\"hero-eyebrow-line\"><\/div>\r\n <span>Advocacia & Consultoria Jur\u00eddica<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n Defesa jur\u00eddica <em>estrat\u00e9gica,<\/em><br>\r\n atendimento pr\u00f3ximo<br>\r\n e solu\u00e7\u00f5es eficazes.\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle\">\r\n Atua\u00e7\u00e3o nas \u00e1reas C\u00edvel, Trabalhista, Familia, Imobili\u00e1rio e Criminal, com experi\u00eancia pr\u00e1tica e atendimento personalizado.\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n <a href=\"https:\/\/wa.me\/5515991371474?text=Ol\u00e1, gostaria de agendar uma consulta.\" target=\"_blank\" class=\"btn-primary\">\r\n <span>Falar com a Advogada<\/span>\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#areas\" class=\"btn-secondary\">\r\n <span>Agendar Consulta<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"grid-column:2; grid-row:1; position:relative; z-index:2; display:flex; align-items:center; justify-content:center;\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/managerproduct.site\/wp-content\/uploads\/2026\/03\/ChatGPT_Image_25_de_mar._de_2026__22_23_08-removebg-preview.png\"\r\n alt=\"Amanda Viotto Domingues Advocacia\"\r\n style=\"width:100%; max-width:480px; height:auto; object-fit:contain; filter:drop-shadow(0 0 40px rgba(201,168,76,0.25));\">\r\n <\/div>\r\n\r\n <div class=\"hero-scroll\" style=\"position:absolute; bottom:40px; left:60px; z-index:3;\">\r\n <div class=\"scroll-line\"><\/div>\r\n <span>Rolar<\/span>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<section id=\"about\">\r\n <div class=\"about-inner\">\r\n <div class=\"about-image fade-up\">\r\n <div class=\"about-image-frame\">\r\n <img decoding=\"async\" src=\"https:\/\/managerproduct.site\/wp-content\/uploads\/2026\/03\/IMG_20250209_164706_983.webp\" alt=\"Advogada\"\r\n onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex'\">\r\n <div class=\"about-image-placeholder\" style=\"display:none\">\r\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"1\">\r\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n <\/svg>\r\n <p>Foto da Advogada<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-badge\">\r\n <span class=\"about-badge-num\">100%<\/span>\r\n <span class=\"about-badge-text\">Dedica\u00e7\u00e3o ao cliente<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-text\">\r\n <div class=\"section-tag fade-up\">\r\n <div class=\"section-tag-line\"><\/div>\r\n <span>Sobre a Advogada<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"section-title fade-up fade-up-delay-1\">\r\n Experi\u00eancia,<br>estrat\u00e9gia e <em>dedica\u00e7\u00e3o<\/em><br>em cada caso.\r\n <\/h2>\r\n\r\n <div class=\"about-body fade-up fade-up-delay-2\">\r\n <p>Com anos de atua\u00e7\u00e3o no setor jur\u00eddico, a advogada possui experi\u00eancia pr\u00e1tica principalmente nas \u00e1reas trabalhista, familiar e imobili\u00e1ria, atuando com seriedade, estrat\u00e9gia e dedica\u00e7\u00e3o em cada caso.<\/p>\r\n <p>Possui cursos especializados nas \u00e1reas de direito familiar e direito do trabalho, mantendo constante atualiza\u00e7\u00e3o para oferecer a melhor orienta\u00e7\u00e3o jur\u00eddica aos seus clientes.<\/p>\r\n <p>O atendimento \u00e9 direto, personalizado e focado na solu\u00e7\u00e3o do problema com seguran\u00e7a jur\u00eddica.<\/p>\r\n <\/div>\r\n\r\n <div class=\"about-checks fade-up fade-up-delay-3\">\r\n <div class=\"about-check\">\r\n <div class=\"check-icon\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"2\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n <\/div>\r\n <span>Experi\u00eancia no setor jur\u00eddico<\/span>\r\n <\/div>\r\n <div class=\"about-check\">\r\n <div class=\"check-icon\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"2\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n <\/div>\r\n <span>Atua\u00e7\u00e3o trabalhista, familiar e imobili\u00e1ria<\/span>\r\n <\/div>\r\n <div class=\"about-check\">\r\n <div class=\"check-icon\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"2\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n <\/div>\r\n <span>Cursos especializados<\/span>\r\n <\/div>\r\n <div class=\"about-check\">\r\n <div class=\"check-icon\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"2\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n <\/div>\r\n <span>Atendimento personalizado<\/span>\r\n <\/div>\r\n <div class=\"about-check\">\r\n <div class=\"check-icon\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"2\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n <\/div>\r\n <span>Transpar\u00eancia e confian\u00e7a<\/span>\r\n <\/div>\r\n <div class=\"about-check\">\r\n <div class=\"check-icon\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"2\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n <\/div>\r\n <span>Sigilo absoluto<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"areas\">\r\n <div class=\"areas-header fade-up\">\r\n <div class=\"areas-header-left\">\r\n <div class=\"section-tag\">\r\n <div class=\"section-tag-line\"><\/div>\r\n <span>\u00c1reas de Atua\u00e7\u00e3o<\/span>\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Solu\u00e7\u00f5es jur\u00eddicas<br>para cada <em>necessidade.<\/em>\r\n <\/h2>\r\n <\/div>\r\n <p class=\"areas-desc\">Atua\u00e7\u00e3o especializada com an\u00e1lise estrat\u00e9gica e atendimento dedicado em cada \u00e1rea do direito.<\/p>\r\n <\/div>\r\n\r\n <div class=\"areas-grid\">\r\n <div class=\"area-card fade-up\">\r\n <span class=\"area-number\">01<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L3 7v5c0 5.5 3.8 10.7 9 12 5.2-1.3 9-6.5 9-12V7l-9-5z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Direito C\u00edvel<\/h3>\r\n <p class=\"area-desc\">Contratos, indeniza\u00e7\u00f5es, cobran\u00e7as e demais demandas c\u00edveis com atua\u00e7\u00e3o estrat\u00e9gica e eficaz.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up fade-up-delay-1\">\r\n <span class=\"area-number\">02<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Direito Criminal<\/h3>\r\n <p class=\"area-desc\">Defesa t\u00e9cnica em processos criminais, inqu\u00e9ritos, habeas corpus e orienta\u00e7\u00e3o jur\u00eddica preventiva.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up fade-up-delay-2\">\r\n <span class=\"area-number\">03<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Div\u00f3rcio<\/h3>\r\n <p class=\"area-desc\">Div\u00f3rcio consensual e litigioso, partilha de bens, guarda e alimentos com agilidade e discri\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up\">\r\n <span class=\"area-number\">04<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Direito de Fam\u00edlia<\/h3>\r\n <p class=\"area-desc\">Div\u00f3rcios, pens\u00e3o, guarda, invent\u00e1rio e solu\u00e7\u00f5es jur\u00eddicas para conflitos familiares com humanidade.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up fade-up-delay-1\">\r\n <span class=\"area-number\">05<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Pens\u00e3o Aliment\u00edcia<\/h3>\r\n <p class=\"area-desc\">Fixa\u00e7\u00e3o, revis\u00e3o, exonera\u00e7\u00e3o e execu\u00e7\u00e3o de alimentos com atua\u00e7\u00e3o \u00e1gil e orienta\u00e7\u00e3o clara.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up fade-up-delay-2\">\r\n <span class=\"area-number\">06<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Invent\u00e1rio<\/h3>\r\n <p class=\"area-desc\">Invent\u00e1rio judicial e extrajudicial, arrolamento, partilha de heran\u00e7a com seguran\u00e7a e efici\u00eancia.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up\">\r\n <span class=\"area-number\">07<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Direito do Consumidor<\/h3>\r\n <p class=\"area-desc\">Defesa em rela\u00e7\u00f5es de consumo, cobran\u00e7as indevidas, danos morais e materiais perante fornecedores.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up fade-up-delay-1\">\r\n <span class=\"area-number\">08<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Direito Trabalhista<\/h3>\r\n <p class=\"area-desc\">Defesa de trabalhadores e empregadores, rescis\u00f5es, verbas, acordos e orienta\u00e7\u00f5es preventivas.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up fade-up-delay-2\">\r\n <span class=\"area-number\">09<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Direito Imobili\u00e1rio<\/h3>\r\n <p class=\"area-desc\">Contratos, compra e venda, atraso de obras, SATI, regulariza\u00e7\u00e3o, despejo e disputas imobili\u00e1rias.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"help\">\r\n <div class=\"help-inner\">\r\n <div class=\"help-left\">\r\n <div class=\"section-tag fade-up\">\r\n <div class=\"section-tag-line\"><\/div>\r\n <span>Como Posso Te Ajudar<\/span>\r\n <\/div>\r\n <h2 class=\"section-title fade-up fade-up-delay-1\">\r\n Reconhece alguma<br>dessas <em>situa\u00e7\u00f5es?<\/em>\r\n <\/h2>\r\n\r\n <div class=\"help-list fade-up fade-up-delay-2\">\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Precisa fazer um div\u00f3rcio r\u00e1pido<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Est\u00e1 com problemas com pens\u00e3o aliment\u00edcia<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Foi demitido e quer saber seus direitos<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Precisa regularizar um im\u00f3vel<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Est\u00e1 com cobran\u00e7a ou d\u00edvida indevida<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Quer fazer um invent\u00e1rio<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Foi acusado em processo criminal<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Tem problemas com contrato de trabalho<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Sua obra atrasou e quer ser indenizado<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"help-right fade-up fade-up-delay-2\">\r\n <div class=\"help-cta-box\">\r\n <p class=\"help-cta-text\">Cada caso exige uma estrat\u00e9gia jur\u00eddica espec\u00edfica.<\/p>\r\n <p class=\"help-cta-sub\">Entre em contato e receba orienta\u00e7\u00e3o segura, direta e personalizada para a sua situa\u00e7\u00e3o.<\/p>\r\n <a href=\"https:\/\/wa.me\/5515991371474?text=Ol\u00e1, gostaria de agendar uma consulta.\" target=\"_blank\" class=\"btn-primary\">\r\n <span>Falar agora com a Advogada<\/span>\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"diferenciais\">\r\n <div class=\"diferenciais-inner\">\r\n <div class=\"diferenciais-header fade-up\">\r\n <div class=\"section-tag\">\r\n <div class=\"section-tag-line\"><\/div>\r\n <span>Nossos Diferenciais<\/span>\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Por que nos <em>escolher?<\/em>\r\n <\/h2>\r\n <p class=\"diferenciais-quote\">\r\n Nosso objetivo n\u00e3o \u00e9 apenas entrar com um processo, mas encontrar a melhor solu\u00e7\u00e3o para o cliente.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"diferenciais-grid\">\r\n <div class=\"diferencial-card fade-up\">\r\n <span class=\"diferencial-number\">01<\/span>\r\n <h3 class=\"diferencial-title\">Atendimento Direto<\/h3>\r\n <p class=\"diferencial-text\">Voc\u00ea fala diretamente com a advogada respons\u00e1vel pelo seu caso, sem intermedi\u00e1rios.<\/p>\r\n <\/div>\r\n <div class=\"diferencial-card fade-up fade-up-delay-1\">\r\n <span class=\"diferencial-number\">02<\/span>\r\n <h3 class=\"diferencial-title\">An\u00e1lise Detalhada<\/h3>\r\n <p class=\"diferencial-text\">Cada caso \u00e9 analisado com cuidado e profundidade antes de qualquer orienta\u00e7\u00e3o ou a\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <div class=\"diferencial-card fade-up fade-up-delay-2\">\r\n <span class=\"diferencial-number\">03<\/span>\r\n <h3 class=\"diferencial-title\">Linguagem Clara<\/h3>\r\n <p class=\"diferencial-text\">Traduzimos o juridiqu\u00eas para voc\u00ea entender exatamente o que acontece no seu processo.<\/p>\r\n <\/div>\r\n <div class=\"diferencial-card fade-up fade-up-delay-3\">\r\n <span class=\"diferencial-number\">04<\/span>\r\n <h3 class=\"diferencial-title\">Estrat\u00e9gia Personalizada<\/h3>\r\n <p class=\"diferencial-text\">Nenhum caso \u00e9 igual ao outro. Desenvolvemos a melhor estrat\u00e9gia para a sua situa\u00e7\u00e3o espec\u00edfica.<\/p>\r\n <\/div>\r\n <div class=\"diferencial-card fade-up fade-up-delay-4\">\r\n <span class=\"diferencial-number\">05<\/span>\r\n <h3 class=\"diferencial-title\">Sigilo Total<\/h3>\r\n <p class=\"diferencial-text\">Absoluta confidencialidade em todas as informa\u00e7\u00f5es compartilhadas durante o atendimento.<\/p>\r\n <\/div>\r\n <div class=\"diferencial-card fade-up fade-up-delay-5\">\r\n <span class=\"diferencial-number\">06<\/span>\r\n <h3 class=\"diferencial-title\">Experi\u00eancia Real<\/h3>\r\n <p class=\"diferencial-text\">Atua\u00e7\u00e3o pr\u00e1tica em processos reais, com conhecimento t\u00e9cnico e vis\u00e3o estrat\u00e9gica consolidada.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"cta\">\r\n <div class=\"cta-bg\"><\/div>\r\n <div class=\"cta-inner fade-up\">\r\n <div class=\"section-tag\">\r\n <div class=\"section-tag-line\"><\/div>\r\n <span>Fale Conosco<\/span>\r\n <\/div>\r\n <h2 class=\"cta-title\">\r\n Precisa de orienta\u00e7\u00e3o<br><em>jur\u00eddica?<\/em> Fale agora.\r\n <\/h2>\r\n <p class=\"cta-subtitle\">Atendimento r\u00e1pido, direto e com total sigilo.<\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"https:\/\/wa.me\/5515991371474?text=Ol\u00e1, gostaria de agendar uma consulta.\" target=\"_blank\" class=\"btn-whatsapp\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.118.554 4.107 1.523 5.834L0 24l6.335-1.523C8.107 23.446 10.007 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.885 0-3.655-.507-5.18-1.388l-.371-.22-3.763.904.918-3.666-.242-.383A9.935 9.935 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\/><\/svg>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/5515991371474?text=Ol\u00e1, gostaria de agendar uma consulta.\" target=\"_blank\" class=\"btn-secondary\">\r\n <span>Agendar Consulta<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"cta-divider\"><\/div>\r\n <p class=\"cta-info\">Atendimento mediante agendamento \u00b7 Sorocaba, SP<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer>\r\n <div class=\"footer-top\">\r\n <div class=\"footer-brand\">\r\n <img decoding=\"async\" src=\"https:\/\/managerproduct.site\/wp-content\/uploads\/2026\/03\/ChatGPT_Image_25_de_mar._de_2026__22_23_08-removebg-preview.png\" alt=\"Logo\"\r\n onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block'\">\r\n <span class=\"logo-placeholder-footer\" style=\"display:none\">ADVOCACIA<\/span>\r\n <p>Atendimento jur\u00eddico personalizado, estrat\u00e9gico e humanizado em Sorocaba e regi\u00e3o.<\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>\u00c1reas de Atua\u00e7\u00e3o<\/h4>\r\n <ul>\r\n <li>Direito de Fam\u00edlia<\/li>\r\n <li>Direito Trabalhista<\/li>\r\n <li>Direito Imobili\u00e1rio<\/li>\r\n <li>Direito Criminal<\/li>\r\n <li>Direito C\u00edvel<\/li>\r\n <li>Direito do Consumidor<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Navega\u00e7\u00e3o<\/h4>\r\n <ul>\r\n <li><a href=\"#about\">Sobre a Advogada<\/a><\/li>\r\n <li><a href=\"#areas\">\u00c1reas de Atua\u00e7\u00e3o<\/a><\/li>\r\n <li><a href=\"#help\">Como Posso Ajudar<\/a><\/li>\r\n <li><a href=\"#diferenciais\">Diferenciais<\/a><\/li>\r\n <li><a href=\"#cta\">Contato<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Contato<\/h4>\r\n <div class=\"footer-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <span>Sorocaba, SP<br>Atendimento presencial e online<\/span>\r\n <\/div>\r\n <div class=\"footer-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.65 3.18 2 2 0 0 1 3.62 1h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9c1.91 3.27 4.63 5.99 7.9 7.9l.8-.79a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n <span>(15) 99137-1474<\/span>\r\n <\/div>\r\n <div class=\"footer-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <span>contato@advocacia.com.br<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p class=\"footer-copy\">\u00a9 2026 Advocacia. Todos os direitos reservados. OAB\/SP 525.041<\/p>\r\n <p class=\"footer-note\">Atendimento mediante agendamento<\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ Navbar scroll\r\n const navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', () => {\r\n navbar.classList.toggle('scrolled', window.scrollY > 50);\r\n });\r\n\r\n \/\/ Scroll animations\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\n document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\r\n\r\n \/\/ Mobile menu\r\n function toggleMenu() {\r\n const nav = document.querySelector('.nav-links');\r\n const isOpen = nav.style.display === 'flex';\r\n nav.style.display = isOpen ? 'none' : 'flex';\r\n if (!isOpen) {\r\n nav.style.position = 'fixed';\r\n nav.style.top = '70px';\r\n nav.style.left = '0';\r\n nav.style.right = '0';\r\n nav.style.flexDirection = 'column';\r\n nav.style.background = 'rgba(8,8,8,0.98)';\r\n nav.style.padding = '30px 30px';\r\n nav.style.gap = '24px';\r\n nav.style.borderBottom = '1px solid rgba(201,168,76,0.2)';\r\n nav.style.backdropFilter = 'blur(20px)';\r\n }\r\n }\r\n\r\n \/\/ Smooth anchor scroll\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n a.addEventListener('click', e => {\r\n const target = document.querySelector(a.getAttribute('href'));\r\n if (target) {\r\n e.preventDefault();\r\n target.scrollIntoView({ behavior: 'smooth' });\r\n const nav = document.querySelector('.nav-links');\r\n nav.style.display = '';\r\n }\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87ef658 e-flex e-con-boxed e-con e-parent\" data-id=\"87ef658\" 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-277868d elementor-widget elementor-widget-html\" data-id=\"277868d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-18085351593\"><\/script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'AW-18085351593');\n<\/script>\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>Advocacia | Direito de Fam\u00edlia, Trabalhista & Imobili\u00e1rio ADVOCACIA Sobre \u00c1reas Como ajudo Diferenciais Falar agora Advocacia & Consultoria Jur\u00eddica Defesa jur\u00eddica estrat\u00e9gica, atendimento pr\u00f3ximo e solu\u00e7\u00f5es eficazes. Atua\u00e7\u00e3o nas \u00e1reas C\u00edvel, Trabalhista, Familia, Imobili\u00e1rio e Criminal, com experi\u00eancia pr\u00e1tica e atendimento personalizado. Falar com a Advogada Agendar Consulta Rolar Foto da Advogada 100% Dedica\u00e7\u00e3o […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":11,"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nAdvocacia | Direito de Fam\u00edlia, Trabalhista & Imobili\u00e1rio<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --gold: #C9A84C;\r\n --gold-light: #E8C97A;\r\n --gold-dark: #9B7B2F;\r\n --black: #080808;\r\n --black-2: #0F0F0F;\r\n --black-3: #161616;\r\n --black-4: #1E1E1E;\r\n --black-5: #2A2A2A;\r\n --white: #F5F0E8;\r\n --white-dim: rgba(245,240,232,0.7);\r\n --white-dimmer: rgba(245,240,232,0.35);\r\n }\r\n\r\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n background: var(--black);\r\n color: var(--white);\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 300;\r\n overflow-x: hidden;\r\n cursor: default;\r\n }\r\n\r\n \/* SCROLLBAR *\/\r\n ::-webkit-scrollbar { width: 4px; }\r\n ::-webkit-scrollbar-track { background: var(--black); }\r\n ::-webkit-scrollbar-thumb { background: var(--gold-dark); }\r\n\r\n \/* SELECTION *\/\r\n ::selection { background: var(--gold); color: var(--black); }\r\n\r\n \/* ==================== NAVBAR ==================== *\/\r\n nav {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 20px 60px;\r\n transition: all 0.4s ease;\r\n background: transparent;\r\n }\r\n\r\n nav.scrolled {\r\n background: rgba(8,8,8,0.97);\r\n padding: 14px 60px;\r\n border-bottom: 1px solid rgba(201,168,76,0.2);\r\n backdrop-filter: blur(20px);\r\n }\r\n\r\n .nav-logo img {\r\n height: 52px;\r\n object-fit: contain;\r\n filter: brightness(1.1);\r\n }\r\n\r\n .nav-logo .logo-placeholder {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 22px;\r\n font-weight: 600;\r\n color: var(--gold);\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 40px;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n color: var(--white-dim);\r\n text-decoration: none;\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n transition: color 0.3s;\r\n position: relative;\r\n }\r\n\r\n .nav-links a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -4px; left: 0;\r\n width: 0; height: 1px;\r\n background: var(--gold);\r\n transition: width 0.3s;\r\n }\r\n\r\n .nav-links a:hover { color: var(--gold); }\r\n .nav-links a:hover::after { width: 100%; }\r\n\r\n .nav-cta {\r\n background: transparent;\r\n border: 1px solid var(--gold);\r\n color: var(--gold) !important;\r\n padding: 10px 24px;\r\n font-size: 10px !important;\r\n letter-spacing: 2px !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n .nav-cta:hover {\r\n background: var(--gold) !important;\r\n color: var(--black) !important;\r\n }\r\n\r\n .nav-cta::after { display: none !important; }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n gap: 5px;\r\n cursor: pointer;\r\n padding: 5px;\r\n }\r\n\r\n .hamburger span {\r\n display: block;\r\n width: 24px; height: 1px;\r\n background: var(--gold);\r\n transition: all 0.3s;\r\n }\r\n\r\n \/* ==================== HERO ==================== *\/\r\n #hero {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 120px 60px 80px;\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background: \r\n radial-gradient(ellipse 80% 60% at 70% 50%, rgba(201,168,76,0.06) 0%, transparent 70%),\r\n radial-gradient(ellipse 40% 40% at 20% 80%, rgba(201,168,76,0.04) 0%, transparent 60%),\r\n var(--black);\r\n }\r\n\r\n .hero-grid {\r\n position: absolute;\r\n inset: 0;\r\n background-image: \r\n linear-gradient(rgba(201,168,76,0.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(201,168,76,0.04) 1px, transparent 1px);\r\n background-size: 80px 80px;\r\n mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);\r\n }\r\n\r\n .hero-ornament {\r\n position: absolute;\r\n right: -100px; top: 50%;\r\n transform: translateY(-50%);\r\n width: 600px; height: 600px;\r\n border: 1px solid rgba(201,168,76,0.1);\r\n border-radius: 50%;\r\n animation: rotate 30s linear infinite;\r\n }\r\n\r\n .hero-ornament::before {\r\n content: '';\r\n position: absolute;\r\n inset: 40px;\r\n border: 1px solid rgba(201,168,76,0.07);\r\n border-radius: 50%;\r\n }\r\n\r\n .hero-ornament::after {\r\n content: '';\r\n position: absolute;\r\n inset: 80px;\r\n border: 1px solid rgba(201,168,76,0.05);\r\n border-radius: 50%;\r\n }\r\n\r\n @keyframes rotate {\r\n from { transform: translateY(-50%) rotate(0deg); }\r\n to { transform: translateY(-50%) rotate(360deg); }\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 720px;\r\n }\r\n\r\n .hero-eyebrow {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n margin-bottom: 32px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.2s forwards;\r\n }\r\n\r\n .hero-eyebrow-line {\r\n width: 40px; height: 1px;\r\n background: var(--gold);\r\n }\r\n\r\n .hero-eyebrow span {\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(42px, 5vw, 72px);\r\n font-weight: 300;\r\n line-height: 1.1;\r\n letter-spacing: -0.5px;\r\n margin-bottom: 28px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.4s forwards;\r\n }\r\n\r\n .hero-title em {\r\n font-style: italic;\r\n color: var(--gold-light);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 14px;\r\n font-weight: 300;\r\n line-height: 1.8;\r\n color: var(--white-dim);\r\n max-width: 520px;\r\n margin-bottom: 48px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.6s forwards;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.8s forwards;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: var(--gold);\r\n color: var(--black);\r\n padding: 16px 36px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: var(--gold-light);\r\n transform: translateX(-100%);\r\n transition: transform 0.3s;\r\n }\r\n\r\n .btn-primary:hover::before { transform: translateX(0); }\r\n .btn-primary span { position: relative; z-index: 1; }\r\n\r\n .btn-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: transparent;\r\n color: var(--white);\r\n padding: 16px 36px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n border: 1px solid rgba(245,240,232,0.25);\r\n transition: all 0.3s;\r\n }\r\n\r\n .btn-secondary:hover {\r\n border-color: var(--gold);\r\n color: var(--gold);\r\n }\r\n\r\n .hero-scroll {\r\n position: absolute;\r\n bottom: 40px; left: 60px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 1.2s forwards;\r\n }\r\n\r\n .scroll-line {\r\n width: 1px; height: 50px;\r\n background: linear-gradient(to bottom, transparent, var(--gold));\r\n animation: scrollLine 2s ease infinite;\r\n }\r\n\r\n @keyframes scrollLine {\r\n 0%, 100% { opacity: 0.3; transform: scaleY(1); }\r\n 50% { opacity: 1; transform: scaleY(1.2); }\r\n }\r\n\r\n .hero-scroll span {\r\n font-size: 9px;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--white-dimmer);\r\n writing-mode: vertical-rl;\r\n }\r\n\r\n \/* ==================== SECTION BASE ==================== *\/\r\n section { position: relative; overflow: hidden; }\r\n\r\n .section-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .section-tag-line {\r\n width: 30px; height: 1px;\r\n background: var(--gold);\r\n }\r\n\r\n .section-tag span {\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n }\r\n\r\n .section-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(36px, 4vw, 60px);\r\n font-weight: 300;\r\n line-height: 1.1;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .section-title em {\r\n font-style: italic;\r\n color: var(--gold-light);\r\n }\r\n\r\n \/* ==================== ABOUT ==================== *\/\r\n #about {\r\n padding: 120px 60px;\r\n background: var(--black-2);\r\n }\r\n\r\n .about-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .about-image {\r\n position: relative;\r\n }\r\n\r\n .about-image-frame {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .about-image-frame::before {\r\n content: '';\r\n position: absolute;\r\n top: -20px; left: -20px;\r\n right: 20px; bottom: 20px;\r\n border: 1px solid rgba(201,168,76,0.3);\r\n z-index: 0;\r\n }\r\n\r\n .about-image-frame::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, transparent 60%, rgba(8,8,8,0.8));\r\n z-index: 1;\r\n }\r\n\r\n .about-image-frame img {\r\n width: 100%;\r\n height: 580px;\r\n object-fit: cover;\r\n object-position: top center;\r\n display: block;\r\n position: relative;\r\n z-index: 0;\r\n filter: grayscale(20%) contrast(1.05);\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .about-image-frame:hover img { transform: scale(1.03); }\r\n\r\n .about-image-placeholder {\r\n width: 100%;\r\n height: 580px;\r\n background: var(--black-4);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n border: 1px solid rgba(201,168,76,0.15);\r\n }\r\n\r\n .about-image-placeholder svg { opacity: 0.3; }\r\n\r\n .about-image-placeholder p {\r\n font-size: 11px;\r\n letter-spacing: 2px;\r\n color: var(--white-dimmer);\r\n text-transform: uppercase;\r\n }\r\n\r\n .about-badge {\r\n position: absolute;\r\n bottom: 30px; right: -30px;\r\n background: var(--black);\r\n border: 1px solid var(--gold);\r\n padding: 20px 24px;\r\n z-index: 3;\r\n text-align: center;\r\n }\r\n\r\n .about-badge-num {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 42px;\r\n font-weight: 300;\r\n color: var(--gold);\r\n line-height: 1;\r\n display: block;\r\n }\r\n\r\n .about-badge-text {\r\n font-size: 9px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--white-dim);\r\n display: block;\r\n margin-top: 4px;\r\n }\r\n\r\n .about-text { padding-right: 20px; }\r\n\r\n .about-body {\r\n font-size: 14px;\r\n line-height: 1.9;\r\n color: var(--white-dim);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .about-body p + p { margin-top: 16px; }\r\n\r\n .about-checks {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n margin-top: 32px;\r\n }\r\n\r\n .about-check {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: var(--white-dim);\r\n line-height: 1.4;\r\n }\r\n\r\n .check-icon {\r\n width: 18px; height: 18px;\r\n border: 1px solid var(--gold);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 1px;\r\n }\r\n\r\n .check-icon svg { width: 10px; height: 10px; }\r\n\r\n \/* ==================== AREAS ==================== *\/\r\n #areas {\r\n padding: 120px 60px;\r\n background: var(--black);\r\n }\r\n\r\n .areas-header {\r\n max-width: 1200px;\r\n margin: 0 auto 60px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n gap: 40px;\r\n }\r\n\r\n .areas-header-left { max-width: 500px; }\r\n\r\n .areas-desc {\r\n font-size: 13px;\r\n line-height: 1.8;\r\n color: var(--white-dim);\r\n max-width: 320px;\r\n text-align: right;\r\n }\r\n\r\n .areas-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n background: rgba(201,168,76,0.1);\r\n }\r\n\r\n .area-card {\r\n background: var(--black-3);\r\n padding: 40px 36px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n cursor: default;\r\n }\r\n\r\n .area-card::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0;\r\n width: 100%; height: 2px;\r\n background: var(--gold);\r\n transform: scaleX(0);\r\n transition: transform 0.4s ease;\r\n transform-origin: left;\r\n }\r\n\r\n .area-card:hover { background: var(--black-4); transform: translateY(-4px); }\r\n .area-card:hover::before { transform: scaleX(1); }\r\n\r\n .area-icon {\r\n width: 48px; height: 48px;\r\n margin-bottom: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .area-icon svg {\r\n width: 32px; height: 32px;\r\n stroke: var(--gold);\r\n fill: none;\r\n stroke-width: 1.2;\r\n }\r\n\r\n .area-name {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 22px;\r\n font-weight: 500;\r\n margin-bottom: 12px;\r\n color: var(--white);\r\n transition: color 0.3s;\r\n }\r\n\r\n .area-card:hover .area-name { color: var(--gold-light); }\r\n\r\n .area-desc {\r\n font-size: 12px;\r\n line-height: 1.8;\r\n color: var(--white-dimmer);\r\n }\r\n\r\n .area-number {\r\n position: absolute;\r\n top: 20px; right: 24px;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 48px;\r\n font-weight: 300;\r\n color: rgba(201,168,76,0.06);\r\n line-height: 1;\r\n transition: color 0.3s;\r\n }\r\n\r\n .area-card:hover .area-number { color: rgba(201,168,76,0.12); }\r\n\r\n \/* ==================== HOW I HELP ==================== *\/\r\n #help {\r\n padding: 120px 60px;\r\n background: var(--black-2);\r\n }\r\n\r\n .help-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n .help-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n margin-top: 16px;\r\n }\r\n\r\n .help-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n padding: 18px 0;\r\n border-bottom: 1px solid rgba(201,168,76,0.1);\r\n transition: all 0.3s;\r\n cursor: default;\r\n }\r\n\r\n .help-item:first-child { border-top: 1px solid rgba(201,168,76,0.1); }\r\n\r\n .help-item:hover { padding-left: 12px; }\r\n\r\n .help-dot {\r\n width: 6px; height: 6px;\r\n background: var(--gold);\r\n flex-shrink: 0;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .help-item:hover .help-dot { transform: scale(1.5); }\r\n\r\n .help-item span {\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: var(--white-dim);\r\n transition: color 0.3s;\r\n }\r\n\r\n .help-item:hover span { color: var(--white); }\r\n\r\n .help-right { padding-left: 20px; }\r\n\r\n .help-cta-box {\r\n background: var(--black-3);\r\n border: 1px solid rgba(201,168,76,0.2);\r\n padding: 48px 40px;\r\n margin-top: 40px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .help-cta-box::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 3px; height: 100%;\r\n background: linear-gradient(to bottom, var(--gold), var(--gold-dark));\r\n }\r\n\r\n .help-cta-text {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 28px;\r\n font-weight: 300;\r\n line-height: 1.4;\r\n margin-bottom: 20px;\r\n color: var(--white);\r\n }\r\n\r\n .help-cta-sub {\r\n font-size: 13px;\r\n color: var(--white-dim);\r\n line-height: 1.7;\r\n margin-bottom: 32px;\r\n }\r\n\r\n \/* ==================== DIFERENCIAIS ==================== *\/\r\n #diferenciais {\r\n padding: 120px 60px;\r\n background: var(--black);\r\n }\r\n\r\n .diferenciais-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .diferenciais-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .diferenciais-header .section-tag {\r\n justify-content: center;\r\n }\r\n\r\n .diferenciais-quote {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(20px, 2.5vw, 32px);\r\n font-weight: 300;\r\n font-style: italic;\r\n color: var(--white-dim);\r\n max-width: 700px;\r\n margin: 32px auto 0;\r\n line-height: 1.6;\r\n text-align: center;\r\n }\r\n\r\n .diferenciais-quote::before,\r\n .diferenciais-quote::after {\r\n content: '\"';\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 60px;\r\n color: var(--gold);\r\n line-height: 0;\r\n vertical-align: -20px;\r\n display: inline-block;\r\n margin: 0 8px;\r\n }\r\n\r\n .diferenciais-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .diferencial-card {\r\n background: var(--black-3);\r\n border: 1px solid rgba(201,168,76,0.1);\r\n padding: 36px 32px;\r\n position: relative;\r\n transition: all 0.4s;\r\n overflow: hidden;\r\n }\r\n\r\n .diferencial-card::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(ellipse at top left, rgba(201,168,76,0.05) 0%, transparent 70%);\r\n opacity: 0;\r\n transition: opacity 0.4s;\r\n }\r\n\r\n .diferencial-card:hover { border-color: rgba(201,168,76,0.3); }\r\n .diferencial-card:hover::after { opacity: 1; }\r\n\r\n .diferencial-number {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 56px;\r\n font-weight: 300;\r\n color: var(--gold);\r\n opacity: 0.2;\r\n line-height: 1;\r\n margin-bottom: 20px;\r\n display: block;\r\n transition: opacity 0.3s;\r\n }\r\n\r\n .diferencial-card:hover .diferencial-number { opacity: 0.4; }\r\n\r\n .diferencial-title {\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: var(--white);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .diferencial-text {\r\n font-size: 12px;\r\n line-height: 1.8;\r\n color: var(--white-dimmer);\r\n }\r\n\r\n \/* ==================== CTA SECTION ==================== *\/\r\n #cta {\r\n padding: 120px 60px;\r\n background: var(--black-2);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-bg {\r\n position: absolute;\r\n inset: 0;\r\n background: \r\n radial-gradient(ellipse 60% 60% at 50% 50%, rgba(201,168,76,0.05) 0%, transparent 70%);\r\n }\r\n\r\n .cta-inner {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n text-align: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .cta-inner .section-tag { justify-content: center; }\r\n\r\n .cta-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(42px, 5vw, 72px);\r\n font-weight: 300;\r\n line-height: 1.1;\r\n margin: 24px 0;\r\n }\r\n\r\n .cta-title em { font-style: italic; color: var(--gold-light); }\r\n\r\n .cta-subtitle {\r\n font-size: 14px;\r\n color: var(--white-dim);\r\n margin-bottom: 48px;\r\n line-height: 1.8;\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n gap: 20px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn-whatsapp {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #25D366;\r\n color: #000;\r\n padding: 16px 36px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n }\r\n\r\n .btn-whatsapp:hover { background: #20bd5a; transform: translateY(-2px); }\r\n\r\n .cta-divider {\r\n width: 60px; height: 1px;\r\n background: rgba(201,168,76,0.3);\r\n margin: 60px auto 0;\r\n }\r\n\r\n .cta-info {\r\n margin-top: 32px;\r\n font-size: 11px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--white-dimmer);\r\n }\r\n\r\n \/* ==================== FOOTER ==================== *\/\r\n footer {\r\n background: var(--black);\r\n border-top: 1px solid rgba(201,168,76,0.15);\r\n padding: 60px 60px 30px;\r\n }\r\n\r\n .footer-top {\r\n display: grid;\r\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n gap: 40px;\r\n padding-bottom: 50px;\r\n border-bottom: 1px solid rgba(201,168,76,0.1);\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .footer-brand img {\r\n height: 48px;\r\n object-fit: contain;\r\n margin-bottom: 20px;\r\n display: block;\r\n filter: brightness(1.1);\r\n }\r\n\r\n .footer-brand .logo-placeholder-footer {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: var(--gold);\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-bottom: 20px;\r\n display: block;\r\n }\r\n\r\n .footer-brand p {\r\n font-size: 12px;\r\n line-height: 1.8;\r\n color: var(--white-dimmer);\r\n max-width: 260px;\r\n }\r\n\r\n .footer-col h4 {\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 24px;\r\n }\r\n\r\n .footer-col ul { list-style: none; }\r\n\r\n .footer-col ul li {\r\n font-size: 12px;\r\n color: var(--white-dimmer);\r\n margin-bottom: 10px;\r\n transition: color 0.3s;\r\n cursor: default;\r\n }\r\n\r\n .footer-col ul li:hover { color: var(--white); }\r\n\r\n .footer-col ul li a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n .footer-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .footer-contact-item svg {\r\n width: 14px; height: 14px;\r\n stroke: var(--gold);\r\n fill: none;\r\n stroke-width: 1.5;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .footer-contact-item span {\r\n font-size: 12px;\r\n color: var(--white-dimmer);\r\n line-height: 1.6;\r\n }\r\n\r\n .footer-bottom {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding-top: 28px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .footer-copy {\r\n font-size: 11px;\r\n color: rgba(245,240,232,0.2);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .footer-note {\r\n font-size: 11px;\r\n color: rgba(245,240,232,0.2);\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* ==================== ANIMATIONS ==================== *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .fade-up {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n\r\n .fade-up.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .fade-up-delay-1 { transition-delay: 0.1s; }\r\n .fade-up-delay-2 { transition-delay: 0.2s; }\r\n .fade-up-delay-3 { transition-delay: 0.3s; }\r\n .fade-up-delay-4 { transition-delay: 0.4s; }\r\n .fade-up-delay-5 { transition-delay: 0.5s; }\r\n\r\n \/* ==================== DIVIDER ==================== *\/\r\n .gold-divider {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .gold-divider-line {\r\n flex: 1; height: 1px;\r\n background: linear-gradient(to right, transparent, rgba(201,168,76,0.3), transparent);\r\n }\r\n\r\n .gold-divider-icon {\r\n width: 8px; height: 8px;\r\n background: var(--gold);\r\n transform: rotate(45deg);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ==================== RESPONSIVE ==================== *\/\r\n @media (max-width: 1024px) {\r\n nav { padding: 18px 30px; }\r\n nav.scrolled { padding: 12px 30px; }\r\n .nav-links { display: none; }\r\n .hamburger { display: flex; }\r\n\r\n #hero { padding: 120px 30px 80px; }\r\n #about, #areas, #help, #diferenciais, #cta { padding: 80px 30px; }\r\n footer { padding: 50px 30px 24px; }\r\n\r\n .about-inner { grid-template-columns: 1fr; gap: 50px; }\r\n .about-image { order: -1; }\r\n .about-badge { right: 0; }\r\n .about-text { padding-right: 0; }\r\n\r\n .areas-header { flex-direction: column; align-items: flex-start; }\r\n .areas-desc { text-align: left; }\r\n .areas-grid { grid-template-columns: repeat(2, 1fr); }\r\n\r\n .help-inner { grid-template-columns: 1fr; gap: 50px; }\r\n .help-right { padding-left: 0; }\r\n\r\n .diferenciais-grid { grid-template-columns: repeat(2, 1fr); }\r\n\r\n .footer-top { grid-template-columns: 1fr 1fr; }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .areas-grid { grid-template-columns: 1fr; }\r\n .about-checks { grid-template-columns: 1fr; }\r\n .diferenciais-grid { grid-template-columns: 1fr; }\r\n .footer-top { grid-template-columns: 1fr; }\r\n .footer-bottom { flex-direction: column; text-align: center; }\r\n .hero-buttons { flex-direction: column; }\r\n .btn-primary, .btn-secondary { width: 100%; justify-content: center; }\r\n .cta-buttons { flex-direction: column; align-items: center; }\r\n .btn-whatsapp { width: 100%; justify-content: center; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<nav id=\"navbar\">\r\n <div class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/managerproduct.site\/wp-content\/uploads\/2026\/03\/ChatGPT_Image_25_de_mar._de_2026__22_23_08-removebg-preview.png\" alt=\"Logo\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block'\">\r\n <span class=\"logo-placeholder\" style=\"display:none\">ADVOCACIA<\/span>\r\n <\/div>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#about\">Sobre<\/a><\/li>\r\n <li><a href=\"#areas\">\u00c1reas<\/a><\/li>\r\n <li><a href=\"#help\">Como ajudo<\/a><\/li>\r\n <li><a href=\"#diferenciais\">Diferenciais<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/5515991371474?text=Ol\u00e1, gostaria de agendar uma consulta.\" target=\"_blank\" class=\"nav-cta\">Falar agora<\/a><\/li>\r\n <\/ul>\r\n <div class=\"hamburger\" onclick=\"toggleMenu()\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n<\/nav>\r\n\r\n\r\n\r\n<section id=\"hero\" style=\"display:grid; grid-template-columns:1fr 40%; align-items:center; position:relative; min-height:100vh; padding:120px 60px 80px; gap:40px; overflow:hidden;\">\r\n\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-grid\"><\/div>\r\n <div class=\"hero-ornament\"><\/div>\r\n\r\n <div class=\"hero-content\" style=\"grid-column:1; grid-row:1; position:relative; z-index:2;\">\r\n <div class=\"hero-eyebrow\">\r\n <div class=\"hero-eyebrow-line\"><\/div>\r\n <span>Advocacia & Consultoria Jur\u00eddica<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n Defesa jur\u00eddica <em>estrat\u00e9gica,<\/em><br>\r\n atendimento pr\u00f3ximo<br>\r\n e solu\u00e7\u00f5es eficazes.\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle\">\r\n Atua\u00e7\u00e3o nas \u00e1reas C\u00edvel, Trabalhista, Familia, Imobili\u00e1rio e Criminal, com experi\u00eancia pr\u00e1tica e atendimento personalizado.\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n <a href=\"https:\/\/wa.me\/5515991371474?text=Ol\u00e1, gostaria de agendar uma consulta.\" target=\"_blank\" class=\"btn-primary\">\r\n <span>Falar com a Advogada<\/span>\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#areas\" class=\"btn-secondary\">\r\n <span>Agendar Consulta<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"grid-column:2; grid-row:1; position:relative; z-index:2; display:flex; align-items:center; justify-content:center;\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/managerproduct.site\/wp-content\/uploads\/2026\/03\/ChatGPT_Image_25_de_mar._de_2026__22_23_08-removebg-preview.png\"\r\n alt=\"Amanda Viotto Domingues Advocacia\"\r\n style=\"width:100%; max-width:480px; height:auto; object-fit:contain; filter:drop-shadow(0 0 40px rgba(201,168,76,0.25));\">\r\n <\/div>\r\n\r\n <div class=\"hero-scroll\" style=\"position:absolute; bottom:40px; left:60px; z-index:3;\">\r\n <div class=\"scroll-line\"><\/div>\r\n <span>Rolar<\/span>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<section id=\"about\">\r\n <div class=\"about-inner\">\r\n <div class=\"about-image fade-up\">\r\n <div class=\"about-image-frame\">\r\n <img decoding=\"async\" src=\"https:\/\/managerproduct.site\/wp-content\/uploads\/2026\/03\/IMG_20250209_164706_983.webp\" alt=\"Advogada\"\r\n onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex'\">\r\n <div class=\"about-image-placeholder\" style=\"display:none\">\r\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"1\">\r\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n <\/svg>\r\n <p>Foto da Advogada<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-badge\">\r\n <span class=\"about-badge-num\">100%<\/span>\r\n <span class=\"about-badge-text\">Dedica\u00e7\u00e3o ao cliente<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-text\">\r\n <div class=\"section-tag fade-up\">\r\n <div class=\"section-tag-line\"><\/div>\r\n <span>Sobre a Advogada<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"section-title fade-up fade-up-delay-1\">\r\n Experi\u00eancia,<br>estrat\u00e9gia e <em>dedica\u00e7\u00e3o<\/em><br>em cada caso.\r\n <\/h2>\r\n\r\n <div class=\"about-body fade-up fade-up-delay-2\">\r\n <p>Com anos de atua\u00e7\u00e3o no setor jur\u00eddico, a advogada possui experi\u00eancia pr\u00e1tica principalmente nas \u00e1reas trabalhista, familiar e imobili\u00e1ria, atuando com seriedade, estrat\u00e9gia e dedica\u00e7\u00e3o em cada caso.<\/p>\r\n <p>Possui cursos especializados nas \u00e1reas de direito familiar e direito do trabalho, mantendo constante atualiza\u00e7\u00e3o para oferecer a melhor orienta\u00e7\u00e3o jur\u00eddica aos seus clientes.<\/p>\r\n <p>O atendimento \u00e9 direto, personalizado e focado na solu\u00e7\u00e3o do problema com seguran\u00e7a jur\u00eddica.<\/p>\r\n <\/div>\r\n\r\n <div class=\"about-checks fade-up fade-up-delay-3\">\r\n <div class=\"about-check\">\r\n <div class=\"check-icon\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"2\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n <\/div>\r\n <span>Experi\u00eancia no setor jur\u00eddico<\/span>\r\n <\/div>\r\n <div class=\"about-check\">\r\n <div class=\"check-icon\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"2\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n <\/div>\r\n <span>Atua\u00e7\u00e3o trabalhista, familiar e imobili\u00e1ria<\/span>\r\n <\/div>\r\n <div class=\"about-check\">\r\n <div class=\"check-icon\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"2\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n <\/div>\r\n <span>Cursos especializados<\/span>\r\n <\/div>\r\n <div class=\"about-check\">\r\n <div class=\"check-icon\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"2\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n <\/div>\r\n <span>Atendimento personalizado<\/span>\r\n <\/div>\r\n <div class=\"about-check\">\r\n <div class=\"check-icon\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"2\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n <\/div>\r\n <span>Transpar\u00eancia e confian\u00e7a<\/span>\r\n <\/div>\r\n <div class=\"about-check\">\r\n <div class=\"check-icon\">\r\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#C9A84C\" stroke-width=\"2\"><path d=\"M2 6l3 3 5-5\"\/><\/svg>\r\n <\/div>\r\n <span>Sigilo absoluto<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"areas\">\r\n <div class=\"areas-header fade-up\">\r\n <div class=\"areas-header-left\">\r\n <div class=\"section-tag\">\r\n <div class=\"section-tag-line\"><\/div>\r\n <span>\u00c1reas de Atua\u00e7\u00e3o<\/span>\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Solu\u00e7\u00f5es jur\u00eddicas<br>para cada <em>necessidade.<\/em>\r\n <\/h2>\r\n <\/div>\r\n <p class=\"areas-desc\">Atua\u00e7\u00e3o especializada com an\u00e1lise estrat\u00e9gica e atendimento dedicado em cada \u00e1rea do direito.<\/p>\r\n <\/div>\r\n\r\n <div class=\"areas-grid\">\r\n <div class=\"area-card fade-up\">\r\n <span class=\"area-number\">01<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L3 7v5c0 5.5 3.8 10.7 9 12 5.2-1.3 9-6.5 9-12V7l-9-5z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Direito C\u00edvel<\/h3>\r\n <p class=\"area-desc\">Contratos, indeniza\u00e7\u00f5es, cobran\u00e7as e demais demandas c\u00edveis com atua\u00e7\u00e3o estrat\u00e9gica e eficaz.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up fade-up-delay-1\">\r\n <span class=\"area-number\">02<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Direito Criminal<\/h3>\r\n <p class=\"area-desc\">Defesa t\u00e9cnica em processos criminais, inqu\u00e9ritos, habeas corpus e orienta\u00e7\u00e3o jur\u00eddica preventiva.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up fade-up-delay-2\">\r\n <span class=\"area-number\">03<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Div\u00f3rcio<\/h3>\r\n <p class=\"area-desc\">Div\u00f3rcio consensual e litigioso, partilha de bens, guarda e alimentos com agilidade e discri\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up\">\r\n <span class=\"area-number\">04<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Direito de Fam\u00edlia<\/h3>\r\n <p class=\"area-desc\">Div\u00f3rcios, pens\u00e3o, guarda, invent\u00e1rio e solu\u00e7\u00f5es jur\u00eddicas para conflitos familiares com humanidade.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up fade-up-delay-1\">\r\n <span class=\"area-number\">05<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Pens\u00e3o Aliment\u00edcia<\/h3>\r\n <p class=\"area-desc\">Fixa\u00e7\u00e3o, revis\u00e3o, exonera\u00e7\u00e3o e execu\u00e7\u00e3o de alimentos com atua\u00e7\u00e3o \u00e1gil e orienta\u00e7\u00e3o clara.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up fade-up-delay-2\">\r\n <span class=\"area-number\">06<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Invent\u00e1rio<\/h3>\r\n <p class=\"area-desc\">Invent\u00e1rio judicial e extrajudicial, arrolamento, partilha de heran\u00e7a com seguran\u00e7a e efici\u00eancia.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up\">\r\n <span class=\"area-number\">07<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Direito do Consumidor<\/h3>\r\n <p class=\"area-desc\">Defesa em rela\u00e7\u00f5es de consumo, cobran\u00e7as indevidas, danos morais e materiais perante fornecedores.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up fade-up-delay-1\">\r\n <span class=\"area-number\">08<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Direito Trabalhista<\/h3>\r\n <p class=\"area-desc\">Defesa de trabalhadores e empregadores, rescis\u00f5es, verbas, acordos e orienta\u00e7\u00f5es preventivas.<\/p>\r\n <\/div>\r\n\r\n <div class=\"area-card fade-up fade-up-delay-2\">\r\n <span class=\"area-number\">09<\/span>\r\n <div class=\"area-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"area-name\">Direito Imobili\u00e1rio<\/h3>\r\n <p class=\"area-desc\">Contratos, compra e venda, atraso de obras, SATI, regulariza\u00e7\u00e3o, despejo e disputas imobili\u00e1rias.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"help\">\r\n <div class=\"help-inner\">\r\n <div class=\"help-left\">\r\n <div class=\"section-tag fade-up\">\r\n <div class=\"section-tag-line\"><\/div>\r\n <span>Como Posso Te Ajudar<\/span>\r\n <\/div>\r\n <h2 class=\"section-title fade-up fade-up-delay-1\">\r\n Reconhece alguma<br>dessas <em>situa\u00e7\u00f5es?<\/em>\r\n <\/h2>\r\n\r\n <div class=\"help-list fade-up fade-up-delay-2\">\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Precisa fazer um div\u00f3rcio r\u00e1pido<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Est\u00e1 com problemas com pens\u00e3o aliment\u00edcia<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Foi demitido e quer saber seus direitos<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Precisa regularizar um im\u00f3vel<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Est\u00e1 com cobran\u00e7a ou d\u00edvida indevida<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Quer fazer um invent\u00e1rio<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Foi acusado em processo criminal<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Tem problemas com contrato de trabalho<\/span>\r\n <\/div>\r\n <div class=\"help-item\">\r\n <div class=\"help-dot\"><\/div>\r\n <span>Sua obra atrasou e quer ser indenizado<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"help-right fade-up fade-up-delay-2\">\r\n <div class=\"help-cta-box\">\r\n <p class=\"help-cta-text\">Cada caso exige uma estrat\u00e9gia jur\u00eddica espec\u00edfica.<\/p>\r\n <p class=\"help-cta-sub\">Entre em contato e receba orienta\u00e7\u00e3o segura, direta e personalizada para a sua situa\u00e7\u00e3o.<\/p>\r\n <a href=\"https:\/\/wa.me\/5515991371474?text=Ol\u00e1, gostaria de agendar uma consulta.\" target=\"_blank\" class=\"btn-primary\">\r\n <span>Falar agora com a Advogada<\/span>\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"diferenciais\">\r\n <div class=\"diferenciais-inner\">\r\n <div class=\"diferenciais-header fade-up\">\r\n <div class=\"section-tag\">\r\n <div class=\"section-tag-line\"><\/div>\r\n <span>Nossos Diferenciais<\/span>\r\n <\/div>\r\n <h2 class=\"section-title\">\r\n Por que nos <em>escolher?<\/em>\r\n <\/h2>\r\n <p class=\"diferenciais-quote\">\r\n Nosso objetivo n\u00e3o \u00e9 apenas entrar com um processo, mas encontrar a melhor solu\u00e7\u00e3o para o cliente.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"diferenciais-grid\">\r\n <div class=\"diferencial-card fade-up\">\r\n <span class=\"diferencial-number\">01<\/span>\r\n <h3 class=\"diferencial-title\">Atendimento Direto<\/h3>\r\n <p class=\"diferencial-text\">Voc\u00ea fala diretamente com a advogada respons\u00e1vel pelo seu caso, sem intermedi\u00e1rios.<\/p>\r\n <\/div>\r\n <div class=\"diferencial-card fade-up fade-up-delay-1\">\r\n <span class=\"diferencial-number\">02<\/span>\r\n <h3 class=\"diferencial-title\">An\u00e1lise Detalhada<\/h3>\r\n <p class=\"diferencial-text\">Cada caso \u00e9 analisado com cuidado e profundidade antes de qualquer orienta\u00e7\u00e3o ou a\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <div class=\"diferencial-card fade-up fade-up-delay-2\">\r\n <span class=\"diferencial-number\">03<\/span>\r\n <h3 class=\"diferencial-title\">Linguagem Clara<\/h3>\r\n <p class=\"diferencial-text\">Traduzimos o juridiqu\u00eas para voc\u00ea entender exatamente o que acontece no seu processo.<\/p>\r\n <\/div>\r\n <div class=\"diferencial-card fade-up fade-up-delay-3\">\r\n <span class=\"diferencial-number\">04<\/span>\r\n <h3 class=\"diferencial-title\">Estrat\u00e9gia Personalizada<\/h3>\r\n <p class=\"diferencial-text\">Nenhum caso \u00e9 igual ao outro. Desenvolvemos a melhor estrat\u00e9gia para a sua situa\u00e7\u00e3o espec\u00edfica.<\/p>\r\n <\/div>\r\n <div class=\"diferencial-card fade-up fade-up-delay-4\">\r\n <span class=\"diferencial-number\">05<\/span>\r\n <h3 class=\"diferencial-title\">Sigilo Total<\/h3>\r\n <p class=\"diferencial-text\">Absoluta confidencialidade em todas as informa\u00e7\u00f5es compartilhadas durante o atendimento.<\/p>\r\n <\/div>\r\n <div class=\"diferencial-card fade-up fade-up-delay-5\">\r\n <span class=\"diferencial-number\">06<\/span>\r\n <h3 class=\"diferencial-title\">Experi\u00eancia Real<\/h3>\r\n <p class=\"diferencial-text\">Atua\u00e7\u00e3o pr\u00e1tica em processos reais, com conhecimento t\u00e9cnico e vis\u00e3o estrat\u00e9gica consolidada.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"cta\">\r\n <div class=\"cta-bg\"><\/div>\r\n <div class=\"cta-inner fade-up\">\r\n <div class=\"section-tag\">\r\n <div class=\"section-tag-line\"><\/div>\r\n <span>Fale Conosco<\/span>\r\n <\/div>\r\n <h2 class=\"cta-title\">\r\n Precisa de orienta\u00e7\u00e3o<br><em>jur\u00eddica?<\/em> Fale agora.\r\n <\/h2>\r\n <p class=\"cta-subtitle\">Atendimento r\u00e1pido, direto e com total sigilo.<\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"https:\/\/wa.me\/5515991371474?text=Ol\u00e1, gostaria de agendar uma consulta.\" target=\"_blank\" class=\"btn-whatsapp\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.118.554 4.107 1.523 5.834L0 24l6.335-1.523C8.107 23.446 10.007 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.885 0-3.655-.507-5.18-1.388l-.371-.22-3.763.904.918-3.666-.242-.383A9.935 9.935 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\/><\/svg>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/5515991371474?text=Ol\u00e1, gostaria de agendar uma consulta.\" target=\"_blank\" class=\"btn-secondary\">\r\n <span>Agendar Consulta<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"cta-divider\"><\/div>\r\n <p class=\"cta-info\">Atendimento mediante agendamento \u00b7 Sorocaba, SP<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer>\r\n <div class=\"footer-top\">\r\n <div class=\"footer-brand\">\r\n <img decoding=\"async\" src=\"https:\/\/managerproduct.site\/wp-content\/uploads\/2026\/03\/ChatGPT_Image_25_de_mar._de_2026__22_23_08-removebg-preview.png\" alt=\"Logo\"\r\n onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block'\">\r\n <span class=\"logo-placeholder-footer\" style=\"display:none\">ADVOCACIA<\/span>\r\n <p>Atendimento jur\u00eddico personalizado, estrat\u00e9gico e humanizado em Sorocaba e regi\u00e3o.<\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>\u00c1reas de Atua\u00e7\u00e3o<\/h4>\r\n <ul>\r\n <li>Direito de Fam\u00edlia<\/li>\r\n <li>Direito Trabalhista<\/li>\r\n <li>Direito Imobili\u00e1rio<\/li>\r\n <li>Direito Criminal<\/li>\r\n <li>Direito C\u00edvel<\/li>\r\n <li>Direito do Consumidor<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Navega\u00e7\u00e3o<\/h4>\r\n <ul>\r\n <li><a href=\"#about\">Sobre a Advogada<\/a><\/li>\r\n <li><a href=\"#areas\">\u00c1reas de Atua\u00e7\u00e3o<\/a><\/li>\r\n <li><a href=\"#help\">Como Posso Ajudar<\/a><\/li>\r\n <li><a href=\"#diferenciais\">Diferenciais<\/a><\/li>\r\n <li><a href=\"#cta\">Contato<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Contato<\/h4>\r\n <div class=\"footer-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <span>Sorocaba, SP<br>Atendimento presencial e online<\/span>\r\n <\/div>\r\n <div class=\"footer-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.65 3.18 2 2 0 0 1 3.62 1h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9c1.91 3.27 4.63 5.99 7.9 7.9l.8-.79a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n <span>(15) 99137-1474<\/span>\r\n <\/div>\r\n <div class=\"footer-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <span>contato@advocacia.com.br<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p class=\"footer-copy\">\u00a9 2026 Advocacia. Todos os direitos reservados. OAB\/SP 525.041<\/p>\r\n <p class=\"footer-note\">Atendimento mediante agendamento<\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ Navbar scroll\r\n const navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', () => {\r\n navbar.classList.toggle('scrolled', window.scrollY > 50);\r\n });\r\n\r\n \/\/ Scroll animations\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\n document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\r\n\r\n \/\/ Mobile menu\r\n function toggleMenu() {\r\n const nav = document.querySelector('.nav-links');\r\n const isOpen = nav.style.display === 'flex';\r\n nav.style.display = isOpen ? 'none' : 'flex';\r\n if (!isOpen) {\r\n nav.style.position = 'fixed';\r\n nav.style.top = '70px';\r\n nav.style.left = '0';\r\n nav.style.right = '0';\r\n nav.style.flexDirection = 'column';\r\n nav.style.background = 'rgba(8,8,8,0.98)';\r\n nav.style.padding = '30px 30px';\r\n nav.style.gap = '24px';\r\n nav.style.borderBottom = '1px solid rgba(201,168,76,0.2)';\r\n nav.style.backdropFilter = 'blur(20px)';\r\n }\r\n }\r\n\r\n \/\/ Smooth anchor scroll\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n a.addEventListener('click', e => {\r\n const target = document.querySelector(a.getAttribute('href'));\r\n if (target) {\r\n e.preventDefault();\r\n target.scrollIntoView({ behavior: 'smooth' });\r\n const nav = document.querySelector('.nav-links');\r\n nav.style.display = '';\r\n }\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87ef658 e-flex e-con-boxed e-con e-parent\" data-id=\"87ef658\" 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-277868d elementor-widget elementor-widget-html\" data-id=\"277868d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-18085351593\"><\/script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'AW-18085351593');\n<\/script>\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>Advocacia | Direito de Fam\u00edlia, Trabalhista & Imobili\u00e1rio ADVOCACIA Sobre \u00c1reas Como ajudo Diferenciais Falar agora Advocacia & Consultoria Jur\u00eddica Defesa jur\u00eddica estrat\u00e9gica, atendimento pr\u00f3ximo e solu\u00e7\u00f5es eficazes. Atua\u00e7\u00e3o nas \u00e1reas C\u00edvel, Trabalhista, Familia, Imobili\u00e1rio e Criminal, com experi\u00eancia pr\u00e1tica e atendimento personalizado. Falar com a Advogada Agendar Consulta Rolar Foto da Advogada 100% Dedica\u00e7\u00e3o […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":11,"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/amandaviottoadvocacia.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}