/* ==========================================================================
   club.css · Clube: faixa da loja, plano e vantagens
   ========================================================================== */
/* ===== loja → clube ===== */
.clube-hint{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:22px;padding:18px 22px;border-radius:var(--r);border:1px dashed var(--line2);text-decoration:none;color:var(--ink2);font-size:15.5px;transition:border-color .25s,background .25s}
.clube-hint:hover{border-color:var(--brown);background:rgba(139,80,46,.04)}
.clube-hint b{color:var(--ink)}
.clube-hint .go{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brown)}
.clube-hint .go svg{width:16px;height:16px}

/* ===== clube ===== */
.clube{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}
.clube .lot.sub{min-height:0}
.perks{display:flex;flex-direction:column;gap:12px;padding:26px 24px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.perks-h{display:block;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brown);margin-bottom:4px}
.perk{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--cream);text-decoration:none;transition:border-color .25s,transform .25s}
.perk:hover{border-color:var(--brown);transform:translateY(-2px)}
.perk .pn{font:600 22px/1 var(--mono);color:var(--brown)}
.perk b{display:block;font:650 19px/1.2 var(--disp);letter-spacing:-.02em}
.perk small{display:block;margin-top:6px;font-size:14.5px;line-height:1.45;color:var(--mut)}
.perks-n{margin-top:auto;padding-top:8px;font-size:14.5px;color:var(--mut)}
.perks-n button,.note button,.ft button{border:0;background:none;padding:0;font:inherit;color:var(--brown);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ft ul button{color:inherit;text-decoration:none;opacity:inherit}
.cl-sub{margin:70px 0 26px;max-width:60ch}
.cl-sub h3{font-size:clamp(30px,3.4vw,46px);margin-top:16px}
.cl-sub p{margin-top:14px;color:var(--mut);font-size:16.5px}
.lockw{position:relative}
.lockd{pointer-events:none;user-select:none}
.lockw .brew{filter:saturate(.85);mask-image:linear-gradient(180deg,#000 55%,rgba(0,0,0,.35));-webkit-mask-image:linear-gradient(180deg,#000 55%,rgba(0,0,0,.35))}
.lockb{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:12px;border-radius:999px;background:rgba(249,239,229,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:0 20px 50px -24px rgba(29,29,27,.45);max-width:calc(100% - 24px)}
.lk{display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 6px;font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.lk svg{width:18px;height:18px;color:var(--brown)}
.lockb .btn{min-height:46px}
.sub-d svg{width:16px;height:16px}
.sens .phone.lockd{position:relative}
.sens .phone.lockd::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 55%,rgba(13,11,9,.55))}
.sens .ctas{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:980px){.clube{grid-template-columns:minmax(0,1fr)}.sens .ctas{justify-content:center}}
@media (max-width:760px){.cl-sub{margin-top:54px;text-align:center;margin-inline:auto}.lockb{position:static;transform:none;margin:18px auto 0;border-radius:var(--r);flex-direction:column;width:100%}.lockb .btn{width:100%}.lockw .brew{mask-image:none;-webkit-mask-image:none}.clube-hint{justify-content:center;text-align:center}}