.elementor-22558 .elementor-element.elementor-element-978e47d{--spacer-size:2px;}/* Start custom CSS for shortcode, class: .elementor-element-7b610c5 *//* =========================================================
   SEARCH FILTER FORM 2711 — CSS 100% LIMPO (sem repetições)
   - Layout: 3 filtros em cima | datas + botão em baixo
   - Visual: card + inputs consistentes + botão
   - Chosen: dropdown bonito + por cima do conteúdo (sem tapar header)
   - Datepicker: bonito + tamanho equilibrado + 7 colunas + sem tapar header
   - Fix: Elementor overflow para não cortar dropdowns
   ========================================================= */


/* =========================================================
   0) HEADER SEMPRE ACIMA (para o calendário nunca tapar o menu)
   ========================================================= */
header,
.elementor-location-header,
#masthead,
.site-header{
  position: relative !important;
  z-index: 9999999 !important;
}


/* =========================================================
   1) FORM / CARD
   ========================================================= */
#search-filter-form-22570{
  background:#f6f7f9;
  padding:18px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:10px;
  box-shadow:0 6px 20px rgba(0,0,0,.06);

  position: relative;
  z-index: 1; /* IMPORTANTE: não tapar header */
}

/* Lista em grid (3 em cima) */
#search-filter-form-22570 > ul{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;

  display:grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  gap:14px;
  align-items:end;
}

#search-filter-form-22570 > ul > li{
  margin:0 !important;
  padding:0 !important;
}

/* Títulos */
#search-filter-form-22570 h4{
  margin:0 0 6px !important;
  font-size:13px;
  font-weight:700;
  color:#1f2937;
}

/* Campos base (selects + inputs + chosen) */
#search-filter-form-22570 select,
#search-filter-form-22570 input.sf-input-text,
#search-filter-form-22570 .chosen-single{
  width:100% !important;
  height:42px !important;

  border:1px solid rgba(0,0,0,.18) !important;
  border-radius:8px !important;
  padding:0 12px !important;

  background:#fff !important;
  color:#111827;

  box-shadow:none !important;
  transition: box-shadow .15s ease, border-color .15s ease, filter .15s ease, transform .05s ease;
}

/* Focus (inputs nativos) */
#search-filter-form-22570 select:focus,
#search-filter-form-22570 input.sf-input-text:focus{
  outline:none !important;
  border-color:#2563eb !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.15) !important;
}

/* Datas (2 inputs dentro do mesmo li) */
#search-filter-form-22570 li.sf-field-post_date{
  grid-column: 1 / -1;
  margin-top: 6px !important;
}

#search-filter-form-22570 li.sf-field-post_date ul.sf_date_field{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;

  display:grid !important;
  grid-template-columns: 240px 240px;
  gap:14px;
  align-items:end;
}

/* Botão */
#search-filter-form-22570 li.sf-field-submit{
  grid-column: 1 / -1;
  display:flex;
  justify-content:flex-start;
  margin-top: 10px !important;
}

#search-filter-form-22570 li.sf-field-submit input[type="submit"]{
  height:44px !important;
  padding:0 18px !important;

  border:0 !important;
  border-radius:10px !important;

  font-weight:800 !important;
  cursor:pointer !important;

  background:#16417c !important;
  color:#fff !important;

  box-shadow:0 10px 20px rgba(22,65,124,.18);
  transition: transform .08s ease, filter .15s ease, box-shadow .15s ease;
}

#search-filter-form-22570 li.sf-field-submit input[type="submit"]:hover{
  filter:brightness(1.05);
  box-shadow:0 12px 24px rgba(22,65,124,.24);
}

#search-filter-form-22570 li.sf-field-submit input[type="submit"]:active{
  transform:translateY(1px);
}


/* =========================================================
   2) FIX ELEMENTOR: evitar cortar dropdowns
   (mantém como tinhas — é importante)
   ========================================================= */
.elementor-element-0325b75,
.elementor-element-0325b75 .elementor-container,
.elementor-element-0325b75 .elementor-column,
.elementor-element-0325b75 .elementor-widget-wrap,
.elementor-element-0325b75 .elementor-widget,
.elementor-element-0325b75 .elementor-widget-container{
  overflow: visible !important;
}

/* Resultados abaixo */
.search-filter-results-2711{
  position: relative;
  z-index: 0;
}


/* =========================================================
   3) CHOSEN — dropdown bonito + por cima do conteúdo
   ========================================================= */
#search-filter-form-22570 .chosen-container{
  width:100% !important;
  position: relative !important;
  z-index: 5 !important; /* acima do conteúdo */
}

/* chosen single alinhado */
#search-filter-form-22570 .chosen-container .chosen-single{
  display:flex !important;
  align-items:center !important;
  background:#fff !important;
}

/* seta centrada */
#search-filter-form-22570 .chosen-container .chosen-single div{
  top:50% !important;
  transform:translateY(-50%) !important;
}
#search-filter-form-22570 .chosen-container .chosen-single span{
  line-height:1 !important;
}

/* Quando aberto: dropdown muito acima (mas header ainda ganha) */
#search-filter-form-22570 .chosen-container.chosen-container-active{
  z-index: 999999 !important;
}

#search-filter-form-22570 .chosen-container .chosen-drop{
  position:absolute !important;
  z-index: 999999 !important;

  margin-top: 6px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
  overflow: hidden !important;
}

/* Search no dropdown */
#search-filter-form-22570 .chosen-container .chosen-search{
  padding: 10px !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
  background: #f8fafc !important;
}

#search-filter-form-22570 .chosen-container .chosen-search input.chosen-search-input{
  width: 100% !important;
  height: 38px !important;
  border: 1px solid rgba(0,0,0,.15) !important;
  border-radius: 9px !important;
  padding: 0 12px !important;
  background: #fff !important;
  outline: none !important;
}

#search-filter-form-22570 .chosen-container .chosen-search input.chosen-search-input:focus{
  border-color:#2563eb !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.15) !important;
}

/* Lista */
#search-filter-form-22570 .chosen-container .chosen-results{
  margin: 0 !important;
  padding: 6px !important;
  max-height: 280px !important;
  overflow: auto !important;
}

#search-filter-form-22570 .chosen-container .chosen-results li{
  margin: 0 !important;
  padding: 10px 10px !important;
  border-radius: 8px !important;
  line-height: 1.15 !important;
  font-size: 14px !important;
}

#search-filter-form-22570 .chosen-container .chosen-results li.active-result:hover{
  background: rgba(22,65,124,.08) !important;
}

#search-filter-form-22570 .chosen-container .chosen-results li.result-selected{
  background: rgba(22,65,124,.12) !important;
  font-weight: 800 !important;
}

#search-filter-form-22570 .chosen-container .chosen-results li.highlighted{
  background: #16417c !important;
  color: #fff !important;
}

#search-filter-form-22570 .chosen-container .chosen-results li.group-result{
  padding: 10px 10px 6px !important;
  font-size: 12px !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  color: rgba(0,0,0,.55) !important;
  background: transparent !important;
}

/* Scrollbar (Webkit) */
#search-filter-form-22570 .chosen-container .chosen-results::-webkit-scrollbar{
  width: 10px;
}
#search-filter-form-22570 .chosen-container .chosen-results::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.18);
  border-radius: 10px;
  border: 3px solid #fff;
}
#search-filter-form-22570 .chosen-container .chosen-results::-webkit-scrollbar-thumb:hover{
  background: rgba(0,0,0,.28);
}


/* =========================================================
   4) DATEPICKER — bonito + compacto + 7 colunas + não tapa header
   ========================================================= */
#ui-datepicker-div{
  width: 360px !important;      /* tamanho equilibrado */
  max-width: 92vw !important;   /* adapta em mobile */
  padding: 0 !important;

  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 40px rgba(0,0,0,.15) !important;

  z-index: 9999 !important;     /* acima do conteúdo, abaixo do header */
}

/* header topo */
#ui-datepicker-div .ui-datepicker-header{
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  background: #16417c !important;
  color: #fff !important;
  border: none !important;
}

/* título */
#ui-datepicker-div .ui-datepicker-title{
  display:flex !important;
  justify-content:center !important;
  gap:6px !important;
}

/* selects */
#ui-datepicker-div select{
  height: 28px !important;
  border-radius: 7px !important;
  border: none !important;
  padding: 0 6px !important;
}

/* tabela 7 colunas fixas */
#ui-datepicker-div table.ui-datepicker-calendar{
  width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

#ui-datepicker-div table.ui-datepicker-calendar th,
#ui-datepicker-div table.ui-datepicker-calendar td{
  width: calc(100% / 7) !important;
}

/* dias */
#ui-datepicker-div table.ui-datepicker-calendar td a,
#ui-datepicker-div table.ui-datepicker-calendar td span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  height: 38px !important;
  font-size: 14px !important;
  line-height: 1 !important;

  border-radius: 10px !important;
}

/* hover/ativo/hoje */
#ui-datepicker-div td a:hover{
  background: rgba(22,65,124,.12) !important;
}

#ui-datepicker-div .ui-state-active{
  background: #16417c !important;
  color: #fff !important;
}

#ui-datepicker-div .ui-state-highlight{
  background: rgba(22,65,124,.15) !important;
}

/* Mobile */
@media (max-width: 1100px){
  #search-filter-form-22570 > ul{
    grid-template-columns: 1fr 1fr;
  }
  #search-filter-form-22570 li.sf-field-post_date{
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px){
  #search-filter-form-22570 > ul{
    grid-template-columns: 1fr;
  }
  #search-filter-form-22570 li.sf-field-post_date ul.sf_date_field{
    grid-template-columns: 1fr;
  }
  #search-filter-form-22570 li.sf-field-submit{
    justify-content:center;
  }
}

@media (max-width: 420px){
  #ui-datepicker-div{
    width: 330px !important;
  }
  #ui-datepicker-div table.ui-datepicker-calendar td a,
  #ui-datepicker-div table.ui-datepicker-calendar td span{
    height: 34px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 600px){
  #search-filter-form-22570{
    padding:14px;
  }
}

/* =========================================================
   DATEPICKER — ULTRA MINI + números centrados
   ========================================================= */

#ui-datepicker-div{
  width: 230px !important;     /* 🔹 ainda mais pequeno */
  max-width: 75vw !important;
  padding: 0 !important;

  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.12) !important;
}

/* Header muito compacto */
#ui-datepicker-div .ui-datepicker-header{
  padding: 5px 6px !important;
  font-size: 12px !important;
}

/* Select mês/ano */
#ui-datepicker-div select{
  height: 20px !important;
  font-size: 11px !important;
  padding: 0 4px !important;
}

/* Grelha */
#ui-datepicker-div table.ui-datepicker-calendar{
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

/* Dias da semana */
#ui-datepicker-div table.ui-datepicker-calendar th{
  font-size: 10px !important;
  padding: 3px 0 !important;
  text-align: center !important;
}

/* Células */
#ui-datepicker-div table.ui-datepicker-calendar td{
  padding: 0 !important;
  text-align: center !important;
}

/* 🔹 NÚMEROS PERFEITAMENTE CENTRADOS */
#ui-datepicker-div table.ui-datepicker-calendar td a,
#ui-datepicker-div table.ui-datepicker-calendar td span{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 22px !important;     /* 🔹 bem compacto */
  font-size: 11px !important;
  line-height: 1 !important;

  margin: 2px !important;
  border-radius: 5px !important;
}

/* Hover discreto */
#ui-datepicker-div td a:hover{
  background: rgba(22,65,124,.12) !important;
}

/* Dia ativo */
#ui-datepicker-div .ui-state-active{
  background:#16417c !important;
  color:#fff !important;
}


/* 1) Esconder a seta original do Chosen (a tal div) */
#search-filter-form-22570 .chosen-container .chosen-single > div{
  display: none !important;
}

/* 2) Garantir espaço à direita para a nova seta */
#search-filter-form-22570 .chosen-container .chosen-single{
  position: relative !important;
  padding-right: 38px !important; /* espaço para a seta */
}

/* 3) Criar uma seta nova (igual ao look “nativo”) */
#search-filter-form-22570 .chosen-container .chosen-single::after{
  content: "" !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 6px solid rgba(0,0,0,.55) !important; /* cor da seta */
  pointer-events: none !important;
}

/* 4) (Opcional) quando o dropdown abre, rodar a seta para cima */
#search-filter-form-22570 .chosen-container.chosen-with-drop .chosen-single::after{
  transform: translateY(-50%) rotate(180deg) !important;
}

/* =========================================
   CHOSEN — HOVER em #e6a202 + só selecionado a negrito
   (colar no fim do CSS)
   ========================================= */

/* 1) Remover negrito “global” dos itens */
#search-filter-form-22570 .chosen-container .chosen-results li{
  font-weight: 400 !important;
}

/* 2) Hover (rato) em #e6a202 */
#search-filter-form-22570 .chosen-container .chosen-results li.active-result:hover{
  background: rgba(230,162,2,.18) !important;
  color: #111827 !important;
  font-weight: 400 !important;
}

/* 3) Item selecionado: só este fica a negrito */
#search-filter-form-22570 .chosen-container .chosen-results li.result-selected{
  background: rgba(230,162,2,.22) !important;
  color: #111827 !important;
  font-weight: 800 !important;
}

/* 4) Item “highlighted” (teclado / ao navegar): também em #e6a202, sem negrito */
#search-filter-form-22570 .chosen-container .chosen-results li.highlighted{
  background: #e6a202 !important;
  color: #111827 !important;
  font-weight: 400 !important;
}

/* (Opcional) Se quiseres o highlighted com texto branco em vez de escuro, troca:
   color: #fff !important;
*/

/* Quando o item selecionado também está highlighted,
   manter a cor suave (não deixar ficar amarelo forte) */
#search-filter-form-22570 .chosen-container 
.chosen-results li.result-selected.highlighted{
  background: rgba(230,162,2,.22) !important;
  color: #111827 !important;
  font-weight: 800 !important;
}

/* Form Search & Filter - Legislação (ID 22570) */
#search-filter-form-22570 input,
#search-filter-form-22570 input::placeholder {
  font-weight: 400 !important;
}








/* Estilo IGUAL para os dois */
#search-filter-form-22570 li.sf-field-reset input,
#search-filter-form-22570 li.sf-field-submit input{
  height:44px !important;
  padding:0 18px !important;
  border-radius:10px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}

/* Pesquisar (azul) */
#search-filter-form-22570 li.sf-field-submit input{
  background:#16417c !important;
  color:#fff !important;
  border:0 !important;
}

/* Limpar (outline) */
#search-filter-form-22570 li.sf-field-reset input{
  background:#fff !important;
  color:#16417c !important;
  border:1px solid rgba(22,65,124,.35) !important;
}

/* =========================================================
   BOTÕES — juntos, lado a lado e clicáveis
   ========================================================= */

/* manter só estes dois na linha final */
#search-filter-form-22570 > ul > li.sf-field-reset,
#search-filter-form-22570 > ul > li.sf-field-submit{
  grid-column: auto !important;
  margin-top: 10px !important;
  float: none !important;
  position: relative !important;
  z-index: 2 !important;
}

/* estrutura das colunas só para a última linha */
#search-filter-form-22570 > ul{
  grid-template-columns: max-content 0px max-content 1fr !important;
}

/* reset na primeira coluna */
#search-filter-form-22570 > ul > li.sf-field-reset{
  grid-column: 1 / 2 !important;
}

/* submit na terceira coluna (fica colado ao reset) */
#search-filter-form-22570 > ul > li.sf-field-submit{
  grid-column: 3 / 4 !important;
}

/* ================================
   Search & Filter: campo "Pesquisar assunto" a 100%
   ================================ */

/* meter o UL em flex e permitir quebrar linhas */
#search-filter-form-22570 > ul{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

/* o LI do search ocupa a linha toda */
#search-filter-form-22570 > ul > li.sf-field-search{
  flex: 0 0 100% !important;
  width: 100% !important;
}

/* label e input a 100% */
#search-filter-form-22570 > ul > li.sf-field-search label{
  display: block !important;
  width: 100% !important;
}

#search-filter-form-22570 > ul > li.sf-field-search input.sf-input-text{
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ================================
   DESKTOP — botões por baixo da data
   (apenas >= 769px)
   ================================ */
@media (min-width: 769px){

  #search-filter-form-22570 > ul{
    display: grid !important;
    grid-template-columns: auto auto 1fr !important; /* ✅ botões à esquerda */
    gap: 12px !important;
    align-items: end !important;
  }

  #search-filter-form-22570 > ul > li.sf-field-search{
    grid-column: 1 / -1 !important;
  }

  #search-filter-form-22570 > ul > li.sf-field-post_date{
    grid-column: 1 / -1 !important;
  }

  /* ✅ Botões na esquerda, lado a lado */
  #search-filter-form-22570 > ul > li.sf-field-reset{
    grid-column: 1 !important;
    justify-self: start !important;
    margin-top: 6px !important;
  }

  #search-filter-form-22570 > ul > li.sf-field-submit{
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 6px !important;
  }

  #search-filter-form-22570 .sf-field-reset input,
  #search-filter-form-22570 .sf-field-submit input{
    width: auto !important;
    min-width: 110px !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-94bd03c *//* =========================================================
   SMN LEGISLAÇÃO — Estilo tipo “Search & Filter” (card + tabela)
   (resistente a inline styles e IDs dinâmicos)
   ========================================================= */

/* CARD */
.smn-legislacao{
  background:#f6f7f9 !important;
  padding:18px !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:10px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.06) !important;
}

/* WRAP com “moldura” arredondada */
.smn-legislacao .smn-legislacao-tabela-wrap{
  overflow:auto !important;
  border:1px solid rgba(0,0,0,.10) !important;
  border-radius:12px !important;
  background:#fff !important;
}

/* TABELA */
.smn-legislacao table.smn-legislacao-tabela{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:#fff !important;
  min-width: 920px; /* scroll em mobile */
}

/* HEADER */
.smn-legislacao table.smn-legislacao-tabela thead th{
  text-align:left !important;
  padding:12px 12px !important;
  border-bottom:0 !important;

  background:#16417c !important;
  color:#fff !important;

  font-size:13px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

/* Cantos do header */
.smn-legislacao table.smn-legislacao-tabela thead th:first-child{
  border-top-left-radius:12px !important;
}
.smn-legislacao table.smn-legislacao-tabela thead th:last-child{
  border-top-right-radius:12px !important;
}

/* CELULAS */
.smn-legislacao table.smn-legislacao-tabela tbody td{
  padding:12px 12px !important;
  border-bottom:1px solid #e5e7eb !important;
  color:#111827 !important;
  font-size:14px !important;
  vertical-align:top !important;
  background:#fff !important;
}

/* ZEBRA */
.smn-legislacao table.smn-legislacao-tabela tbody tr:nth-child(even) td{
  background:#f8fafc !important;
}

/* HOVER */
.smn-legislacao table.smn-legislacao-tabela tbody tr:hover td{
  background:rgba(22,65,124,.06) !important;
}

/* Cantos no fim da tabela */
.smn-legislacao table.smn-legislacao-tabela tbody tr:last-child td:first-child{
  border-bottom-left-radius:12px !important;
}
.smn-legislacao table.smn-legislacao-tabela tbody tr:last-child td:last-child{
  border-bottom-right-radius:12px !important;
}

/* LINKS */
.smn-legislacao a{
  color:#16417c !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
.smn-legislacao a:hover{
  text-decoration:underline !important;
}

/* PAGINAÇÃO */
.smn-legislacao .smn-paginacao{
  margin-top:12px !important;
  display:flex !important;
  gap:10px !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}

.smn-legislacao .smn-pageinfo{
  font-size:13px !important;
  font-weight:700 !important;
  color:#1f2937 !important;

  background:#fff !important;
  border:1px solid rgba(0,0,0,.12) !important;
  border-radius:10px !important;
  padding:8px 12px !important;
}

.smn-legislacao .smn-prev,
.smn-legislacao .smn-next{
  height:40px !important;
  min-width:44px !important;
  padding:0 12px !important;

  border:0 !important;
  border-radius:10px !important;

  font-weight:900 !important;
  cursor:pointer !important;

  background:#16417c !important;
  color:#fff !important;

  box-shadow:0 10px 20px rgba(22,65,124,.18) !important;
  transition: transform .08s ease, filter .15s ease, box-shadow .15s ease !important;
}

.smn-legislacao .smn-prev:hover,
.smn-legislacao .smn-next:hover{
  filter:brightness(1.05) !important;
  box-shadow:0 12px 24px rgba(22,65,124,.24) !important;
}

.smn-legislacao .smn-prev:active,
.smn-legislacao .smn-next:active{
  transform:translateY(1px) !important;
}

.smn-legislacao .smn-prev[disabled],
.smn-legislacao .smn-next[disabled]{
  background:#94a3b8 !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
  filter:none !important;
}

/* Faz o scroll parar mais acima (por causa do header) */
.smn-legislacao{
  scroll-margin-top: 160px;
}

.smn-legislacao table tbody tr.smn-row{ cursor:pointer; }


/* WRAP PAGINAÇÃO (genérico) */
.smn-paginacao{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

/* container dos números */
.smn-pages{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

/* base: números + setas */
.smn-paginacao .smn-page-btn,
.smn-paginacao .smn-prev,
.smn-paginacao .smn-next{
  appearance:none;
  border:1px solid #cbd5e1;
  background:#ffffff;
  color:#0f172a;
  width:36px;
  height:36px;
  padding:0;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  line-height:1;
  cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
}

/* hover */
.smn-paginacao .smn-page-btn:hover,
.smn-paginacao .smn-prev:hover,
.smn-paginacao .smn-next:hover{
  border-color:#94a3b8;
  box-shadow: 0 6px 18px rgba(15,23,42,.08);
  transform: translateY(-1px);
}

/* ACTIVE */
.smn-paginacao .smn-page-btn.active{
  background:#16417c;
  color:#fff;
  border-color:#16417c;
  box-shadow: 0 10px 22px rgba(22,65,124,.28);
  transform: translateY(-1px) scale(1.03);
}

/* anel extra */
.smn-paginacao .smn-page-btn.active::after{
  content:"";
  position:absolute;
  width:44px;
  height:44px;
  border-radius:14px;
  border:2px solid rgba(22,65,124,.25);
  pointer-events:none;
}

/* para o ::after funcionar */
.smn-paginacao .smn-page-btn{
  position:relative;
}

/* foco (teclado) */
.smn-paginacao .smn-page-btn:focus-visible,
.smn-paginacao .smn-prev:focus-visible,
.smn-paginacao .smn-next:focus-visible{
  outline:none;
  box-shadow: 0 0 0 4px rgba(22,65,124,.20);
  border-color:#16417c;
}

/* disabled */
.smn-paginacao button:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

/* MOBILE */
@media (max-width: 600px){
  .smn-legislacao{ padding:14px !important; }
  .smn-legislacao table.smn-legislacao-tabela thead th,
  .smn-legislacao table.smn-legislacao-tabela tbody td{
    padding:10px !important;
  }
}

/* ===== MOBILE (<=768px) — adaptar colunas (4 colunas) ===== */
@media (max-width: 768px){

  /* esconder Assunto (2) */
  .smn-legislacao table.smn-legislacao-tabela th:nth-child(2),
  .smn-legislacao table.smn-legislacao-tabela td:nth-child(2){
    display:none !important;
  }
}

@media (max-width: 768px){

  /* tabela encaixa */
  .smn-legislacao table.smn-legislacao-tabela{
    min-width: 0 !important;
    width: 100% !important;
    table-layout: fixed !important;
  }

  .smn-legislacao table.smn-legislacao-tabela th,
  .smn-legislacao table.smn-legislacao-tabela td{
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    padding: 8px !important;
    font-size: 13px !important;
  }

  /* ✅ 3 colunas iguais: Título | Assunto | Data */
    .smn-legislacao table.smn-legislacao-tabela th:nth-child(1),
    .smn-legislacao table.smn-legislacao-tabela td:nth-child(1),
    .smn-legislacao table.smn-legislacao-tabela th:nth-child(3),
    .smn-legislacao table.smn-legislacao-tabela td:nth-child(3),
    .smn-legislacao table.smn-legislacao-tabela th:nth-child(4),
    .smn-legislacao table.smn-legislacao-tabela td:nth-child(4){
      width: 33.333% !important;
    }
    

  /* header pode partir */
  .smn-legislacao table.smn-legislacao-tabela thead th{
    white-space: normal !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 768px){

  /* arredondar canto superior direito (header Data = col 3) */
  .smn-legislacao table.smn-legislacao-tabela thead th:nth-child(4){
    border-top-right-radius: 12px !important;
  }

  /* arredondar canto inferior direito (última linha - Data) */
  .smn-legislacao table.smn-legislacao-tabela tbody tr:last-child td:nth-child(4){
    border-bottom-right-radius: 12px !important;
  }
}

@media (max-width: 768px){

  .smn-legislacao .smn-paginacao{
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap:4px !important;
    margin-top:8px !important;
  }

  .smn-legislacao .smn-pages{
    display:flex !important;
    gap:4px !important;
    align-items:center !important;
  }

  .smn-legislacao .smn-paginacao .smn-page-btn,
  .smn-legislacao .smn-paginacao .smn-prev,
  .smn-legislacao .smn-paginacao .smn-next{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    padding:0 !important;
    font-size:15px !important;
    border-radius:6px !important;
  }

  .smn-legislacao .smn-paginacao .smn-page-btn.active{
    box-shadow:0 4px 10px rgba(22,65,124,.15) !important;
    transform:none !important;
  }

  .smn-legislacao .smn-dots{
    font-size:11px !important;
    padding:0 2px !important;
  }
}/* End custom CSS */