/* Espaço Garden: funil de qualificação (22/10/2026) */
.funil{ border:0; padding:0; width:min(560px, 100vw); max-width:100vw; max-height:100dvh; background:transparent; }
.funil::backdrop{ background:rgba(20,26,18,.62); backdrop-filter:blur(3px); }
.funil[open]{ animation:funilEntra .35s cubic-bezier(.2,.8,.2,1); }
@keyframes funilEntra{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:none; } }
.funil__caixa{ background:var(--base); border-radius:14px; padding:1.4rem 1.4rem 1.1rem; box-shadow:0 30px 70px -30px rgba(20,26,18,.6); }
@media (max-width:600px){
  .funil{ width:100vw; margin:auto 0 0; }
  .funil__caixa{ border-radius:16px 16px 0 0; padding:1.2rem 1.1rem calc(1rem + env(safe-area-inset-bottom)); min-height:70dvh; }
}
.funil__topo{ display:flex; align-items:center; justify-content:space-between; }
.funil__marca{ margin:0; font-family:var(--display); font-size:1.15rem; color:var(--mata); }
.funil__fechar{ width:44px; height:44px; border:0; background:none; font-size:1.7rem; line-height:1; color:var(--cinza); cursor:pointer; border-radius:50%; }
.funil__fechar:hover{ background:var(--salvia-cl); }
.funil__barra{ height:3px; background:var(--salvia); border-radius:3px; overflow:hidden; margin:.6rem 0 1rem; }
.funil__barra span{ display:block; height:100%; width:0; background:linear-gradient(90deg,#A9BE63,#C9B27A); transition:width .4s ease; }
.funil__passo{ margin:0 0 .3rem; font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; color:var(--folha-esc); }
.funil__titulo{ font-size:clamp(1.5rem,4.6vw,1.9rem); margin:0 0 1rem; }
.funil__opcoes{ display:grid; gap:.55rem; }
.funil__op{
  display:flex; flex-direction:column; align-items:flex-start; gap:.15rem; width:100%; min-height:56px;
  padding:.85rem 1rem; text-align:left; cursor:pointer; font:inherit; color:var(--carvao);
  background:#fff; border:1px solid var(--borda); border-radius:10px; transition:border-color .2s, background .2s, transform .2s;
}
.funil__op strong{ font-weight:600; color:var(--mata); font-size:1rem; }
.funil__op small{ font-size:.86rem; color:var(--cinza); }
.funil__op:hover{ border-color:var(--folha); background:var(--salvia-cl); }
.funil__op.is-marcada{ border-color:var(--mata); background:var(--salvia-cl); box-shadow:inset 0 0 0 1px var(--mata); }
.funil__campo{ display:block; margin:0 0 1rem; }
.funil__campo span{ display:block; font-size:.85rem; color:var(--cinza); margin-bottom:.4rem; }
.funil__campo input{ width:100%; min-height:52px; padding:.7rem .9rem; font:inherit; font-size:1rem; border:1px solid #B9BFA8; border-radius:10px; background:#fff; color:var(--carvao); }
.funil__resumo{ list-style:none; margin:0 0 .5rem; padding:.8rem 1rem; background:var(--salvia-cl); border-radius:10px; display:grid; gap:.3rem; font-size:.92rem; }
.funil__resumo b{ display:inline-block; min-width:5.5rem; font-weight:600; color:var(--folha-esc); }
.funil__aviso{ margin:0 0 1rem; padding:.7rem .9rem; border-left:3px solid #C9B27A; background:#FBF6E8; font-size:.9rem; color:var(--carvao); }
.funil__acoes{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-top:1rem; }
.funil__voltar{ min-height:44px; padding:0 .4rem; border:0; background:none; font:inherit; font-size:.92rem; color:var(--cinza); cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.funil__seguir{ flex:1; max-width:340px; }
.funil__direto{ margin:.9rem 0 0; text-align:center; font-size:.85rem; }
.funil__direto a{ color:var(--cinza); }
@media (prefers-reduced-motion:reduce){ .funil[open]{ animation:none; } .funil__barra span{ transition:none; } }
.funil__seguir[hidden], .funil [hidden]{ display:none !important; }
