<?php
require_once __DIR__ . '/../includes/functions.php';
$current = '';
require __DIR__ . '/../includes/header.php';
echo schemaJson([
  "@context"=>"https://schema.org",
  "@type"=>"Beach",
  "name"=>"Guarauzinho",
  "description"=>"O Guarauzinho é a praia mais preservada de Peruíbe. Dentro da Área de Proteção Ambiental (APA), tem vegetação nativa, água limpa e ondas que atraem surfistas da região.",
  "url"=>"https://peruibando.com.br/peruibe/guarauzinho",
  "address"=>["@type"=>"PostalAddress","addressLocality"=>"Peruíbe","addressRegion"=>"SP","addressCountry"=>"BR"],
  "geo"=>["@type"=>"GeoCoordinates","latitude"=>-24.3628,"longitude"=>-47.0425]
]);
?>
<section class="page-hero">
  <div class="ph-inner">
    <div>
      <div class="ph-eyebrow">🌿 APA de Peruíbe</div>
      <h1 class="ph-title">Guarauzinho</h1>
      <p class="ph-sub">Preservada pela APA, ondas para surf e natureza praticamente intocada.</p>
    </div>
    <div class="ph-right"><a href="/pousadas" class="btn btn-orange">🏨 Reservar pousada →</a></div>
  </div>
</section>
<section class="wrap section">
  <nav class="breadcrumb"><a href="/">Home</a> › <a href="/peruibe">Guia de Peruíbe</a> › <a href="/praias">Praias</a> › Guarauzinho</nav>
  <div class="grid-2 mb-48">
    <div class="anim">
      <div class="s-ey">Preservada · Surf · APA</div>
      <h2 class="s-tt">Sobre a <span>Guarauzinho</span></h2>
      <p class="s-ds">O Guarauzinho é a praia mais preservada de Peruíbe. Dentro da Área de Proteção Ambiental (APA), tem vegetação nativa, água limpa e ondas que atraem surfistas da região.</p>
      <p class="s-ds">A faixa de areia é mais estreita e o acesso é por estrada de terra, o que naturalmente reduz o fluxo de turistas e mantém o ambiente limpo.</p>
      <div class="beach-nav mt-36">
        <a href="https://waze.com/ul?ll=-24.3628,-47.0425&navigate=yes" target="_blank" rel="noopener" class="btn-waze">🚗 Waze</a>
        <a href="https://maps.google.com/?q=-24.3628,-47.0425" target="_blank" rel="noopener" class="btn-maps">📍 Google Maps</a>
      </div>
    </div>
    <div class="card anim">
      <div class="pousada-header"><span class="pousada-local">💡 Dica local</span><h3 class="pousada-nome">Antes de ir</h3></div>
      <div class="card-body">
        <p class="card-text">Leve repelente — a mata preservada próxima traz insetos ao anoitecer. Melhor visitada pela manhã.</p>
        <a href="/mare" class="arrow">Ver tábua de marés →</a>
      </div>
    </div>
  </div>
  <div class="anim mb-40">
    <h2 class="s-tt">Pousadas perto da <span>Guarauzinho</span></h2>
    <p class="s-ds">As melhores hospedagens de Peruíbe com reserva garantida pelo Booking.com.</p>
    <div class="flex-center mt-36">
      <a href="/pousadas" class="btn btn-orange">🏨 Ver pousadas →</a>
      <a href="/praias" class="btn btn-outline">🏖 Ver todas as praias →</a>
    </div>
  </div>
  <nav class="praia-nav anim">
    <a href="/peruibe/prainha" class="btn btn-outline">← ← Prainha</a>
    <a href="/peruibe/barra-do-una" class="btn btn-outline">Barra do Una → →</a>
  </nav>
</section>
<?php require __DIR__ . '/../includes/footer.php'; ?>