/* PRESS · bloco de topo (cabeçalho + hero), formulário, aviso de cookies e páginas de obrigado
   das landing pages do Web 3.0. Só classes lp-*: não toca o desenho dos blocos originais. */
:root{
  --lp-black:#050505; --lp-ink:#F6F0E9; --lp-ink2:#C2B6AC; --lp-ink3:#8E8279;
  --lp-gold:#FFC105; --lp-orange:#F97415; --lp-red:#EC3013;
  --lp-line:rgba(246,240,233,.10);
  --lp-grad:linear-gradient(135deg,#FFC105 0%,#F97415 50%,#EC3013 100%);
  --lp-display:"Outfit",system-ui,sans-serif; --lp-body:"DM Sans",system-ui,sans-serif; --lp-mono:"DM Mono",ui-monospace,Menlo,monospace;
}
.lp-header,.lp-hero,.lp-dialog,.lp-consent,.lp-thanks{font-family:var(--lp-body);color:var(--lp-ink);box-sizing:border-box}
.lp-header *,.lp-hero *,.lp-dialog *,.lp-consent *,.lp-thanks *{box-sizing:border-box}

/* ---------- cabeçalho PRESS ---------- */
.lp-header{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.86);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--lp-line)}
.lp-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,193,5,.55),transparent)}
.lp-header-in{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}
.lp-logo{display:inline-flex;align-items:center;gap:10px;line-height:1;text-decoration:none;color:inherit}
.lp-logo svg{height:34px;width:auto;flex:none}
.lp-logo span{display:grid;gap:3px}
.lp-logo b{font:700 19px/1 var(--lp-display);letter-spacing:.01em;color:var(--lp-ink)}
.lp-logo i{font:500 14px/1 var(--lp-display);font-style:normal;color:var(--lp-gold)}

/* ---------- botões ---------- */
.lp-btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:12px;font:600 15.5px/1 var(--lp-body);text-decoration:none;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .3s ease,border-color .25s ease,background-position .5s ease}
.lp-btn:active{transform:scale(.98)}
.lp-btn:focus-visible{outline:2px solid var(--lp-gold);outline-offset:3px}
.lp-btn svg{width:18px;height:18px;flex:none;fill:currentColor}
.lp-btn-gold{background:var(--lp-grad);background-size:160% 160%;color:#120E0C;box-shadow:0 16px 36px -16px rgba(249,116,21,.8)}
.lp-btn-gold:hover{background-position:100% 50%;box-shadow:0 0 0 4px rgba(255,193,5,.18),0 18px 40px -14px rgba(249,116,21,.9)}
.lp-btn-gold::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:lp-shine 5s ease infinite}
@keyframes lp-shine{0%,70%{transform:translateX(-120%)}86%,100%{transform:translateX(120%)}}
.lp-btn-wa{background:#0F0D0C;color:var(--lp-ink);border:1px solid rgba(37,211,102,.45)}
.lp-btn-wa svg{fill:#25D366}
.lp-btn-wa:hover{border-color:#25D366}
.lp-btn-ghost{background:rgba(246,240,233,.03);color:var(--lp-ink);border:1px solid rgba(246,240,233,.22)}
.lp-btn-ghost:hover{border-color:var(--lp-gold)}
.lp-btn-sm{min-height:42px;padding:0 18px;font-size:14px;border-radius:10px}

/* ---------- hero (primeiro bloco) ---------- */
.lp-hero{position:relative;overflow:hidden;background:radial-gradient(55% 70% at 85% 30%,rgba(249,116,21,.16),transparent 65%),radial-gradient(40% 50% at 5% 100%,rgba(255,193,5,.08),transparent 70%),var(--lp-black);padding:clamp(40px,6vw,96px) max(16px,env(safe-area-inset-right,0px)) clamp(36px,5vw,72px) max(16px,env(safe-area-inset-left,0px))}
.lp-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(246,240,233,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(246,240,233,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask:radial-gradient(70% 80% at 50% 30%,#000,transparent);mask:radial-gradient(70% 80% at 50% 30%,#000,transparent);pointer-events:none}
.lp-hero-in{position:relative;max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}
.lp-kicker{margin:0 0 18px;font:500 12px/1.2 var(--lp-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lp-gold)}
.lp-kicker i{font-style:normal;opacity:.55;margin:0 .45em}
.lp-hero h1{margin:0;font:700 clamp(38px,5.6vw,76px)/1.02 var(--lp-display);letter-spacing:-.035em;color:var(--lp-ink);text-wrap:balance}
.lp-gold-text{background:var(--lp-grad);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lp-flow 9s ease-in-out infinite}
@keyframes lp-flow{50%{background-position:100% 50%}}
.lp-sub{margin:22px 0 0;max-width:54ch;font:400 clamp(16.5px,1.4vw,19px)/1.55 var(--lp-body);color:var(--lp-ink2);text-wrap:pretty}
.lp-ctas{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center}
.lp-wa-num{margin:14px 0 0;font:500 13px/1.4 var(--lp-mono);letter-spacing:.04em;color:var(--lp-ink3)}
.lp-wa-num b{font-weight:500;color:var(--lp-ink)}
.lp-art{margin:0;position:relative;display:grid;place-items:center;min-height:clamp(240px,30vw,420px)}
.lp-art img{width:min(420px,100%);height:auto;mix-blend-mode:screen;-webkit-mask:radial-gradient(closest-side,#000 70%,transparent 100%);mask:radial-gradient(closest-side,#000 70%,transparent 100%);animation:lp-hover 9s ease-in-out infinite}
.lp-art::after{content:"";position:absolute;left:50%;bottom:6%;width:44%;height:16px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,193,5,.4),transparent 70%);filter:blur(5px)}
@keyframes lp-hover{50%{translate:0 -12px}}
.lp-seals{position:relative;list-style:none;max-width:1320px;margin:clamp(28px,4vw,48px) auto 0;padding:clamp(18px,2.4vw,26px) 0 0;border-top:1px solid var(--lp-line);display:flex;flex-wrap:wrap;gap:14px clamp(20px,3vw,40px)}
.lp-seals li{display:flex;align-items:center;gap:12px;font:500 11px/1.2 var(--lp-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lp-ink2)}
.lp-seals span{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(255,193,5,.35);background:rgba(255,193,5,.07)}
.lp-seals svg{width:16px;height:16px;fill:none;stroke:var(--lp-gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- formulário ---------- */
.lp-dialog{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid rgba(255,193,5,.25);border-radius:20px;background:#0B0A09;color:var(--lp-ink);box-shadow:0 40px 120px -30px rgba(0,0,0,.9)}
.lp-dialog::backdrop{background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.lp-form{position:relative;padding:clamp(22px,4vw,34px);background:radial-gradient(80% 50% at 50% 0%,rgba(249,116,21,.16),transparent 70%)}
.lp-form h2{margin:0;font:700 clamp(26px,3.4vw,34px)/1.08 var(--lp-display);letter-spacing:-.03em;color:var(--lp-ink)}
.lp-form-sub{margin:10px 0 20px;color:var(--lp-ink2);font-size:15px;line-height:1.5}
.lp-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--lp-line);background:transparent;color:var(--lp-ink2);font-size:22px;line-height:1;cursor:pointer}
.lp-x:hover{color:var(--lp-ink);border-color:var(--lp-gold)}
.lp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lp-grid label{display:grid;gap:6px;font:600 11px/1 var(--lp-body);letter-spacing:.14em;text-transform:uppercase;color:var(--lp-ink3)}
.lp-grid label span{text-transform:none;letter-spacing:0;font-weight:400}
.lp-grid input,.lp-grid textarea{width:100%;font:400 16px/1.4 var(--lp-body);color:var(--lp-ink);background:rgba(246,240,233,.05);border:1px solid rgba(246,240,233,.14);border-radius:10px;padding:12px 14px;letter-spacing:0;text-transform:none}
.lp-grid input:focus,.lp-grid textarea:focus{outline:none;border-color:var(--lp-gold);box-shadow:0 0 0 3px rgba(255,193,5,.15)}
.lp-grid textarea{resize:vertical;min-height:84px}
.lp-full{grid-column:1/-1}
.lp-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.lp-err{margin:14px 0 0;color:#FF8A7A;font-size:14px}
.lp-submit{width:100%;margin-top:18px}
.lp-submit:disabled{opacity:.7;cursor:progress}
.lp-legal{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:var(--lp-ink3)}
.lp-legal a{color:var(--lp-ink2)}

/* ---------- aviso de cookies ---------- */
.lp-consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:80;max-width:760px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;padding:14px 16px;border-radius:14px;background:rgba(11,10,9,.96);border:1px solid var(--lp-line);box-shadow:0 20px 60px -20px rgba(0,0,0,.9)}
.lp-consent p{margin:0;font-size:13.5px;line-height:1.45;color:var(--lp-ink2);flex:1 1 280px}
.lp-consent a{color:var(--lp-ink)}
.lp-consent div{display:flex;gap:8px}
.lp-consent .lp-btn{min-height:40px;padding:0 16px;font-size:14px;border-radius:10px}

/* ---------- página de obrigado ---------- */
.lp-thanks{min-height:calc(100dvh - 65px);background:radial-gradient(60% 50% at 50% 0%,rgba(249,116,21,.16),transparent 70%),var(--lp-black);padding:clamp(48px,8vw,110px) max(16px,env(safe-area-inset-right,0px)) 72px max(16px,env(safe-area-inset-left,0px))}
.lp-thanks-in{max-width:760px;margin:0 auto;text-align:center}
.lp-check{width:64px;height:64px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:var(--lp-grad);box-shadow:0 18px 50px -16px rgba(249,116,21,.8)}
.lp-check svg{width:30px;height:30px;fill:none;stroke:#120E0C;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.lp-thanks h1{margin:0;font:700 clamp(34px,5vw,58px)/1.04 var(--lp-display);letter-spacing:-.035em;text-wrap:balance}
.lp-thanks .lp-sub{margin:18px auto 0}
.lp-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left;counter-reset:s}
.lp-steps li{counter-increment:s;padding:18px;border-radius:14px;border:1px solid var(--lp-line);background:rgba(246,240,233,.03)}
.lp-steps li::before{content:counter(s,decimal-leading-zero);display:block;margin-bottom:10px;font:500 12px/1 var(--lp-mono);letter-spacing:.14em;color:var(--lp-gold)}
.lp-steps b{display:block;font:600 16px/1.3 var(--lp-display);color:var(--lp-ink)}
.lp-steps p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--lp-ink2)}
.lp-thanks .lp-ctas{justify-content:center}
.lp-back{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;font:500 13px/1.4 var(--lp-mono);letter-spacing:.04em}
.lp-back a{color:var(--lp-ink2);text-decoration:none;border-bottom:1px solid rgba(255,193,5,.35)}
.lp-back a:hover{color:var(--lp-ink)}

@media (max-width:760px){
  .lp-header-in{min-height:58px}
  .lp-logo svg{height:30px}
  .lp-logo b{font-size:17px}.lp-logo i{font-size:13px}
  .lp-hero-in{grid-template-columns:1fr}
  .lp-art{order:-1;min-height:0;margin-top:-8px}
  .lp-art img{width:min(240px,64%)}
  .lp-ctas{flex-direction:column;align-items:stretch}
  .lp-grid{grid-template-columns:1fr}
  .lp-steps{grid-template-columns:1fr}
}
@media (max-width:420px){.lp-header .lp-btn-sm{padding:0 12px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.lp-gold-text,.lp-btn-gold::after,.lp-art img{animation:none}}

/* transição suave do hero para o fundo original do bloco seguinte */
.lp-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(180deg,transparent,var(--lp-next,transparent));pointer-events:none}
body:has(.lp-thanks){background:#050505;color-scheme:dark}
/* no /motor-web3 o anel usa position:sticky no topo; o cabeçalho rola junto para não cobrir as abas */
.lp-header.is-static{position:relative}