/* ==========================================================================
   Araguaia Receptivo — estilos globais (consolidado de todas as páginas)
   Paleta: azul + laranja
   ========================================================================== */
:root{
  --brand:#0D47A1;   /* azul principal */
  --brand-2:#1565C0; /* variação azul */
  --accent:#FF8F00;  /* laranja */
  --ink:#0E1116;
  --paper:#F8FAFC;
  --muted:#6b7280;
  --nav-h:66px;
}

html,body{background:var(--paper);color:var(--ink)}
body{
  padding-top:var(--nav-h);
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  line-height:1.6;
  letter-spacing:-.005em;
  -webkit-font-smoothing:antialiased;
}
/* Títulos com Poppins — dá personalidade e tira a cara de template */
h1,h2,h3,h4,h5,h6,.brand-title,.hero h1,.section-title h2,.page-head h1{
  font-family:'Poppins',system-ui,sans-serif;
}
.hero h1,.page-head h1,.section-title h2{letter-spacing:-.015em}
.eyebrow{font-family:'Poppins',sans-serif}

/* ===== Navbar fixa ===== */
.navbar{
  min-height:var(--nav-h);
  background:rgba(26,67,144,.92);
  backdrop-filter:saturate(140%) blur(8px);
  transition:background .28s ease, box-shadow .28s ease, backdrop-filter .28s ease;
}
/* Efeito vidro ao rolar a página */
.navbar.scrolled{
  background:rgba(15,42,104,.7);
  backdrop-filter:saturate(160%) blur(14px);
  box-shadow:0 6px 24px rgba(6,16,38,.30);
}
/* Menu centralizado, com mais respiro, e CTA à direita */
@media (min-width:992px){
  .navbar-nav.nav-spaced .nav-link{padding-left:1rem;padding-right:1rem;font-size:1.02rem}
  .nav-cta{margin-left:1rem}
}
.nav-cta{
  white-space:nowrap;
  background:transparent;border:1.5px solid rgba(255,255,255,.7);color:#fff;font-weight:600;
}
.nav-cta:hover{background:#fff;border-color:#fff;color:var(--brand)}
@media (max-width:991.98px){
  .nav-cta{margin-top:.75rem;display:inline-flex;width:max-content}
}
.navbar .nav-link{color:#e5e7eb}
.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--accent)}
.brand-mark{display:flex;align-items:center;gap:.6rem;color:#e5e7eb;text-decoration:none}
.brand-title{font-weight:700;color:#fff}
.logo-badge{
  width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(180deg,#0D47A1,#1565C0);
  box-shadow:0 6px 14px rgba(0,0,0,.18);
}
.logo-icon{width:20px;height:20px;color:#fff}
.navbar-toggler{border:2px solid rgba(255,255,255,.9)!important;border-radius:10px}
.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.25)}
.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* ===== Botões de marca ===== */
.btn-brand{background:var(--accent);border:none;color:#111}
.btn-brand:hover{background:#ff9f21;color:#111}
.btn-ghost{background:transparent;border:2px solid rgba(255,143,0,.45);color:var(--accent)}
.btn-ghost:hover{background:rgba(255,143,0,.12);border-color:var(--accent);color:#111}
/* Polimento geral dos botões */
.btn{font-weight:600;border-radius:12px}
.btn-lg{border-radius:14px}
.btn svg{vertical-align:-.18em}
/* WhatsApp sólido (verde com bom contraste e texto branco) */
.btn-wa{background:#1aa64b;border:none;color:#fff;font-weight:700}
.btn-wa:hover{background:#158a3e;color:#fff}
/* WhatsApp contornado (para botões secundários, ex.: cards) */
.btn-outline-wa{background:#fff;border:1.5px solid #1aa64b;color:#158a3e;font-weight:600}
.btn-outline-wa:hover{background:#1aa64b;border-color:#1aa64b;color:#fff}
/* CTAs do hero: sólidos, com sombra e sem aparência de link */
.btn-hero{text-decoration:none;box-shadow:0 12px 26px rgba(6,16,38,.32);min-width:210px}
.hero .btn{text-decoration:none}
/* Botão "Ver Pacotes": laranja mais rico e legível */
.hero .btn-brand{color:#231400}

/* ===== Hero (home) ===== */
.hero{
  position:relative;min-height:72vh;display:grid;place-items:center;color:#fff;
  background:url('/images/foto-hero.jpg') center/cover no-repeat;
}
.hero::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(6,16,38,.42) 0%, rgba(6,16,38,.28) 38%, rgba(6,16,38,.74) 100%)}
.hero .content{position:relative;z-index:1;max-width:880px;text-align:center;padding:3rem 1rem}
.hero h1{font-weight:800;line-height:1.05;font-size:clamp(1.9rem,4vw + 1rem,3.25rem)}

/* ===== Faixa de confiança (abaixo do hero) ===== */
.trust-wrap{position:relative}
.trust-strip{
  background:#fff;border:1px solid #eef1f5;border-radius:16px;
  box-shadow:0 16px 42px rgba(13,71,161,.13);
  display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;
  padding:1rem 1.25rem;margin-top:-2.75rem;position:relative;z-index:3;
}
.trust-item{display:flex;align-items:center;gap:.8rem;padding:.5rem .9rem}
.trust-item + .trust-item{border-left:1px solid #eef1f5}
.trust-ico{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:rgba(13,71,161,.08);color:var(--brand)}
.trust-ico svg{width:23px;height:23px}
.trust-item strong{display:block;font-family:'Poppins',sans-serif;font-size:1rem;line-height:1.2}
.trust-item span{font-size:.83rem;color:var(--muted)}
@media (max-width:767.98px){
  .trust-strip{grid-template-columns:1fr;gap:0;margin-top:-1.75rem;padding:.5rem 1rem}
  .trust-item + .trust-item{border-left:none;border-top:1px solid #eef1f5}
}

/* ===== Títulos de seção ===== */
.section-title .eyebrow{
  letter-spacing:.1em;text-transform:uppercase;color:#1f6bc9;font-weight:800;font-size:.8rem;
}
.section-title h2{font-weight:800}

/* ===== Cabeçalho simples de página interna ===== */
.page-head{padding:1.75rem 0;border-bottom:1px solid #e5e7eb;background:transparent}
.page-head h1{font-weight:800;font-size:clamp(1.6rem,2.2vw + 1rem,2.4rem);margin:0}

/* ===== Imagens de conteúdo ===== */
.about-img,.content-img{
  border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.12);
  aspect-ratio:16/10;object-fit:cover;background:#eef2ff;width:100%;
}
/* Fotos de conteúdo com altura fixa (recorte limpo, à prova de cache) */
.about-img{aspect-ratio:auto;height:340px}
.content-img{aspect-ratio:auto;height:420px}
@media (max-width:575.98px){.about-img{height:230px}}
@media (max-width:767.98px){.content-img{height:280px}}

/* ===== Cards de pacote ===== */
.package-card{
  background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.08);height:100%;
  transition:transform .2s ease,box-shadow .2s ease;
}
.package-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(13,71,161,.16)}
.package-card img{width:100%;height:200px;object-fit:cover;background:#eef2ff;transition:transform .45s ease}
.package-card:hover img{transform:scale(1.06)}
@media (min-width:992px){.package-card img{height:220px}}
@media (min-width:1200px){.package-card img{height:240px}}
.package-card .badge{background:var(--brand);border-radius:999px;padding:.42em .8em;font-weight:600;letter-spacing:.01em}
/* Card inteiro clicável (stretched-link) mantendo o botão de WhatsApp por cima */
.package-card{position:relative}
.package-card .card-cta{position:relative;z-index:2}
.package-card h3 a,.package-card h2 a{color:inherit;text-decoration:none}
.package-card:hover h3,.package-card:hover h2{color:var(--brand)}

/* ===== Filtros (página Pacotes) ===== */
.filters .btn{border:1.5px solid #dbeafe;background:#fff;color:#0d3a86}
.filters .btn.active{background:var(--brand);border-color:var(--brand);color:#fff}
.filters .btn:hover{border-color:#b6d3ff}

/* ===== Galeria (página de detalhe do pacote) ===== */
.gallery-main .carousel-item img{
  width:100%;height:clamp(320px,52vh,560px);object-fit:cover;
  border-radius:14px;background:#eef2ff;
}
.gallery-main .carousel-inner{border-radius:14px;overflow:hidden}
.thumbs img{width:100%;height:68px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb;cursor:pointer;background:#eef2ff}
.thumbs .col{opacity:.75}
.thumbs .col.active{opacity:1;outline:2px solid var(--accent);outline-offset:2px}

/* ===== Tipografia auxiliar ===== */
.lead-para{font-size:1.125rem;color:#475569}
.check li{margin:.4rem 0}
.check li::marker{content:"✓ "}
.content a:not(.btn){color:var(--brand);text-decoration:underline}
.content a:not(.btn):hover{color:#0a3a82}

/* ===== Sidebar sticky (detalhe do pacote) ===== */
@media (min-width:992px){
  .sticky-col{position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + 16px);align-self:flex-start}
}
.sticky-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 26px rgba(0,0,0,.06)}

/* ===== CTA / bandas de contato ===== */
.contact-cta{background:linear-gradient(135deg,var(--brand),#0a3a82);color:#fff;border-radius:18px}
.contact-band{background:linear-gradient(135deg,var(--brand),#0a3a82);color:#fff;border-radius:18px}
.phone-big a{color:#fff;text-decoration:none;font-weight:800;font-size:clamp(1.6rem,3.5vw + .8rem,2.6rem);letter-spacing:.02em}
.whats-btn{background:#25D366;color:#0b1215;border:none}
.whats-btn:hover{filter:brightness(1.05)}
.contact-list li{display:flex;gap:.75rem;align-items:flex-start;margin:.4rem 0}
.icon{width:22px;height:22px;color:#0D47A1;flex:0 0 22px}
.contact-list a{color:#0D47A1;text-decoration:underline}
.contact-list a:hover{color:#0a3a82}
.map-wrap{border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.10)}
.map-iframe{width:100%;height:360px;border:0}

/* ===== Botão flutuante de WhatsApp (foco mobile) ===== */
.wa-float{
  position:fixed;right:16px;bottom:16px;z-index:1030;
  display:inline-flex;align-items:center;gap:.5rem;
  background:#25D366;color:#0b1215;font-weight:700;text-decoration:none;
  padding:.7rem 1rem;border-radius:999px;
  box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.wa-float:hover{filter:brightness(1.05);color:#0b1215}
.wa-float svg{width:22px;height:22px}
@media (min-width:992px){.wa-float .wa-label{display:inline}}
.wa-float .wa-label{display:none}

/* ===== Corpo de post do blog (Markdown) ===== */
.post-body{font-size:1.075rem;line-height:1.7;color:#27303a}
.post-body h2{font-weight:800;margin-top:2rem;margin-bottom:.75rem;font-size:1.4rem}
.post-body h3{font-weight:700;margin-top:1.5rem;margin-bottom:.5rem;font-size:1.15rem}
.post-body p,.post-body ul,.post-body ol{margin-bottom:1rem}
.post-body img{max-width:100%;height:auto;border-radius:14px}
.post-body blockquote{
  border-left:4px solid var(--accent);background:#fff7ec;
  margin:1.5rem 0;padding:1rem 1.25rem;border-radius:0 10px 10px 0;color:#475569;
}
.post-body a{color:var(--brand);text-decoration:underline}

/* ===== Botão flutuante humanizado (fale com o Luiz) — desktop ===== */
.wa-human{
  position:fixed;right:18px;bottom:18px;z-index:1030;
  display:inline-flex;align-items:center;gap:.65rem;
  background:#fff;border:1px solid #e7ebf2;border-radius:999px;
  padding:.4rem 1rem .4rem .4rem;text-decoration:none;color:var(--ink);
  box-shadow:0 14px 32px rgba(6,16,38,.22);
  transition:transform .2s ease, box-shadow .2s ease;
}
.wa-human:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(6,16,38,.28);color:var(--ink)}
.wa-human-avatar{position:relative;flex:0 0 auto;width:48px;height:48px}
.wa-human-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #1aa64b;background:#eef2ff}
.wa-human-dot{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #fff}
.wa-human-text{display:flex;flex-direction:column;line-height:1.15}
.wa-human-text strong{font-family:'Poppins',sans-serif;font-size:.95rem;color:var(--ink)}
.wa-human-text span{font-size:.76rem;color:var(--muted)}
.wa-human-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1aa64b;color:#fff;flex:0 0 auto}
.wa-human-ico svg{margin:0!important;vertical-align:middle!important}
@media (max-width:991.98px){.wa-human{display:none}} /* no celular usamos a barra inferior */

/* Avatar do Luiz na barra mobile */
.cta-human{display:inline-flex;align-items:center;justify-content:center;font-size:.92rem;white-space:nowrap}
.cta-avatar{width:23px;height:23px;border-radius:50%;object-fit:cover;margin-right:.4rem;border:1.5px solid rgba(0,0,0,.12);background:#eef2ff;flex:0 0 auto}
@media (max-width:359.98px){.cta-human{font-size:.84rem}.cta-avatar{width:20px;height:20px}}

footer{background:#0a1d44;color:#d7e0f2}
footer a{color:#eaf0fb}
footer .text-secondary,footer small,footer small.text-secondary{color:#aebbd6!important}

/* ===== Barra de ação fixa no celular (WhatsApp + Ligar) ===== */
.mobile-cta-bar{display:none}
.btn-ligar{background:#fff;border:2px solid var(--brand);color:var(--brand);font-weight:700}
.btn-ligar:hover{background:var(--brand);color:#fff}
@media (max-width:991.98px){
  .mobile-cta-bar{
    display:grid;grid-template-columns:1fr 1fr;gap:.5rem;
    position:fixed;left:0;right:0;bottom:0;z-index:1040;
    padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom, 0px));
    background:rgba(255,255,255,.97);backdrop-filter:blur(8px);
    border-top:1px solid #e5e7eb;box-shadow:0 -6px 18px rgba(0,0,0,.10);
  }
  .mobile-cta-bar .btn{font-weight:700;padding:.85rem .5rem;font-size:1.05rem;border-radius:12px}
  body{padding-bottom:76px} /* espaço para não cobrir o conteúdo/rodapé */
  .wa-float{display:none}    /* no celular usamos a barra inferior */
}

/* ===== Ajustes mobile: leitura e toque para público mais velho ===== */
@media (max-width:991.98px){
  body{font-size:1.04rem}
  .navbar .nav-link{padding:.55rem .25rem;font-size:1.05rem}
  .btn-lg{padding-top:.75rem;padding-bottom:.75rem} /* alvo de toque maior */
}
@media (max-width:575.98px){
  .navbar .collapse.show{background:rgba(7,33,84,.9);padding:.5rem 1rem;border-radius:12px;margin-top:.5rem}
  .hero .btn{width:100%}
  section{padding-left:.75rem;padding-right:.75rem}
  .actions .btn{width:100%}
}