#resenas{
    padding: 10px;
}


.custom-tooltip-styling {
  background: #333;
  color: white;
  border-radius: 10px;
  padding: 10px;
  /* Add other custom styles as needed */
}

/* The inner content container is .ui-tooltip-content */
.custom-tooltip-styling .ui-tooltip-content {
    color: white; /* Ensure text is visible if overriding color on container */
}

.ui-tooltip, .arrow:after {
    background: #ffc107;
    border: 2px solid white;
  }


  .ui-tooltip {
    color: white;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }