/* FW Tech 4.1 — fix de responsividade na etiqueta do portal.
   A arte tridimensional continua livre; apenas as etiquetas ficam dentro do viewport. */
.hero-world { min-width: 0; }
.world-floating { 
  white-space: normal;
  max-width: calc(100% - 48px);
  overflow-wrap: normal;
}
.world-floating-a {
  /* O painel 3D pode exceder a coluna; a etiqueta não. */
  right: clamp(74px, 13%, 150px);
  top: 29%;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  max-width: min(325px, calc(100% - 100px));
  transform: rotate(2deg);
  transform-origin: right center;
  line-height: 1.5;
}
.world-floating-a .float-dot { flex: 0 0 auto; }
@media (max-width: 1120px) {
  .world-floating-a {
    right: clamp(70px, 12%, 120px);
  }
}
@media (max-width: 860px) {
  .world-floating-a {
    right: clamp(36px, 10%, 90px);
    max-width: min(325px, calc(100% - 64px));
  }
}
@media (max-width: 600px) {
  .world-floating-a {
    right: clamp(24px, 8%, 44px);
    top: 28%;
    max-width: min(235px, calc(100% - 56px));
    padding: 9px 10px;
    font-size: 7px;
    letter-spacing: .12em;
    transform: rotate(1.5deg);
  }
}
@media (max-width: 360px) {
  .world-floating-a {
    right: 23px;
    max-width: calc(100% - 50px);
    padding: 8px 9px;
    font-size: 6.5px;
  }
}
