/* Complemento visual do menu — versão 23 */
.menu-principal .ativo {
  background: rgba(255, 157, 11, .16);
  border-bottom-color: #ff9d0b;
  color: #ffd081;
  font-weight: 700;
  box-shadow: inset 0 -1px rgba(255, 222, 158, .45);
}

.menu-principal summary span {
  position: relative;
  width: 17px;
  height: 17px;
  border: 1px solid rgba(218, 229, 233, .38);
  border-radius: 50%;
  color: #dce4e7;
  font-size: 0;
  line-height: 1;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}

.menu-principal summary span::after {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  content: "";
  transform: rotate(45deg);
}

.menu-sub[open] > summary span {
  background: rgba(255, 157, 11, .16);
  border-color: #ffad25;
  color: #ffbe4b;
  transform: rotate(180deg);
}