/* custom-overrides.css */
/* Este archivo contiene estilos que deben tomar prioridad sobre otros estilos en la aplicación */

/* Estilos específicos para tooltips */
body .p-tooltip .p-tooltip-text {
  background-color: rgba(33, 33, 33, 0.95) !important;
  color: #ffffff !important;
  font-size: 0.75rem !important;
  padding: 0.5rem !important;
  border-radius: 4px !important;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3) !important;
  z-index: 9999 !important;
}

body .p-tooltip.p-tooltip-top .p-tooltip-arrow {
  border-top-color: rgba(33, 33, 33, 0.95) !important;
}

body .p-tooltip.p-tooltip-right .p-tooltip-arrow {
  border-right-color: rgba(33, 33, 33, 0.95) !important;
}

body .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  border-bottom-color: rgba(33, 33, 33, 0.95) !important;
}

body .p-tooltip.p-tooltip-left .p-tooltip-arrow {
  border-left-color: rgba(33, 33, 33, 0.95) !important;
}

body .p-tooltip.dark-tooltip .p-tooltip-text {
  font-size: 0.7rem !important;
  padding: 0.4rem 0.6rem !important;
}