/* ALERTA TOPO COM FUNDO PULSANTE ATRÁS DO "!" */
    .icone-alerta {
        position: relative;
        display: inline-block;
        width: 22px;
        height: 22px;
        background-color: #ff6600;
        color: white;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
        margin-right: 2px;
        animation: pulsar 1.2s infinite;
      }
      
      @keyframes pulsar {
        0% {
          box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.7);
        }
        70% {
          box-shadow: 0 0 0 12px rgba(255, 102, 0, 0);
        }
        100% {
          box-shadow: 0 0 0 0 rgba(255, 102, 0, 0);
        }
      }
      
      /* AVISO METEOROLÓGICO COM SETA DE FUNDO PULSANTE */
      .aviso-meteorologico {
        position: relative;
        font-weight: bold;
        color: #333;
        padding-left: 0.6em;
      }
      
      .aviso-meteorologico::before {
        content: "!";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        color: #ff6600;
        font-size: 14px;
        animation: piscar 1.5s infinite;
      }
      
      @keyframes piscar {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.3; }
      }

      /* === SUBMENU MAIS COMPACTO === */
.submenu {
  min-width: 160px !important; /* largura um pouco menor, mas legível */
}

.submenu li a {
  font-size: 13px !important; /* texto mais compacto */
  padding: 6px 12px !important; /* menos espaçamento interno */
  line-height: 1.2 !important;
}

/* Ajuste da cascata para submenus de segundo nível */
.second-level-submenu {
  top: 0 !important;
  left: 155px !important; /* alinhamento lateral ajustado */
}

/* === MENU MOBILE (slicknav): alinhamento uniforme ===
   Itens com submenu (.slicknav_row) e itens simples recebem exatamente
   a mesma margem/padding, e cada nivel recua o mesmo tanto. */
.slicknav_nav li > a,
.slicknav_nav li > .slicknav_row,
.slicknav_nav li > .slicknav_parent-link {
  display: block;
  margin: 0 !important;
  padding: 8px 10px !important;
  line-height: 1.3;
}

.slicknav_nav .slicknav_row a,
.slicknav_nav .slicknav_parent-link a {
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
}

.slicknav_nav .slicknav_txtnode {
  margin-left: 0 !important;
}

.slicknav_nav ul {
  margin: 0 0 0 14px !important;
}

.slicknav_nav .slicknav_arrow {
  float: right;
  margin: 0 !important;
}