/* === Tooltip Institucional Tecno Escuela Digital === */

.tooltip {
  font-size: 1.05rem;
  font-weight: 500;
  background-color: #003865; /* Azul institucional oscuro */
  color: #ffffff;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  box-shadow: 0 0.3rem 0.7rem

}
@media (max-width: 768px) {
  .tooltip .tooltip-inner {
    font-size: 0.9rem;
    max-width: 200px;
    padding: 0.4rem 0.6rem;
    text-align: center;
  }
}
.tooltip .tooltip-inner {
  font-size: inherit;
  text-align: center;
  max-width: 260px;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-start .tooltip-arrow::before,
.tooltip.bs-tooltip-end .tooltip-arrow::before,
.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-start .tooltip-arrow::before
.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-color: #003865; /* Asegura que la flecha siga el color institucional */
}