.logo-image-phone {
    height: 60px;
  }
  
  #sp-logo #offcanvas-toggler {
  width: 120px;
  background: #00ffff;
  text-align: center;
  justify-content: center;
}

.sp-megamenu-parent > li > a::before {
  content: "";
  position: absolute;
  background-color: #000;
  width: 100%;
  height: 3px;
  left: 0px;
  bottom: 25px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

.sp-module-content .latestnews > li > a > span {
  display: none;

}


 .article-list .article .article-header h2 a:hover {
  color: #0ff;
}

.sp-megamenu-parent > li > a
{
  display: inline-block;
  padding: 0 3px;
  line-height: 76px;
  margin: 0px 25px;
}

/*-------------------------------------
  Override col-7 apenas em telas mobile
-------------------------------------*/
@media screen and (max-width: 768px) {
  /* Aponta direto para o #sp-logo que tem class col-7 */
  #sp-header .row > #sp-logo.col-7 {
    /* Flex-basis e max-width para 68% */
    flex: 0 0 68% !important;
    max-width: 68% !important;
    width: 68% !important;
  }

  /* Ajuste complementar: o menu ocupará o resto */
  #sp-header .row > #sp-menu.col-auto {
    flex: 0 0 32% !important;
    max-width: 32% !important;
    width: 32% !important;
    margin-right: 0; /* se quiser zerar margem extra */
  }
}
