<?php
$imgDir = 'imagenscarroucel/';
$images = [];
if (is_dir($imgDir)) {
    foreach (scandir($imgDir) as $file) {
        if (preg_match('/\.(jpe?g|png|webp|gif)$/i', $file)) {
            $images[] = $imgDir . $file;
        }
    }
    shuffle($images);
}
$imgCount = count($images);
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <?php include 'includes/seo-head.php'; ?>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <style>
        .qs-hero {
            background: var(--navy);
            padding: 160px 60px 80px;
        }
        .qs-hero h1 {
            font-family: 'Montserrat', sans-serif;
            font-size: clamp(2.8rem, 6vw, 5rem);
            font-weight: 900;
            color: var(--white);
            letter-spacing: -1px;
            line-height: 1;
        }
        .qs-hero h1 span {
            color: var(--yellow);
        }

        /* BLOCO FULL WIDTH — TEXTO + IMAGEM LADO A LADO */
        .qs-block {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 500px;
        }
        .qs-block--reverse {
            direction: rtl;
        }
        .qs-block--reverse > * {
            direction: ltr;
        }
        .qs-block__text {
            padding: 80px 60px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .qs-block__text p {
            font-size: 1.05rem;
            line-height: 1.85;
            color: #555;
            margin-bottom: 20px;
        }
        .qs-block__text p:last-child {
            margin-bottom: 0;
        }
        .qs-block__images {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            padding: 8px;
            background: var(--navy);
        }
        .qs-block__images img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 12px;
            transition: transform 0.6s ease;
        }
        .qs-block__images img:hover {
            transform: scale(1.03);
        }
        .qs-block__images--single {
            grid-template-columns: 1fr;
        }
        .qs-block--dark .qs-block__text {
            background: var(--navy);
        }
        .qs-block--dark .qs-block__text p {
            color: rgba(255,255,255,0.75);
        }
        .qs-block--dark .qs-block__text h3 {
            color: var(--white);
        }
        .qs-block--light .qs-block__text {
            background: var(--white);
        }
        .qs-block__text h3 {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.6rem;
            font-weight: 800;
            color: var(--navy);
            margin-bottom: 24px;
            line-height: 1.2;
        }
        .qs-block__text h3 span {
            color: var(--green);
        }

        /* BLOCO TEXTO CENTRALIZADO */
        .qs-text-center {
            padding: 80px 60px;
            max-width: 900px;
            margin: 0 auto;
        }
        .qs-text-center p {
            font-size: 1.1rem;
            line-height: 1.85;
            color: #555;
            margin-bottom: 20px;
        }
        .qs-text-center h3 {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.6rem;
            font-weight: 800;
            color: var(--navy);
            margin-bottom: 24px;
            line-height: 1.2;
        }
        .qs-text-center h3 span {
            color: var(--green);
        }

        /* BLOCO COM COLAGEM DE IMAGENS GRANDE */
        .qs-collage {
            background: var(--navy);
            padding: 8px;
            display: grid;
            grid-template-columns: 1.2fr 0.8fr;
            grid-template-rows: 260px 260px;
            gap: 8px;
        }
        .qs-collage__item {
            border-radius: 16px;
            overflow: hidden;
            position: relative;
        }
        .qs-collage__item:first-child {
            grid-row: 1 / 3;
        }
        .qs-collage__item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }
        .qs-collage__item:hover img {
            transform: scale(1.04);
        }

        /* CTA */
        .qs-cta {
            background: var(--white);
            padding: 80px 60px;
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
        }
        .qs-cta .btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 16px 32px;
            border-radius: 50px;
            font-size: 1rem;
            font-weight: 700;
            text-decoration: none;
            transition: all 0.3s ease;
            font-family: 'Montserrat', sans-serif;
        }
        .qs-cta .btn--dark {
            background: var(--navy);
            color: var(--white);
            border: 2px solid var(--navy);
        }
        .qs-cta .btn--dark:hover {
            background: var(--green);
            border-color: var(--green);
        }
        .qs-cta .btn--outline {
            background: transparent;
            color: var(--navy);
            border: 2px solid var(--navy);
        }
        .qs-cta .btn--outline:hover {
            background: var(--navy);
            color: var(--white);
        }
        .qs-cta .btn--green {
            background: var(--green);
            color: var(--white);
            border: 2px solid var(--green);
        }
        .qs-cta .btn--green:hover {
            background: #003818;
            border-color: #003818;
        }

        @media (max-width: 900px) {
            .qs-block {
                grid-template-columns: 1fr;
            }
            .qs-block--reverse {
                direction: ltr;
            }
            .qs-block__text {
                padding: 48px 24px;
            }
            .qs-hero {
                padding: 140px 24px 60px;
            }
            .qs-text-center {
                padding: 48px 24px;
            }
            .qs-cta {
                padding: 48px 24px;
            }
        }
    </style>
</head>
<body>

<!-- MENU -->
<header class="header" id="header">
    <nav class="nav container">
        <a href="index.php" class="nav__logo">
            <span class="nav__logo-icon">🇧🇷</span>
            <span>Negona do <span class="highlight">Bolsonaro</span></span>
        </a>
        <div class="nav__menu" id="nav-menu">
            <ul class="nav__list">
                <li><a href="index.php" class="nav__link"><svg class="nav__icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>Home</a></li>
                <li><a href="quem-sou.php" class="nav__link active"><svg class="nav__icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>Quem Sou</a></li>
                <li><a href="bandeiras.php" class="nav__link"><svg class="nav__icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" y1="22" x2="4" y2="15"/></svg>Bandeiras</a></li>
                <li><a href="midias.php" class="nav__link"><svg class="nav__icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2" ry="2"/></svg>Mídias</a></li>
            </ul>
            <div class="nav__social">
                <a href="https://www.instagram.com/negonadobolsonarooficial/" target="_blank" class="nav__social-link" aria-label="Instagram"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg></a>
                <a href="https://x.com/bolsonaronegona" target="_blank" class="nav__social-link" aria-label="X"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg></a>
                <a href="https://wa.me/5521993100212" target="_blank" class="nav__social-link" aria-label="WhatsApp"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg></a>
            </div>
        </div>
        <button class="nav__toggle" id="nav-toggle" aria-label="Menu">
            <span class="nav__toggle-bar"></span>
            <span class="nav__toggle-bar"></span>
            <span class="nav__toggle-bar"></span>
        </button>
    </nav>
</header>

<!-- SIDEBAR FLUTUANTE -->
<aside class="social-float">
    <a href="https://wa.me/5521993100212" target="_blank" class="social-float__link" aria-label="WhatsApp"><svg width="22" height="22" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg></a>
    <a href="https://www.instagram.com/negonadobolsonarooficial/" target="_blank" class="social-float__link" aria-label="Instagram"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg></a>
    <a href="https://x.com/bolsonaronegona" target="_blank" class="social-float__link" aria-label="X"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg></a>
</aside>

<!-- HERO -->
<section class="qs-hero">
    <h1>Quem sou <span>eu</span></h1>
</section>

<!-- BLOCO 1: INTRODUÇÃO — TEXTO ESQUERDA + COLAGEM DIREITA -->
<div class="qs-block qs-block--light">
    <div class="qs-block__text">
        <h3>Prazer! Sou a <span>Negona</span> do Bolsonaro.</h3>
        <p>Meu nome é Vanessa Lopes da Silva, mas o Brasil me conhece como Negona do Bolsonaro. Sou mulher negra, mãe, carioca do Morro dos Cabritos e Tabajaras, de origem simples, criada no meio do povo.</p>
        <p>Esse nome não foi criado por marqueteiro nem nasceu dentro de um gabinete. Foi o povo que começou a me chamar assim, nas ruas e nas redes sociais, por reconhecer em mim uma mulher que nunca teve vergonha de defender Jair Bolsonaro e os valores nos quais acredita.</p>
    </div>
    <div class="qs-collage">
        <?php if ($imgCount >= 3): ?>
        <div class="qs-collage__item"><img src="<?php echo $images[0]; ?>" alt="Negona do Bolsonaro" loading="lazy"></div>
        <div class="qs-collage__item"><img src="<?php echo $images[1]; ?>" alt="Negona do Bolsonaro" loading="lazy"></div>
        <div class="qs-collage__item"><img src="<?php echo $images[2]; ?>" alt="Negona do Bolsonaro" loading="lazy"></div>
        <?php endif; ?>
    </div>
</div>

<!-- BLOCO 2: TRABALHO — COLAGEM ESQUERDA + TEXTO DIREITA -->
<div class="qs-block qs-block--reverse qs-block--dark">
    <div class="qs-block__text">
        <h3>Uma vida de <span>trabalho</span> e serviço.</h3>
        <p>Fui merendeira em São João de Meriti, atendente na emergência do Hospital Geral de Nova Iguaçu — o Hospital da Posse — e também monitora na Avicres.</p>
        <p>Conheço a rotina de quem acorda cedo, pega condução, trabalha muito e precisa fazer o salário render até o fim do mês. Grande parte da mulher que sou devo à minha mãe, Dice da Silva de Oliveira. Aposentada, mulher de fé, foi ela quem sempre me mostrou o caminho do estudo, do trabalho e da honestidade.</p>
    </div>
    <?php if ($imgCount >= 5): ?>
    <div class="qs-block__images">
        <img src="<?php echo $images[3]; ?>" alt="Trabalho e serviço" loading="lazy">
        <img src="<?php echo $images[4]; ?>" alt="Negona do Bolsonaro" loading="lazy">
    </div>
    <?php endif; ?>
</div>

<!-- BLOCO 3: COLAGEM GRANDE FULL WIDTH -->
<?php if ($imgCount >= 6): ?>
<div class="qs-collage" style="height: 400px;">
    <div class="qs-collage__item"><img src="<?php echo $images[5]; ?>" alt="Negona do Bolsonaro" loading="lazy"></div>
    <div class="qs-collage__item"><img src="<?php echo $images[0]; ?>" alt="Negona do Bolsonaro" loading="lazy"></div>
    <div class="qs-collage__item"><img src="<?php echo $images[2]; ?>" alt="Negona do Bolsonaro" loading="lazy"></div>
</div>
<?php endif; ?>

<!-- BLOCO 4: ENTRADA NA POLITICA -->
<div class="qs-block qs-block--light">
    <div class="qs-block__text">
        <h3>A entrada na <span>política</span>.</h3>
        <p>Foi justamente por conhecer a realidade do povo e carregar esses valores que decidi não me calar. Durante anos, coloquei minha voz, minhas redes sociais e minha coragem a serviço do Brasil.</p>
        <p>Em 2024, disputei, pela primeira vez, uma eleição para vereadora do Rio de Janeiro. Mesmo enfrentando uma campanha com poucos recursos e tendo o nome "Negona do Bolsonaro" impedido de aparecer nas urnas, recebi 10.416 votos e me tornei suplente de vereadora.</p>
        <p>Estive nas ruas, nas manifestações e nas batalhas mais difíceis, defendendo o meu Rio de Janeiro e o meu Brasil.</p>
    </div>
    <?php if ($imgCount >= 7): ?>
    <div class="qs-block__images">
        <img src="<?php echo $images[6]; ?>" alt="Entrada na política" loading="lazy">
        <img src="<?php echo $images[1]; ?>" alt="Negona do Bolsonaro" loading="lazy">
    </div>
    <?php endif; ?>
</div>

<!-- BLOCO 5: LEALDADE -->
<div class="qs-block qs-block--reverse qs-block--dark">
    <div class="qs-block__text">
        <h3>Uma história de <span>lealdade</span>.</h3>
        <p>Minha proximidade com a família Bolsonaro não nasceu na época de eleição. Ela foi construída ao longo dos anos, nas ruas e nas redes, durante os momentos bons e, principalmente, durante os momentos mais difíceis.</p>
        <p>Quando muitos se aproximavam apenas para conseguir cargos, votos ou visibilidade, eu estava ao lado do presidente Jair Bolsonaro por convicção. Quando passaram a perseguir, censurar e abandonar aqueles que defendiam o nosso movimento, continuei firme.</p>
        <p>Lealdade, para mim, não é uma palavra usada em discurso. É uma atitude. Não mudo de lado conforme o vento político. Não abandono meus princípios para agradar à imprensa, aos poderosos ou ao sistema.</p>
    </div>
    <?php if ($imgCount >= 4): ?>
    <div class="qs-block__images">
        <img src="<?php echo $images[3]; ?>" alt="Lealdade" loading="lazy">
        <img src="<?php echo $images[0]; ?>" alt="Negona do Bolsonaro" loading="lazy">
    </div>
    <?php endif; ?>
</div>

<!-- BLOCO 6: TEXTO CENTRALIZADO — OBJETIVO -->
<section class="qs-text-center" style="background: var(--white);">
    <h3>A <span>voz</span> do povo na Câmara dos Deputados.</h3>
    <p>Agora, quero dar um passo ainda maior: representar o Rio de Janeiro na Câmara dos Deputados. Não quero chegar a Brasília para ser apenas mais uma parlamentar. Quero ser a sua voz: a voz que defenderá as nossas crianças e as famílias de bem.</p>
    <p>Serei a voz daqueles que trabalham, pagam impostos e quase nunca são ouvidos. Serei firme contra o crime que tanto assola o nosso estado e o nosso país.</p>
    <p><strong>O Rio melhora quando a gente tem coragem para mudar.</strong></p>
    <p>Sou a Negona do Bolsonaro. Eu sei de onde vim. Sei quem eu represento. E jamais esquecerei as pessoas que me trouxeram até aqui.</p>
</section>

<!-- CTA -->
<div class="qs-cta">
    <a href="https://wa.me/5521993100212" target="_blank" class="btn btn--green">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
        Fale comigo no WhatsApp
    </a>
    <a href="index.php" class="btn btn--outline">Conheça Minha História</a>
</div>

<!-- RODAPE -->
<footer class="footer">
    <div class="container">
        <div class="footer__grid">
            <div class="footer__brand">
                <span class="footer__logo">Negona do <span class="highlight">Bolsonaro</span></span>
                <p class="footer__slogan">O Rio terá voz. O Brasil terá coragem.</p>
            </div>
            <div class="footer__links">
                <h4 class="footer__heading">Navegação</h4>
                <a href="index.php" class="footer__link">Home</a>
                <a href="quem-sou.php" class="footer__link">Quem Sou</a>
                <a href="bandeiras.php" class="footer__link">Bandeiras</a>
                <a href="midias.php" class="footer__link">Mídias</a>
            </div>
            <div class="footer__links">
                <h4 class="footer__heading">Contato</h4>
                <a href="https://wa.me/5521993100212" target="_blank" class="footer__link">WhatsApp</a>
                <a href="https://www.instagram.com/negonadobolsonarooficial/" target="_blank" class="footer__link">Instagram</a>
                <a href="https://x.com/bolsonaronegona" target="_blank" class="footer__link">X (Twitter)</a>
            </div>
        </div>
        <div class="footer__bottom">
            <p>CNPJ: XX.XXX.XXX/0001-XX | Partido: PL — Partido Liberal</p>
            <p class="footer__copy">&copy; 2026 Vanessa Lopes da Silva — Candidata a Deputada Federal. Todos os direitos reservados.</p>
        </div>
    </div>
</footer>

<!-- BOTAO FLUTUANTE WHATSAPP -->
<a href="https://wa.me/5521993100212" target="_blank" class="whatsapp-float" aria-label="WhatsApp">
    <svg width="28" height="28" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
</a>

<script src="js/main.js"></script>
</body>
</html>
