/* ==========================================================================
   Páginas-âncora (landings) — premium, coeso com o site
   ========================================================================== */
.lp-hero { position: relative; padding: calc(var(--header-h) + 56px) 0 56px; overflow: hidden; }
.lp-hero__inner { max-width: var(--container); margin: 0 auto; padding: 0 clamp(20px,5vw,28px); display: grid; gap: 38px; align-items: center; }
@media (min-width: 900px){ .lp-hero__inner { grid-template-columns: 1.04fr .96fr; gap: 56px; } }
.lp-hero__media { position: relative; border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-l); aspect-ratio: 4/3; }
.lp-hero__media::after { content:""; position:absolute; inset:0; border-radius:inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), inset 0 -80px 110px -60px rgba(10,27,42,.5); pointer-events:none; }
.lp-hero__media img { width:100%; height:100%; object-fit: cover; }
.lp-hero h1 { font-family: var(--font-display); text-transform: uppercase; font-weight: 400; font-size: clamp(2.1rem,4.4vw,3.5rem); line-height: 1.06; letter-spacing: -.012em; color: var(--ink); margin: 16px 0 18px; }
.lp-hero__sub { font-size: 1.12rem; color: var(--text); max-width: 56ch; margin-bottom: 28px; line-height: 1.6; }

.lp-breadcrumb { max-width: var(--container); margin: 0 auto; padding: 16px clamp(20px,5vw,28px) 0; font-size: .78rem; color: var(--muted); letter-spacing: .02em; }
.lp-breadcrumb a { color: var(--accent); }

.lp-content { max-width: 800px; margin: 0 auto; padding: 52px clamp(20px,5vw,28px) 8px; }
.lp-content section { margin-bottom: 42px; }
.lp-content h2 { font-family: var(--font-display); text-transform: uppercase; font-weight: 400; font-size: clamp(1.45rem,3vw,2.05rem); color: var(--ink); margin-bottom: 16px; letter-spacing: -.012em; }
.lp-content h3 { font-size: 1.1rem; color: var(--ink); margin: 22px 0 10px; }
.lp-content p { margin-bottom: 16px; color: var(--text); line-height: 1.78; }
.lp-content ul, .lp-content ol { margin: 0 0 18px 1.15em; }
.lp-content li { margin-bottom: 9px; color: var(--text); line-height: 1.7; }
.lp-content strong { color: var(--ink); }
.lp-content a { color: var(--accent); text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 3px; transition: color .2s; }
.lp-content a:hover { color: var(--accent-dark); }

.lp-faq { max-width: 800px; margin: 0 auto; padding: 12px clamp(20px,5vw,28px) 48px; }
.lp-faq h2 { font-family: var(--font-display); text-transform: uppercase; font-weight: 400; color: var(--ink); font-size: clamp(1.4rem,2.6vw,1.9rem); margin-bottom: 22px; letter-spacing: -.012em; }
.lp-faq h3 { font-size: 1.04rem; color: var(--ink); margin: 18px 0 8px; padding-left: 18px; position: relative; }
.lp-faq h3::before { content:""; position:absolute; left:0; top:.45em; width:8px; height:8px; border-radius:50%; background: var(--gold); }
.lp-faq p { color: var(--text); line-height: 1.72; margin-bottom: 6px; padding-left: 18px; }

.lp-cta { text-align: center; padding: 66px clamp(20px,5vw,28px); background: var(--ink); color: #fff; margin-top: 48px; position: relative; }
.lp-cta::before { content:""; position:absolute; top:0; left:0; right:0; height:1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); opacity:.55; }
.lp-cta h2 { font-family: var(--font-display); text-transform: uppercase; font-weight: 400; color: #fff; font-size: clamp(1.6rem,3vw,2.4rem); margin-bottom: 16px; letter-spacing: -.01em; }
.lp-cta p { color: rgba(255,255,255,.82); max-width: 52ch; margin: 0 auto 30px; line-height: 1.6; }

/* Lang switcher como LINKS (landings são páginas separadas por língua) */
.lang__link { display:inline-flex; align-items:center; padding: 5px 9px; font-size:.78rem; font-weight:700; color: rgba(255,255,255,.6); border-radius: 7px; transition: color .2s, background .2s; letter-spacing:.02em; }
.lang__link:hover { color:#fff; }
.lang__link[aria-current="true"] { color: var(--ink); background: var(--gold-soft); }

/* Animação de entrada (load) das landings — sem dependência de JS */
@media (prefers-reduced-motion: no-preference) {
  .lp-hero__content > * { animation: lpRise .9s var(--ease-lux) both; }
  .lp-hero__content > h1 { animation-delay: .06s; }
  .lp-hero__content > .lp-hero__sub { animation-delay: .16s; }
  .lp-hero__content > .btn { animation-delay: .26s; }
  .lp-hero__media { animation: lpReveal 1.15s var(--ease-lux) both .12s; }
}
@keyframes lpRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes lpReveal { from { opacity: 0; transform: translateY(22px) scale(.985); } to { opacity: 1; transform: none; } }