/* GoJD — atalhos circulares em portal fora da árvore React */
.gojd-home-mobile-quick-circles{display:none}
@media(max-width:768px){
  .gojd-home-mobile-quick-circles--portal{position:absolute;z-index:5;display:block;box-sizing:border-box;margin:0;padding:0 8px 18px;background:#fff;overflow:visible}
  .gojd-home-quick-circle-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:4px}
  .gojd-home-quick-circle-item{box-sizing:border-box;min-width:0;width:auto;flex:0 0 calc((100% - 16px)/5);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;color:#191919;text-decoration:none;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .gojd-home-quick-circle-media{width:min(58px,15vw);height:min(58px,15vw);min-width:44px;min-height:44px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;display:grid;place-items:center;box-sizing:border-box;border:1px solid #e1e3e7;background:#f5f6f7;box-shadow:0 2px 8px rgba(15,23,42,.08)}
  .gojd-home-quick-circle-media img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
  .gojd-home-quick-circle-placeholder{font-size:20px;font-weight:800;color:#9ca3af}
  .gojd-home-quick-circle-label{width:100%;min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap;font-size:clamp(9px,2.7vw,11px);line-height:1.15;font-weight:700;color:#25272b;text-align:center}
  button.gojd-home-quick-circle-item{border:0;background:transparent;padding:0;font:inherit;cursor:pointer}
}
