{"id":7,"date":"2026-07-04T23:18:01","date_gmt":"2026-07-05T02:18:01","guid":{"rendered":"https:\/\/4prolivemarketing-com-br.umbler.net\/?page_id=7"},"modified":"2026-07-06T17:42:05","modified_gmt":"2026-07-06T20:42:05","slug":"home","status":"publish","type":"page","link":"https:\/\/4prolivemarketing.com.br\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1852ba4 e-con-full e-flex e-con e-parent\" data-id=\"1852ba4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1d2376 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e1d2376\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Corridas de Rua em S\u00e3o Paulo | 4Pro Live Marketing \u2014 Inscri\u00e7\u00f5es Abertas<\/title>\r\n<meta name=\"description\" content=\"4Pro Live Marketing organiza corridas de rua em S\u00e3o Paulo, Campinas e Santos para atletas amadores. Confira o calend\u00e1rio de provas e garanta sua inscri\u00e7\u00e3o.\">\r\n<meta name=\"keywords\" content=\"corrida de rua S\u00e3o Paulo, corrida de rua Brasil, inscri\u00e7\u00e3o corrida de rua, 4Pro Live Marketing, calend\u00e1rio de corridas SP, corrida 5k 10k 21k S\u00e3o Paulo, provas de rua Campinas, provas de rua Santos\">\r\n<meta name=\"robots\" content=\"index, follow\">\r\n<meta name=\"author\" content=\"4Pro Live Marketing\">\r\n<link rel=\"canonical\" href=\"https:\/\/4prolivemarketing.com.br\/\">\r\n\r\n<!-- Local SEO -->\r\n<meta name=\"geo.region\" content=\"BR-SP\">\r\n<meta name=\"geo.placename\" content=\"S\u00e3o Paulo\">\r\n<meta name=\"ICBM\" content=\"-23.5505, -46.6333\">\r\n\r\n<!-- Open Graph -->\r\n<meta property=\"og:type\" content=\"website\">\r\n<meta property=\"og:locale\" content=\"pt_BR\">\r\n<meta property=\"og:site_name\" content=\"4Pro Live Marketing\">\r\n<meta property=\"og:title\" content=\"Corridas de Rua em S\u00e3o Paulo | 4Pro Live Marketing\">\r\n<meta property=\"og:description\" content=\"Calend\u00e1rio de corridas de rua para atletas amadores em S\u00e3o Paulo e regi\u00e3o. Veja as pr\u00f3ximas provas e inscreva-se.\">\r\n<meta property=\"og:image\" content=\"https:\/\/4prolivemarketing.com.br\/assets\/logo-main.webp\">\r\n<meta property=\"og:url\" content=\"https:\/\/4prolivemarketing.com.br\/\">\r\n\r\n<!-- Twitter Card -->\r\n<meta name=\"twitter:card\" content=\"summary_large_image\">\r\n<meta name=\"twitter:title\" content=\"Corridas de Rua em S\u00e3o Paulo | 4Pro Live Marketing\">\r\n<meta name=\"twitter:description\" content=\"Calend\u00e1rio de corridas de rua para atletas amadores em S\u00e3o Paulo e regi\u00e3o. Veja as pr\u00f3ximas provas e inscreva-se.\">\r\n<meta name=\"twitter:image\" content=\"https:\/\/4prolivemarketing.com.br\/assets\/logo-main.webp\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"SportsOrganization\",\r\n  \"name\": \"4Pro Live Marketing\",\r\n  \"url\": \"https:\/\/4prolivemarketing.com.br\",\r\n  \"logo\": \"https:\/\/4prolivemarketing.com.br\/assets\/logo-main.webp\",\r\n  \"email\": \"contato@4prolivemarketing.com.br\",\r\n  \"address\": {\r\n    \"@type\": \"PostalAddress\",\r\n    \"addressRegion\": \"SP\",\r\n    \"addressCountry\": \"BR\"\r\n  },\r\n  \"areaServed\": \"S\u00e3o Paulo, Brasil\",\r\n  \"event\": [\r\n    {\r\n      \"@type\": \"SportsEvent\",\r\n      \"name\": \"Dr\u00e1cula Night Run in OZ 2026\",\r\n      \"startDate\": \"2026-10-17T19:00:00-03:00\",\r\n      \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\",\r\n      \"eventAttendanceMode\": \"https:\/\/schema.org\/OfflineEventAttendanceMode\",\r\n      \"location\": {\r\n        \"@type\": \"Place\",\r\n        \"name\": \"Arena VIP, Osasco, SP\",\r\n        \"address\": { \"@type\": \"PostalAddress\", \"addressLocality\": \"Osasco\", \"addressRegion\": \"SP\", \"addressCountry\": \"BR\" }\r\n      },\r\n      \"organizer\": { \"@type\": \"Organization\", \"name\": \"4Pro Live Marketing\", \"url\": \"https:\/\/4prolivemarketing.com.br\" }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n<style>\r\n  :root{\r\n    --red:#E4292E;\r\n    --red-dark:#A81A1E;\r\n    --blue:#1B4FD1;\r\n    --blue-dark:#0E2E86;\r\n    --black:#0A0B0D;\r\n    --graphite:#131418;\r\n    --graphite-2:#1B1D22;\r\n    --white:#FFFFFF;\r\n    --off-white:#EDEEF2;\r\n    --muted:#8B8E98;\r\n    --line:rgba(255,255,255,0.08);\r\n  }\r\n  *{box-sizing:border-box; margin:0; padding:0;}\r\n  html{scroll-behavior:smooth;}\r\n  body{\r\n    background:var(--black);\r\n    color:var(--off-white);\r\n    font-family:'Inter', sans-serif;\r\n    overflow-x:hidden;\r\n    cursor:none;\r\n  }\r\n  ::selection{background:var(--red); color:var(--white);}\r\n\r\n  h1,h2,h3,h4,.display{\r\n    font-family:'Barlow Condensed', sans-serif;\r\n    text-transform:uppercase;\r\n    letter-spacing:0.01em;\r\n    font-weight:800;\r\n    line-height:0.95;\r\n  }\r\n\r\n  a{color:inherit; text-decoration:none;}\r\n  ul{list-style:none;}\r\n  img{max-width:100%; display:block;}\r\n\r\n  \/* ---------- custom cursor ---------- *\/\r\n  .cursor-dot, .cursor-ring{\r\n    position:fixed; top:0; left:0; pointer-events:none; z-index:9999;\r\n    border-radius:50%;\r\n    transform:translate(-50%,-50%);\r\n    will-change:transform;\r\n  }\r\n  .cursor-dot{width:7px; height:7px; background:var(--red);}\r\n  .cursor-ring{\r\n    width:34px; height:34px; border:1.5px solid rgba(228,41,46,0.6);\r\n    transition:width .2s ease, height .2s ease, border-color .2s ease, background .2s ease;\r\n  }\r\n  .cursor-ring.hover{\r\n    width:60px; height:60px; background:rgba(27,79,209,0.15); border-color:var(--blue);\r\n  }\r\n  @media (hover:none){\r\n    .cursor-dot, .cursor-ring{display:none;}\r\n    body{cursor:auto;}\r\n  }\r\n\r\n  \/* ---------- layout helpers ---------- *\/\r\n  .wrap{max-width:1180px; margin:0 auto; padding:0 28px;}\r\n  .eyebrow{\r\n    font-family:'Barlow Condensed', sans-serif;\r\n    font-weight:700; text-transform:uppercase; letter-spacing:0.18em;\r\n    font-size:13px; color:var(--red);\r\n    display:flex; align-items:center; gap:10px;\r\n  }\r\n  .eyebrow::before{\r\n    content:\"\"; width:26px; height:2px; background:var(--red); display:inline-block;\r\n  }\r\n\r\n  \/* ---------- header ---------- *\/\r\n  .top-stack{\r\n    position:fixed; top:0; left:0; right:0; z-index:500;\r\n  }\r\n  header{\r\n    background:rgba(10,11,13,0.9); backdrop-filter:blur(10px);\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n  .nav{\r\n    display:flex; align-items:center; justify-content:space-between;\r\n    padding:14px 28px; max-width:1180px; margin:0 auto;\r\n  }\r\n  .nav img{height:78px;width:auto;}\r\n  .nav-links{display:flex; gap:32px; align-items:center;}\r\n  .nav-links a{\r\n    font-family:'Barlow Condensed'; font-weight:600; text-transform:uppercase;\r\n    letter-spacing:0.06em; font-size:15px; color:var(--off-white);\r\n    position:relative; padding:4px 0;\r\n  }\r\n  .nav-links a::after{\r\n    content:\"\"; position:absolute; left:0; bottom:0; width:0; height:2px;\r\n    background:var(--red); transition:width .25s ease;\r\n  }\r\n  .nav-links a:hover::after{width:100%;}\r\n  .nav-cta{\r\n    background:var(--red); color:var(--white) !important; padding:10px 22px;\r\n    border-radius:3px; font-weight:700 !important;\r\n  }\r\n  .nav-cta::after{display:none;}\r\n  .nav-cta:hover{background:var(--red-dark);}\r\n\r\n  \/* ---------- hero ---------- *\/\r\n  .hero{\r\n    position:relative; min-height:100vh; display:flex; align-items:center;\r\n    padding:150px 0 90px;\r\n    background:\r\n      radial-gradient(ellipse 900px 500px at 15% 15%, rgba(27,79,209,0.35), transparent 60%),\r\n      radial-gradient(ellipse 900px 600px at 85% 85%, rgba(228,41,46,0.28), transparent 60%),\r\n      var(--black);\r\n    overflow:hidden;\r\n  }\r\n  .hero::before{\r\n    content:\"\"; position:absolute; inset:0;\r\n    background-image:\r\n      linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);\r\n    background-size:46px 46px;\r\n    mask-image:radial-gradient(ellipse 70% 70% at 50% 40%, black, transparent);\r\n  }\r\n  .track-line{\r\n    position:absolute; left:0; right:0; top:64%; height:3px;\r\n    background:repeating-linear-gradient(90deg, var(--white) 0 26px, transparent 26px 46px);\r\n    opacity:0.12;\r\n  }\r\n  .hero-grid{\r\n    position:relative; z-index:2; display:grid; grid-template-columns:1.05fr 0.95fr;\r\n    gap:56px; align-items:center; width:100%;\r\n  }\r\n  .hero h1{\r\n    font-size:clamp(48px, 6.4vw, 92px);\r\n    color:var(--white);\r\n  }\r\n  .hero h1 .accent{ color:var(--red);}\r\n  .hero h1 .accent2{ color:var(--blue);}\r\n  .hero p.lead{\r\n    margin-top:22px; font-size:18px; line-height:1.6; color:var(--muted); max-width:480px;\r\n  }\r\n  .hero-actions{margin-top:38px; display:flex; gap:16px; flex-wrap:wrap;}\r\n\r\n  .btn{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    font-family:'Barlow Condensed'; font-weight:700; text-transform:uppercase;\r\n    letter-spacing:0.05em; font-size:16px; padding:16px 30px;\r\n    border-radius:3px; transition:transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n    border:2px solid transparent;\r\n  }\r\n  .btn-primary{background:var(--red); color:var(--white); position:relative;}\r\n  .btn-primary:hover{background:var(--red-dark); transform:translateY(-2px); box-shadow:0 10px 30px rgba(228,41,46,0.35);}\r\n  .btn-primary.pulse::before{\r\n    content:\"\"; position:absolute; inset:0; border-radius:3px;\r\n    box-shadow:0 0 0 0 rgba(228,41,46,0.55);\r\n    animation:pulse-ring 2.2s ease-out infinite;\r\n    pointer-events:none;\r\n  }\r\n  @keyframes pulse-ring{\r\n    0%{box-shadow:0 0 0 0 rgba(228,41,46,0.55);}\r\n    75%{box-shadow:0 0 0 16px rgba(228,41,46,0);}\r\n    100%{box-shadow:0 0 0 0 rgba(228,41,46,0);}\r\n  }\r\n\r\n  \/* ---------- announcement bar ---------- *\/\r\n  .announce{\r\n    background:linear-gradient(90deg, var(--red), var(--red-dark));\r\n    color:var(--white); text-align:center; font-size:13px; font-weight:600;\r\n    padding:9px 16px; position:relative; z-index:600;\r\n  }\r\n  .announce a{\r\n    text-decoration:underline; text-underline-offset:2px; font-weight:700; margin-left:4px;\r\n  }\r\n  .announce a:hover{color:#FFD9DA;}\r\n\r\n  \/* ---------- floating sticky CTA ---------- *\/\r\n  .float-cta{\r\n    position:fixed; right:26px; bottom:26px; z-index:800;\r\n    display:flex; align-items:center; gap:10px;\r\n    background:var(--red); color:var(--white);\r\n    font-family:'Barlow Condensed'; font-weight:700; text-transform:uppercase; letter-spacing:0.05em;\r\n    font-size:15px; padding:15px 22px; border-radius:50px;\r\n    box-shadow:0 14px 34px rgba(228,41,46,0.4);\r\n    opacity:0; transform:translateY(20px) scale(0.9); pointer-events:none;\r\n    transition:opacity .3s ease, transform .3s ease, background .2s ease;\r\n  }\r\n  .float-cta.show{opacity:1; transform:translateY(0) scale(1); pointer-events:auto;}\r\n  .float-cta:hover{background:var(--red-dark);}\r\n  .float-cta svg{width:16px; height:16px;}\r\n  .float-cta .dot{\r\n    width:8px; height:8px; border-radius:50%; background:#7CFF9E;\r\n    box-shadow:0 0 0 0 rgba(124,255,158,0.6);\r\n    animation:dot-pulse 1.6s ease-out infinite;\r\n  }\r\n  @keyframes dot-pulse{\r\n    0%{box-shadow:0 0 0 0 rgba(124,255,158,0.6);}\r\n    70%{box-shadow:0 0 0 7px rgba(124,255,158,0);}\r\n    100%{box-shadow:0 0 0 0 rgba(124,255,158,0);}\r\n  }\r\n  @media (max-width:600px){\r\n    .float-cta{right:16px; bottom:16px; padding:13px 18px; font-size:13px;}\r\n  }\r\n\r\n  \/* ---------- mid-page CTA banner ---------- *\/\r\n  .mid-cta{\r\n    display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;\r\n    background:var(--graphite); border:1px solid var(--line); border-left:4px solid var(--red);\r\n    border-radius:8px; padding:26px 30px; margin-top:56px;\r\n  }\r\n  .mid-cta .mc-text h4{color:var(--white); font-size:24px;}\r\n  .mid-cta .mc-text p{color:var(--muted); font-size:14px; margin-top:6px;}\r\n  .mid-cta .btn-primary{white-space:nowrap;}\r\n  .btn-outline{border-color:var(--white); color:var(--white);}\r\n  .btn-outline:hover{background:var(--white); color:var(--black); transform:translateY(-2px);}\r\n  .btn svg{width:16px; height:16px; transition:transform .2s ease;}\r\n  .btn:hover svg{transform:translateX(4px);}\r\n\r\n  \/* countdown *\/\r\n  .countdown{display:flex; gap:14px; margin-top:40px;}\r\n  .cbox{\r\n    background:var(--graphite-2); border:1px solid var(--line); border-radius:6px;\r\n    padding:14px 8px; text-align:center; min-width:72px;\r\n  }\r\n  .cbox .num{\r\n    font-family:'Barlow Condensed'; font-weight:800; font-size:34px; color:var(--white); line-height:1;\r\n  }\r\n  .cbox .lbl{\r\n    font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); margin-top:6px;\r\n  }\r\n\r\n  \/* banner for race image *\/\r\n  .hero-banner{\r\n    position:relative; width:100%; border-radius:10px; overflow:hidden;\r\n    border:1px solid var(--line);\r\n    line-height:0;\r\n  }\r\n  .hero-banner img{\r\n    display:block; width:100%; height:auto;\r\n  }\r\n  .hero-banner .frame-tag{\r\n    position:absolute; top:16px; left:16px; z-index:3;\r\n    background:rgba(10,11,13,0.75); border:1px dashed rgba(255,255,255,0.35);\r\n    color:var(--muted); font-size:11px; letter-spacing:0.08em; text-transform:uppercase;\r\n    padding:6px 10px; border-radius:4px; font-family:'Barlow Condensed'; font-weight:600;\r\n  }\r\n  .hero-banner .placeholder-inner{\r\n    position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;\r\n    gap:14px; text-align:center; padding:30px;\r\n    background-image:\r\n      repeating-linear-gradient(45deg, rgba(255,255,255,0.025) 0 2px, transparent 2px 14px);\r\n  }\r\n  .placeholder-inner .icon{\r\n    width:64px; height:64px; border-radius:50%; border:2px solid var(--red);\r\n    display:flex; align-items:center; justify-content:center;\r\n  }\r\n  .placeholder-inner .icon svg{width:28px; height:28px; stroke:var(--red);}\r\n  .placeholder-inner .ph-title{font-family:'Barlow Condensed'; font-weight:700; font-size:20px; color:var(--white); text-transform:uppercase;}\r\n  .placeholder-inner .ph-sub{font-size:13px; color:var(--muted); max-width:260px;}\r\n  .hero-banner .ribbon{\r\n    position:absolute; bottom:0; left:0; right:0; z-index:3;\r\n    background:linear-gradient(90deg, var(--red), var(--blue));\r\n    padding:16px 20px; display:flex; align-items:center; justify-content:space-between;\r\n    flex-wrap:wrap; gap:8px;\r\n  }\r\n  .ribbon .rb-title{font-family:'Barlow Condensed'; font-weight:800; color:var(--white); font-size:20px; text-transform:uppercase;}\r\n  .ribbon .rb-date{font-size:12px; color:rgba(255,255,255,0.9); font-weight:600;}\r\n\r\n  \/* ---------- section shell ---------- *\/\r\n  section{padding:110px 0; position:relative; scroll-margin-top:96px;}\r\n  .section-head{max-width:640px; margin-bottom:56px;}\r\n  .section-head h2{font-size:clamp(34px,4.4vw,54px); color:var(--white); margin-top:14px;}\r\n  .section-head p{color:var(--muted); font-size:16px; margin-top:16px; line-height:1.6;}\r\n\r\n  .divider{height:1px; background:var(--line); width:100%;}\r\n\r\n  \/* ---------- races section ---------- *\/\r\n  .tabs{display:flex; gap:10px; margin-bottom:44px;}\r\n  .tab{\r\n    font-family:'Barlow Condensed'; font-weight:700; text-transform:uppercase; letter-spacing:0.05em;\r\n    font-size:15px; padding:10px 22px; border-radius:30px; border:1px solid var(--line);\r\n    color:var(--muted); transition:all .2s ease; cursor:pointer; background:transparent;\r\n  }\r\n  .tab.active{background:var(--white); color:var(--black); border-color:var(--white);}\r\n  .tab:not(.active):hover{border-color:var(--red); color:var(--white);} .tab.disabled{opacity:.45;pointer-events:none;}\r\n\r\n  .race-grid{display:grid; grid-template-columns:minmax(340px,700px);justify-content:center; gap:24px;}\r\n  .race-panel{display:none;}\r\n  .race-panel.active{display:grid;}\r\n\r\n  .card{\r\n    background:var(--graphite); border:1px solid var(--line); border-radius:10px;\r\n    overflow:hidden; position:relative; transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;\r\n    transform-style:preserve-3d; will-change:transform;\r\n  }\r\n  .card:hover{border-color:rgba(228,41,46,0.5); box-shadow:0 24px 50px rgba(0,0,0,0.45);}\r\n  .card-media{\r\n    aspect-ratio:16\/10; position:relative; overflow:hidden;\r\n    background:linear-gradient(150deg, var(--graphite-2), #0d0e11);\r\n    display:flex; align-items:center; justify-content:center;\r\n  }\r\n  .card-media.has-image{\r\n    aspect-ratio:auto; height:auto; display:block; line-height:0;\r\n  }\r\n  .card-media.has-image img{\r\n    display:block; width:100%; height:auto;\r\n  }\r\n  .card-media::after{\r\n    content:\"\"; position:absolute; inset:0;\r\n    background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0.02) 0 2px, transparent 2px 14px);\r\n  }\r\n  .card-media.has-image::after{content:none;}\r\n  .card-media svg{width:34px; height:34px; stroke:var(--muted); position:relative; z-index:1;}\r\n  .status-tag{\r\n    position:absolute; top:12px; left:12px; z-index:2;\r\n    font-family:'Barlow Condensed'; font-weight:700; font-size:12px; text-transform:uppercase;\r\n    letter-spacing:0.06em; padding:5px 12px; border-radius:20px;\r\n  }\r\n  .status-tag.done{background:rgba(255,255,255,0.12); color:var(--off-white); border:1px solid var(--line);}\r\n  .status-tag.next{background:var(--red); color:var(--white);}\r\n  .card-body{padding:22px;}\r\n  .card-body .race-date{\r\n    font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--blue); font-weight:700;\r\n  }\r\n  .card-body h3{font-size:26px; color:var(--white); margin-top:8px;}\r\n  .card-body .race-meta{\r\n    display:flex; gap:14px; margin-top:12px; font-size:13px; color:var(--muted); flex-wrap:wrap;\r\n  }\r\n  .card-body .race-meta span{display:flex; align-items:center; gap:6px;}\r\n  .card-body .race-meta svg{width:14px; height:14px; stroke:var(--muted);}\r\n  .card-cta{\r\n    margin-top:20px; display:flex; align-items:center; justify-content:space-between;\r\n    padding-top:16px; border-top:1px solid var(--line);\r\n  }\r\n  .card-cta a{\r\n    font-family:'Barlow Condensed'; font-weight:700; text-transform:uppercase; font-size:14px;\r\n    letter-spacing:0.05em; color:var(--white); display:flex; align-items:center; gap:8px;\r\n  }\r\n  .card-cta a svg{width:14px; height:14px; transition:transform .2s ease;}\r\n  .card-cta a:hover svg{transform:translateX(4px);}\r\n  .card-cta a:hover{color:var(--red);}\r\n  .result-pill{\r\n    font-size:11px; color:var(--muted); background:rgba(255,255,255,0.06);\r\n    padding:4px 9px; border-radius:20px;\r\n  }\r\n\r\n  \/* ---------- why \/ features ---------- *\/\r\n  .feat-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:10px; overflow:hidden;}\r\n  .feat{background:var(--graphite); padding:32px 26px; transition:background .25s ease;}\r\n  .feat:hover{background:var(--graphite-2);}\r\n  .feat .num{font-family:'Barlow Condensed'; font-weight:800; color:var(--red); font-size:15px; letter-spacing:0.1em;}\r\n  .feat h4{color:var(--white); font-size:22px; margin-top:14px;}\r\n  .feat p{color:var(--muted); font-size:14px; margin-top:10px; line-height:1.55;}\r\n\r\n  \/* ---------- final cta ---------- *\/\r\n  .final-cta{\r\n    background:linear-gradient(120deg, var(--blue-dark), var(--black) 55%, var(--red-dark));\r\n    border-radius:16px; padding:70px 56px; text-align:center; position:relative; overflow:hidden;\r\n    border:1px solid var(--line);\r\n  }\r\n  .final-cta::before{\r\n    content:\"\"; position:absolute; inset:0;\r\n    background-image:repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 22px, transparent 22px 40px);\r\n    opacity:0.5;\r\n  }\r\n  .final-cta > *{position:relative; z-index:1;}\r\n  .final-cta h2{font-size:clamp(32px,5vw,56px); color:var(--white);}\r\n  .final-cta p{color:rgba(255,255,255,0.75); margin-top:16px; font-size:16px; max-width:520px; margin-left:auto; margin-right:auto;}\r\n  .final-cta .btn-primary{margin-top:34px; font-size:18px; padding:18px 40px;}\r\n\r\n  \/* ---------- footer ---------- *\/\r\n  footer{border-top:1px solid var(--line); padding:50px 0 30px;}\r\n  .foot-grid{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:30px;}\r\n  .foot-brand img{width:280px;height:auto;margin-bottom:14px;}\r\n  .foot-brand p{color:var(--muted); font-size:13px; max-width:280px; line-height:1.6;}\r\n  .foot-col h5{font-family:'Barlow Condensed'; text-transform:uppercase; letter-spacing:0.08em; color:var(--white); font-size:15px; margin-bottom:14px;}\r\n  .foot-col a{display:block; color:var(--muted); font-size:14px; margin-bottom:10px; transition:color .2s ease;}\r\n  .foot-col a:hover{color:var(--red);}\r\n  .foot-bottom{margin-top:44px; padding-top:22px; border-top:1px solid var(--line); display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; color:var(--muted); font-size:12px;}\r\n\r\n  \/* reveal on scroll *\/\r\n  .reveal{opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease;}\r\n  .reveal.in{opacity:1; transform:translateY(0);}\r\n\r\n  @media (max-width:920px){\r\n    .hero-grid{grid-template-columns:1fr;}\r\n    .hero-banner{order:-1;}\r\n    .race-grid{grid-template-columns:1fr 1fr;}\r\n    .feat-grid{grid-template-columns:1fr 1fr;}\r\n    .nav-links{display:none;}\r\n  }\r\n  @media (max-width:600px){\r\n    .race-grid{grid-template-columns:1fr;}\r\n    .feat-grid{grid-template-columns:1fr;}\r\n    .countdown{gap:8px;}\r\n    .cbox{min-width:60px; padding:10px 6px;}\r\n    .cbox .num{font-size:26px;}\r\n    .final-cta{padding:48px 24px;}\r\n  }\r\n\r\n@media (max-width:1024px){\r\n .nav{padding:12px 18px}\r\n .nav img{height:52px!important;width:auto!important}\r\n .hero{padding-top:170px}\r\n .hero-grid{grid-template-columns:1fr!important}\r\n .hero-actions{flex-direction:column}\r\n .hero-actions .btn{width:100%;justify-content:center}\r\n .foot-grid{flex-direction:column}\r\n}\r\n@media (max-width:768px){\r\n .wrap{padding:0 18px}\r\n .nav img{height:44px!important}\r\n .hero h1{font-size:54px}\r\n .countdown{flex-wrap:wrap}\r\n .foot-brand img{width:180px!important;height:auto!important}\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cursor-dot\"><\/div>\r\n<div class=\"cursor-ring\"><\/div>\r\n\r\n<div class=\"top-stack\">\r\n  <div class=\"announce\">\r\n    \ud83c\udfc1 Inscri\u00e7\u00f5es abertas para a Dr\u00e1cula Night Run in OZ 2026 <a href=\"https:\/\/www.movnow.com.br\/event\/261-dracula-night-run?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAZXh0bgNhZW0CMTEAc3J0YwZhcHBfaWQPOTM2NjE5NzQzMzkyNDU5AAGnaAGYHTsKKGsuyFlalsjGn-tr6cyT_LpaPNrXh0F3BVzLic0Z5B8TOSB8qbw_aem_7Q9d0355Ig91SczDcZOORg\" target=\"_blank\" data-hover>Garanta sua vaga \u2192<\/a>\r\n  <\/div>\r\n\r\n  <header>\r\n    <div class=\"nav\">\r\n      <a href=\"#top\"><img decoding=\"async\" src=\"https:\/\/4prolivemarketing.com.br\/wp-content\/uploads\/2026\/07\/Design-sem-nome-7-1.webp\" alt=\"4Pro Live Marketing \u2014 corridas de rua em S\u00e3o Paulo\" width=\"200px\" height=\"10px\"><\/a>\r\n      <nav class=\"nav-links\">\r\n        <a href=\"#proxima\">Pr\u00f3xima Corrida<\/a>\r\n        <a href=\"#provas\">Provas<\/a>\r\n        <a href=\"#por-que\">Por que a 4Pro<\/a>\r\n        <a href=\"mailto:contato@4prolivemarketing.com.br\">Contato<\/a>\r\n        <a href=\"https:\/\/www.movnow.com.br\/event\/261-dracula-night-run?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAZXh0bgNhZW0CMTEAc3J0YwZhcHBfaWQPOTM2NjE5NzQzMzkyNDU5AAGnaAGYHTsKKGsuyFlalsjGn-tr6cyT_LpaPNrXh0F3BVzLic0Z5B8TOSB8qbw_aem_7Q9d0355Ig91SczDcZOORg\" target=\"_blank\" class=\"nav-cta\" data-hover>Garantir vaga<\/a>\r\n      <\/nav>\r\n    <\/div>\r\n  <\/header>\r\n<\/div>\r\n\r\n<a href=\"https:\/\/www.movnow.com.br\/event\/261-dracula-night-run?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAZXh0bgNhZW0CMTEAc3J0YwZhcHBfaWQPOTM2NjE5NzQzMzkyNDU5AAGnaAGYHTsKKGsuyFlalsjGn-tr6cyT_LpaPNrXh0F3BVzLic0Z5B8TOSB8qbw_aem_7Q9d0355Ig91SczDcZOORg\" target=\"_blank\" class=\"float-cta\" data-hover id=\"floatCta\">\r\n  <span class=\"dot\"><\/span>\r\n  Dr\u00e1cula Night Run\r\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\r\n<\/a>\r\n\r\n<main id=\"top\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"hero\" id=\"proxima\" style=\"padding-top:190px;\">\r\n    <div class=\"track-line\"><\/div>\r\n    <div class=\"wrap hero-grid\">\r\n      <div>\r\n        <span class=\"eyebrow\">Corridas de rua em S\u00e3o Paulo, Campinas e Santos<\/span>\r\n        <h1 style=\"margin-top:18px;\">Sua Pr\u00f3xima <span class=\"accent\">Largada<\/span> <span class=\"accent2\">Come\u00e7a Aqui<\/span>.<\/h1>\r\n        <p class=\"lead\">A 4Pro Live Marketing organiza corridas de rua em S\u00e3o Paulo e regi\u00e3o para atletas amadores que levam a s\u00e9rio cada quil\u00f4metro. Garantir vaga, acompanhe o percurso e cruze a linha de chegada com a gente.<\/p>\r\n\r\n        <div class=\"countdown\" aria-label=\"Contagem regressiva para a pr\u00f3xima prova\">\r\n          <div class=\"cbox\"><div class=\"num\" id=\"cd-days\">--<\/div><div class=\"lbl\">Dias<\/div><\/div>\r\n          <div class=\"cbox\"><div class=\"num\" id=\"cd-hours\">--<\/div><div class=\"lbl\">Horas<\/div><\/div>\r\n          <div class=\"cbox\"><div class=\"num\" id=\"cd-min\">--<\/div><div class=\"lbl\">Min<\/div><\/div>\r\n          <div class=\"cbox\"><div class=\"num\" id=\"cd-sec\">--<\/div><div class=\"lbl\">Seg<\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hero-actions\">\r\n          <a href=\"https:\/\/www.movnow.com.br\/event\/261-dracula-night-run?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAZXh0bgNhZW0CMTEAc3J0YwZhcHBfaWQPOTM2NjE5NzQzMzkyNDU5AAGnaAGYHTsKKGsuyFlalsjGn-tr6cyT_LpaPNrXh0F3BVzLic0Z5B8TOSB8qbw_aem_7Q9d0355Ig91SczDcZOORg\" target=\"_blank\" class=\"btn btn-primary pulse\" data-hover>Quero correr a Dr\u00e1cula Night Run\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#provas\" class=\"btn btn-outline\" data-hover>Ver todas as provas<\/a>\r\n        <\/div>\r\n        <p style=\"margin-top:16px; font-size:12px; color:var(--muted);\">Sem taxa extra \u00b7 confirma\u00e7\u00e3o imediata \u00b7 pagamento seguro<\/p>\r\n      <\/div>\r\n      <div class=\"hero-banner\">\r\n        <img decoding=\"async\" src=\"https:\/\/4prolivemarketing.com.br\/wp-content\/uploads\/2026\/07\/image.webp\" alt=\"Dr\u00e1cula Night Run in OZ 2026\">\r\n      <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- PROVAS -->\r\n  <section id=\"provas\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-head reveal\">\r\n        <span class=\"eyebrow\">Pr\u00f3xima prova<\/span>\r\n        <h2>A <span style=\"color:var(--red)\">Dr\u00e1cula Night Run<\/span> est\u00e1 chegando<\/h2>\r\n        <p>Garanta sua vaga na pr\u00f3xima corrida organizada pela 4Pro Live Marketing.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tabs reveal\">\r\n        <button class=\"tab active\" data-tab=\"proximas\">Pr\u00f3ximas provas<\/button>\r\n        <button class=\"tab disabled\">Provas realizadas (em breve)<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"race-panel active\" data-panel=\"proximas\">\r\n        <div class=\"race-grid\">\r\n\r\n          <div class=\"card reveal\" data-tilt>\r\n            <div class=\"card-media has-image\">\r\n              <img decoding=\"async\" src=\"https:\/\/4prolivemarketing.com.br\/wp-content\/uploads\/2026\/07\/image.webp\" alt=\"Dr\u00e1cula Night Run in OZ 2026\">\r\n              <span class=\"status-tag next\">Inscri\u00e7\u00f5es abertas<\/span>\r\n            <\/div>\r\n            <div class=\"card-body\">\r\n              <div class=\"race-date\">17 de Outubro \u00b7 S\u00e1bado \u00b7 2026<\/div>\r\n              <h3>Dr\u00e1cula Night Run in OZ<\/h3>\r\n              <div class=\"race-meta\">\r\n                <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M12 21s-7-5.5-7-11a7 7 0 0114 0c0 5.5-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>Arena VIP, Osasco\/SP<\/span>\r\n                <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>19h00 \u00b7 Largada<\/span>\r\n                <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>6km Corrida<\/span>\r\n                <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>3km Caminhada<\/span>\r\n              <\/div>\r\n              <div class=\"card-cta\">\r\n                <a href=\"https:\/\/www.movnow.com.br\/event\/261-dracula-night-run?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAZXh0bgNhZW0CMTEAc3J0YwZhcHBfaWQPOTM2NjE5NzQzMzkyNDU5AAGnaAGYHTsKKGsuyFlalsjGn-tr6cyT_LpaPNrXh0F3BVzLic0Z5B8TOSB8qbw_aem_7Q9d0355Ig91SczDcZOORg\" target=\"_blank\" data-hover>Garantir vaga\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\r\n                <\/a>\r\n                <span class=\"result-pill\">Vagas limitadas<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mid-cta reveal\">\r\n        <div class=\"mc-text\">\r\n          <h4>Vai encarar a Dr\u00e1cula Night Run?<\/h4>\r\n          <p>Fale com a gente pelo WhatsApp ou e-mail e garanta sua vaga antes que as vagas se esgotem.<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/www.movnow.com.br\/event\/261-dracula-night-run?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAZXh0bgNhZW0CMTEAc3J0YwZhcHBfaWQPOTM2NjE5NzQzMzkyNDU5AAGnaAGYHTsKKGsuyFlalsjGn-tr6cyT_LpaPNrXh0F3BVzLic0Z5B8TOSB8qbw_aem_7Q9d0355Ig91SczDcZOORg\" target=\"_blank\" class=\"btn btn-primary\" data-hover>Garantir minha vaga\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"wrap\"><div class=\"divider\"><\/div><\/div>\r\n\r\n  <!-- POR QUE -->\r\n  <section id=\"por-que\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-head reveal\">\r\n        <span class=\"eyebrow\">Por que correr com a 4Pro<\/span>\r\n        <h2>Estrutura de largada a chegada<\/h2>\r\n        <p>Refer\u00eancia em corridas de rua em S\u00e3o Paulo, cuidamos de cada detalhe para que voc\u00ea s\u00f3 precise se preocupar com o seu pr\u00f3prio tempo.<\/p>\r\n      <\/div>\r\n      <div class=\"feat-grid reveal\">\r\n        <div class=\"feat\">\r\n          <div class=\"num\">01<\/div>\r\n          <h4>Percurso homologado<\/h4>\r\n          <p>Trajetos medidos e sinalizados, com hidrata\u00e7\u00e3o e apoio m\u00e9dico em todo o circuito.<\/p>\r\n        <\/div>\r\n        <div class=\"feat\">\r\n          <div class=\"num\">02<\/div>\r\n          <h4>Cronometragem oficial<\/h4>\r\n          <p>Chip de cronometragem e resultados por n\u00famero de peito dispon\u00edveis logo ap\u00f3s a prova.<\/p>\r\n        <\/div>\r\n        <div class=\"feat\">\r\n          <div class=\"num\">03<\/div>\r\n          <h4>Kit completo<\/h4>\r\n          <p>Camiseta oficial, n\u00famero de peito personalizado e medalha de finisher em todas as edi\u00e7\u00f5es.<\/p>\r\n        <\/div>\r\n        <div class=\"feat\">\r\n          <div class=\"num\">04<\/div>\r\n          <h4>Comunidade de corredores<\/h4>\r\n          <p>Um calend\u00e1rio pensado para o atleta amador evoluir prova ap\u00f3s prova, com a gente do lado.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CTA FINAL -->\r\n  <section id=\"contato\">\r\n    <div class=\"wrap\">\r\n      <div class=\"final-cta reveal\">\r\n        <span class=\"eyebrow\" style=\"justify-content:center; color:rgba(255,255,255,0.85);\">Vagas limitadas<\/span>\r\n        <h2 style=\"margin-top:16px;\">Encare a Dr\u00e1cula Night Run<\/h2>\r\n        <p>Garanta sua vaga na pr\u00f3xima corrida da 4Pro Live Marketing. A inscri\u00e7\u00e3o \u00e9 r\u00e1pida e feita direto na nossa plataforma oficial.<\/p>\r\n        <a href=\"https:\/\/www.movnow.com.br\/event\/261-dracula-night-run?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAZXh0bgNhZW0CMTEAc3J0YwZhcHBfaWQPOTM2NjE5NzQzMzkyNDU5AAGnaAGYHTsKKGsuyFlalsjGn-tr6cyT_LpaPNrXh0F3BVzLic0Z5B8TOSB8qbw_aem_7Q9d0355Ig91SczDcZOORg\" target=\"_blank\" class=\"btn btn-primary\" data-hover>Garantir minha inscri\u00e7\u00e3o\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/main>\r\n\r\n<footer>\r\n  <div class=\"wrap\">\r\n    <div class=\"foot-grid\">\r\n      <div class=\"foot-brand\">\r\n        <img decoding=\"async\" src=\"https:\/\/4prolivemarketing.com.br\/wp-content\/uploads\/2026\/07\/Design-sem-nome-7-1.webp\" alt=\"4Pro Live Marketing \u2014 corridas de rua em S\u00e3o Paulo\" >\r\n        <p>Organiza\u00e7\u00e3o de corridas de rua em S\u00e3o Paulo, Campinas e Santos para atletas amadores que levam a s\u00e9rio cada quil\u00f4metro percorrido.<\/p>\r\n      <\/div>\r\n      <div class=\"foot-col\">\r\n        <h5>Navega\u00e7\u00e3o<\/h5>\r\n        <a href=\"#proxima\">Pr\u00f3xima corrida<\/a>\r\n        <a href=\"#provas\">Provas<\/a>\r\n        <a href=\"#por-que\">Por que a 4Pro<\/a>\r\n      <\/div>\r\n      <div class=\"foot-col\">\r\n        <h5>Contato<\/h5>\r\n        <a href=\"mailto:contato@4prolivemarketing.com.br\">contato@4prolivemarketing.com.br<\/a>\r\n        <a href=\"https:\/\/4prolivemarketing.com.br\" target=\"_blank\" rel=\"noopener\">4prolivemarketing.com.br<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"foot-bottom\">\r\n      <span>\u00a9 2026 4Pro Live Marketing. Todos os direitos reservados.<\/span>\r\n      <span>Corridas de rua \u00b7 S\u00e3o Paulo e regi\u00e3o<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n  \/\/ ---------- custom cursor ----------\r\n  const dot = document.querySelector('.cursor-dot');\r\n  const ring = document.querySelector('.cursor-ring');\r\n  let mx=0,my=0, rx=0, ry=0;\r\n  window.addEventListener('mousemove', e=>{\r\n    mx=e.clientX; my=e.clientY;\r\n    dot.style.left = mx+'px'; dot.style.top = my+'px';\r\n  });\r\n  function animRing(){\r\n    rx += (mx-rx)*0.18; ry += (my-ry)*0.18;\r\n    ring.style.left = rx+'px'; ring.style.top = ry+'px';\r\n    requestAnimationFrame(animRing);\r\n  }\r\n  animRing();\r\n  document.querySelectorAll('a, button, [data-hover], [data-tilt]').forEach(el=>{\r\n    el.addEventListener('mouseenter', ()=>ring.classList.add('hover'));\r\n    el.addEventListener('mouseleave', ()=>ring.classList.remove('hover'));\r\n  });\r\n\r\n  \/\/ ---------- tabs ----------\r\n  const tabs = document.querySelectorAll('.tab');\r\n  const panels = document.querySelectorAll('.race-panel');\r\n  tabs.forEach(tab=>{\r\n    tab.addEventListener('click', ()=>{\r\n      tabs.forEach(t=>t.classList.remove('active'));\r\n      tab.classList.add('active');\r\n      const target = tab.dataset.tab;\r\n      panels.forEach(p=>{\r\n        p.classList.toggle('active', p.dataset.panel === target);\r\n      });\r\n    });\r\n  });\r\n\r\n  \/\/ ---------- card tilt ----------\r\n  document.querySelectorAll('[data-tilt]').forEach(card=>{\r\n    card.addEventListener('mousemove', e=>{\r\n      const r = card.getBoundingClientRect();\r\n      const x = e.clientX - r.left; const y = e.clientY - r.top;\r\n      const rotX = ((y \/ r.height) - 0.5) * -8;\r\n      const rotY = ((x \/ r.width) - 0.5) * 8;\r\n      card.style.transform = `perspective(700px) rotateX(${rotX}deg) rotateY(${rotY}deg) translateY(-4px)`;\r\n    });\r\n    card.addEventListener('mouseleave', ()=>{\r\n      card.style.transform = 'perspective(700px) rotateX(0) rotateY(0) translateY(0)';\r\n    });\r\n  });\r\n\r\n  \/\/ ---------- countdown (target: 17\/10\/2026 19h00) ----------\r\n  function pad(n){ return String(n).padStart(2,'0'); }\r\n  const target = new Date(2026, 9, 17, 19, 0, 0); \/\/ m\u00eas 9 = Outubro (0-indexed)\r\n  function tick(){\r\n    const now = new Date();\r\n    let diff = Math.max(0, target - now);\r\n    const d = Math.floor(diff\/(1000*60*60*24));\r\n    const h = Math.floor((diff\/(1000*60*60))%24);\r\n    const m = Math.floor((diff\/(1000*60))%60);\r\n    const s = Math.floor((diff\/1000)%60);\r\n    document.getElementById('cd-days').textContent = pad(d);\r\n    document.getElementById('cd-hours').textContent = pad(h);\r\n    document.getElementById('cd-min').textContent = pad(m);\r\n    document.getElementById('cd-sec').textContent = pad(s);\r\n  }\r\n  tick(); setInterval(tick, 1000);\r\n\r\n  \/\/ ---------- floating CTA visibility ----------\r\n  const floatCta = document.getElementById('floatCta');\r\n  const heroEl = document.querySelector('.hero');\r\n  function toggleFloatCta(){\r\n    const heroBottom = heroEl.getBoundingClientRect().bottom;\r\n    floatCta.classList.toggle('show', heroBottom < 0);\r\n  }\r\n  window.addEventListener('scroll', toggleFloatCta, {passive:true});\r\n  toggleFloatCta();\r\n\r\n  \/\/ ---------- reveal on scroll ----------\r\n  const io = new IntersectionObserver(entries=>{\r\n    entries.forEach(en=>{\r\n      if(en.isIntersecting){ en.target.classList.add('in'); io.unobserve(en.target); }\r\n    });\r\n  }, {threshold:0.15});\r\n  document.querySelectorAll('.reveal').forEach(el=>io.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Corridas de Rua em S\u00e3o Paulo | 4Pro Live Marketing \u2014 Inscri\u00e7\u00f5es Abertas \ud83c\udfc1 Inscri\u00e7\u00f5es abertas para a Dr\u00e1cula Night Run in OZ 2026 Garanta sua vaga \u2192 Pr\u00f3xima Corrida Provas Por que a 4Pro Contato Garantir vaga Dr\u00e1cula Night Run Corridas de rua em S\u00e3o Paulo, Campinas e Santos Sua Pr\u00f3xima Largada Come\u00e7a Aqui. [&hellip;]<\/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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/4prolivemarketing.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4prolivemarketing.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4prolivemarketing.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4prolivemarketing.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4prolivemarketing.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":43,"href":"https:\/\/4prolivemarketing.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":62,"href":"https:\/\/4prolivemarketing.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/62"}],"wp:attachment":[{"href":"https:\/\/4prolivemarketing.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}