#ff-v12-header .ff-guides-nav-link svg,#ff-v12-header.ff-guides-shell-header .ff12-nav-link svg{width:16px;height:16px}
#ff-v12-header .ff-guides-nav-link{white-space:nowrap}
#ff-v12-header.ff-guides-shell-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #dce9e6}
#ff-v12-header.ff-guides-shell-header .ff12-header-inner{max-width:1280px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
#ff-v12-header.ff-guides-shell-header .ff12-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#123f3d}
#ff-v12-header.ff-guides-shell-header .ff12-brand-mark{width:42px;height:42px;border-radius:13px;background:#0f988a;color:#fff;display:grid;place-items:center}
#ff-v12-header.ff-guides-shell-header .ff12-brand-mark svg{width:23px;height:23px}
#ff-v12-header.ff-guides-shell-header .ff12-brand-copy{display:flex;flex-direction:column;line-height:1.05}
#ff-v12-header.ff-guides-shell-header .ff12-brand-copy strong{font-size:18px;color:#103f3d}.ff12-brand-copy em{font-style:normal;color:#0f988a}.ff12-brand-copy small{font-size:11px;color:#66827f;margin-top:4px}
#ff-v12-header.ff-guides-shell-header .ff12-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#ff-v12-header.ff-guides-shell-header .ff12-nav-link,#ff-v12-header.ff-guides-shell-header .ff12-nav-button{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:#153f3d;text-decoration:none;font-weight:700;font-size:14px;cursor:pointer}
#ff-v12-header.ff-guides-shell-header .ff12-nav-link:hover,#ff-v12-header.ff-guides-shell-header .ff12-nav-button:hover,#ff-v12-header.ff-guides-shell-header .ff12-nav-link.is-current{background:#eaf6f3;border-color:#cfe6e1;color:#087f73}
#ff-v12-header.ff-guides-shell-header .ff12-nav-item{position:relative}
#ff-v12-header.ff-guides-shell-header .ff12-mega{display:none;position:absolute;right:0;top:calc(100% + 10px);width:min(900px,90vw);background:#fff;border:1px solid #d9e8e4;border-radius:16px;padding:18px;box-shadow:0 18px 45px rgba(21,63,61,.14)}
#ff-v12-header.ff-guides-shell-header .ff12-nav-item.is-open .ff12-mega{display:block}
#ff-v12-header.ff-guides-shell-header .ff12-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:20px}
#ff-v12-header.ff-guides-shell-header .ff12-mega-group h3{font-size:12px;text-transform:uppercase;color:#079381;margin:0 0 8px}
#ff-v12-header.ff-guides-shell-header .ff12-mega-group a{display:flex;gap:8px;align-items:center;padding:5px 0;color:#607b78;text-decoration:none;font-size:13px}
#ff-v12-header.ff-guides-shell-header .ff12-dot{width:6px;height:6px;border-radius:50%;background:#c9e8e1;flex:none}
#ff-v12-header.ff-guides-shell-header .ff12-count{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e5f3ef;display:inline-grid;place-items:center;font-size:11px;color:#0b8175}
#ff-v12-header.ff-guides-shell-header .ff12-chevron{width:13px;height:13px}
@media(max-width:800px){#ff-v12-header.ff-guides-shell-header .ff12-header-inner{align-items:flex-start;flex-direction:column;padding:10px 14px}.ff12-brand-copy small{display:none}#ff-v12-header.ff-guides-shell-header .ff12-nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}#ff-v12-header.ff-guides-shell-header .ff12-nav-link,#ff-v12-header.ff-guides-shell-header .ff12-nav-button{white-space:nowrap;height:36px;font-size:12px;padding:0 9px}#ff-v12-header.ff-guides-shell-header .ff12-mega{position:fixed;left:12px;right:12px;top:108px;width:auto;max-height:70vh;overflow:auto}#ff-v12-header.ff-guides-shell-header .ff12-mega-grid{grid-template-columns:1fr}}


/* =========================================================
   GUIAS — MEGA MENU DESKTOP SEGURO
   Mantém Ferramentas e Documentos totalmente dentro da viewport.
   ========================================================= */
@media (min-width:801px){
  #ff-v12-header.ff-guides-shell-header .ff12-mega{
    position:fixed!important;
    top:60px!important;
    left:50%!important;
    right:auto!important;
    width:min(920px,calc(100vw - 32px))!important;
    max-width:920px!important;
    max-height:calc(100vh - 76px)!important;
    overflow:auto!important;
    overscroll-behavior:contain;
    transform:translateX(-50%)!important;
  }

  #ff-v12-header.ff-guides-shell-header .ff12-mega-grid{
    min-width:0!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  #ff-v12-header.ff-guides-shell-header .ff12-mega-group{
    min-width:0!important;
  }

  #ff-v12-header.ff-guides-shell-header .ff12-mega-group a{
    min-width:0!important;
  }

  #ff-v12-header.ff-guides-shell-header .ff12-mega-group a span:last-child{
    overflow-wrap:anywhere;
  }
}

#ff-v12-header .ff-guides-nav-link.is-current{background:#eaf6f3;border-color:#cfe6e1;color:#087f73}


/* Logo de referência: HOME Studio V2. Este ajuste é só para Guias.
   Não altera cabeçalhos, rodapés, contador ou favoritos nas outras rotas. */
body.ff-guides #ff-v12-header .ff12-brand{
  display:flex!important;align-items:center!important;gap:11px!important;
  min-width:0!important;width:auto!important;height:auto!important;
  padding:0!important;background:none!important;color:#0b2f36!important;
  overflow:visible!important;text-decoration:none!important
}
body.ff-guides #ff-v12-header .ff12-brand-mark{
  display:block!important;box-sizing:border-box!important;
  width:45px!important;height:45px!important;min-width:45px!important;
  min-height:45px!important;flex:0 0 45px!important;border-radius:13px!important;
  background:url('/assets/icone-ferramentas-flash.svg') center/contain no-repeat!important;
  box-shadow:0 7px 17px rgba(0,135,120,.22)!important;color:transparent!important;font-size:0!important
}
body.ff-guides #ff-v12-header .ff12-brand-mark svg{display:none!important}
body.ff-guides #ff-v12-header .ff12-brand-copy{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:0!important;line-height:1!important;min-width:0!important
}
body.ff-guides #ff-v12-header .ff12-brand-copy strong{
  display:block!important;font-size:17px!important;line-height:1.05!important;
  letter-spacing:-.055em!important;font-weight:900!important;
  color:#153544!important;white-space:nowrap!important
}
body.ff-guides #ff-v12-header .ff12-brand-copy em{
  font-style:normal!important;color:#00a995!important
}
body.ff-guides #ff-v12-header .ff12-brand-copy small{
  display:block!important;font-size:10px!important;line-height:1.1!important;
  margin-top:3px!important;color:#80929c!important;font-weight:600!important;
  letter-spacing:.005em!important;white-space:nowrap!important
}
@media(max-width:900px){
  body.ff-guides #ff-v12-header .ff12-brand-mark{
    width:40px!important;height:40px!important;min-width:40px!important;
    min-height:40px!important;flex-basis:40px!important
  }
}
@media(max-width:660px){
  body.ff-guides #ff-v12-header .ff12-brand{gap:7px!important}
  body.ff-guides #ff-v12-header .ff12-brand-mark{
    width:37px!important;height:37px!important;min-width:37px!important;
    min-height:37px!important;flex-basis:37px!important
  }
  body.ff-guides #ff-v12-header .ff12-brand-copy strong{
    font-size:13px!important
  }
  body.ff-guides #ff-v12-header .ff12-brand-copy small{display:none!important}
}
@media(max-width:380px){
  body.ff-guides #ff-v12-header .ff12-brand-mark{
    width:33px!important;height:33px!important;min-width:33px!important;
    min-height:33px!important;flex-basis:33px!important
  }
  body.ff-guides #ff-v12-header .ff12-brand-copy strong{font-size:11px!important}
}
