/* Barra fixa: Voltar | Hub | Seguir em frente */
body.sf-has-bridge{
  padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))!important;
}
.sf-bridge{
  position:fixed;bottom:0;left:0;right:0;z-index:9000;
  display:flex;align-items:center;justify-content:center;gap:.45rem;
  padding:.5rem .65rem calc(.5rem + env(safe-area-inset-bottom,0px));
  background:rgba(255,245,247,.98);backdrop-filter:blur(14px);
  border-top:2px solid #fbcfe8;
  box-shadow:0 -10px 36px rgba(219,39,119,.14);
}
.sf-bridge a{
  display:flex;align-items:center;justify-content:center;
  min-height:44px;padding:.55rem .85rem;border-radius:12px;
  font-size:.8rem;font-weight:700;text-decoration:none!important;
  transition:transform .12s,box-shadow .12s;white-space:nowrap;
}
.sf-bridge a:active{transform:scale(.98)}
.sf-bridge-back{
  flex:1;max-width:38%;background:#fff;border:2px solid #fbcfe8;color:#9d174d;
}
.sf-bridge-back:hover{background:#fce7f3}
.sf-bridge-next{
  flex:1;max-width:38%;
  background:linear-gradient(135deg,#f472b6,#db2777,#be185d);color:#fff!important;
  box-shadow:0 4px 14px rgba(219,39,119,.28);
}
.sf-bridge-next:hover{box-shadow:0 6px 18px rgba(219,39,119,.36)}
.sf-bridge-hub{
  flex:0 0 auto;width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;
  background:#fce7f3;border:2px solid #f9a8d4;max-width:none;
}
.sf-bridge-hub img{width:28px;height:28px;object-fit:contain}
.sf-bridge a.is-disabled{
  opacity:.38;pointer-events:none;cursor:default;
}
html.sf-age-locked .sf-bridge{display:none!important}

/* Botoes inline em secoes da landing (reforco visual) */
.sf-section-nav{
  display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;
  margin-top:2rem;padding-top:1.25rem;border-top:1px solid #fbcfe8;
}
.sf-section-nav .sf-btn{
  display:inline-block;padding:.65rem 1.15rem;border-radius:12px;font-weight:700;
  font-size:.85rem;text-decoration:none!important;
}
.sf-section-nav .sf-btn-ghost{background:#fff;border:2px solid #fbcfe8;color:#9d174d}
.sf-section-nav .sf-btn-primary{
  background:linear-gradient(135deg,#f472b6,#db2777);color:#fff;
  box-shadow:0 4px 14px rgba(219,39,119,.22);
}

@media(max-width:400px){
  .sf-bridge a{font-size:.72rem;padding:.5rem .55rem}
  .sf-bridge-hub{width:42px;height:42px;min-height:42px}
}
