/* =====================================================================
   Clube Patagonia — Custom CSS
   Paleta extraida da identidade visual:
   --dark:#0F454E  --dark-2:#04363A  --cream:#F8F2DA  --cream-2:#FAF6E6
   --orange:#EA954E  --teal:#83BAB2
   ===================================================================== */

:root{
  --cream:#F8F2DA;
  --cream-2:#FAF6E6;
  --dark:#0F454E;
  --dark-2:#04363A;
  --teal:#83BAB2;
  --orange:#EA954E;
  --muted:#5a7178;
}

html{scroll-behavior:smooth;}
body{font-family:'Inter','Playfair',system-ui,sans-serif;color:var(--dark-2);}

/* -------- Pill labels (eyebrows) -------- */
.pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;
  border:1px solid currentColor;
  border-radius:999px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:500;
  opacity:.85;
}

/* -------- Nav wrap (publico) -------- */
.nav_wrap{transition:all .35s ease;}
.nav_header-glass{
  background:rgba(15,69,78,.92);
  backdrop-filter:blur(14px);
}
.nav_pill-glass{
  border:1px solid rgba(15,69,78,.12);
  background:rgba(248,242,218,.6);
  backdrop-filter:blur(12px);
  border-radius:999px;
}
.nav_pill-glass.on-dark{
  border-color:rgba(248,242,218,.18);
  background:rgba(248,242,218,.08);
}
.is-scrolled .nav_pill-glass{
  background:transparent;
  border-color:transparent;
}
.nav_link{transition:color .2s ease;}
.nav_link:hover{color:var(--orange);}

.nav_cta-pill{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 22px;
  background:var(--orange);
  color:#fff;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  transition:all .25s ease;
}
.nav_cta-pill:hover{transform:translateY(-1px);background:#d97e2f;}

.nav_cart{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;
  border-radius:50%;
  border:1px solid currentColor;
  transition:all .2s;
}
.nav_cart:hover{background:var(--orange);border-color:var(--orange);color:#fff;}
.nav_cart-count{
  position:absolute;top:-4px;right:-4px;
  min-width:18px;height:18px;
  background:var(--orange);color:#fff;
  border-radius:999px;
  font-size:11px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 5px;
}

.nav_divider{background:rgba(15,69,78,.08);}

/* -------- Botoes -------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 26px;
  border-radius:999px;
  font-weight:600;
  font-size:15px;
  cursor:pointer;
  border:none;
  transition:all .25s ease;
  text-align:center;
}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 8px 24px -8px rgba(234,149,78,.6);}
.btn-primary:hover{transform:translateY(-2px);background:#d97e2f;}
.btn-dark{background:var(--dark);color:var(--cream);}
.btn-dark:hover{background:var(--dark-2);transform:translateY(-2px);}
.btn-outline{background:transparent;color:var(--dark);border:1.5px solid var(--dark);}
.btn-outline:hover{background:var(--dark);color:var(--cream);}

/* -------- Numerais editoriais -------- */
.numeral{
  font-family:'Playfair',serif;
  font-weight:600;
  font-size:48px;
  line-height:1;
  color:var(--orange);
}

/* -------- Linhas decorativas -------- */
.deco-line-h{height:1px;background:linear-gradient(to right, transparent, rgba(15,69,78,.25), transparent);}
.deco-line-v{width:1px;background:linear-gradient(to bottom, transparent, rgba(15,69,78,.25), transparent);}

/* -------- Reveal on scroll -------- */
.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.2,.7,.2,1);}
.reveal.visible{opacity:1;transform:translateY(0);}

/* -------- Home / Landing — extras editoriais -------- */
/* Itálico de destaque nas headlines: peso semibold (600) para presença sem peso excessivo */
.font-display .italic,
.font-display em,
h1 .italic, h2 .italic, h3 .italic,
h1 em, h2 em, h3 em {
  font-weight: 600;
}

/* Linha decorativa horizontal entre etapas do processo */
.deco-process-line {
  background:linear-gradient(to right, transparent, rgba(15,69,78,.18), transparent);
}

/* Tipografia rica em prose (blog/post) */
.prose p { margin-bottom:1.25em; }
.prose h2 { font-family:'Playfair',serif; font-size:1.8em; margin:1.6em 0 .6em; color:var(--dark); }
.prose h3 { font-family:'Playfair',serif; font-size:1.4em; margin:1.4em 0 .5em; color:var(--dark); }
.prose blockquote { border-left:3px solid var(--orange); padding:.5em 0 .5em 1.25em; font-style:italic; color:var(--dark); margin:1.5em 0; }
.prose a { color:var(--orange); border-bottom:1px solid currentColor; }

/* Hover delicado nos cards de expedicoes da home */
.exp-card-h { transition:transform .45s cubic-bezier(.2,.7,.2,1); }
.exp-card-h:hover { transform:translateY(-6px); }

/* Numerais grandes editoriais */
.editorial-num {
  font-family:'Playfair',serif;
  font-weight:600;
  font-size:clamp(60px, 8vw, 120px);
  line-height:.9;
  letter-spacing:-.04em;
  color:var(--orange);
}

/* Glow do botao orange */
.btn-glow {
  box-shadow:0 10px 32px -10px rgba(234,149,78,.55), inset 0 1px 0 rgba(255,255,255,.15);
}

/* Detalhe sutil no body principal */
.home main { overflow:hidden; }

/* -------- WhatsApp floating -------- */
.wpp-float{
  position:fixed;
  bottom:24px;right:24px;
  width:60px;height:60px;
  background:#25D366;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 16px -4px rgba(0,0,0,.25);
  z-index:90;
  transition:transform .25s, box-shadow .25s;
}
.wpp-float:hover{
  transform:scale(1.08);
  box-shadow:0 10px 22px -4px rgba(0,0,0,.3);
}