PageSourceSearch

https://caiofrancasp.com.br/

html caiofrancasp.com.br collected 2026-10-08 09:40:31 UTC 83,645 bytes, 3 lines download raw bytes

1<!DOCTYPE html><html lang="pt-BR"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover"/><link rel="preload" as="image" href="/__l5e/assets-v1/0da7ceac-d9ba-4f9b-bd8d-f34be8d1cbc8/logo-horizontal-nova.png"/><link rel="preload" as="image" href="/__l5e/assets-v1/7ca3ec22-cfd8-4b4c-b798-d0c3779369da/hero-bg-11.jpg"/><link rel="preload" as="image" href="/__l5e/assets-v1/54941d98-246e-44fe-907c-808674133a1b/ellipse-azul-2.png"/><link rel="preload" as="image" href="/__l5e/assets-v1/adc57643-fd29-4f87-9382-386e8934b68e/logo-obrigado-sp.png"/><link rel="preload" as="image" href="/__l5e/assets-v1/68972125-a92c-4acd-806f-38fe22b95bbc/caio-recorte.png" fetchPriority="high"/><link rel="preload" as="image" href="/__l5e/assets-v1/7084e813-cb30-4541-9485-723cbc979717/mosaic-01.jpg"/><link rel="stylesheet" href="/assets/styles-3oRbdjtM.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&amp;display=swap" data-precedence="default"/>
vendor: 66 bytes, line 1
1<script async="" src="https://www.googletagmanager.com/gtag/js?id=
1G-7YKH31E9LX
vendor: 11 bytes, line 1
1"></script>
1<title>Caio França — Obrigado, São Paulo! — Deputado Estadual por São Paulo</title><meta name="author" content="Caio França"/><meta property="og:site_name" content="Caio França — Obrigado, São Paulo!"/><meta property="og:locale" content="pt_BR"/><meta name="theme-color" content="#FFFFFF"/><meta name="apple-mobile-web-app-status-bar-style" content="default"/><meta name="description" content="Site oficial do mandato de Caio França, deputado estadual de São Paulo, reeleito por São Paulo. Saúde, educação, clima e infraestrutura."/><meta property="og:title" content="Caio França — Obrigado, São Paulo! — Deputado Estadual por São Paulo"/><meta property="og:description" content="Trabalho contínuo no litoral e no interior paulista. Conheça as entregas do mandato."/><meta property="og:url" content="https://caiofranca.converta.app/"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta property="og:image" content="https://caiofranca.converta.app/__l5e/assets-v1/f2367a8b-ca83-4b5b-bf79-bc6c29c1dfa6/hero-bg-7.jpg"/><meta name="twitter:image" content="https://caiofranca.converta.app/__l5e/assets-v1/f2367a8b-ca83-4b5b-bf79-bc6c29c1dfa6/hero-bg-7.jpg"/><link rel="modulepreload" href="/assets/index-B-u-OYCo.js"/><link rel="modulepreload" href="/assets/react-OrosJ8bI.js"/><link rel="modulepreload" href="/assets/routes-nsINpIx7.js"/><link rel="modulepreload" href="/assets/Reveal-CN3F_eVo.js"/><link rel="modulepreload" href="/assets/Parallax-BJ7eli4Q.js"/><link rel="modulepreload" href="/assets/stack08.png.asset-BdIR3fQX.js"/><link rel="modulepreload" href="/assets/litoral-interior.jpg.asset-Cid_8u0x.js"/><link rel="modulepreload" href="/assets/mandato-rua.jpg.asset-CQq3j91k.js"/><link rel="modulepreload" href="/assets/ellipse-azul-2.png.asset-DcDF36Pn.js"/><link rel="modulepreload" href="/assets/ScrollTicker-DGnbOQX-.js"/><link rel="modulepreload" href="/assets/stack04.webp.asset-KefYr8EC.js"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="icon" type="image/png" href="/favicon.png"/><link rel="canonical" href="https://caiofranca.converta.app/"/>
1<script>
vendor: 323 bytes, line 1
1(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
1GTM-KLXPSQVL
vendor: 3 bytes, line 1
1');
1</script>
1<script>
vendor: 124 bytes, line 1
1window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '
1G-7YKH31E9LX
vendor: 3 bytes, line 1
1');
1</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","name":"Caio França","jobTitle":"Deputado Estadual de São Paulo","identifier":"40640","address":{"@type":"PostalAddress","addressRegion":"SP","addressCountry":"BR"}}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","name":"Caio França","jobTitle":"Deputado Estadual de São Paulo","url":"https://caiofranca.converta.app/","image":"https://caiofranca.converta.app/__l5e/assets-v1/f2367a8b-ca83-4b5b-bf79-bc6c29c1dfa6/hero-bg-7.jpg","affiliation":{"@type":"Organization","name":"Assembleia Legislativa do Estado de São Paulo"},"sameAs":["https://www.instagram.com/caiofranca_/","https://www.facebook.com/caiofrancasp","https://twitter.com/caiofranca40","https://www.linkedin.com/in/caio-fran%C3%A7a-sp/"]}</script>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1<meta name="twitter:title" content="Caio França — Obrigado, São Paulo! — Deputado Estadual por São Paulo"><meta name="twitter:description" content="Trabalho contínuo no litoral e no interior paulista. Conheça as entregas do mandato."></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KLXPSQVL" height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe></noscript><div class="min-h-screen bg-background text-foreground"><a href="#conteudo" class="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[60] focus:rounded-md focus:bg-accent focus:px-4 focus:py-2 focus:text-accent-foreground">Pular para o conteúdo</a><header class="fixed inset-x-0 top-0 z-50 px-4 transition-all duration-300 md:px-8 pt-4 md:pt-6"><nav aria-label="Navegação principal" class="relative mx-auto hidden w-fit max-w-[1400px] items-center h-[52px] gap-1 lg:gap-2 rounded-full bg-brand-navy px-3 lg:px-4 py-[10px] md:flex"><ul class="flex shrink-0 items-center gap-1 lg:gap-2"><li><a class="flex h-[32px] items-center whitespace-nowrap rounded-full px-2 text-[11px] lg:px-5 lg:text-sm font-extrabold uppercase tracking-[0.06em] text-white/90 transition-colors hover:text-white bg-brand-red text-white hover:text-white" href="/" data-status="active" aria-current="page">Home</a></li><li><a class="flex h-[32px] items-center whitespace-nowrap rounded-full px-2 text-[11px] lg:px-5 lg:text-sm font-extrabold uppercase tracking-[0.06em] text-white/90 transition-colors hover:text-white" href="/sobre">Sobre o Caio</a></li><li><a class="flex h-[32px] items-center whitespace-nowrap rounded-full px-2 text-[11px] lg:px-5 lg:text-sm font-extrabold uppercase tracking-[0.06em] text-white/90 transition-colors hover:text-white" href="/cidades">Projetos</a></li></ul><div class="relative h-[32px] w-[165px] shrink-0 lg:w-[240px]"><a aria-label="Caio França Obrigado, São Paulo! — página inicial" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 active" href="/" data-status="active" aria-current="page"><img src="/__l5e/assets-v1/0da7ceac-d9ba-4f9b-bd8d-f34be8d1cbc8/logo-horizontal-nova.png" alt="Caio França Obrigado, São Paulo!" class="h-[76px] w-auto max-w-none object-contain"/></a></div><ul class="flex shrink-0 items-center gap-1 lg:gap-2"><li><a class="flex h-[32px] items-center whitespace-nowrap rounded-full px-2 text-[11px] lg:px-5 lg:text-sm font-extrabold uppercase tracking-[0.06em] text-white/90 transition-colors hover:text-white" href="/atuacao">Atuação</a></li><li><a class="flex h-[32px] items-center whitespace-nowrap rounded-full px-2 text-[11px] lg:px-5 lg:text-sm font-extrabold uppercase tracking-[0.06em] text-white/90 transition-colors hover:text-white" href="/redes">Redes</a></li><li><a class="flex h-[32px] items-center whitespace-nowrap rounded-full px-2 text-[11px] lg:px-5 lg:text-sm font-extrabold uppercase tracking-[0.06em] text-white/90 transition-colors hover:text-white" href="/contato">Contato</a></li></ul></nav><div class="relative mx-auto flex h-[52px] items-center justify-between rounded-full bg-brand-navy px-4 md:hidden"><a class="relative -my-4 flex items-center active" aria-label="Caio França — página inicial" href="/" data-status="active" aria-current="page"><img src="/__l5e/assets-v1/0da7ceac-d9ba-4f9b-bd8d-f34be8d1cbc8/logo-horizontal-nova.png" alt="" class="h-[74px] w-auto max-w-none object-contain"/></a><button type="button" aria-label="Abrir menu" class="flex h-11 w-11 items-center justify-center rounded-full bg-brand-yellow text-brand-navy transition-transform active:scale-95" aria-haspopup="dialog" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></header><main id="conteudo" class="md:pb-0"><!--$--><section class="relative w-full overflow-hidden bg-background pt-[calc(1rem+3.25rem)] pb-0 md:h-[800px] md:pt-[calc(2rem+4rem)] lg:h-[980px] lg:pt-[calc(2.5rem+5rem)] shortdesk:h-[730px] shortdesk:pt-[calc(1.5rem+4rem)]"><div aria-hidden="true" class="pointer-events-none absolute inset-0 z-0 overflow-hidden"><img src="/__l5e/assets-v1/7ca3ec22-cfd8-4b4c-b798-d0c3779369da/hero-bg-11.jpg" alt="" loading="eager" class="absolute inset-0 h-full w-full object-cover object-top transition-opacity duration-[2200ms] ease-in-out motion-reduce:transition-none opacity-100 animate-hero-kenburns"/><img src="/__l5e/assets-v1/40efdab6-5f3b-4669-a85c-19845de2c007/hero-bg-8.jpg" alt="" loading="lazy" class="absolute inset-0 h-full w-full object-cover object-top transition-opacity duration-[2200ms] ease-in-out motion-reduce:transition-none opacity-0 "/>
1<img src="/__l5e/assets-v1/0d1dcf9a-9997-46d0-aca7-7a1f5026b637/hero-bg-9.jpg" alt="" loading="lazy" class="absolute inset-0 h-full w-full object-cover object-top transition-opacity duration-[2200ms] ease-in-out motion-reduce:transition-none opacity-0 "/><img src="/__l5e/assets-v1/d0449c94-902b-4e25-8fe4-8b1514b74d25/hero-bg-10.jpg" alt="" loading="lazy" class="absolute inset-0 h-full w-full object-cover object-top transition-opacity duration-[2200ms] ease-in-out motion-reduce:transition-none opacity-0 "/></div><div aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 z-[1] h-[220px] bg-gradient-to-b from-background via-background/70 to-transparent"></div><div aria-hidden="true" class="pointer-events-none absolute bottom-0 left-1/2 z-0 w-[100vw] -translate-x-1/2 md:bottom-[-30px] shortdesk:bottom-[-105px] md:w-[92vw] lg:w-[85vw]" style="transform:translate3d(0, 0.00px, 0);will-change:transform"><img src="/__l5e/assets-v1/54941d98-246e-44fe-907c-808674133a1b/ellipse-azul-2.png" alt="" class="h-[34svh] w-full max-w-none object-cover object-top md:h-auto md:object-contain lg:h-[470px] lg:object-cover"/></div><div class="relative mx-auto min-h-[64svh] max-w-[1400px] px-5 md:h-full md:min-h-0"><div style="transition-delay:0ms" class="transition-all duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none translate-y-8 opacity-0 blur-[6px] motion-reduce:translate-x-0 motion-reduce:translate-y-0 motion-reduce:opacity-100 motion-reduce:blur-0 relative z-30 mx-auto mt-5 w-fit md:mt-0"><p class="px-2 py-1 text-center text-[18px] leading-snug text-foreground md:text-[20px]"><span class="block"><span class="font-extrabold">Caio França</span> <span class="font-extrabold text-brand-yellow">reeleito!</span></span><span class="block font-normal">Deputado Estadual por São Paulo</span></p></div><div class="relative mt-4 grid grid-cols-1 items-end gap-4 md:mt-0 md:gap-8 md:h-[calc(100%-3.5rem)] md:grid-cols-[1.35fr_1fr] lg:grid-cols-[1fr_1.1fr_1fr]"><div style="transition-delay:0ms" class="transition-all duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none -translate-x-16 opacity-0 blur-[6px] motion-reduce:translate-x-0 motion-reduce:translate-y-0 motion-reduce:opacity-100 motion-reduce:blur-0 relative z-30 order-1 hidden justify-center pb-0 md:order-1 md:hidden lg:flex lg:justify-start md:pb-[150px] md:-translate-y-[100px] shortdesk:-translate-y-[140px] shortdesk:translate-x-[60px] shortdesk:pb-[120px]"><img src="/__l5e/assets-v1/adc57643-fd29-4f87-9382-386e8934b68e/logo-obrigado-sp.png" alt="Caio França — Obrigado, São Paulo! — Deputado Estadual" class="w-[62%] max-w-[360px] object-contain md:w-full shortdesk:w-[75%] shortdesk:max-w-[270px]"/></div><div class="relative z-20 order-3 self-end md:order-2"><div class="relative z-20" style="transform:translate3d(0, 0.00px, 0);will-change:transform"><div style="transition-delay:140ms" class="transition-all duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none translate-y-16 opacity-0 blur-[6px] motion-reduce:translate-x-0 motion-reduce:translate-y-0 motion-reduce:opacity-100 motion-reduce:blur-0 "><div class="relative"><img src="/__l5e/assets-v1/68972125-a92c-4acd-806f-38fe22b95bbc/caio-recorte.png" alt="Caio França" fetchPriority="high" class="mx-auto -mb-px block h-[52svh] w-auto object-contain object-bottom md:h-auto md:w-[500px] lg:w-[537px] shortdesk:w-[455px] shortdesk:translate-y-[15px] md:max-w-none md:translate-x-[70px] lg:translate-x-[20px]"/><img src="/__l5e/assets-v1/0da7ceac-d9ba-4f9b-bd8d-f34be8d1cbc8/logo-horizontal-nova.png" alt="" aria-hidden="true" class="pointer-events-none absolute bottom-[16%] left-1/2 w-[76%] max-w-[300px] -translate-x-1/2 object-contain drop-shadow-[0_10px_30px_rgba(3,19,78,0.35)] md:hidden"/></div></div></div></div><div style="transition-delay:220ms" class="transition-all duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none translate-x-16 opacity-0 blur-[6px] motion-reduce:translate-x-0 motion-reduce:translate-y-0 motion-reduce:opacity-100 motion-reduce:blur-0 relative z-30 order-2 flex justify-center pb-0 md:-left-[110px] lg:-left-[70px] md:-top-[70px] shortdesk:-left-[100px] shortdesk:-top-[70px] md:order-3 md:justify-end md:pb-[330px]"><div class="relative"><span aria-hidden="true" class="pointer-events-none absolute -inset-x-10 -inset-y-8 rounded-full bg-white/45 blur-2xl"></span>
1<p class="relative text-center font-poppins text-[34px] font-black uppercase leading-[1] text-brand-navy md:hidden">Obrigado, <span class="text-brand-red">São Paulo!</span></p><p class="relative hidden whitespace-pre-line text-left font-poppins font-black uppercase leading-[0.98] text-brand-navy md:block md:text-[54px] lg:text-[64px]">Obrigado,
2<span class="text-brand-red">São
3Paulo!</span></p></div></div></div></div></section><div class="relative z-[45] -mt-[calc(3vw+16px)] overflow-x-clip py-2 md:-mt-[calc(2vw+16px)]"><div class="-mx-[6vw] w-[112vw] -rotate-[2.2deg]"><div class="led-panel relative overflow-hidden bg-[var(--ink)] py-6 md:py-8 " role="region" aria-label="Frentes de atuação do mandato"><ul class="sr-only"><li>Saúde</li><li>Inclusão</li><li>Educação</li><li>Adoção</li><li>Mobilidade</li><li>Meio Ambiente</li><li>Proteção Animal</li><li>Transparência / Fiscalização</li></ul><div aria-hidden="true" class="led-marquee flex w-max items-center gap-10 whitespace-nowrap md:gap-16" style="animation-duration:38s"><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Saúde</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Inclusão</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Educação</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Adoção</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Mobilidade</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Meio Ambiente</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Proteção Animal</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Transparência / Fiscalização</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Saúde</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Inclusão</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Educação</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Adoção</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Mobilidade</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Meio Ambiente</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Proteção Animal</span><span class="led-dot"></span></span><span class="flex items-center gap-10 md:gap-16"><span class="led-text font-display text-2xl font-black uppercase tracking-[0.2em] md:text-4xl">Transparência / Fiscalização</span><span class="led-dot"></span></span></div><span aria-hidden="true" class="led-scan pointer-events-none absolute inset-0"></span></div></div></div><section aria-label="Apresentação do mandato" class="bg-background px-[clamp(20px,4vw,48px)] pb-6 pt-[clamp(24px,5vw,64px)]"><div class="grid grid-cols-2 gap-[14px] md:grid-cols-[1.25fr_0.85fr_1fr]"><div style="transition-delay:0ms" class="transition-all duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none translate-y-8 opacity-0 blur-[6px] motion-reduce:translate-x-0 motion-reduce:translate-y-0 motion-reduce:opacity-100 motion-reduce:blur-0 group relative overflow-hidden rounded-[28px] h-[42svh] min-h-[260px] md:h-[72vh] md:min-
3h-[620px] md:max-h-[820px] col-span-2 h-auto min-h-0 bg-brand-navy md:col-span-1 md:h-full"><div class="flex h-full flex-col justify-between p-7 md:p-10"><p class="font-display text-[11px] font-bold uppercase tracking-[0.34em] text-brand-yellow">Deputado Estadual<!-- --> — <!-- -->São Paulo</p><div><h2 class="text-balance text-3xl font-semibold leading-[1.02] tracking-tight text-brand-yellow md:text-[clamp(34px,3.4vw,56px)]">Caio França<span class="block italic text-brand-yellow/70">Deputado Estadual</span></h2><p class="mt-6 max-w-md text-sm leading-relaxed text-white/80 md:text-base">Caio França tá na área e faz acontecer! Reeleito, segue perto das pessoas, presente nas cidades e com trabalho na prática. Para o Caio, política é servir, cuidar e transformar a vida de verdade. É isso que faz São Paulo seguir.</p></div><div class="flex items-end justify-between gap-4 border-t border-white/20 pt-5"><span class="text-[11px] uppercase tracking-[0.28em] text-white/60">Assembleia Legislativa de São Paulo</span><a class="inline-flex items-center gap-2 text-sm font-semibold text-brand-yellow underline-offset-8 hover:underline" href="/sobre">Conheça o Caio <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div><div style="transition-delay:110ms" class="transition-all duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none translate-y-8 opacity-0 blur-[6px] motion-reduce:translate-x-0 motion-reduce:translate-y-0 motion-reduce:opacity-100 motion-reduce:blur-0 group relative overflow-hidden rounded-[28px] h-[42svh] min-h-[260px] md:h-[72vh] md:min-h-[620px] md:max-h-[820px] md:h-full"><img src="/__l5e/assets-v1/601a8308-fdf6-4b48-89b1-abe742862917/territorio.jpg" alt="Território percorrido pelo mandato no litoral paulista" loading="lazy" class="h-full w-full object-cover object-[50%_35%] transition-transform duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-[1.035]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-brand-navy/70 to-transparent p-7 md:p-8"><p class="font-display text-[11px] font-bold uppercase tracking-[0.3em] text-brand-yellow">Território</p><p class="mt-2 max-w-xs text-lg font-semibold leading-snug text-white">96<!-- --> <!-- -->cidades visitadas no mandato</p></div></div><div style="transition-delay:220ms" class="transition-all duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none translate-y-8 opacity-0 blur-[6px] motion-reduce:translate-x-0 motion-reduce:translate-y-0 motion-reduce:opacity-100 motion-reduce:blur-0 group relative overflow-hidden rounded-[28px] h-[42svh] min-h-[260px] md:h-[72vh] md:min-h-[620px] md:max-h-[820px] md:h-full"><img src="/__l5e/assets-v1/01278e9d-c217-49cc-8002-3e5d5afb6da3/mandato-rua.jpg" alt="Caio França em conversa com moradores" loading="lazy" class="h-full w-full object-cover object-[55%_25%] transition-transform duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-[1.035]"/><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-brand-navy/70 to-transparent p-7 md:p-8"><p class="font-display text-[11px] font-bold uppercase tracking-[0.3em] text-brand-yellow">Mandato de rua</p><p class="mt-2 max-w-xs text-lg font-semibold leading-snug text-white">R$ 220 mi<!-- --> <!-- -->em emendas destinadas</p></div></div></div></section><section aria-hidden="true" class="relative overflow-hidden bg-background pt-[clamp(50px,7vw,110px)] pb-[clamp(8px,1.2vw,18px)]"><div class="flex w-max flex-nowrap whitespace-nowrap font-display font-black uppercase leading-[0.88] tracking-tight will-change-transform text-[clamp(46px,15vw,82px)] md:text-[clamp(70px,9vw,148px)]"><div class="flex shrink-0 flex-nowrap"><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">RESULTADOS</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">CAIO FRANÇA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">OBRIGADO, SÃO PAULO!</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">RESULTADOS</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">CAIO FRANÇA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">OBRIGADO, SÃO PAULO!</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">RESULTADOS</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">CAIO FRANÇA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">OBRIGADO, SÃO PAULO!</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">RESULTADOS</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">CAIO FRANÇA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">OBRIGADO, SÃO PAULO!</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">RESULTADOS</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">CAIO FRANÇA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">OBRIGADO, SÃO PAULO!</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">RESULTADOS</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">CAIO FRANÇA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">OBRIGADO, SÃO PAULO!</span><span class="text-brand-navy">·</span></span></span></div><div class="flex shrink-0 flex-nowrap" aria-hidden="true"><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">RESULTADOS</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">CAIO FRANÇA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">OBRIGADO, SÃO PAULO!</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">RESULTADOS</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">CAIO FRANÇA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">OBRIGADO, SÃO PAULO!</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">RESULTADOS</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">CAIO FRANÇA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">OBRIGADO, SÃO PAULO!</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">RESULTADOS</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">CAIO FRANÇA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">OBRIGADO, SÃO PAULO!</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">RESULTADOS</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">CAIO FRANÇA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">OBRIGADO, SÃO PAULO!</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">RESULTADOS</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">CAIO FRANÇA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">OBRIGADO, SÃO PAULO!</span><span class="text-brand-navy">·</span></span></span></div></div></section><section id="entregas" class="bg-background px-[clamp(20px,4vw,48px)] py-20 md:py-28"><div class="relative"><article data-topic-card="true" class="sticky mb-[8vh] last:mb-0 md:mb-[12vh]" style="top:80px;z-index:10"><div class="overflow-hidden rounded-[26px] border border-border/60 shadow-[0_24px_70px_-40px_rgba(3,19,78,0.45)] md:rounded-[34px] bg-card text-foreground" style="transform:translateY(0px) scale(1);transition:transform 700ms cubic-bezier(0.16,1,0.3,1);will-change:transform">
3<div class="grid min-h-[70svh] grid-cols-1 md:h-[650px] md:min-h-0 md:grid-cols-2 md:grid-rows-[650px]"><div class="relative order-1 p-[16px] pb-[6px] md:order-2 md:p-[30px] md:pb-[30px]"><div class="relative h-full overflow-hidden rounded-[20px]"><div class="h-full" style="transform:translate3d(0, 0.00px, 0);will-change:transform"><img src="/__l5e/assets-v1/1d62e5b7-e37f-478c-bdf4-13872a8b88c9/stack01.jpeg" alt="Cannabis medicinal no SUS paulista" loading="lazy" class="h-[calc(34svh-45px)] w-full rounded-[20px] object-cover md:h-full md:min-h-[650px]" style="object-position:50% 45%"/></div></div></div><div class="order-2 flex h-full min-h-0 flex-col gap-3 overflow-hidden p-6 pt-4 md:order-1 md:justify-start md:gap-4 md:p-9 md:pt-9 lg:p-10"><div class="flex items-center gap-4"><span class="font-display text-[28px] font-black leading-none tracking-tight opacity-30 md:text-[clamp(30px,3vw,48px)]">01</span><span class="text-[11px] font-bold uppercase tracking-[0.32em]">Saúde</span></div><div class="min-h-0"><h3 class="text-balance text-[19px] font-semibold leading-[1.1] tracking-tight md:text-[clamp(24px,2.1vw,36px)]">Cannabis medicinal no SUS paulista</h3><p class="mt-2 max-w-md text-[14px] leading-relaxed md:mt-4 md:text-base text-muted-foreground">Lei que garante acesso gratuito a medicamentos à base de cannabis pela rede pública, com protocolo clínico e acompanhamento para pacientes com epilepsia, autismo e dor crônica.</p></div><p class="text-xs font-semibold uppercase tracking-[0.18em] md:text-sm">Acesso gratuito na rede estadual<span class="ml-3 opacity-40">1<!-- -->/<!-- -->8</span></p></div></div></div></article><article data-topic-card="true" class="sticky mb-[8vh] last:mb-0 md:mb-[12vh]" style="top:94px;z-index:11"><div class="overflow-hidden rounded-[26px] border border-border/60 shadow-[0_24px_70px_-40px_rgba(3,19,78,0.45)] md:rounded-[34px] bg-brand-navy text-white" style="transform:translateY(0px) scale(1);transition:transform 700ms cubic-bezier(0.16,1,0.3,1);will-change:transform"><div class="grid min-h-[70svh] grid-cols-1 md:h-[650px] md:min-h-0 md:grid-cols-2 md:grid-rows-[650px]"><div class="relative order-1 p-[16px] pb-[6px] md:order-2 md:p-[30px] md:pb-[30px]"><div class="relative h-full overflow-hidden rounded-[20px]"><div class="h-full" style="transform:translate3d(0, 0.00px, 0);will-change:transform"><img src="/__l5e/assets-v1/43efc607-e79a-45c5-8214-46fda953ac59/stack02.jpg" alt="Enfrentamento aos pedágios abusivos" loading="lazy" class="h-[calc(34svh-45px)] w-full rounded-[20px] object-cover md:h-full md:min-h-[650px]" style="object-position:50% 40%"/></div></div></div><div class="order-2 flex h-full min-h-0 flex-col gap-3 overflow-hidden p-6 pt-4 md:order-1 md:justify-start md:gap-4 md:p-9 md:pt-9 lg:p-10"><div class="flex items-center gap-4"><span class="font-display text-[28px] font-black leading-none tracking-tight opacity-30 md:text-[clamp(30px,3vw,48px)]">02</span><span class="text-[11px] font-bold uppercase tracking-[0.32em]">Mobilidade</span></div><div class="min-h-0"><h3 class="text-balance text-[19px] font-semibold leading-[1.1] tracking-tight md:text-[clamp(24px,2.1vw,36px)]">Enfrentamento aos pedágios abusivos</h3><p class="mt-2 max-w-md text-[14px] leading-relaxed md:mt-4 md:text-base opacity-80">Atuação permanente contra novas praças e reajustes desproporcionais no litoral e no interior, com defesa de tarifas justas e alternativas livres de cobrança para moradores.</p></div><p class="text-xs font-semibold uppercase tracking-[0.18em] md:text-sm">Isenção defendida para o morador<span class="ml-3 opacity-40">2<!-- -->/<!-- -->8</span></p></div></div></div></article><article data-topic-card="true" class="sticky mb-[8vh] last:mb-0 md:mb-[12vh]" style="top:108px;z-index:12"><div class="overflow-hidden rounded-[26px] border border-border/60 shadow-[0_24px_70px_-40px_rgba(3,19,78,0.45)] md:rounded-[34px] bg-brand-yellow text-brand-navy" style="transform:translateY(0px) scale(1);transition:transform 700ms cubic-bezier(0.16,1,0.3,1);will-change:transform">
3<div class="grid min-h-[70svh] grid-cols-1 md:h-[650px] md:min-h-0 md:grid-cols-2 md:grid-rows-[650px]"><div class="relative order-1 p-[16px] pb-[6px] md:order-2 md:p-[30px] md:pb-[30px]"><div class="relative h-full overflow-hidden rounded-[20px]"><div class="h-full" style="transform:translate3d(0, 0.00px, 0);will-change:transform"><img src="/__l5e/assets-v1/05a06f6f-2ee2-4bd6-8c5a-57812acac300/stack03.jpg" alt="Nome afetivo e acolhimento no processo de adoção" loading="lazy" class="h-[calc(34svh-45px)] w-full rounded-[20px] object-cover md:h-full md:min-h-[650px]" style="object-position:40% 35%"/></div></div></div><div class="order-2 flex h-full min-h-0 flex-col gap-3 overflow-hidden p-6 pt-4 md:order-1 md:justify-start md:gap-4 md:p-9 md:pt-9 lg:p-10"><div class="flex items-center gap-4"><span class="font-display text-[28px] font-black leading-none tracking-tight opacity-30 md:text-[clamp(30px,3vw,48px)]">03</span><span class="text-[11px] font-bold uppercase tracking-[0.32em]">Adoção</span></div><div class="min-h-0"><h3 class="text-balance text-[19px] font-semibold leading-[1.1] tracking-tight md:text-[clamp(24px,2.1vw,36px)]">Nome afetivo e acolhimento no processo de adoção</h3><p class="mt-2 max-w-md text-[14px] leading-relaxed md:mt-4 md:text-base opacity-80">Reconhecimento do nome afetivo de crianças e adolescentes em processo de adoção e apoio às famílias acolhedoras, reduzindo violência simbólica e tempo de espera.</p></div><p class="text-xs font-semibold uppercase tracking-[0.18em] md:text-sm">Direito ao próprio nome<span class="ml-3 opacity-40">3<!-- -->/<!-- -->8</span></p></div></div></div></article><article data-topic-card="true" class="sticky mb-[8vh] last:mb-0 md:mb-[12vh]" style="top:122px;z-index:13"><div class="overflow-hidden rounded-[26px] border border-border/60 shadow-[0_24px_70px_-40px_rgba(3,19,78,0.45)] md:rounded-[34px] bg-card text-foreground" style="transform:translateY(0px) scale(1);transition:transform 700ms cubic-bezier(0.16,1,0.3,1);will-change:transform"><div class="grid min-h-[70svh] grid-cols-1 md:h-[650px] md:min-h-0 md:grid-cols-2 md:grid-rows-[650px]"><div class="relative order-1 p-[16px] pb-[6px] md:order-2 md:p-[30px] md:pb-[30px]"><div class="relative h-full overflow-hidden rounded-[20px]"><div class="h-full" style="transform:translate3d(0, 0.00px, 0);will-change:transform"><img src="/__l5e/assets-v1/4bf16abb-1acd-4b22-a2f1-af42c7d6d3e3/stack04.webp" alt="Pra venda da SABESP, o Caio disse: NÃO!" loading="lazy" class="h-[calc(34svh-45px)] w-full rounded-[20px] object-cover md:h-full md:min-h-[650px]" style="object-position:50% 50%"/></div></div></div><div class="order-2 flex h-full min-h-0 flex-col gap-3 overflow-hidden p-6 pt-4 md:order-1 md:justify-start md:gap-4 md:p-9 md:pt-9 lg:p-10"><div class="flex items-center gap-4"><span class="font-display text-[28px] font-black leading-none tracking-tight opacity-30 md:text-[clamp(30px,3vw,48px)]">04</span><span class="text-[11px] font-bold uppercase tracking-[0.32em]">Água e saneamento</span></div><div class="min-h-0"><h3 class="text-balance text-[19px] font-semibold leading-[1.1] tracking-tight md:text-[clamp(24px,2.1vw,36px)]">Pra venda da SABESP, o Caio disse: NÃO!</h3><p class="mt-2 max-w-md text-[14px] leading-relaxed md:mt-4 md:text-base text-muted-foreground">Posição firme contra a privatização e por investimento em saneamento nas áreas de encosta, com fiscalização de tarifas, perdas de água e metas de universalização.</p></div><p class="text-xs font-semibold uppercase tracking-[0.18em] md:text-sm">Saneamento como direito<span class="ml-3 opacity-40">4<!-- -->/<!-- -->8</span></p></div></div></div></article><article data-topic-card="true" class="sticky mb-[8vh] last:mb-0 md:mb-[12vh]" style="top:136px;z-index:14"><div class="overflow-hidden rounded-[26px] border border-border/60 shadow-[0_24px_70px_-40px_rgba(3,19,78,0.45)] md:rounded-[34px] bg-brand-navy text-white" style="transform:translateY(0px) scale(1);transition:transform 700ms cubic-bezier(0.16,1,0.3,1);will-change:transform">
3<div class="grid min-h-[70svh] grid-cols-1 md:h-[650px] md:min-h-0 md:grid-cols-2 md:grid-rows-[650px]"><div class="relative order-1 p-[16px] pb-[6px] md:order-2 md:p-[30px] md:pb-[30px]"><div class="relative h-full overflow-hidden rounded-[20px]"><div class="h-full" style="transform:translate3d(0, 0.00px, 0);will-change:transform"><img src="/__l5e/assets-v1/6e2c8393-e226-44a8-90e4-688c2ea5d997/stack05.jpg" alt="Isenção de IPVA e direitos da pessoa com deficiência" loading="lazy" class="h-[calc(34svh-45px)] w-full rounded-[20px] object-cover md:h-full md:min-h-[650px]" style="object-position:55% 45%"/></div></div></div><div class="order-2 flex h-full min-h-0 flex-col gap-3 overflow-hidden p-6 pt-4 md:order-1 md:justify-start md:gap-4 md:p-9 md:pt-9 lg:p-10"><div class="flex items-center gap-4"><span class="font-display text-[28px] font-black leading-none tracking-tight opacity-30 md:text-[clamp(30px,3vw,48px)]">05</span><span class="text-[11px] font-bold uppercase tracking-[0.32em]">Inclusão</span></div><div class="min-h-0"><h3 class="text-balance text-[19px] font-semibold leading-[1.1] tracking-tight md:text-[clamp(24px,2.1vw,36px)]">Isenção de IPVA e direitos da pessoa com deficiência</h3><p class="mt-2 max-w-md text-[14px] leading-relaxed md:mt-4 md:text-base opacity-80">Ampliação das regras de isenção de IPVA, acessibilidade em equipamentos públicos e prioridade para o atendimento de pessoas com deficiência e suas famílias.</p></div><p class="text-xs font-semibold uppercase tracking-[0.18em] md:text-sm">Mais autonomia, menos burocracia<span class="ml-3 opacity-40">5<!-- -->/<!-- -->8</span></p></div></div></div></article><article data-topic-card="true" class="sticky mb-[8vh] last:mb-0 md:mb-[12vh]" style="top:150px;z-index:15"><div class="overflow-hidden rounded-[26px] border border-border/60 shadow-[0_24px_70px_-40px_rgba(3,19,78,0.45)] md:rounded-[34px] bg-card text-foreground" style="transform:translateY(0px) scale(1);transition:transform 700ms cubic-bezier(0.16,1,0.3,1);will-change:transform"><div class="grid min-h-[70svh] grid-cols-1 md:h-[650px] md:min-h-0 md:grid-cols-2 md:grid-rows-[650px]"><div class="relative order-1 p-[16px] pb-[6px] md:order-2 md:p-[30px] md:pb-[30px]"><div class="relative h-full overflow-hidden rounded-[20px]"><div class="h-full" style="transform:translate3d(0, 0.00px, 0);will-change:transform"><img src="/__l5e/assets-v1/c5ad25a2-1a24-4133-9638-4c8214ebb37b/stack06.jpg" alt="Escolas reformadas e conectadas" loading="lazy" class="h-[calc(34svh-45px)] w-full rounded-[20px] object-cover md:h-full md:min-h-[650px]" style="object-position:60% 40%"/></div></div></div><div class="order-2 flex h-full min-h-0 flex-col gap-3 overflow-hidden p-6 pt-4 md:order-1 md:justify-start md:gap-4 md:p-9 md:pt-9 lg:p-10"><div class="flex items-center gap-4"><span class="font-display text-[28px] font-black leading-none tracking-tight opacity-30 md:text-[clamp(30px,3vw,48px)]">06</span><span class="text-[11px] font-bold uppercase tracking-[0.32em]">Educação</span></div><div class="min-h-0"><h3 class="text-balance text-[19px] font-semibold leading-[1.1] tracking-tight md:text-[clamp(24px,2.1vw,36px)]">Escolas reformadas e conectadas</h3><p class="mt-2 max-w-md text-[14px] leading-relaxed md:mt-4 md:text-base text-muted-foreground">Emendas para reforma de unidades estaduais, laboratórios de tecnologia e internet de alta velocidade em salas de aula do litoral e do interior.</p></div><p class="text-xs font-semibold uppercase tracking-[0.18em] md:text-sm">48 escolas atendidas<span class="ml-3 opacity-40">6<!-- -->/<!-- -->8</span></p></div></div></div></article><article data-topic-card="true" class="sticky mb-[8vh] last:mb-0 md:mb-[12vh]" style="top:164px;z-index:16"><div class="overflow-hidden rounded-[26px] border border-border/60 shadow-[0_24px_70px_-40px_rgba(3,19,78,0.45)] md:rounded-[34px] bg-brand-yellow text-brand-navy" style="transform:translateY(0px) scale(1);transition:transform 700ms cubic-bezier(0.16,1,0.3,1);will-change:transform">
3<div class="grid min-h-[70svh] grid-cols-1 md:h-[650px] md:min-h-0 md:grid-cols-2 md:grid-rows-[650px]"><div class="relative order-1 p-[16px] pb-[6px] md:order-2 md:p-[30px] md:pb-[30px]"><div class="relative h-full overflow-hidden rounded-[20px]"><div class="h-full" style="transform:translate3d(0, 0.00px, 0);will-change:transform"><img src="/__l5e/assets-v1/e00c5c7f-1117-4324-9e54-fde34d5ffb4e/stack07.jpg" alt="Rede de acolhimento e proteção animal" loading="lazy" class="h-[calc(34svh-45px)] w-full rounded-[20px] object-cover md:h-full md:min-h-[650px]" style="object-position:50% 35%"/></div></div></div><div class="order-2 flex h-full min-h-0 flex-col gap-3 overflow-hidden p-6 pt-4 md:order-1 md:justify-start md:gap-4 md:p-9 md:pt-9 lg:p-10"><div class="flex items-center gap-4"><span class="font-display text-[28px] font-black leading-none tracking-tight opacity-30 md:text-[clamp(30px,3vw,48px)]">07</span><span class="text-[11px] font-bold uppercase tracking-[0.32em]">Proteção social</span></div><div class="min-h-0"><h3 class="text-balance text-[19px] font-semibold leading-[1.1] tracking-tight md:text-[clamp(24px,2.1vw,36px)]">Rede de acolhimento e proteção animal</h3><p class="mt-2 max-w-md text-[14px] leading-relaxed md:mt-4 md:text-base opacity-80">Apoio a casas de acolhida, programas de castração e adoção responsável, com fiscalização de maus-tratos e financiamento para protetores independentes.</p></div><p class="text-xs font-semibold uppercase tracking-[0.18em] md:text-sm">Cuidado que chega ao território<span class="ml-3 opacity-40">7<!-- -->/<!-- -->8</span></p></div></div></div></article><article data-topic-card="true" class="sticky mb-[8vh] last:mb-0 md:mb-[12vh]" style="top:178px;z-index:17"><div class="overflow-hidden rounded-[26px] border border-border/60 shadow-[0_24px_70px_-40px_rgba(3,19,78,0.45)] md:rounded-[34px] bg-card text-foreground" style="transform:translateY(0px) scale(1);transition:transform 700ms cubic-bezier(0.16,1,0.3,1);will-change:transform"><div class="grid min-h-[70svh] grid-cols-1 md:h-[650px] md:min-h-0 md:grid-cols-2 md:grid-rows-[650px]"><div class="relative order-1 p-[16px] pb-[6px] md:order-2 md:p-[30px] md:pb-[30px]"><div class="relative h-full overflow-hidden rounded-[20px]"><div class="h-full" style="transform:translate3d(0, 0.00px, 0);will-change:transform"><img src="/__l5e/assets-v1/ed4c942d-0b13-453a-afbf-e6b4b2aba2cf/stack08.png" alt="Lutou contra a aposentadoria compulsória pra justiça avançar!" loading="lazy" class="h-[calc(34svh-45px)] w-full rounded-[20px] object-cover md:h-full md:min-h-[650px]" style="object-position:50% 30%"/></div></div></div><div class="order-2 flex h-full min-h-0 flex-col gap-3 overflow-hidden p-6 pt-4 md:order-1 md:justify-start md:gap-4 md:p-9 md:pt-9 lg:p-10"><div class="flex items-center gap-4"><span class="font-display text-[28px] font-black leading-none tracking-tight opacity-30 md:text-[clamp(30px,3vw,48px)]">08</span><span class="text-[11px] font-bold uppercase tracking-[0.32em]">Serviço público</span></div><div class="min-h-0"><h3 class="text-balance text-[19px] font-semibold leading-[1.1] tracking-tight md:text-[clamp(24px,2.1vw,36px)]">Lutou contra a aposentadoria compulsória pra justiça avançar!</h3><p class="mt-2 max-w-md text-[14px] leading-relaxed md:mt-4 md:text-base text-muted-foreground">A PEC 3/2025, de autoria do deputado estadual Caio França na Alesp, proíbe a aposentadoria compulsória como sanção disciplinar para servidores públicos no Estado de São Paulo. A proposta argumenta que afastar funcionários com remuneração proporcional após faltas graves funciona como um prêmio em vez de punição.</p></div><p class="text-xs font-semibold uppercase tracking-[0.18em] md:text-sm">PEC 3/2025 — punição de verdade<span class="ml-3 opacity-40">8<!-- -->/<!-- -->8</span></p></div></div></div></article></div></section><section class="bg-background px-[clamp(20px,4vw,48px)] pt-[clamp(40px,6vw,80px)]"><div class="mx-auto flex max-w-[1240px] flex-col gap-6 rounded-[26px] bg-brand-navy p-8 text-white md:flex-row md:items-center md:justify-between md:rounded-[34px] md:p-12"><div class="max-w-2xl"><p class="text-[11px] font-bold uppercase tracking-[0.32em] text-brand-red">Mandato no território</p><h2 class="mt-3 text-balance font-poppins text-[clamp(24px,3vw,40px)] font-extrabold leading-[1.05] tracking-tight">Veja o que foi feito na sua cidade</h2><p class="mt-3 max-w-xl text-[15px] leading-relaxed text-white/70">Emendas, obras, equipamentos e conquistas município por município, do litoral ao interior paulista.</p></div><a class="inline-flex shrink-0 items-center justify-center rounded-full bg-brand-red px-8 py-4 text-sm font-bold uppercase tracking-[0.12em] text-white transition-colors hover:bg-brand-red/90" href="/cidades">Ver todas as cidades</a></div></section><section aria-hidden="true" class="relative overflow-hidden bg-background pt-[clamp(40px,6vw,90px)] pb-[clamp(6px,1vw,14px)]"><div class="flex w-max flex-nowrap whitespace-nowrap font-display font-black uppercase leading-[0.88] tracking-tight will-change-transform text-[clamp(46px,15vw,82px)] md:text-[clamp(70px,9vw,148px)]"><div class="flex shrink-0 flex-nowrap"><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">TRAJETÓRIA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">
3AGENDA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">PROJETOS</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">TRAJETÓRIA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">AGENDA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">PROJETOS</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">TRAJETÓRIA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">AGENDA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">PROJETOS</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">TRAJETÓRIA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">AGENDA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">PROJETOS</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">TRAJETÓRIA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">AGENDA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">PROJETOS</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">TRAJETÓRIA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">AGENDA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">PROJETOS</span><span class="text-brand-navy">·</span></span></span></div><div class="flex shrink-0 flex-nowrap" aria-hidden="true"><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">TRAJETÓRIA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">AGENDA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">PROJETOS</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">TRAJETÓRIA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">AGENDA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">PROJETOS</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">TRAJETÓRIA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">
3AGENDA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">PROJETOS</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">TRAJETÓRIA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">AGENDA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">PROJETOS</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">TRAJETÓRIA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">AGENDA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">PROJETOS</span><span class="text-brand-navy">·</span></span></span><span class="inline-flex shrink-0 items-center gap-[0.35em] pr-[0.35em]"><span class="inline-flex items-center gap-[0.35em]"><span class="text-transparent [-webkit-text-stroke:2px_var(--color-brand-red)]">TRAJETÓRIA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-navy">AGENDA</span><span class="text-brand-navy">·</span></span><span class="inline-flex items-center gap-[0.35em]"><span class="text-brand-red">PROJETOS</span><span class="text-brand-navy">·</span></span></span></div></div></section><section class="bg-background px-[clamp(20px,4vw,48px)] py-20 md:py-28"><div class="grid gap-[14px] md:grid-cols-[2fr_1fr_1fr] md:grid-rows-2"><div style="transition-delay:0ms" class="transition-all duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none translate-y-8 opacity-0 blur-[6px] motion-reduce:translate-x-0 motion-reduce:translate-y-0 motion-reduce:opacity-100 motion-reduce:blur-0 group relative overflow-hidden rounded-[30px] md:row-span-2"><div class="relative h-[52svh] w-full md:h-full md:min-h-[640px]"><div class="absolute inset-0 overflow-hidden " aria-hidden="true"><img src="/__l5e/assets-v1/7084e813-cb30-4541-9485-723cbc979717/mosaic-01.jpg" alt="" loading="eager" class="absolute inset-0 h-full w-full object-cover" style="object-position:50% 30%;transform:translate3d(0, 0%, 0);opacity:1;transition:transform 1100ms cubic-bezier(0.16,1,0.3,1), opacity 900ms ease;will-change:transform, opacity"/><img src="/__l5e/assets-v1/3aa513c6-7bdd-4cca-a3f4-74c2cd7ef7d3/mosaic-02.jpg" alt="" loading="lazy" class="absolute inset-0 h-full w-full object-cover" style="object-position:60% 30%;transform:translate3d(0, 100%, 0);opacity:0;transition:transform 1100ms cubic-bezier(0.16,1,0.3,1), opacity 900ms ease;will-change:transform, opacity"/><img src="/__l5e/assets-v1/9a0595c0-aa8e-4554-9bc0-9b48cc20c315/mosaic-03.jpg" alt="" loading="lazy" class="absolute inset-0 h-full w-full object-cover" style="object-position:45% 35%;transform:translate3d(0, 100%, 0);opacity:0;transition:transform 1100ms cubic-bezier(0.16,1,0.3,1), opacity 900ms ease;will-change:transform, opacity"/><img src="/__l5e/assets-v1/baa555df-454d-48a2-a854-694e442b7307/mosaic-04.jpg" alt="" loading="lazy" class="absolute inset-0 h-full w-full object-cover" style="object-position:40% 35%;transform:translate3d(0, -100%, 0);opacity:0;transition:transform 1100ms cubic-bezier(0.16,1,0.3,1), opacity 900ms ease;will-change:transform, opacity"/></div></div><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-brand-navy/85 to-transparent p-8 md:p-10"><p class="mb-2 text-[11px] font-medium leading-snug tracking-[0.02em] text-white/70">O litoral e o interior no centro das decisões.</p><p class="font-display text-[11px] font-bold uppercase tracking-[0.3em] text-brand-yellow">Conheça o Caio</p><p class="mt-3 max-w-sm text-lg leading-snug text-white md:text-2xl">O litoral e o interior no centro das decisões.</p><a class="mt-6 inline-flex items-center gap-2 text-sm font-semibold text-brand-yellow underline-offset-8 hover:underline" href="/sobre">Conheça a trajetória <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div><div style="transition-delay:80ms" class="transition-all duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none translate-y-8 opacity-0 blur-[6px] motion-reduce:translate-x-0 motion-reduce:translate-y-0 motion-reduce:opacity-100 motion-reduce:blur-0 flex flex-col rounded-[30px] bg-brand-navy p-8 text-white md:p-10"><p class="mb-2 text-[11px] font-medium leading-snug tracking-[0.02em] text-white/70">O litoral e o interior no centro das decisões.</p><p class="font-display text-[11px] font-bold uppercase leading-relaxed tracking-[0.22em] text-brand-red">2026 — Reeleição: obrigado, São Paulo!. Novo ciclo com foco em clima, saúde e educação integral.</p><p class="mt-5 text-sm leading-relaxed text-white/80">Começou trabalhando em programas sociais e de saúde, aprendendo que orçamento é escolha e que escolha é prioridade de gente.</p><a class="mt-7 inline-flex w-fit items-center gap-2 rounded-full bg-brand-yellow px-6 py-3 text-sm font-bold text-brand-navy transition-transform hover:-translate-y-0.5 motion-reduce:transform-none" href="/sobre">Conheça o Caio <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><div style="transition-delay:140ms" class="transition-all duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none translate-y-8 opacity-0 blur-[6px] motion-reduce:translate-x-0 motion-reduce:translate-y-0 motion-reduce:opacity-100 motion-reduce:blur-0 flex flex-col justify-between rounded-[30px] border border-border/70 bg-card p-8 md:p-10"><p class="mb-2 text-[11px] font-medium leading-snug tracking-[0.02em] text-muted-foreground">O litoral e o interior no centro das decisões.</p><span class="font-display text-[clamp(52px,7vw,150px)] font-black leading-[0.85] tracking-tighter text-brand-navy">R$ 220 mi</span><span class="mt-4 block text-[16px] font-medium text-muted-foreground">em emendas destinadas</span></div><div style="transition-delay:200ms" class="transition-all duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none translate-y-8 opacity-0 blur-[6px] motion-reduce:translate-x-0 motion-reduce:translate-y-0 motion-reduce:opacity-100 motion-reduce:blur-0 group relative overflow-hidden rounded-[30px]"><img src="/__l5e/assets-v1/6edd809f-5648-4deb-805c-d78347b647fc/mosaic-agenda.png" alt="Caio França conversando com moradores durante agenda do mandato" loading="lazy" style="object-position:58% 40%" class="h-[38svh] w-full object-cover transition-transform duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-[1.035] md:h-full md:min-h-[280px]"/><div class="absolute inset-0 flex flex-col justify-end bg-gradient-to-t from-brand-navy
3/80 to-transparent p-8"><p class="mb-2 text-[11px] font-medium leading-snug tracking-[0.02em] text-white/70">O litoral e o interior no centro das decisões.</p><p class="font-display text-[11px] font-bold uppercase tracking-[0.3em] text-brand-yellow">Agenda</p><a class="mt-3 inline-flex items-center gap-2 text-lg font-semibold text-white underline-offset-8 hover:underline" href="/agenda">Veja a agenda do mandato <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div><div style="transition-delay:260ms" class="transition-all duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none translate-y-8 opacity-0 blur-[6px] motion-reduce:translate-x-0 motion-reduce:translate-y-0 motion-reduce:opacity-100 motion-reduce:blur-0 grid grid-cols-2 gap-[14px] md:contents"><div class="rounded-[30px] bg-brand-yellow p-7 text-brand-navy md:p-10"><p class="mb-2 text-[11px] font-medium leading-snug tracking-[0.02em] text-muted-foreground">O litoral e o interior no centro das decisões.</p><span class="font-display text-[clamp(48px,6vw,120px)] font-black leading-[0.85] tracking-tighter">96</span><span class="mt-3 block text-[16px] font-semibold">cidades visitadas no mandato</span></div><div class="group relative overflow-hidden rounded-[30px] p-7 md:p-10"><img src="/__l5e/assets-v1/b9de96d6-eb31-43dc-8034-e26a26c4833c/mosaic-leis.png" alt="Caio França em audiência na Assembleia Legislativa" loading="lazy" style="object-position:62% 35%" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-[1.035]"/><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-gradient-to-t from-brand-navy/90 via-brand-navy/55 to-brand-navy
3/25"></div><div class="relative"><p class="mb-2 text-[11px] font-medium leading-snug tracking-[0.02em] text-white/70">O litoral e o interior no centro das decisões.</p><span class="font-display text-[clamp(48px,6vw,120px)] font-black leading-[0.85] tracking-tighter text-white">31</span><span class="mt-3 block text-[16px] font-medium text-white/85">projetos de lei aprovados</span></div></div></div><div style="transition-delay:320ms" class="transition-all duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none translate-y-8 opacity-0 blur-[6px] motion-reduce:translate-x-0 motion-reduce:translate-y-0 motion-reduce:opacity-100 motion-reduce:blur-0 group relative overflow-hidden rounded-[30px] md:col-span-2"><img src="/__l5e/assets-v1/6344b9a2-4e9a-40c8-b7c6-30c687043e25/mosaic-40640.png" alt="Caio França com apoiadores em evento comunitário" loading="lazy" style="object-position:50% 30%" class="h-[34svh] w-full object-cover transition-transform duration-[900ms] ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-[1.035] md:h-full md:min-h-[280px]"/><div class="absolute inset-0 flex items-end justify-between gap-6 bg-gradient-to-t from-brand-navy/85 to-transparent p-8"><div><p class="mb-2 text-[11px] font-medium leading-snug tracking-[0.02em] text-white/70">O litoral e o interior no centro das decisões.</p><span class="block text-[16px] font-medium text-white/85">mandatos consecutivos. Obrigado, São Paulo!</span></div><span class="font-display text-[clamp(44px,6vw,110px)] font-black leading-none tracking-tighter text-brand-red">4</span></div></div></div></section><section class="bg-background pb-3 md:pb-4"><div class="overflow-hidden rounded-[24px] md:rounded-[30px]" style="margin-inline:clamp(16px, 70px, 70px);transition:margin-inline 120ms linear"><div class="relative h-[62svh] w-full md:h-[800px]"><img src="/__l5e/assets-v1/f3f1e285-1015-4745-a2d5-5cc4b451cf8a/litoral-interior.jpg" alt="Caio França em sessão na Assembleia Legislativa de São Paulo" loading="lazy" class="absolute inset-0 h-full w-full object-cover" style="object-position:50% 40%;transform:translate3d(0, 20px, 0) scale(1.12);will-change:transform"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-brand-navy via-brand-navy/45 to-transparent"></div><div class="absolute inset-x-0 bottom-0 p-8 md:p-14"><p class="max-w-3xl text-balance text-3xl font-bold leading-[1.05] tracking-tight text-white md:text-[clamp(40px,4.4vw,68px)]">O litoral e o interior no centro das decisões.</p></div></div></div></section>
3<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>
3<!--/$--></main><div class="pb-[calc(96px+env(safe-area-inset-bottom))] md:pb-0"><footer class="bg-background px-[clamp(16px,4vw,48px)] pb-[clamp(24px,4vw,48px)] pt-[clamp(10px,1.4vw,18px)]"><div class="overflow-hidden rounded-[24px] bg-brand-navy px-[clamp(22px,4vw,64px)] py-[clamp(32px,5vw,72px)] md:rounded-[30px]"><div class="flex flex-col gap-8 md:flex-row md:items-start md:justify-between"><div class="max-w-xl"><p class="text-[11px] font-extrabold uppercase tracking-[0.34em] text-brand-red">Siga o mandato</p><h2 class="mt-4 text-balance text-3xl font-bold leading-[1.05] tracking-tight text-white md:text-[clamp(34px,3.6vw,54px)]">Perto de você <span class="text-brand-red">todos os dias</span></h2><p class="mt-4 max-w-md text-sm leading-relaxed text-white/70 md:text-base">Deputado Estadual<!-- --> — <!-- -->São Paulo<!-- -->. <!-- -->O litoral e o interior no centro das decisões.</p></div><img src="/__l5e/assets-v1/adc57643-fd29-4f87-9382-386e8934b68e/logo-obrigado-sp.png" alt="Caio França Obrigado, São Paulo!" loading="lazy" class="h-24 w-auto self-start object-contain md:h-32"/></div><div class="mt-10 grid gap-3 sm:grid-cols-2 lg:grid-cols-3"><a href="https://www.instagram.com/caiofranca_/" target="_blank" rel="noreferrer noopener" class="group flex items-center gap-4 roun
3ded-[20px] border border-white/12 bg-white/[0.06] px-5 py-4 transition-colors hover:border-brand-red/60 hover:bg-white/[0.12] focus-visible:outline focus-visible:outline-2 focus-visible:outline-brand-red"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-brand-red text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-5 w-5" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></span><span class="min-w-0"><span class="block text-sm font-bold uppercase tracking-[0.14em] text-white">Instagram</span><span class="block truncate text-xs text-white/60">@caiofranca_</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-auto h-4 w-4 shrink-0 text-brand-red" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a><a href="https://www.facebook.com/caiofrancasp" target="_blank" rel="noreferrer noopener" class="group flex items-center gap-4 roun
3ded-[20px] border border-white/12 bg-white/[0.06] px-5 py-4 transition-colors hover:border-brand-red/60 hover:bg-white/[0.12] focus-visible:outline focus-visible:outline-2 focus-visible:outline-brand-red"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-brand-red text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-5 w-5" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></span><span class="min-w-0"><span class="block text-sm font-bold uppercase tracking-[0.14em] text-white">Facebook</span><span class="block truncate text-xs text-white/60">/caiofrancasp</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-auto h-4 w-4 shrink-0 text-brand-red" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a><a href="https://www.youtube.com/channel/UCOMWQMtMd2NhykLch5vN_TQ" target="_blank" rel="noreferrer noopener" class="group flex items-center gap-4 roun
3ded-[20px] border border-white/12 bg-white/[0.06] px-5 py-4 transition-colors hover:border-brand-red/60 hover:bg-white/[0.12] focus-visible:outline focus-visible:outline-2 focus-visible:outline-brand-red"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-brand-red text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube h-5 w-5" aria-hidden="true"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></span><span class="min-w-0"><span class="block text-sm font-bold uppercase tracking-[0.14em] text-white">YouTube</span><span class="block truncate text-xs text-white/60">Caio França</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-auto h-4 w-4 shrink-0 text-brand-red" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a><a href="https://twitter.com/caiofranca40" target="_blank" rel="noreferrer noopener" class="group flex items-center gap-4 roun
3ded-[20px] border border-white/12 bg-white/[0.06] px-5 py-4 transition-colors hover:border-brand-red/60 hover:bg-white/[0.12] focus-visible:outline focus-visible:outline-2 focus-visible:outline-brand-red"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-brand-red text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter h-5 w-5" aria-hidden="true"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></span><span class="min-w-0"><span class="block text-sm font-bold uppercase tracking-[0.14em] text-white">X / Twitter</span><span class="block truncate text-xs text-white/60">@caiofranca40</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-auto h-4 w-4 shrink-0 text-brand-red" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a><a href="https://www.linkedin.com/in/caio-fran%C3%A7a-sp/" target="_blank" rel="noreferrer noopener" class="group flex items-center gap-4 roun
3ded-[20px] border border-white/12 bg-white/[0.06] px-5 py-4 transition-colors hover:border-brand-red/60 hover:bg-white/[0.12] focus-visible:outline focus-visible:outline-2 focus-visible:outline-brand-red"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-brand-red text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin h-5 w-5" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></span><span class="min-w-0"><span class="block text-sm font-bold uppercase tracking-[0.14em] text-white">LinkedIn</span><span class="block truncate text-xs text-white/60">Caio França</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-auto h-4 w-4 shrink-0 text-brand-red" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a><a href="https://caiofrancasp.com.br/" target="_blank" rel="noreferrer noopener" class="group flex items-center gap-4 roun
3ded-[20px] border border-white/12 bg-white/[0.06] px-5 py-4 transition-colors hover:border-brand-red/60 hover:bg-white/[0.12] focus-visible:outline focus-visible:outline-2 focus-visible:outline-brand-red"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-brand-red text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></span><span class="min-w-0"><span class="block text-sm font-bold uppercase tracking-[0.14em] text-white">Site oficial</span><span class="block truncate text-xs text-white/60">caiofrancasp.com.br</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-auto h-4 w-4 shrink-0 text-brand-red" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><div class="mt-10 grid gap-4 lg:grid-cols-[1.1fr_0.9fr]"><div class="rounded-[22px] bg-white p-7 md:p-9"><p class="text-[11px] font-extrabold uppercase tracking-[0.3em] text-brand-red">Fale com o candidato</p><p class="mt-4 text-balance text-2xl font-bold leading-tight tracking-tight text-brand-navy md:text-3xl">Sua demanda vira pauta no mandato.</p><ul class="mt-5 space-y-2 text-sm text-brand-navy/70"><li><a class="font-semibold text-brand-navy hover:text-brand-red" href="mailto:[email protected]">[email protected]</a></li><li><span class="font-semibold text-brand-navy">Gabinete Alesp</span> ·<!-- --> <a class="hover:text-brand-red" href="tel:+551138866577">(11) 3886-6577</a><br/>Av. Pedro Álvares Cabral, 201 — Sala 108 — São Paulo/SP</li><li><span class="font-semibold text-brand-navy">Escritório regional</span> ·<!-- --> <a class="hover:text-brand-red" href="tel:+551335691040">(13) 3569-1040</a><br/>Rua João Ramalho, 152 — São Vicente/SP</li></ul><a class="mt-6 inline-flex items-center gap-2 rounded-full bg-brand-navy px-6 py-3 text-sm font-bold uppercase tracking-[0.1em] text-white transition-colors hover:bg-brand-navy/90" href="/contato">Enviar mensagem <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><div class="flex flex-col justify-between gap-6 rounded-[22px] border border-white/12 p-7 md:p-9"><p class="font-display text-[clamp(36px,4.5vw,64px)] font-black leading-[0.95] tracking-tight text-brand-red">Obrigado, São Paulo!</p><p class="text-sm text-white/70">© <!-- -->2026<!-- --> <!-- -->Caio França<!-- -->. Conteúdo informativo do mandato.</p></div></div></div><div class="mx-auto mt-6 flex flex-col items-center gap-5 px-2 text-center md:flex-row md:justify-between md:text-left"><div class="flex flex-col items-center gap-3 md:flex-row md:gap-5"><img src="/__l5e/assets-v1/0da7ceac-d9ba-4f9b-bd8d-f34be8d1cbc8/logo-horizontal-nova.png" alt="Caio França Obrigado, São Paulo!" loading="lazy" class="h-12 w-auto object-contain md:h-14"/><p class="text-xs leading-relaxed text-brand-navy/70">CNPJ DA CAMPANHA: 68.437.992/0001-52<span class="mx-2 hidden md:inline">|</span><br class="md:hidden"/><a class="font-semibold text-brand-navy hover:text-brand-red" href="/privacidade">Política de Privacidade</a></p></div><img src="/__l5e/assets-v1/6935a7b6-2402-4ecf-b8b8-68f88757fb52/powered-hub-politico.png" alt="powered by Hub Político" loading="lazy" class="h-12 w-auto object-contain md:h-14"/></div></footer></div><nav aria-label="Navegação rápida" class="fixed inset-x-0 bottom-0 z-50 px-4 pb-[max(8px,env(safe-area-inset-bottom))] md:hidden"><div class="relative mx-auto flex max-w-md items-end gap-1 rounded-[26px] bg-white px-3 pb-1.5 pt-1.5 shadow-[0_18px_40px_-12px_rgba(3,19,78,0.35)] ring-1 ring-brand-navy
3/5"><a class="flex min-h-10 flex-1 flex-col items-center justify-center gap-0.5 rounded-2xl px-1 py-0.5 text-[10px] font-semibold tracking-wide transition-colors text-brand-navy/55 text-brand-red" href="/" data-status="active" aria-current="page"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house h-5 w-5" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg>Home</a><a class="flex min-h-10 flex-1 flex-col items-center justify-center gap-0.5 rounded-2xl px-1 py-0.5 text-[10px] font-semibold tracking-wide transition-colors text-brand-navy/55" href="/sobre"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user h-5 w-5" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>O Caio</a><div class="flex w-[74px] shrink-0 flex-col items-center"><a aria-label="Entregas" class="-mt-8 flex h-14 w-14 items-center justify-center rounded-full bg-brand-navy text-brand-yellow shadow-[0_14px_28px_-8px_rgba(3,19,78,0.6)] ring-4 ring-white transition-transform active:scale-95" href="/cidades"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-6 w-6" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></a><span class="mt-1 pb-1 text-[10px] font-semibold tracking-wide text-brand-navy">Entregas</span></div><a class="flex min-h-10 flex-1 flex-col items-center justify-center gap-0.5 rounded-2xl px-1 py-0.5 text-[10px] font-semibold tracking-wide transition-colors text-brand-navy/55" href="/atuacao"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-5 w-5" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>Atuação</a><a class="flex min-h-10 flex-1 flex-col items-center justify-center gap-0.5 rounded-2xl px-1 py-0.5 text-[10px] font-semibold tracking-wide transition-colors text-brand-navy/55" href="/redes"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-5 w-5" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg>Redes</a></div></nav></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
3<script data-tsr-stream-part="">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-B-u-OYCo.js","/assets/react-OrosJ8bI.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-B-u-OYCo.js"}}]},"/":$R[8]={preloads:$R[9]=["/assets/routes-nsINpIx7.js","/assets/Reveal-CN3F_eVo.js","/assets/Parallax-BJ7eli4Q.js","/assets/stack08.png.asset-BdIR3fQX.js","/assets/litoral-interior.jpg.asset-Cid_8u0x.js","/assets/mandato-rua.jpg.asset-CQq3j91k.js","/assets/ellipse-azul-2.png.asset-DcDF36Pn.js","/assets/ScrollTicker-DGnbOQX-.js","/assets/stack04.webp.asset-KefYr8EC.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1791452430844,s:"success",ssr:!0},$R[12]={i:"��",u:1791452430844,s:"success",ssr:!0}]})($R["tsr"]);$_TSR.e();{let s=document.currentScript,p;while((p=s.previousElementSibling)&&p.hasAttribute('data-tsr-stream-part'))p.remove();s.remove()}</script>
3<script type="module" async="" src="/assets/index-B-u-OYCo.js"></script>
3<script>document.currentScript.remove();/*$tsr-stream-boundary*/</script>
3</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.