/* Beehaus · Entrega 1.2 · "Como você quer começar?" — classes e variáveis da Entrada (e0-card, tipo-card, q-bars, e0-btn, m-alt; --bh-*)
   + tema azul noturno (body.bh-azul, só no escuro) + imersivo (body.bh-imersivo, só com movimento ligado). Tudo só para quem está no beta. */
#e0-briefing{ max-width:980px; }
.bb{ display:flex; flex-direction:column; gap:0; }
.bb h2:focus{ outline:none; }
.bb-aviso{ font-size:13px; color:var(--bh-text); background:color-mix(in srgb, var(--bh-blue) 10%, transparent); border-left:3px solid var(--bh-blue); border-radius:8px; padding:10px 12px; margin:0 0 14px; line-height:1.45; }
.tipo-cards.bb-c4{ grid-template-columns:repeat(2,1fr); }
.tipo-cards.bb-c3{ grid-template-columns:1fr; }
@media(min-width:760px){ .tipo-cards.bb-c4{ grid-template-columns:repeat(4,1fr); } .tipo-cards.bb-c3{ grid-template-columns:repeat(3,1fr); } }
.tipo-card[disabled]{ opacity:.4; cursor:not-allowed; transform:none; box-shadow:none; }
.tipo-card[disabled]:hover{ border-color:var(--bh-border); background:var(--bh-panel); }
.bb-acess{ display:flex; align-items:center; gap:12px; margin-top:16px; padding:14px 16px; border:1px solid var(--bh-border); border-radius:var(--bh-radius); background:var(--bh-elev); font-size:13px; color:var(--bh-muted); line-height:1.45; cursor:pointer; }
.bb-acess b{ color:var(--bh-text); font-size:14px; }
.bb-acess input{ width:20px; height:20px; flex:0 0 auto; accent-color:var(--bh-blue); }
.bb-filtros{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:0 0 18px; }
.bb-filtros button{ background:var(--bh-elev); border:1px solid var(--bh-border); color:var(--bh-text); border-radius:99px; padding:12px 20px; min-height:48px; font-size:14.5px; font-weight:700; font-family:inherit; cursor:var(--cur-sketch); }
.bb-filtros button.on{ border-color:var(--bh-blue); background:color-mix(in srgb,var(--bh-blue) 22%,var(--bh-elev)); }
.bb-w100{ width:100%; }
.bb-auto{ flex:0 0 auto !important; padding:13px 18px !important; }
.bb-texto{ min-height:160px; resize:vertical; line-height:1.5; font-size:15px; margin-bottom:14px; }
/* ---------- abertura (hero) ---------- */
.bb-hero{ position:relative; width:100vw; margin-left:calc(50% - 50vw); height:86vh; min-height:540px; overflow:hidden; border-radius:0 0 28px 28px; }
.bb-hero-foto{ position:absolute; inset:0; background-color:#0b2141; background-size:cover; background-position:50% 55%; will-change:transform; }
.bb-hero-veu{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(5,10,20,.45) 0%, rgba(5,10,20,.2) 35%, rgba(5,10,20,.88) 88%, var(--bh-bg) 100%); }
.bb-hero-txt{ position:absolute; left:0; right:0; top:30%; text-align:center; padding:0 20px; }
.bb-hero-txt .q-super{ font-size:12px; }
.bb-hero h2{ font-size:clamp(36px,6.2vw,82px); font-weight:800; letter-spacing:-.035em; line-height:1.06; margin:10px 0 14px; color:#fff; }
.bb-ln{ display:block; overflow:hidden; padding-bottom:.06em; } .bb-ln > span{ display:inline-block; }
.bb-hero-txt p{ color:rgba(235,244,255,.86); font-size:clamp(15px,1.6vw,19px); }
.bb-rolar-btn{ position:absolute; left:50%; bottom:30px; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:8px; color:#bfe6ff; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; background:none; border:none; cursor:pointer; font-family:inherit; min-height:44px; }
.bb-rolar-btn i{ width:26px; height:42px; border:2px solid rgba(191,230,255,.7); border-radius:14px; position:relative; }
.bb-rolar-btn i::after{ content:""; position:absolute; left:50%; top:8px; width:4px; height:8px; margin-left:-2px; border-radius:2px; background:#bfe6ff; animation:bb-rolar 1.6s ease-in-out infinite; }
@keyframes bb-rolar{ 0%{ transform:translateY(0); opacity:1; } 80%{ transform:translateY(14px); opacity:0; } 100%{ opacity:0; } }
/* ---------- as três portas, com foto ---------- */
.bb-portas3{ position:relative; z-index:2; display:grid; grid-template-columns:1fr; gap:18px; margin-top:-10vh; perspective:1200px; }
@media(min-width:900px){ .bb-portas3{ grid-template-columns:repeat(3,1fr); } }
.e0-card.bb-porta3{ padding:0; gap:0; min-height:360px; overflow:hidden; border-radius:22px; }
.bb-ph{ width:100%; height:190px; background-color:#fff; position:relative; overflow:hidden; border-bottom:1px solid var(--bh-border); flex:0 0 auto; }
.bb-ph-in{ position:absolute; inset:6px 10px; background-size:contain; background-repeat:no-repeat; background-position:center; }
.bb-ic{ position:absolute; top:14px; left:14px; z-index:2; width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,#19b4ff,#0077d6); box-shadow:0 6px 18px rgba(0,120,220,.35); } .bb-ic svg{ width:24px; height:24px; }
.bb-cx{ padding:20px 24px 24px; display:flex; flex-direction:column; gap:10px; flex:1; width:100%; }
.bb-tag{ font-size:10.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--bh-blue); }
.e0-card.bb-porta3 b{ font-size:24px; font-weight:800; letter-spacing:-.01em; } .bb-d{ font-size:15.5px !important; color:var(--bh-muted); line-height:1.5; }
.bb-tag{ font-size:11.5px !important; }
.bb-ir{ margin-top:auto; align-self:stretch; display:flex; align-items:center; justify-content:center; min-height:54px; font-weight:800; font-size:16.5px !important; color:#fff !important; background:linear-gradient(135deg,#19b4ff,#0077d6); border-radius:14px; padding:14px 20px; box-shadow:0 10px 28px rgba(0,140,240,.4), inset 0 1px 0 rgba(255,255,255,.25); }
/* ---------- fita de modelos ---------- */
.bb-fita{ width:100vw; margin:56px 0 0 calc(50% - 50vw); overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.bb-fita-rot{ text-align:center; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--bh-blue); margin-bottom:14px; }
.bb-trilho{ display:flex; gap:16px; width:max-content; padding:6px 0 10px; }
body:not(.bh-imersivo) .bb-trilho{ width:auto; overflow-x:auto; padding:6px 20px 10px; scroll-snap-type:x mandatory; }
.bb-trilho button{ flex:0 0 auto; width:320px; border-radius:16px; overflow:hidden; border:1px solid var(--bh-border); background:var(--bh-panel); color:var(--bh-text); font-family:inherit; text-align:left; cursor:pointer; padding:0; scroll-snap-align:start; transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .3s; }
.bb-trilho button:hover{ transform:scale(1.06); box-shadow:0 0 0 1px rgba(0,160,242,.7), 0 18px 40px rgba(0,120,220,.4); }
.bb-trilho img{ width:100%; aspect-ratio:16/10; object-fit:contain; display:block; background:#fff; }
.bb-trilho span{ display:block; padding:12px 14px; font-size:15px; font-weight:700; } .bb-trilho small{ color:var(--bh-muted); font-weight:500; }
/* ---------- galeria ---------- */
.bb-gal-pista{ display:grid; grid-template-columns:1fr; gap:18px; }
@media(min-width:620px){ .bb-gal-pista{ grid-template-columns:1fr 1fr; } }
@media(min-width:900px){ .bb-gal-pista{ grid-template-columns:1fr 1fr 1fr; } }
.bb-gcard{ border-radius:18px; overflow:hidden; border:1px solid var(--bh-border); background:var(--bh-panel); box-shadow:var(--bh-shadow); }
.bb-gft{ overflow:hidden; aspect-ratio:16/10; background:#fff; } .bb-gft img{ width:100%; height:100%; object-fit:contain; display:block; }
.bb-gcx{ padding:18px 20px 20px; } .bb-gcx h4{ font-size:21px; font-weight:800; } .bb-gcx .sp{ font-size:14.5px; color:var(--bh-muted); margin:4px 0 14px; }
.bb-gal-prog{ display:none; }
.bb-gal-horizontal .bb-gal-pin{ height:100vh; display:flex; flex-direction:column; justify-content:center; overflow:hidden; width:100vw; margin-left:calc(50% - 50vw); }
.bb-gal-horizontal .bb-gal-topo{ max-width:900px; margin:0 auto; padding:0 20px; }
.bb-gal-horizontal .bb-gal-pista{ display:flex; gap:22px; padding:0 8vw; width:max-content; }
.bb-gal-horizontal .bb-gcard{ width:440px; flex:0 0 auto; } .bb-gal-horizontal .bb-gft{ aspect-ratio:auto; height:290px; }
.bb-gal-horizontal .bb-gal-prog{ display:block; height:4px; border-radius:4px; background:rgba(120,190,255,.16); margin:24px auto 0; width:min(420px,70vw); overflow:hidden; }
.bb-gal-prog i{ display:block; height:100%; width:0; background:linear-gradient(90deg,#00A0F2,#5cc8ff); }
/* ---------- a foto que vira a próxima tela ---------- */
.bb-zoom-clone{ position:fixed; z-index:9999; border-radius:18px; background-size:cover; background-position:center; box-shadow:0 30px 90px rgba(0,0,0,.6); pointer-events:none; }
/* ---------- passo do terreno da Entrada, no caminho "Me ajude a escolher" ---------- */
.q-nav-v21{ display:none; }
body.bh-v21 #q-step-1 > .q-nav:not(.q-nav-v21){ display:none; }
body.bh-v21 .q-nav-v21{ display:flex; }
body.bh-v21 #q-terreno-imported{ display:none !important; }
.q-v21-hint{ display:none; margin-top:14px; padding:12px 14px; border-radius:11px; font-size:12.5px; font-weight:600; line-height:1.5; }
.q-v21-hint.ok{ display:block; border:1px solid color-mix(in srgb,var(--bh-green) 45%,transparent); background:color-mix(in srgb,var(--bh-green) 9%,transparent); color:var(--bh-green); }
.q-v21-hint.warn{ display:block; border:1px solid #eab308; background:rgba(234,179,8,.08); color:#eab308; }
body.theme-light .q-v21-hint.warn{ color:#92400e; border-color:rgba(180,83,9,.45); background:rgba(180,83,9,.08); }
.m-v21-mais{ display:flex; gap:10px; margin-top:20px; flex-wrap:wrap; }
.m-v21-mais .e0-btn2{ flex:1 1 220px; }

/* ======================= TEMA AZUL NOTURNO (só no escuro) ======================= */
body.bh-azul:not(.theme-light){
  --bh-bg:#06142a; --bh-bg-2:#0a1d38; --bh-panel:#0b2141;
  --bh-elev:rgba(110,185,255,0.075); --bh-elev-2:rgba(110,185,255,0.12);
  --bh-border:rgba(120,190,255,0.20); --bh-border-h:rgba(0,160,242,0.70);
  --bh-text:#f6faff; --bh-muted:rgba(226,239,253,0.80); --bh-faded:rgba(226,239,253,0.56);
  --bh-shadow:0 10px 30px rgba(0,10,30,.45),0 1px 2px rgba(0,0,0,.35);
  background-color:#06142a;
  background-image:radial-gradient(70vw 50vw at 85% -10%, rgba(0,160,242,.30), transparent 60%),radial-gradient(60vw 50vw at -10% 110%, rgba(79,180,172,.16), transparent 60%),
    linear-gradient(rgba(120,190,255,.055) 1px, transparent 1px),linear-gradient(90deg, rgba(120,190,255,.055) 1px, transparent 1px),radial-gradient(circle, rgba(170,215,255,.10) 1px, transparent 1px);
  background-size:100% 100%,100% 100%,120px 120px,120px 120px,24px 24px; background-repeat:no-repeat,no-repeat,repeat,repeat,repeat; background-attachment:fixed,fixed,fixed,fixed,fixed;
}
body.bh-azul:not(.theme-light) h2:not(.bb-hero h2), body.bh-azul:not(.theme-light) .q-title{ background:linear-gradient(180deg,#ffffff 30%,#9fdcff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
body.bh-azul:not(.theme-light) .bb-ln > span{ background:linear-gradient(180deg,#fff 40%,#a8e0ff); -webkit-background-clip:text; background-clip:text; color:transparent; }
body.bh-azul:not(.theme-light) .q-super, body.bh-azul:not(.theme-light) .bb-tag, body.bh-azul:not(.theme-light) .bb-fita-rot, body.bh-azul:not(.theme-light) .tipo-sub{ color:#5cc8ff; }
body.bh-azul:not(.theme-light) .q-super{ text-shadow:0 0 14px rgba(0,160,242,.55); }
body.bh-azul:not(.theme-light) .e0-card, body.bh-azul:not(.theme-light) .tipo-card, body.bh-azul:not(.theme-light) .pos-card, body.bh-azul:not(.theme-light) .m-alt, body.bh-azul:not(.theme-light) .bb-gcard, body.bh-azul:not(.theme-light) .bb-acess{
  background:linear-gradient(180deg, rgba(0,160,242,.14) 0%, rgba(11,33,65,.94) 55%); border:1px solid var(--bh-border); box-shadow:var(--bh-shadow); }
body.bh-azul:not(.theme-light) .e0-card:hover, body.bh-azul:not(.theme-light) .tipo-card:not([disabled]):hover, body.bh-azul:not(.theme-light) .m-alt:hover, body.bh-azul:not(.theme-light) .bb-gcard:hover{
  border-color:var(--bh-border-h); box-shadow:0 0 0 1px rgba(0,160,242,.55), 0 18px 46px rgba(0,120,220,.35); }
body.bh-azul:not(.theme-light) .tipo-card.selected, body.bh-azul:not(.theme-light) .pos-card.selected{ border-color:#00A0F2; box-shadow:0 0 0 2px rgba(0,160,242,.65), 0 0 30px rgba(0,160,242,.35); }
body.bh-azul:not(.theme-light) .e0-card > svg:not(.e0-sketch){ color:#5cc8ff; }
body.bh-azul:not(.theme-light) .e0-sketch rect{ opacity:.75; stroke-width:1.7; }
body.bh-azul:not(.theme-light) .e0-btn{ background:linear-gradient(135deg,#19b4ff 0%,#0077d6 100%); box-shadow:0 10px 30px rgba(0,140,240,.45), inset 0 1px 0 rgba(255,255,255,.25); font-size:15px; padding:15px; }
body.bh-azul:not(.theme-light) .e0-btn2{ background:rgba(0,160,242,.10); border:1px solid rgba(0,160,242,.45); }
body.bh-azul:not(.theme-light) .e0-btn2:hover{ background:rgba(0,160,242,.18); border-color:#00A0F2; }
body.bh-azul:not(.theme-light) .q-bar{ background:rgba(120,190,255,.16); } body.bh-azul:not(.theme-light) .q-bar.on{ background:linear-gradient(90deg,#00A0F2,#5cc8ff); box-shadow:0 0 14px rgba(0,160,242,.7); }
body.bh-azul:not(.theme-light) .e0-input, body.bh-azul:not(.theme-light) .e0-sel{ background:rgba(4,16,34,.72); border-color:rgba(120,190,255,.28); font-size:15px; }
body.bh-azul:not(.theme-light) .m-best{ border:1px solid rgba(0,160,242,.75); background:linear-gradient(135deg, rgba(0,160,242,.22), rgba(11,33,65,.95) 60%); box-shadow:0 0 0 1px rgba(0,160,242,.35), 0 24px 60px rgba(0,100,200,.35); }
body.bh-azul:not(.theme-light) .m-flag{ box-shadow:0 0 18px rgba(0,160,242,.8); }
body.bh-azul:not(.theme-light) .q-adv{ background:rgba(4,16,34,.5); }
/* luz que segue o mouse nos cartões */
body.bh-imersivo .e0-card, body.bh-imersivo .tipo-card, body.bh-imersivo .m-alt, body.bh-imersivo .m-best, body.bh-imersivo .bb-gcard{ position:relative; }
body.bh-azul{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; }
body.bh-azul .e0-btn, body.bh-azul .e0-btn2, body.bh-azul .bb-ir{ -webkit-font-smoothing:antialiased; letter-spacing:.005em; }
body.bh-imersivo .e0-card::after, body.bh-imersivo .tipo-card::after, body.bh-imersivo .m-alt::after, body.bh-imersivo .bb-gcard::after{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0; transition:opacity .25s; background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), rgba(92,200,255,.20), transparent 45%); }
body.bh-imersivo .e0-card:hover::after, body.bh-imersivo .tipo-card:hover::after, body.bh-imersivo .m-alt:hover::after, body.bh-imersivo .bb-gcard:hover::after{ opacity:1; }

body.bh-imersivo .m-best .img, body.bh-imersivo .m-alt .img{ overflow:hidden; }
/* logo fixo por cima da abertura; o resto das telas começa abaixo dele */
html.lenis{ height:auto; } .lenis.lenis-smooth{ scroll-behavior:auto !important; } .lenis.lenis-smooth [data-lenis-prevent]{ overscroll-behavior:contain; }
body.bh-imersivo{ padding-top:92px; }
body.bh-imersivo .e0-logo{ position:fixed; top:14px; left:50%; transform:translateX(-50%); margin:0; z-index:50; height:40px; opacity:1; filter:brightness(0) invert(1); }
body.bh-imersivo.theme-light .e0-logo{ filter:none; }
body.bh-imersivo::before{ content:""; position:fixed; inset:0 0 auto 0; height:68px; z-index:45; pointer-events:none; background:rgba(6,20,42,.82); -webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%); border-bottom:1px solid rgba(120,190,255,.16); box-shadow:0 8px 24px rgba(0,10,30,.25); }
body.bh-imersivo.theme-light::before{ background:rgba(255,255,255,.84); border-bottom-color:rgba(0,120,200,.14); box-shadow:0 8px 24px rgba(18,55,89,.08); }
body.bh-imersivo .bb-hero{ margin-top:-92px; height:100vh; border-radius:0; }
body.bh-imersivo .e0-theme{ z-index:51; }
@media (prefers-reduced-motion:reduce){ .bb-rolar-btn i::after{ animation:none; } }

/* ======================= tamanhos maiores no beta (os dois temas) ======================= */
body.bh-azul .q-title{ font-size:clamp(1.9rem,4.2vw,2.8rem); } body.bh-azul .q-sub, body.bh-azul .sub{ font-size:15.5px; }
body.bh-azul .q-super{ font-size:12px; }
body.bh-azul .tipo-card{ padding:30px 20px; } body.bh-azul .tipo-card svg{ width:76px; height:76px; }
body.bh-azul .tipo-card h3{ font-size:19px; } body.bh-azul .tipo-sub{ font-size:14.5px; } body.bh-azul .tipo-desc{ font-size:13.5px; }
body.bh-azul .e0-btn, body.bh-azul .e0-btn2{ font-size:16px; min-height:54px; border-radius:14px; }
body.bh-azul .bb-acess{ font-size:14.5px; padding:16px 18px; } body.bh-azul .bb-acess b{ font-size:15.5px; }
body.bh-azul .q-field>label{ font-size:13px; } body.bh-azul .e0-input, body.bh-azul .e0-sel{ font-size:16px; padding:14px 16px; }
body.bh-azul .m-best h3{ font-size:30px; } body.bh-azul .m-spec li{ font-size:14.5px; } body.bh-azul .m-alt h4{ font-size:19px; } body.bh-azul .m-alt .sp{ font-size:14px; }
/* ======================= TEMA AZUL CLARO (quem usa o tema claro) ======================= */
body.bh-azul.theme-light{
  --bh-bg:#eef4fb; --bh-bg-2:#e6eef8; --bh-panel:#ffffff;
  --bh-text:#0b1c2e; --bh-muted:rgba(11,28,46,.74); --bh-faded:rgba(11,28,46,.52);
  --bh-border:rgba(0,120,200,.22); --bh-border-h:rgba(0,160,242,.75);
  background-color:#eef4fb;
  background-image:radial-gradient(70vw 50vw at 85% -10%, rgba(0,160,242,.20), transparent 60%),radial-gradient(60vw 50vw at -10% 110%, rgba(79,180,172,.14), transparent 60%),
    linear-gradient(rgba(18,55,89,.05) 1px, transparent 1px),linear-gradient(90deg, rgba(18,55,89,.05) 1px, transparent 1px),radial-gradient(circle, rgba(18,55,89,.10) 1px, transparent 1px);
  background-size:100% 100%,100% 100%,120px 120px,120px 120px,24px 24px; background-repeat:no-repeat,no-repeat,repeat,repeat,repeat; background-attachment:fixed,fixed,fixed,fixed,fixed;
}
body.bh-azul.theme-light .e0-card, body.bh-azul.theme-light .tipo-card, body.bh-azul.theme-light .m-alt, body.bh-azul.theme-light .bb-gcard, body.bh-azul.theme-light .bb-acess, body.bh-azul.theme-light .pos-card{
  background:#fff; border:1px solid rgba(0,120,200,.22); box-shadow:0 12px 32px rgba(18,55,89,.10), 0 1px 2px rgba(18,55,89,.08); }
body.bh-azul.theme-light .e0-card:hover, body.bh-azul.theme-light .tipo-card:not([disabled]):hover, body.bh-azul.theme-light .m-alt:hover, body.bh-azul.theme-light .bb-gcard:hover{
  border-color:#00A0F2; box-shadow:0 0 0 1px rgba(0,160,242,.5), 0 20px 44px rgba(0,120,220,.20); }
body.bh-azul.theme-light .tipo-card.selected, body.bh-azul.theme-light .pos-card.selected{ border-color:#00A0F2; box-shadow:0 0 0 2px rgba(0,160,242,.6), 0 14px 36px rgba(0,120,220,.22); }
body.bh-azul.theme-light h2:not(.bb-hero h2), body.bh-azul.theme-light .q-title{ color:#0b2141; }
body.bh-azul.theme-light .q-super, body.bh-azul.theme-light .bb-tag, body.bh-azul.theme-light .tipo-sub, body.bh-azul.theme-light .bb-fita-rot{ color:#0089d1; }
body.bh-azul.theme-light .q-bar{ background:rgba(18,55,89,.12); } body.bh-azul.theme-light .q-bar.on{ background:linear-gradient(90deg,#00A0F2,#33b8ff); box-shadow:0 0 10px rgba(0,160,242,.45); }
body.bh-azul.theme-light .e0-btn{ background:linear-gradient(135deg,#19b4ff 0%,#0077d6 100%); box-shadow:0 10px 26px rgba(0,140,240,.35); color:#fff; }
body.bh-azul.theme-light .e0-btn2{ background:rgba(0,160,242,.08); border:1px solid rgba(0,160,242,.40); color:#0b2141; }
body.bh-azul.theme-light .bb-filtros button{ background:#fff; border-color:rgba(0,120,200,.25); }
body.bh-azul.theme-light .bb-filtros button.on{ background:#00A0F2; border-color:#00A0F2; color:#fff; }
body.bh-azul.theme-light .m-best{ border:1px solid rgba(0,160,242,.6); box-shadow:0 0 0 1px rgba(0,160,242,.25), 0 22px 50px rgba(0,100,200,.18); }
body.bh-azul.theme-light .bb-hero-veu{ background:linear-gradient(180deg, rgba(5,10,20,.40) 0%, rgba(5,10,20,.18) 35%, rgba(5,10,20,.55) 70%, var(--bh-bg) 100%); }

/* ======================= implantação em tela cheia (computador, beta) ======================= */
@media (min-width:900px){
  body.bh-azul #e0-planejador:not([hidden]){ position:fixed; left:0; right:0; top:68px; bottom:0; z-index:40; max-width:none !important; width:auto; margin:0; padding:8px 14px 12px; display:grid; grid-template-columns:auto 1fr auto; grid-template-rows:auto minmax(0,1fr); column-gap:16px; row-gap:8px; align-items:center; background:var(--bh-bg); }
  body.bh-azul #e0-planejador > .e0-link{ margin:0; grid-column:1; grid-row:1; }
  body.bh-azul #e0-planejador > h2{ font-size:18px !important; margin:0 !important; text-align:left; grid-column:2; grid-row:1; }
  body.bh-azul #e0-planejador > div{ grid-column:1 / -1; grid-row:2; height:100%; }
  body.bh-azul #e0-planejador > .sub{ display:none; }
  body.bh-azul #e0-planejador > div{ min-height:0; border-radius:16px !important; box-shadow:0 18px 50px rgba(0,30,80,.25); }
  body.bh-azul #e0-planejador iframe{ height:100% !important; min-height:0 !important; }
  body.bh-azul #e0-planejador > .e0-btn{ grid-column:3; grid-row:1; margin:0 !important; width:auto; max-width:none !important; min-height:46px; padding:12px 24px; box-shadow:0 10px 26px rgba(0,120,220,.40); }
}

/* ===== 1.2.4 · a porta do lead (4 públicos) e a ordem do caminho (só beta) ===== */
/* "Você entrou como …" no alto da abertura: o perfil continua à vista e dá para trocar */
.bb-hero-txt .bb-perfil{ margin-top:14px; font-size:14px; color:rgba(235,244,255,.78); }
.bb-hero-txt .bb-perfil b{ color:#fff; font-weight:600; }
.bb-hero-txt .bb-perfil button{ display:inline-flex; align-items:center; min-height:40px; vertical-align:middle; background:none; border:0; padding:0 6px; color:#7cc8ff; font:inherit; font-weight:600; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
/* barra de etapas: fica na faixa do logo, à esquerda; só com o movimento ligado (é quando a faixa existe) */
#bb-etapas{ display:none; }
body.bh-imersivo #bb-etapas:not([hidden]){ display:flex; align-items:center; gap:6px; position:fixed; top:0; left:20px; height:68px; z-index:51; }
#bb-etapas .bb-et{ display:inline-flex; align-items:center; gap:7px; background:none; border:0; padding:6px 4px; font-family:inherit; font-size:13px; font-weight:600; line-height:1; color:rgba(225,236,250,.5); cursor:default; }
#bb-etapas .bb-et i{ font-style:normal; display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; font-size:11px; border:1px solid rgba(225,236,250,.3); }
#bb-etapas .bb-et.atual{ color:#fff; }
#bb-etapas .bb-et.atual i{ background:var(--bh-blue,#2ea8ff); border-color:var(--bh-blue,#2ea8ff); color:#fff; }
#bb-etapas .bb-et.feito{ color:rgba(225,236,250,.82); }
#bb-etapas .bb-et.feito i{ border-color:#5dcaa5; color:#5dcaa5; }
#bb-etapas .bb-et:not([disabled]){ cursor:pointer; }
#bb-etapas .bb-et:not([disabled]):hover span{ text-decoration:underline; text-underline-offset:3px; }
#bb-etapas .bb-et-sep{ width:14px; height:1px; background:rgba(225,236,250,.25); }
body.theme-light #bb-etapas .bb-et{ color:rgba(18,45,80,.5); }
body.theme-light #bb-etapas .bb-et i{ border-color:rgba(18,45,80,.28); }
body.theme-light #bb-etapas .bb-et.atual{ color:#0b2a4a; }
body.theme-light #bb-etapas .bb-et.feito{ color:rgba(18,45,80,.8); }
body.theme-light #bb-etapas .bb-et.feito i{ border-color:#0f8a68; color:#0f8a68; }
body.theme-light #bb-etapas .bb-et-sep{ background:rgba(18,45,80,.2); }
@media (max-width:1099px){ #bb-etapas .bb-et:not(.atual) span{ display:none; } }
@media (max-width:640px){ body.bh-imersivo #bb-etapas:not([hidden]){ left:8px; gap:2px; } #bb-etapas .bb-et span, #bb-etapas .bb-et-sep{ display:none; } #bb-etapas .bb-et{ padding:0; min-height:40px; min-width:22px; justify-content:center; } #bb-etapas .bb-et i{ width:18px; height:18px; font-size:10px; } }
/* voltar padronizado: um só botão "← Voltar", no alto à esquerda, do perfil até o Estúdio (o Estúdio usa as mesmas medidas) */
body.bh-azul .bh-voltar{ display:flex; align-items:center; gap:8px; width:max-content; height:40px; margin:0 auto 18px 0; padding:0 16px 0 12px; border:1px solid var(--bh-border); border-radius:999px; background:var(--bh-elev); color:var(--bh-text); font-family:inherit; font-size:14px; font-weight:600; line-height:1; cursor:pointer; text-decoration:none; transition:border-color .15s, color .15s; }
body.bh-azul .bh-voltar:hover{ border-color:var(--bh-blue); color:var(--bh-blue); }
body.bh-azul .bh-voltar:focus-visible{ outline:2px solid var(--bh-blue); outline-offset:2px; }
.bh-so-v21{ display:none !important; }
body.bh-azul.bh-v21 .bh-so-v21{ display:flex !important; }
body.bh-v21 .bh-oculto-v21{ display:none !important; }
body.bh-azul #e0-planejador > .bh-voltar{ margin:0; align-self:center; }
body.bh-azul .bb-hero .bh-voltar{ position:absolute; top:84px; left:20px; z-index:3; margin:0; color:#fff; background:rgba(6,20,42,.48); border-color:rgba(255,255,255,.3); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
body.bh-azul .bb-hero .bh-voltar:hover{ color:#fff; border-color:#7cc8ff; }
body.bh-imersivo .e0-screen{ scroll-margin-top:84px; }   /* o scrollIntoView das telas de hoje não esconde o topo atrás da faixa do logo */