/* ============================================================
   Banner de consentimento — Motion Fit
   Fica acima de tudo, mas não bloqueia a página: a pessoa pode ler
   o conteúdo antes de decidir. Modal travando o site é atrito sem
   ganho, já que sem resposta nada não essencial dispara mesmo.
   ============================================================ */

.mf-consent{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:9500;
  padding:16px;
  display:flex;
  justify-content:center;
  pointer-events:none;
}
.mf-consent[hidden]{display:none;}

.mf-consent-box{
  pointer-events:auto;
  width:min(1080px,100%);
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  align-items:flex-start;
  justify-content:space-between;
  background:#fff;
  color:var(--mf-black,#131312);
  border:1px solid rgba(19,19,18,.12);
  border-radius:20px;
  padding:20px 22px;
  box-shadow:0 24px 70px rgba(19,19,18,.22);
}

.mf-consent-main{flex:1 1 460px;min-width:260px;}
.mf-consent-title{font-size:18px;font-weight:900;margin:0 0 6px;}
.mf-consent-text{font-size:14px;line-height:1.55;margin:0;color:rgba(19,19,18,.76);}
.mf-consent-text a{color:var(--mf-black,#131312);font-weight:800;text-decoration:underline;}

.mf-consent-options{
  display:grid;
  gap:10px;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(19,19,18,.10);
}
.mf-consent-options[hidden]{display:none;}
.mf-consent-option{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;cursor:pointer;}
.mf-consent-option input{margin-top:3px;width:18px;height:18px;accent-color:var(--mf-green,#98c01f);flex:0 0 auto;}
.mf-consent-option strong{display:block;font-weight:900;}
.mf-consent-option span{color:rgba(19,19,18,.72);}

.mf-consent-actions{
  flex:0 0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.mf-consent-actions .btn{
  border-radius:999px;
  padding:11px 20px;
  font-weight:900;
  font-size:14px;
  border:1px solid transparent;
  cursor:pointer;
  line-height:1;
}
.mf-consent-actions .btn-dark{background:var(--mf-black,#131312);color:#fff;}
.mf-consent-actions .btn-light{background:var(--mf-green,#98c01f);color:var(--mf-black,#131312);}
.mf-consent-actions .btn-outline{background:transparent;color:var(--mf-black,#131312);border-color:rgba(19,19,18,.25);}
.mf-consent-actions .btn:focus-visible{outline:3px solid var(--mf-green,#98c01f);outline-offset:2px;}
.mf-consent-actions .btn[hidden]{display:none;}

/* Link de reabertura: o rodapé já tem "Preferências de privacidade";
   o JS pluga aquele link neste botão e mantém este escondido. */
.mf-consent-reopen{
  position:fixed;left:16px;bottom:16px;z-index:9400;
  background:#fff;color:var(--mf-black,#131312);
  border:1px solid rgba(19,19,18,.16);border-radius:999px;
  padding:8px 14px;font-size:12px;font-weight:800;cursor:pointer;
  box-shadow:0 10px 30px rgba(19,19,18,.16);
}
.mf-consent-reopen[hidden]{display:none;}

@media (max-width:720px){
  .mf-consent{padding:10px;}
  .mf-consent-box{padding:18px;border-radius:18px;gap:14px;}
  .mf-consent-actions{width:100%;}
  .mf-consent-actions .btn{flex:1 1 140px;text-align:center;}
}

@media (prefers-reduced-motion:no-preference){
  .mf-consent-box{animation:mf-consent-in .28s ease-out;}
  @keyframes mf-consent-in{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
}