/* VP-2026-63 — hotsite do lançamento. Identidade do convite impresso (Criativos, 11/nov): verde da noite,
   verde-limão da data, o α do Alphaville e a Bricolage Grotesque da marca .club. */
@font-face{font-family:"Bricolage";src:url(/fontes/BricolageGrotesque-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Bricolage";src:url(/fontes/BricolageGrotesque-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
:root{--noite:#0c3a29;--folha:#147552;--broto:#1a9064;--limao:#d9f46a;--tinta:#1d2621;--papel:#fff;--nevoa:#eef3ef;--erro:#a3261f}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font:17px/1.55 "Bricolage",system-ui,sans-serif}
a{color:var(--folha)}
.faixa{background:var(--noite);color:var(--limao);padding:40px 20px 36px;position:relative;overflow:hidden}
.faixa .dentro{max-width:1040px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.faixa .data{font-weight:700;font-size:clamp(1.5rem,5.4vw,2.4rem);line-height:1.15;margin:0}
.faixa .data small{display:block;font-size:.55em;font-weight:400;color:#bfe0cf;margin-top:8px;letter-spacing:.01em}
.faixa img{width:clamp(110px,26vw,220px);height:auto;flex:none;margin-bottom:-6px}
.corpo{max-width:1040px;margin:0 auto;padding:40px 20px 56px;display:grid;gap:40px}
@media (min-width:880px){.corpo{grid-template-columns:1fr 420px;align-items:start;padding-top:56px}}
.titulo{font-weight:700;color:var(--noite);font-size:clamp(1.9rem,6vw,2.9rem);line-height:1.08;margin:0 0 20px;max-width:16ch}
.texto p{margin:0 0 14px;max-width:58ch}
.local{margin-top:28px;color:var(--folha);font-size:.95rem;line-height:1.5}
.local b{color:var(--noite)}
.aparelho{background:var(--noite);color:#fff;border-radius:34px;padding:34px 22px 26px;position:relative}
.aparelho::before{content:"";position:absolute;top:13px;left:50%;width:58px;height:7px;margin-left:-29px;border-radius:4px;background:#2a6b51}
.aparelho h2{font-size:1.35rem;margin:6px 0 18px;color:var(--limao);line-height:1.2}
label,.rotulo{display:block;font-size:.92rem;margin:0 0 6px;color:#d8eadf}
.campo{margin-bottom:16px}
input[type=text],input[type=tel],input[type=email],select{width:100%;font:inherit;font-size:16px;padding:12px 14px;border-radius:12px;border:2px solid transparent;background:#fff;color:var(--tinta)}
input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible,.escolha input:focus-visible+span{outline:3px solid var(--limao);outline-offset:2px}
.escolhas{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.escolha{position:relative}
.escolha input{position:absolute;opacity:0;inset:0}
.escolha span{display:block;text-align:center;padding:11px 8px;border-radius:12px;border:2px solid #2a6b51;cursor:pointer}
.escolha input:checked+span{background:var(--limao);border-color:var(--limao);color:var(--noite);font-weight:700}
details{margin-bottom:16px;border-top:1px solid #2a6b51;padding-top:12px}
summary{cursor:pointer;font-size:.92rem;color:#d8eadf}
.marcas{display:grid;gap:6px;margin-top:10px;font-size:.95rem}
.marcas label{display:flex;gap:10px;align-items:center;color:#fff;margin:0}
.marcas input{width:20px;height:20px;accent-color:var(--limao)}
.dica{font-size:.82rem;color:#a9cbb9;margin:4px 0 0}
.aviso{font-size:.8rem;line-height:1.45;color:#bcd6c8;margin:4px 0 16px}
.aviso p{margin:0 0 8px}
button.enviar{width:100%;font:inherit;font-weight:700;font-size:1.05rem;padding:14px;border:0;border-radius:14px;background:var(--limao);color:var(--noite);cursor:pointer}
button.enviar[disabled]{opacity:.6;cursor:wait}
.erro{color:#ffd0cc;background:rgba(163,38,31,.35);border-radius:10px;padding:10px 12px;margin:0 0 14px;font-size:.95rem}
.feito{text-align:center;padding:26px 4px 10px}
.feito strong{display:block;font-size:1.5rem;color:var(--limao);margin-bottom:8px}
.isca{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.rodape{border-top:8px solid var(--limao);padding:18px 20px 28px;font-size:.82rem;color:#55625b}
.rodape .dentro{max-width:1040px;margin:0 auto}
[hidden]{display:none!important}