/* Landing pages de anúncio (/nutricionista/online|uberlandia|esportiva).
   Carregado depois de style.css. As regras de .nav no mobile do site
   escondem qualquer <nav>; aqui o cabeçalho da landing permanece visível. */

.header.header--lp {
  background: var(--green);
  box-shadow: 0 8px 30px -22px rgba(0, 0, 0, .55);
}

@media (max-width: 900px) {
  .header--lp .nav {
    position: static;
    inset: auto;
    z-index: auto;
    flex-direction: row;
    justify-content: flex-end;
    gap: .35rem;
    background: transparent;
    opacity: 1;
    pointer-events: auto;
  }
  .header--lp .nav a:not(.btn) { display: none; }
}

.lp-hero {
  background:
    radial-gradient(70% 55% at 100% 0%, rgba(201, 162, 77, .18), transparent 62%),
    var(--green);
  color: #fff;
  padding: calc(var(--header-h) + 1.75rem) 0 2.6rem;
}
.lp-hero h1 {
  color: #fff;
  font-size: clamp(2.05rem, 7.4vw, 3.55rem);
  max-width: 18em;
  margin-bottom: .75rem;
}
@media (max-width: 420px) {
  .lp-hero .hero__eyebrow { letter-spacing: .16em; }
  .lp-hero .hero__eyebrow::before,
  .lp-hero .hero__eyebrow::after { width: 1.1rem; }
}
.lp-hero h1 em { color: var(--gold); font-style: italic; }
.lp-hero__sub {
  color: rgba(255, 255, 255, .86);
  font-size: 1.05rem;
  max-width: 38rem;
  margin-bottom: 1.35rem;
}
.lp-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .85rem 1.2rem;
  margin-bottom: 1.6rem;
}
.lp-hero .link-arrow { color: var(--gold); }
.lp-hero .hero__proof { justify-content: flex-start; }
.lp-hero .hero__proof-item { align-items: flex-start; text-align: left; }

@media (min-width: 900px) {
  .lp-hero { padding: calc(var(--header-h) + 3.2rem) 0 4rem; }
}

.lp-benefits__grid { display: grid; gap: 1rem; }
@media (min-width: 700px) {
  .lp-benefits__grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
  .lp-benefits__grid { grid-template-columns: repeat(4, 1fr); }
}

.lp-disclaimer {
  margin: 1.6rem 0 0;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: .9rem;
}

.lp-sticky { display: none; }

@media (max-width: 900px) {
  body.lp { padding-bottom: calc(5.1rem + env(safe-area-inset-bottom)); }
  a.lp-sticky {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 80;
    width: auto;
    border-radius: 0;
    letter-spacing: .08em;
    padding: .95rem 1rem calc(.95rem + env(safe-area-inset-bottom));
    background: var(--grad-gold);
    box-shadow: 0 -12px 30px -16px rgba(0, 0, 0, .7);
  }
  body.lp .whats-float { display: none; }
  body.lp #cookieBar {
    bottom: calc(5.3rem + env(safe-area-inset-bottom)) !important;
  }
}