:root{
  --bg-sand:#F4EFE6;          /* fundo areia */
  --hero-shadow:rgba(0,0,0,.55);
  --text-dark:#0B1D26;        /* texto primário */
  --text-muted:#5d6d76;
  --brand:#0F7F88;            /* títulos/links */
  --btn-blue:#156B76;         /* botão azul */
  --btn-blue-border:#0E525A;
  --btn-yellow:#FFD85C;       /* botão amarelo */
  --btn-yellow-border:#E4B94B;
  --card-border:#e9edf0;
  --card-shadow:0 8px 28px rgba(0,0,0,.06);
  --radius-xl:18px;
  --radius-lg:14px;
}

/* Base */
.peu-body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--text-dark);background:var(--bg-sand)}
.brand{font-family:Poppins,Inter,sans-serif;font-weight:700;color:var(--text-dark)}
.navlink{color:var(--text-dark);text-decoration:none}
.navlink:hover{color:#000}
.peu-header{background:#fff;border-bottom:1px solid #eef3f7}
.peu-footer{background:#fff;border-top:1px solid #eef3f7;padding:16px 0}
.peu-footer .muted{color:#7c8a94;text-decoration:none}
.peu-footer .muted:hover{color:#000}

/* Botões */
.btn-yellow{background:var(--btn-yellow);border:2px solid var(--btn-yellow-border);color:#1d1d1d;border-radius:12px;padding:10px 16px;font-weight:700}
.btn-blue{background:var(--btn-blue);border:2px solid var(--btn-blue-border);color:#fff;border-radius:12px;padding:10px 16px;font-weight:700}
.btn-blue:hover, .btn-yellow:hover{filter:brightness(.97)}
.btn-sm{padding:8px 12px;border-width:2px;border-radius:10px;font-weight:600}

/* HERO */
.peu-hero{position:relative;color:#fff;overflow:hidden}
.peu-hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.peu-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),var(--hero-shadow)), linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,.35));}
.peu-hero .container{position:relative;padding-top:80px;padding-bottom:24px}
.hero-title{text-shadow:0 4px 18px rgba(0,0,0,.4)}
.hero-title span{white-space:nowrap}
.hero-sub{opacity:.95}

/* SVG animado da hero */
.hero-anim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-anim .note{opacity:.55;animation:drift 26s linear infinite}
.hero-anim .star{opacity:.35;animation:twinkle 3.2s ease-in-out infinite}
.hero-anim .palm{opacity:.6;animation:float 7s ease-in-out infinite}

@keyframes drift{0%{transform:translate(0,0) rotate(0deg)}100%{transform:translate(60px,-30px) rotate(8deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes twinkle{0%,100%{opacity:.15}50%{opacity:.7}}

@media (prefers-reduced-motion: reduce){
  .hero-anim .note,.hero-anim .star,.hero-anim .palm{animation:none}
}

/* Busca */
.peu-search{background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.18);padding:10px;margin-top:24px}
.peu-search .search-field{background:#fff;border:1.5px solid #dfe6ea;border-radius:12px;padding:6px 10px}
.peu-search input,.peu-search select{width:100%;border:0;outline:0;line-height:1.8;background:transparent}

/* Seções */
.peu-section{padding:44px 0}
.section-title{font-family:Poppins,Inter,sans-serif;color:var(--brand);font-weight:700;margin-bottom:18px}

/* Cards */
.peu-card{background:#fff;border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);overflow:hidden}
.peu-card .thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}
.peu-card .body{padding:12px 14px}
.peu-card .title{font-weight:800;font-size:1.06rem;margin:2px 0 6px;font-family:Poppins,Inter,sans-serif}
.peu-card .title a{text-decoration:none;color:var(--text-dark)}
.peu-card .title a:hover{text-decoration:underline}
.peu-card .meta{color:var(--text-muted);font-size:.93rem;line-height:1.3;margin-bottom:6px}
.peu-card .price-area{margin-bottom:8px}
.badge-free{display:inline-block;padding:4px 10px;border-radius:999px;background:#1f9d5b;color:#fff;font-weight:700;font-size:.85rem}
.price{color:var(--text-dark);font-weight:700}

/* Categorias */
.peu-cat{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);padding:16px;text-align:center;text-decoration:none;color:var(--text-dark)}
.peu-cat img{width:54px;height:54px}
.peu-cat span{font-weight:700}
.peu-cat:hover{transform:translateY(-2px);transition:.2s ease}

/* Banner Turístico */
.peu-banner{position:relative;background:#2f995b;border-radius:16px;color:#fff;overflow:hidden;min-height:220px;display:flex;align-items:center}
.peu-banner .content{padding:16px 16px 16px 18px;max-width:70%}
.peu-banner h3{font-family:Poppins,Inter,sans-serif;font-weight:800;margin:0 0 6px}
.peu-banner p{margin:0 0 10px}
.peu-banner .bimg{position:absolute;right:0;top:0;height:100%;width:45%;object-fit:cover}

/* Responsivo */
@media (max-width: 767px){
  .peu-hero .container{padding-top:56px}
  .peu-banner .content{max-width:100%}
  .peu-banner .bimg{position:static;width:100%;height:140px;margin-top:8px}
  .peu-banner{flex-direction:column;align-items:flex-start}
}