/* Correções responsivas (menu mobile, faixa da semana, anel das fases) */

/* ---- Menu mobile ---- */
.ff-menu-btn, .ff-menu-panel { display: none; }

@media (max-width: 1199.98px) {
  .framer-1xvbqlq { position: relative !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; gap: 10px !important; }
  .framer-1xvbqlq > .framer-13igc6a,
  .framer-1xvbqlq > .framer-nlzox1 { display: none !important; }
  .framer-1xvbqlq > .framer-8wkdd7 { flex: 0 0 auto !important; width: auto !important; max-width: calc(100% - 70px); }

  .ff-menu-btn {
    display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center;
    width: 56px; height: 56px; padding: 0; border: 0; border-radius: 999px; cursor: pointer;
    background: var(--token-b0ec5e21-5dca-4d0f-90c1-f71ae70c657c, #fff);
    box-shadow: rgba(13,13,14,.05) 0 1px 2px 0, rgba(13,13,14,.07) 0 10px 30px 0;
    -webkit-tap-highlight-color: transparent;
  }
  .ff-menu-btn { position: relative; }
  .ff-menu-btn::before, .ff-menu-btn::after {
    content: ""; position: absolute; left: 18px; right: 18px; height: 2px; border-radius: 2px; background: #0d0d0e;
    transition: top .25s ease, transform .25s ease;
  }
  .ff-menu-btn::before { top: 23px; }
  .ff-menu-btn::after { top: 31px; }
  .ff-menu-btn[aria-expanded="true"]::before { top: 27px; transform: rotate(45deg); }
  .ff-menu-btn[aria-expanded="true"]::after { top: 27px; transform: rotate(-45deg); }

  .ff-menu-panel {
    position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 20;
    flex-direction: column; gap: 2px; padding: 12px;
    background: var(--token-b0ec5e21-5dca-4d0f-90c1-f71ae70c657c, #fff); border-radius: 28px;
    box-shadow: rgba(13,13,14,.08) 0 2px 6px 0, rgba(13,13,14,.14) 0 20px 50px 0;
  }
  .ff-menu-panel.open { display: flex; }
  .ff-menu-panel a { display: block; padding: 14px 16px; border-radius: 16px; color: #0d0d0e; font: 500 17px/1.2 "Switzer", "Helvetica Neue", Arial, sans-serif; letter-spacing: -.02em; text-decoration: none; }
  .ff-menu-panel a:active { background: rgba(13,13,14,.06); }
  .ff-menu-panel a.ff-menu-cta { margin-top: 8px; background: #0d0d0e; color: #fff; text-align: center; border-radius: 999px; }
  .ff-menu-panel a.ff-menu-cta:active { background: #2a2a2d; }
}

/* ---- Anel de progresso das fases: só encaixa quando o cartão tem a proporção do desktop ---- */
@media (max-width: 1199.98px) {
  .tzp-svg { display: none !important; }
}

/* ---- 404: o "404 bpm" gigante não cabe na tela do celular ---- */
@media (max-width: 809.98px) {
  .framer-9z9s0d-container span[style*="--tzc-cell"] { font-size: 33vw !important; }
}