/* Páginas de venda e de conta: mesma identidade do app (marinho e dourado, Cinzel e Montserrat). */
:root{
  --bg:#F6F3ED;--card:#FFFFFF;--fg:#26303F;--mut:#6B7280;--line:#E2DBCB;--navy:#1C2E4A;--navyd:#15243B;
  --gold:#B08D4F;--golds:#C9AC73;--goldp:#EBDFC4;--goldw:#FAF6EC;--g1:#C9A24B;--g2:#E6C77A;--g3:#B0823A;
  --ok:#3C7A5A;--okbg:#E8F2EC;--warn:#8A6420;--warnbg:#FBF1DA;--bad:#A24A48;--badbg:#F8E7E6;
  --disp:'Cinzel',Georgia,'Times New Roman',serif;--body:'Montserrat','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--body)}
.in{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.estreito{max-width:520px}
.hero{position:relative;overflow:hidden;background:var(--navyd)}
.hero img{position:absolute;top:0;right:0;height:100%;width:62%;object-fit:cover;object-position:center 16%;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 16%,rgba(0,0,0,.6) 34%,#000 56%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 16%,rgba(0,0,0,.6) 34%,#000 56%)}
.hero .veu{position:absolute;inset:0;background:linear-gradient(90deg,var(--navyd) 0%,rgba(17,32,58,.78) 28%,rgba(17,32,58,.25) 55%,transparent 70%),linear-gradient(0deg,var(--navyd) 0%,transparent 26%)}
.hero .in{position:relative;padding-block:28px 40px;display:grid;gap:12px;justify-items:start}
.hero h1{margin:0;font:700 clamp(28px,5vw,46px)/1.12 var(--disp);background:linear-gradient(135deg,#E6C77A 0%,#C9A24B 45%,#E6C77A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 7px rgba(0,0,0,.95))}
.hero .sub{max-width:520px;font-size:clamp(11px,1.7vw,13.5px);letter-spacing:.15em;color:#fff;text-transform:uppercase;font-weight:500;line-height:1.6;text-shadow:0 3px 8px rgba(0,0,0,.9)}
.hero p{margin:0;max-width:520px;color:#D7DEEC;font-weight:300;text-shadow:0 2px 6px rgba(0,0,0,.8)}
.topo{display:flex;justify-content:flex-end;padding-top:12px}
.topo a{background:rgba(21,36,59,.82);color:var(--g2);font-weight:600;font-size:14px;text-decoration:none;border:1px solid var(--golds);border-radius:8px;padding:6px 12px;position:relative}
main{padding-block:24px 48px;display:grid;gap:18px}
.card{background:var(--card);border:1px solid #EDE8DC;border-radius:14px;padding:22px;box-shadow:0 10px 26px rgba(28,46,74,.07);position:relative;overflow:hidden}
.card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--gold),var(--golds),var(--goldp))}
h2{margin:0 0 8px;font:700 21px/1.3 var(--disp);color:var(--navy)}
h3{margin:0 0 6px;font:700 16px/1.35 var(--disp);color:var(--navy)}
p{margin:0}
.mut{color:var(--mut);font-size:14px}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px}
.item{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}
.item p{font-size:14.5px;color:#3b4555}
form{display:grid;gap:16px;margin-top:14px}
label{display:grid;gap:8px;font:600 14px/1.45 var(--body);color:var(--navy)}
label small{font-weight:500;color:var(--mut);font-size:12.5px}
input{width:100%;min-height:48px;padding:11px 14px;border:1.5px solid var(--line);border-radius:9px;font:400 16px var(--body);color:var(--fg);background:#fff}
input:focus{outline:none;border-color:var(--golds);box-shadow:0 0 0 3px var(--goldw)}
.btn{min-height:50px;padding:12px 22px;border-radius:10px;border:none;font:700 15px var(--body);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn.ouro{background:linear-gradient(135deg,var(--g3) 0%,var(--g1) 35%,var(--g2) 65%,var(--g1) 100%);color:var(--navyd);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 8px 24px rgba(176,141,79,.38)}
.btn.azul{background:var(--navy);color:#fff}
.btn.linha{background:transparent;color:var(--navy);border:1.5px solid var(--golds)}
.btn:disabled{opacity:.6;cursor:wait}
.btn:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.preco{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.preco b{font:700 clamp(34px,6vw,44px)/1 var(--disp);color:var(--navy)}
.preco span{color:var(--mut);font-size:14px}
.av{border-radius:10px;padding:12px 14px;font-size:14px}
.av.w{background:var(--warnbg);color:var(--warn)}.av.b{background:var(--badbg);color:var(--bad)}.av.o{background:var(--okbg);color:var(--ok)}.av.g{background:var(--goldw);border:1px solid var(--goldp);color:var(--navy)}
.lista{margin:8px 0 0;padding-left:20px;display:grid;gap:6px;font-size:15px}
.links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}
.links a{color:var(--navy);font-weight:600}
footer{background:var(--navyd);color:#C9D2E3;font-size:13px;padding-block:22px;text-align:center;line-height:1.7}
footer a{color:var(--g2)}
.legal h3{margin-top:18px}.legal p,.legal li{font-size:15px;color:#3b4555}.legal ul{padding-left:20px}
[hidden]{display:none!important}