.sppb-carousel-inner>.sppb-item>a>img, .sppb-carousel-inner>.sppb-item>img, .sppb-img-responsive {
    line-height: 1;
    border-radius: 0 0 8px 8px;
}

.carousel-inner {
   
    margin-bottom: -10Px;
}

.carousel-item {
    position: relative;
}

.carousel-item img {
    width: 100%;
    height: 650px;
    object-fit: cover;
    object-position: center 25%;
}

.carousel-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to bottom, transparent, white);
    pointer-events: none;
}

.logo-acesso img {
    height: 100px;
  width: auto;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
border: 1px solid #fff;
    border-radius: 500px;
}

.text-primary{
color: #07432c !important;
}


#sp-breadcrumbs, .mod-breadcrumbs__wrapper {
    background: #E0E0E0;
    position: relative;
    /* Sombra estilo Apple: 
       (deslocamento-x) (deslocamento-y) (desfoque) (espalhamento) (cor) 
    */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Sombra suave e escura */
    /* OU para um efeito mais claro, como o do iOS: */
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
    
    z-index: 5;
}
.bread-custom {
    /* (Se houver outras propriedades como background, position, etc.) */
    background: #E0E0E0; 
    position: relative;
    z-index: 5;
    
    /* Sombra estilo Apple aplicada */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    opacity: 1 !important;
    transition: 0.3s;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.item-400,
.offcanvas-menu .offcanvas-inner ul.menu > li.item-400 > a,
.offcanvas-menu .offcanvas-inner ul.menu > li.item-400 > a img {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
.breadcrumb {
    font-size: 14px !important;
}
/* Limitar altura da imagem */
a.disque_156 img {
    max-height: 90px !important;
    ;width: auto;
    height: a
    object-fit: contain;
justify-self: center;
    /* Suavidade apenas na imagem */
    transition: transform 0.35s ease;
}

/* Hover suave com torção leve para a esquerda */
a.disque_156:hover img {
    transform: rotate(-3deg) scale(1.04);
}

.sp-megamenu-parent > li > a.disque_156::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}
/* OFFCANVAS → centralizado no rodapé */
@media (max-width: 768px) {
    .carousel-item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center center;
}
  
.col-lg-3.col-6.d-block.d-xl-none {
    display: block;
}
  .offcanvas-menu[tabindex="0"] li.item-400 {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    z-index: 99999 !important;
  }

  .offcanvas-menu[tabindex="0"] li.item-400 a,
  .offcanvas-menu[tabindex="0"] li.item-400 a img {
    width: auto ;
    height: auto !important;
    display: block !important;
  }
}



#sp-footer, #sp-bottom {
    background: #07432c;
    color: #ffffff;
    font-weight: normal;
}

.sppb-article-info-wrap h6 a {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* limita a 3 linhas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3em;
    max-height: calc(1.3em * 3); /* altura exata de 3 linhas */
}


img.logo_secretaria {
    max-width: 250px;
    justify-self: center;
}
li.field-entry.logo-secretaria {
background: none !important;
border: none!important;
}
li.field-entry.logo-secretaria.field-label, li.field-entry.logo-secretaria span.field-label {
display: none!important;
}
li.field-entry.identificação-do-serviço-nome {
display: none!important;
}
li.field-entry.secretaria {
display: none!important;
}
.noticias .article-details .article-full-image img {
  display: none !important;
}
.fields-container{
    list-style: none;
    margin:0;
    padding:0;
    display: grid;
    gap: 14px;
    font-family: "Inter", Arial, sans-serif;
}

/* cada linha */
.field-entry{
    background:#f3f3f3;
    border:1.5px solid #d9d9d9;
    border-radius:6px;
    padding:14px 16px;
    display:flex;
    flex-direction:column;
    gap:4px;
}

/* label */
.field-entry .field-label{
    font-size:12px;
    font-weight:600;
    color:#444;
    text-transform:uppercase;
    letter-spacing:.3px;
}

/* valor */
.field-entry .field-value{
    font-size:15px;
    font-weight:400;
    color:#222;
    line-height:1.35;
}



@media (max-width: 768px) {


  .article-list .article .article-full-image img,
a.sppb-article-img-wrap img {
    height: 250px !Important;
}
#sppb-addon-ede9e1fe-6569-447d-8896-225565504766 .sppb-addon-articles .sppb-addon-article-layout-editorial-content img {
    250px !important
}
  .carta-serv .sppb-article-info-wrap {
    height: 110px !important;
}
 #sppb-addon-ede9e1fe-6569-447d-8896-225565504766 .sppb-addon-articles .sppb-addon-article-layout-editorial-content img {
    250px !important
}

#sppb-addon-ede9e1fe-6569-447d-8896-225565504766 .sppb-addon-articles .sppb-addon-article-layout-content img {
    250px !important
}


  /* gap menor */
  #sppb-addon-ede9e1fe-6569-447d-8896-225565504766 .sppb-addon-articles .sppb-addon-article-layout-editorial-row,
  #sppb-addon-ede9e1fe-6569-447d-8896-225565504766 .sppb-addon-articles .sppb-addon-article-layout-magazine-row {
      gap: 15px;
  }
.sppb-article-info-wrap {
    margin-top: 0px;
}
}


/* ============================================
   VIEW TRANSITION API - FADE AUTOMÁTICO
   ============================================ */

@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: 300ms ease-out both fade-out;
}

::view-transition-new(root) {
  animation: 400ms ease-in both fade-in;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
}

@keyframes fade-out {
  to {
    opacity: 0;
  }
}

/* ============================================
   GLASSMORPHISM ELEGANTE
   ============================================ */

.glass {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}

.glass-dark {
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  border-radius: 16px;
}

.glass-strong {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(30px) saturate(200%);
  -webkit-backdrop-filter: blur(30px) saturate(200%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
}

.glass-subtle {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
}

.glass-frost {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(25px) saturate(160%) brightness(110%);
  -webkit-backdrop-filter: blur(25px) saturate(160%) brightness(110%);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12),
              inset 0 1px 0 rgba(255, 255, 255, 0.3);
  border-radius: 18px;
}

.glass-premium {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.05) 100%
  );
  backdrop-filter: blur(30px) saturate(180%);
  -webkit-backdrop-filter: blur(30px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 16px 64px rgba(0, 0, 0, 0.15),
              inset 0 1px 2px rgba(255, 255, 255, 0.3),
              inset 0 -1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
}

.glass-luxury {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.18) 0%,
    rgba(255, 255, 255, 0.08) 50%,
    rgba(255, 255, 255, 0.12) 100%
  );
  backdrop-filter: blur(35px) saturate(200%) brightness(105%);
  -webkit-backdrop-filter: blur(35px) saturate(200%) brightness(105%);
  border: 1px solid;
  border-image: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 255, 255, 0.15) 100%
  ) 1;
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.2),
              inset 0 2px 4px rgba(255, 255, 255, 0.25),
              inset 0 -2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 28px;
}

/* ============================================
   TRANSIÇÕES SUAVES
   ============================================ */

.glass,
.glass-dark,
.glass-strong,
.glass-subtle,
.glass-frost,
.glass-premium,
.glass-luxury {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================
   ESTADOS HOVER ELEGANTES
   ============================================ */

.glass:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.glass-dark:hover {
  background: rgba(0, 0, 0, 0.25);
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.4);
  transform: translateY(-2px);
}

.glass-strong:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 16px 64px rgba(0, 0, 0, 0.2);
  transform: translateY(-3px);
}

.glass-subtle:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.glass-frost:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.18),
              inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transform: translateY(-3px);
}

.glass-premium:hover {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.25) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.2),
              inset 0 1px 2px rgba(255, 255, 255, 0.4),
              inset 0 -1px 2px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

.glass-luxury:hover {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.22) 0%,
    rgba(255, 255, 255, 0.12) 50%,
    rgba(255, 255, 255, 0.16) 100%
  );
  box-shadow: 0 24px 96px rgba(0, 0, 0, 0.25),
              inset 0 2px 4px rgba(255, 255, 255, 0.35),
              inset 0 -2px 4px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
}

/* ============================================
   ESTADOS ACTIVE
   ============================================ */

.glass:active,
.glass-dark:active,
.glass-strong:active,
.glass-subtle:active,
.glass-frost:active,
.glass-premium:active,
.glass-luxury:active {
  transform: translateY(0);
}

/* ============================================
   VARIAÇÕES DE TAMANHO
   ============================================ */

.glass-xs { padding: 12px; border-radius: 8px; }
.glass-sm { padding: 16px; border-radius: 12px; }
.glass-md { padding: 24px; border-radius: 16px; }
.glass-lg { padding: 32px; border-radius: 20px; }
.glass-xl { padding: 48px; border-radius: 24px; }
.glass-2xl { padding: 64px; border-radius: 32px; }

/* ============================================
   BRILHO INTERNO (OPCIONAL)
   ============================================ */

.glass-shimmer {
  position: relative;
  overflow: hidden;
}

.glass-shimmer::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.2) 50%,
    transparent 100%
  );
  animation: shimmer 3s infinite;
}

@keyframes shimmer {
  0% { left: -100%; }
  100% { left: 100%; }
}

/* ============================================
   ACESSIBILIDADE
   ============================================ */

@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: auto;
  }
  
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 0.001ms !important;
  }
  
  .glass,
  .glass-dark,
  .glass-strong,
  .glass-subtle,
  .glass-frost,
  .glass-premium,
  .glass-luxury {
    transition: none;
  }
  
  .glass-shimmer::before {
    animation: none;
  }
}

[data-modals-element=modal][data-modals-theme=dark] {

        z-index: 99999999999 !important;
    }

/*a.sp-scroll-up {
    padding-top: 10px;
}*/

div[vw] {
    
    top: 70% !important;
}

.sp-pre-loader .sp-loader-with-logo .logo img {
    width: 300px !important;
    height: auto !important;
}
.sp-pre-loader {
    background: rgba(255,255,255,.8) !important;
}

[data-modals-element=modal] [data-modals-element=overlay] {
   
   background: rgba(7,67,44,0.9);
}


[data-modals-element=modal][data-modals-theme=light] {
        --main-margin: 20px;
        --close-button-size: 48px;
        z-index: 99999 !important;
    }

[data-modals-element=modal][data-modals-theme=light] [data-modals-element=close] {
  margin-top: 10px;
  filter: invert(1);
    width: 28px !important;
  height: 28px !important;
  margin-right: 10px;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='black' stroke='white' stroke-width='2'/%3E%3Cpath d='M10 10 L22 22 M22 10 L10 22' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: cover;
}
[itemprop="articleBody"] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
}

/* Container do embed do Instagram */
[itemprop="articleBody"] > div:first-child {
  flex: 0 0 500px;
  max-width: 500px;
  margin: 0;
}

/* Força o iframe a respeitar o tamanho do contêiner */
[itemprop="articleBody"] iframe.instagram-media {
  width: 100% !important;
  max-width: 500px !important;
  display: block;
  margin: 0 auto;
}

/* Texto ao lado do embed */
[itemprop="articleBody"] > div:nth-of-type(2) {
  flex: 1;
  min-width: 250px;
}

/* ===== Responsivo ===== */
@media (max-width: 768px) {
  [itemprop="articleBody"] {
    flex-direction: column;
    align-items: center;
  }

  [itemprop="articleBody"] > div:first-child {
    flex: 1 1 90%;
    max-width: 90%;
    margin: 0 auto 20px;
  }

  [itemprop="articleBody"] > div:nth-of-type(2) {
    width: 100%;
  }
}





nav.pagenavigation {
    margin-top: 10px;
    background: #f3f3f391;
    padding: 20px;
    border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* sombra suave */
  margin-right: 15px;
    margin-left: 15px;
}

div.addattach a.modal-button {
    background: transparent;
    border-width: 0 !important;
    padding: 2px !important;
    display: none !important;
}




.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
   
    margin-top: 0px !important;
}
.offcanvas-menu ul.menu-child {
    font-size: x-large !important;
}
.offcanvas-menu li {
    border: 1px solid #f8f9fa !important;
    border-radius: 5px;
    margin: 5px !important;
    width: 100% !important;
    padding: 5px !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* sombra suave */
}
offcanvas-inner {
    padding: 5px 5px 5px 5px !important;
    margin: 2px;
}
iframe#blockrandom {
    overflow: hidden !important; /* remove scroll interno do iframe, se permitido */
    width: 100%;                  /* ajusta largura para não precisar de scroll */
    border: none;                 /* opcional */
}

.sp-scroll-up {
    bottom: 20px;
    right: 20px;
  }


.article-introtext {
    display: none;
}


.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
   
    margin-top: 0px;e
}

#sp-header.header-sticky {
animation: none;
}
#sp-header{
animation: none;
}

a.home {animation: spFadeIn 0.5s;
}


/* Seletor que busca a classe .form-search apenas dentro da div com o ID específico */
#sppb-addon-f7386d4e-909f-4587-9888-416115332a4a .form-search {
  /* Define a opacidade padrão do módulo, tornando-o transparente */
  opacity: 0.5; 
  /* Adiciona uma transição suave para a opacidade */
  transition: opacity 0.3s ease-in-out;
}

/* Quando o mouse estiver sobre o formulário, aumenta a opacidade */
#sppb-addon-f7386d4e-909f-4587-9888-416115332a4a .form-search:hover {
  opacity: 1;
}

/* Quando o input (campo de digitação) dentro do formulário estiver em foco, aumenta a opacidade */
#sppb-addon-f7386d4e-909f-4587-9888-416115332a4a .form-search input:focus {
  opacity: 1;
}
.breadcrumb {
    padding: 0.75rem 1rem;
    background-color: #E0E0E0;
    border-radius: 0;
}
.breadcrumb-item.active {
    color: #495057;
}
/*
.sp-module.bred_new {
    
box-shadow: 0 4px 8px rgba(211, 211, 211, 0.25);

}*/

#sp-footer .btn-radar-wrapper a {
    color: #3f3f3f;
}
.mod-breadcrumbs__wrapper {
  max-width: 1280px;   /* limite máximo */
  margin: 0 auto;      /* centraliza */
  width: 100%;         /* ocupa toda largura até o limite */
  padding: 0 0px;     /* respiro nas laterais */
}
ol.mod-breadcrumbs.breadcrumb.px-3.py-2 {
    padding: 0px;
    margin: 0px;
}
.offcanvas-menu .offcanvas-inner li.item-101.default {
    display: none !important;
}
h6.sppb-dynamic-content-text.widget-card {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;
}
.awesomplete > ul > li[aria-selected="true"] {
    color: #fff;
    background: green !important;
}
.awesomplete > ul {
  color: #fff;
    background: green !important;
}
#widget_acesso_rapido {
  position: relative;  /* garante contexto previsível */
  z-index: 1;          /* bem baixo */
}
#widget_acesso_rapido .row.g-3 {
    padding-bottom: 10px;
}

/* Evita que containers pais cortem a lista */
.sppb-addon-wrapper,
.sppb-addon,
.sppb-addon-content,
.mod-finder__search,
.awesomplete {
  overflow: visible !important;
}

/* Remove bullets e padding/margin da lista */
ul.menuacesso {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Estiliza os itens da lista */
ul.menuacesso li {
    margin-bottom: 10px; /* espaço entre os itens */
}

/* Remove sublinhado dos links e mantém cor */
ul.menuacesso li a {
    text-decoration: none;
    color: inherit;
}

a.sp-pagebuilder-page-edit {
    display: none !important;
}

.article-header h1, .article-header h2 {
    font-size: 1.3rem !important;
}
.article {
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 
                0 2px 6px rgba(0, 0, 0, 0.08);
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #07432c;
    text-decoration: none;
    font-size: medium;
}
.sppb-addon-articles .sppb-addon-article-layout-content {
    border-color: #0000001a;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08);
}
.sppb-article-info-wrap {
    margin-top: 15px;
  /* margin-bottom: 15px;
   border-bottom: 1px dotted #cccccc;*/
}
/* ======== BASE PADRÃO (com animações suaves) ======== */
.article-intro-image.float-left img,
.article-details .article-full-image img,
.article-list .article .article-full-image img,
a.sppb-article-img-wrap img {
    width: 100%;
    object-fit: cover;
    cursor: pointer;
    transform-origin: center center;
    transition: transform 0.45s ease,
                filter 0.45s ease,
                box-shadow 0.45s ease;
}

/* ======== ALTURAS ======== */
.article-intro-image.float-left img,
.article-details .article-full-image img {
  /*display:none !Important;*/
}
.carta-serv.article-details .article-full-image img {
    display: inline-block;
    border-radius: 4px;
    height: 250px;
}
.noticias.article-details.article-full-image img {
 display:none !Important;
}
.article-details .article-can-edit {
    position: relative;
    margin-bottom: 10px;
    display: none !important;
}
/*
.article-list .article .article-full-image img,
a.sppb-article-img-wrap img {
    height: 250px !Important;
}
*/
/* ======== RADIUS ======== */
.article-details .article-full-image img {
    display: inline-block;
    border-radius: 4px; /* do original */
}

.article-list .article .article-full-image img,
a.sppb-article-img-wrap img {
    border-radius: 0 0 8px 8px; /* só inferior */
}

/* ======== HOVER ======== */
.article-intro-image.float-left img:hover,
.article-details .article-full-image img:hover,
.article-list .article .article-full-image img:hover,
a.sppb-article-img-wrap img:hover {
    transform: scale(1.04);
    filter: brightness(1.06) contrast(1.04);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}

/* ======== ACESSIBILIDADE ======== */
@media (prefers-reduced-motion: reduce) {
    .article-intro-image.float-left img,
    .article-details .article-full-image img,
    .article-list .article .article-full-image img,
    a.sppb-article-img-wrap img {
        transition: none;
    }
}


@media (max-width: 767px) {
  #mod-custom127 {
    justify-items: center;
}
  div#mod-custom127 img {
    width: 200px;
}
  #sp-footer ul.menu, #sp-footer ul.menu, .btn-radar-wrapper {
margin-top: 10px;
	text-align: center;
            justify-content: center !important;
}
.article-intro-image.float-left img {
    width: 100%;
    height: 250px;
    object-fit: cover;
  border-radius: 8px
}
a.sppb-article-img-wrap img {
    width: 100%;
    height: 250px;
    object-fit: cover;
  border-radius: 8px
}
  
  .container, .sppb-row-container {
    max-width: 100% !important;
  }

iframe.sppb-youtube-iframe {
    scale: 1.5;
}
  .sppb-addon.sppb-addon-single-image.img-p-home.sppb-addon-image-shape {
    width: 80%;
    justify-self: center;
}
.sppb-youtube-video-bg
Specificity: (0,1,0)
 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
    zoom: 3 !Important;
    margin-top: -70px;
}


  #sppb-addon-f7386d4e-909f-4587-9888-416115332a4a {
        padding-bottom: 1px;
    }
}
/*
.mod-finder__search {
    position: relative;
    bottom: 200px;
    margin-bottom: -150px;
}
*/
.logo-image {
    height: 100px !important;
}

a.home img {
    width: 270px;
}
.burger-icon {
    width: 25px;
    cursor: pointer;
    zoom: 1.5;
    margin-top: 22px;
}
a.home {
	top: -4px;
	border-bottom: 4px #049b04 solid;
  /* Inicialmente oculta o link inteiro */
  opacity: 0;
  
  /* Transições suaves para background e opacidade */
  transition: opacity 1s ease, background 1s ease;
}
nav.sp-megamenu-wrapper.d-flex {
    /* Adiciona uma transição para o movimento suave da margem */
    transition: margin-left 1s ease;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #07432c;
	margin-top: -60px;
}
.offcanvas-inner ul.menu ul {
    font-weight: 500;
}
a.close-offcanvas {
   /* margin-top: -40px;*/
}
a.home::after{
  display: none;
}
.d-flex.flex-wrap.row.g-3.transparencia-group {
    margin-bottom: 10px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: #07432c !Important;
}

.btn-radar-wrapper {
    display: flex;
    justify-content: flex-end; /* posiciona à direita */
    align-items: center;
    width: 100%; /* ocupa toda a largura da div pai */
}

.btn-radar {
    display: inline-flex;
    align-items: center;
    gap: 4px;                     
    padding: 3px 6px;             
    background: rgba(255, 255, 255, 0.7); 
    backdrop-filter: blur(4px);   
    border: 1px solid rgba(200, 200, 200, 0.4);
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); 
    text-decoration: none;
    color: #222;
    font-weight: 400;
    font-size: 0.75rem;           
    line-height: 1.1;
    transition: background 0.2s, transform 0.2s;
}

.btn-radar img {
    display: block;
}

.btn-radar span {
    display: inline-block;
    line-height: 1.1;
    text-align: left; 
}

.btn-radar:hover {
    background: rgba(255, 255, 255, 0.85);
    transform: translateY(-1px);
    border-color: rgba(180,180,180,0.6);
}

#sp-header.lg-header {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  
	border-bottom: 4px #049b04 solid;
}
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
display:none;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item :hover {
    background-color: #049b04 !Important;
    padding: 10px;
    width: 100%;
    text-align: left;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: #ffffff;
    padding: 10px;
    margin: 0px;
    margin-top: -10px;
  width: 100%;
 text-align: left;

}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
 width: 100%;
 text-align: left !important;

}
.sp-megamenu-parent .sp-dropdown{
  margin-top: -30px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
   padding: 0px;
}

.logo {
    zoom: 0.85;
}




/* Nome da transição aplicada ao body */
body {
  view-transition-name: page-fade;
  /* garante que a transição seja suave e performática */
  will-change: opacity;
}

/* Transição global para view transitions */
@view-transition {
  transition: opacity 0.25s ease-in-out; /* rápido e leve */
}

/* Aplica fade de entrada e saída no grupo */
@view-transition-group {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}

/* Força fade-in no novo conteúdo */
@view-transition-group[view-transition-new] {
  opacity: 0;
}

/* Força fade-out no conteúdo antigo */
@view-transition-group[view-transition-old] {
  opacity: 1;
}


:root {
  --shadow-elevation-low-profile: 
    0.02em 0.03em 0.05em rgba(0,0,0,0.1),
    0.03em 0.05em 0.07em rgba(0,0,0,0.1),
    0.07em 0.14em 0.17em rgba(0,0,0,0.1);
  
  --shadow-elevation-low: 
    0.02em 0.03em 0.05em rgba(0,0,0,0.2),
    0.03em 0.05em 0.07em rgba(0,0,0,0.2),
    0.07em 0.14em 0.17em rgba(0,0,0,0.2);

  --shadow-elevation-medium: 
    0.02em 0.03em 0.05em rgba(0,0,0,0.25),
    0.05em 0.1em 0.12em rgba(0,0,0,0.25),
    0.13em 0.25em 0.32em rgba(0,0,0,0.25),
    0.31em 0.63em 0.79em rgba(0,0,0,0.25);

  --shadow-elevation-high: 
    0.02em 0.03em 0.05em rgba(0,0,0,0.3),
    0.1em 0.2em 0.25em rgba(0,0,0,0.3),
    0.18em 0.36em 0.45em rgba(0,0,0,0.3),
    0.3em 0.6em 0.75em rgba(0,0,0,0.3),
    0.47em 0.94em 1.17em rgba(0,0,0,0.3);
}

/* Classes reutilizáveis para sombra */
.shadow-low {
  text-shadow: var(--shadow-elevation-low);
}

.shadow-medium {
  text-shadow: var(--shadow-elevation-medium);
}

.shadow-high {
  text-shadow: var(--shadow-elevation-high);
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: white;
 /* text-shadow: var(--shadow-elevation-low-profile); /* medium por padrão */
  margin-top: 0 !important;
}

.logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sp-module.connect-top {
    zoom: 0.7;
}

.sp-megamenu-parent > li > a {
  color: #fff;
  text-decoration: none;
  position: relative;
}

/* linha metade branca e metade branca 50% transparente */
.sp-megamenu-parent > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 35px; /* logo abaixo do texto */
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,0.5) 50%,
    rgba(255,255,255,0.5) 100%
  );
  border-radius: 2px;
  transition: width 0.35s ease, opacity 0.2s ease;
}

/* hover: exibe linha */
.sp-megamenu-parent > li > a:hover::after {
  width: 80%;
}

/* ativo: linha visível se não houver hover em outro */
.sp-megamenu-parent > li.active > a::after {
  width: 80%;
}

/* ao passar mouse em outro item → some linha do ativo */
.sp-megamenu-parent:hover > li.active > a::after {
  width: 0;
  opacity: 0;
}


/* Ocultar rótulo */
.mod-finder.js-finder-searchform label.finder {
    display: none;
}

/* Container do módulo */
.mod-finder.js-finder-searchform {
    width: 100%;
}
.awesomplete {
    width: 100%;
}
form.mod-finder.js-finder-searchform.form-search {
    align-items: center;
    justify-items: center;
}
/* Container do input + botão */
.mod-finder__search {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 750px;

    border-radius: 40px;
    background-color: #fff;

    padding: 6px 10px;
    align-items: center;

    /* Sombra elegante */
    box-shadow:
        0 1px 3px rgba(0,0,0,0.12),
        0 4px 12px rgba(0,0,0,0.08);

    transition: box-shadow 0.25s ease, transform 0.2s ease;
}

.mod-finder__search:focus-within {
    box-shadow:
        0 3px 8px rgba(0,0,0,0.15),
        0 0 0 2px rgba(0,123,255,0.15);

    transform: translateY(-1px);
}

/* Input */
.mod-finder__search input.js-finder-search-query.form-control {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 16px;
    color: #333;
    padding-right: 50px; /* espaço para o botão */
}

/* Placeholder */
.mod-finder__search input.js-finder-search-query.form-control::placeholder {
    color: #aaa;
}

/* Botão do módulo */
.mod-finder__search button.btn.btn-primary {
    font-size: 0; /* esconde o texto */
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #07432c;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
  animation: pulse 2s infinite;
    transition: background 0.3s;
}

/* Ícone dentro do botão */
.mod-finder__search button.btn.btn-primary .icon-search {
    font-size: 18px; /* restaura o tamanho do ícone */
    color: #fff;
}



/* Ícone dentro do botão */
.mod-finder__search button.btn.btn-primary .icon-search {
    color: #fff;
    font-size: 18px;
}

/* Remover texto do botão (se houver) */
.mod-finder__search button.btn.btn-primary span:not(.icon-search) {
    display: none;
}

/* Efeito pulsar */
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(30, 81, 192, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(30, 81, 192, 0); }
    100% { box-shadow: 0 0 0 0 rgba(30, 81, 192, 0); }
}


.awesomplete ul[role="listbox"] {
  position: absolute !important;
  z-index: 999999 !important;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}


/* Força a lista do Awesomplete ficar por cima */
.awesomplete > ul[role="listbox"],
.awesomplete ul[role="listbox"] {
  position: absolute !important;
  top: 100% !important;   /* cola embaixo do input */
  left: 0 !important;
  width: 100% !important; /* ocupa a largura do input */
  max-height: 250px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
  z-index: 999999 !important;
}


.logo-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 15px;
  font-family: Arial, sans-serif;
  height: 120px;
}

.logo-text .top {
  font-size: 14px;
  color: #666;
  font-weight: 400;
}

.logo-text .middle {
  font-size: 28px;
  color: #444;
  font-weight: 600;
  margin-top: 2px;
}

.logo-text .line {
  display: flex;
  height: 3px;
  margin: 6px 0;
}

.logo-text .line div:first-child {
  flex: 1;
  background: #de3933;
}

.logo-text .line div:last-child {
  flex: 1;
  background: #60badf;
}

.logo-text .bottom {
    font-size: 12px;
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
}
.footer-line {
  display: flex;
  height: 3px; /* espessura da linha */
  margin-top: 2px; /* 10px de distância do footer */
}

.footer-line div {
  flex: 1;
  height: 100%;
}

.footer-line div:first-child {
  background: #de3933;
}

.footer-line div:last-child {
  background: #60badf;
}



/* Container principal */
#widget_acesso_rapido {
  position: relative;
  margin-top: 20px;
 background-image: linear-gradient(rgb(255 255 255) 30%, rgb(255 255 255 / 0%) 50%);
  border-radius: 10px;
  padding: 20px;
  overflow: visible; /* permite a sombra do pseudo-elemento */
}

/* sombra apenas no topo e laterais superiores */
#widget_acesso_rapido::before {
  content: "";
  position: absolute;
  top: -8px;       /* altura da sombra acima */
  left: -8px;      /* sombra na lateral esquerda */
  right: -8px;     /* sombra na lateral direita */
  height: 12px;    /* apenas parte superior para a sombra */
  box-shadow: 0 0 8px rgba(0,0,0,0.05);
  pointer-events: none;
  border-radius: 10px 10px 0 0; /* bordas arredondadas apenas em cima */
}


/* Coluna esquerda */
.left-menu {
  background: #07432c;
  border-radius: 10px 0 0 10px;
  padding: 15px;
}

.left-menu .list-group {
  margin: 0;
  padding: 0;
}

.left-menu .list-group-item {
  background: transparent;
  border: none;
  padding: 12px 0;
}

.left-menu a {
  text-decoration: none;
  font-weight: 500;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}

.left-menu a i {
  font-size: 16px;
}

.left-menu a:hover {
  text-decoration: underline;
}

/* Abas */
.right-tabs .nav-tabs {
  border-bottom: none;
  margin-bottom: 15px;
       
}

.col-md-9.right-tabs {
    padding: 10px;
    background: #fff; /* garante que a sombra apareça sobre o fundo */
    border-radius: 0 12px 12px 0; /* cantos arredondados */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* sombra suave */
}

.right-tabs .nav-tabs .nav-link {
  border: none;
  border-radius: 25px;
  padding: 8px 20px;
  font-weight: 500;
  color: #07432c;
  background: #f2f4f8;
  margin-right: 8px;
  transition: all 0.3s ease;
  margin-bottom: 5px;
    margin-top: 5px;
}

.right-tabs .nav-tabs .nav-link.active {
  background: #07432c;
  color: #fff;
}

.right-tabs .nav-tabs .nav-link:hover {
  background: #07432c;
  color: #fff;
}

/* Cards */
.widget-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: #f8f9fa;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  color: #07432c;
  font-weight: 500;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  height: 120px;
}

.widget-card i {
  font-size: 28px;
  margin-bottom: 10px;
  color: #07432c;
}

.widget-card:hover {
  background: #07432c;
  color: #fff;
}

.widget-card:hover i {
  color: #fff;
}
a.widget-card {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.widget-card small.menu-note {
    font-size: 0.7em;
    color: #6c757d;
   
    line-height: 1;
      text-align: justify;
    padding: 0;
}

/* estado normal */
.widget-card small {
  color: #6c757d; /* cinza padrão */
  transition: color 0.3s ease;
}

/* quando o card for hoverado */
.widget-card:hover small,
.widget-card:focus small {
  color: #fff; /* branco */
}

.widget-card small.menu-note:hover, .widget-card small.menu-note:active {
  color: #fff !Important;
  }

/* Área de conteúdo das abas */
.right-tabs .tab-content {
  height: 280px;
  min-height: 280px;
  max-height: 600px; /* altura fixa da área de cards */
  overflow-y: auto;  /* scroll vertical */
   overflow-x: hidden;
  padding-right: 8px; /* espaço pro scroll não colar no card */
}

/* Scrollbar estilizado (webkit) */
.right-tabs .tab-content::-webkit-scrollbar {
  width: 8px;
}

.right-tabs .tab-content::-webkit-scrollbar-track {
  background: #f2f4f8;
  border-radius: 10px;
}

.right-tabs .tab-content::-webkit-scrollbar-thumb {
  background-color: #07432c;
  border-radius: 10px;
}
/* links da coluna esquerda com efeito de linha metade opaca/metade sólida */
.col-md-3.left-menu a {
  position: relative;
  text-decoration: none;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* linha abaixo do texto */
.col-md-3.left-menu a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0; /* ajusta a posição abaixo do link */
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,0.5) 50%,
    rgba(255,255,255,0.5) 100%
  );
  border-radius: 2px;
  transition: width 0.35s ease, opacity 0.2s ease;
}

/* hover: exibe linha */
.col-md-3.left-menu a:hover::after {
  width: 80%;
}

/* ativo: linha visível se não houver hover em outro */
.col-md-3.left-menu li.active > a::after {
  width: 80%;
}

/* ao passar mouse em outro item → some linha do ativo */
.col-md-3.left-menu:hover li.active > a::after {
  width: 0;
  opacity: 0;
}

.title-blue{
  color: #07432c;
}

h3.module-title.title-blue {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #07432c;
    border-bottom: 1px dotted #CCCCCC; /* borda inferior azul */
    padding-bottom: 5px; /* espaçamento entre o texto e a borda */
}

/* ===========================
   WIDGET TRANSPARÊNCIA
   =========================== */

/* Container principal */
.widget-transparencia {
  
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  padding: 20px;
}

/* Título do módulo */
.widget-transparencia .module-title.title-blue {
  font-size: 1.5rem;
  margin-bottom: 15px;
  color: #07432c;
  border-bottom: 2px solid #07432c;
  padding-bottom: 5px;
}

/* ===========================
   BUSCA (topo do widget)
   =========================== */
.widget-transparencia .mod-finder__search.input-group {
  border-radius: 999px;
  background: #f2f4f8;
  padding: 6px;
}

.widget-transparencia .mod-finder__search .form-control {
  border: none;
  background: transparent;
  box-shadow: none;
  padding-left: 14px;
  height: 42px;
}

.widget-transparencia .mod-finder__search .form-control:focus {
  outline: none;
  box-shadow: none;
}

.widget-transparencia .mod-finder__search .btn.btn-primary[disabled] {
  pointer-events: none;
  opacity: .5;
}

/* ===========================
   ABAS
   =========================== */
.widget-transparencia .nav-tabs {
  border-bottom: none;
  margin-top: 10px;
  margin-bottom: 15px;
      min-width: 50%;
}

.widget-transparencia .nav-tabs .nav-link {
  border: none;
  border-radius: 25px;
  padding: 8px 20px;
  font-weight: 500;
  color: #07432c;
  background: #f2f4f8;
  margin-right: 8px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.widget-transparencia .nav-tabs .nav-link:hover,
.widget-transparencia .nav-tabs .nav-link:focus {
  background: #07432c;
  color: #fff;
}

.widget-transparencia .nav-tabs .nav-link.active {
  background: #07432c;
  color: #fff;
}

/* ===========================
   ÁREA DE CONTEÚDO DAS ABAS
   =========================== 
.widget-transparencia .tab-content {
  height: auto;
  min-height: 300px;
  max-height: 600px;        
  overflow-y: auto;         
  overflow-x: hidden;
  padding-right: 8px;      
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2); 
}*/

.widget-transparencia .tab-content {
  height: auto;
  min-height: 300px;
  max-height: auto;       /* altura fixa para área de cards */
  /*overflow-y: auto;        /* scroll vertical */
  overflow-x: hidden;
  padding-right: 8px;      /* espaço pro scroll não colar no card */
  background: #fff;
  border-radius: 12px;
 /* box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* sombra suave similar ao right-tabs */
}
/* Scrollbar estilizado (webkit) */
.widget-transparencia .tab-content::-webkit-scrollbar {
  width: 8px;
}

.widget-transparencia .tab-content::-webkit-scrollbar-track {
  background: #f2f4f8;
  border-radius: 10px;
}

.widget-transparencia .tab-content::-webkit-scrollbar-thumb {
  background-color: #07432c;
  border-radius: 10px;
}

/* ===========================
   TÍTULO DAS CATEGORIAS (aba "Todos")
   =========================== */
.widget-transparencia .transparencia-category-title {
  color: #07432c;
  text-align: center;
  /*font-weight: 600;*/
  font-size: 1.2rem;
  margin: 24px 0 12px;
  padding-bottom: 6px;
  border-bottom: 1px dotted #CCCCCC;
}

/* ===========================
   GRUPOS E CARDS
   =========================== */
.widget-transparencia .transparencia-group {
  /* já tem .row g-3; apenas garantimos centralização 
  justify-content: center !important;*/
}

/* Card */
.widget-transparencia .widget-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: #f8f9fa;
  border-radius: 12px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #07432c;
  font-weight: 500;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  height: 185px;
}

.widget-transparencia .widget-card i {
  font-size: 28px;
  margin-bottom: 10px;
  color: #07432c;
}

.widget-transparencia a.widget-card {
  box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* igual ao módulo anterior */
}

.widget-transparencia .widget-card:hover,
.widget-transparencia .widget-card:focus {
  background: #07432c;
  color: #fff;
  text-decoration: none;
}
.widget-transparencia .widget-card small {
  color: #6c757d; /* cor original (muted) */
  transition: color 0.3s ease;
}

/* Aplica o hover ao small quando o card for hoverado */
.widget-transparencia .widget-card:hover small,
.widget-transparencia .widget-card:focus small {
  color: #fff !important; /* branco */
}
.widget-transparencia .widget-card:hover i,
.widget-transparencia .widget-card:focus i {
  color: #fff !important; /* branco */
}

/* ===========================
   ACESSIBILIDADE/FOCUS
   =========================== */
.widget-transparencia .nav-tabs .nav-link:focus-visible,
.widget-transparencia .widget-card:focus-visible,
.widget-transparencia .mod-finder__search .form-control:focus-visible {
  outline: 2px solid rgba(30,81,192,.4);
  outline-offset: 2px;
  border-radius: 8px;
}
.flex-grow-1 {
    flex-grow: 1 !important;
    justify-items: center;
}
/* ===========================
   RESPONSIVIDADE
   =========================== */
@media (max-width: 960.98px) {
  .widget-transparencia {
    padding: 16px;
  }
  .widget-transparencia .tab-content {
    max-height: none; /* em mobile, sem limite de altura */
  }
  .widget-transparencia .nav-tabs .nav-link {
    margin-bottom: 8px;
  }
  li.item-101.default.current.active {
    display: none !important;
}
.logo {
   
}
section#sp-main-body {
    margin-left: 10px;
    margin-right: 10px;
}
}
@media (max-width: 991px) {
    #sp-header-topbar {
        margin: 10px 0px;
        display: none;
    }
  header#sp-header {
    height: 100px;
}
  .col-lg-9.col-6.col-xl-12 {
    width: 25%;
}
  .col-lg-3.col-6.d-block.d-xl-none {
    width: 75%;
}

      .logo-image-phone {
        height: 70px !Important;
        margin-top: 10px;
    }
  #sp-header.lg-header {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    background: #fff !important;
	border-bottom: 4px #049b04 solid;
}
  }
/* Estilo "Menu Footer" Helix Ultimate */
.menu-footer .menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-footer .menu li {
    margin-bottom: 10px;
}

.menu-footer .menu li a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    text-decoration: none;
    color: #ffffff;
    background-color: #2c3e50; /* cor de fundo do footer */
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.menu-footer .menu li a .menu-icon {
    margin-right: 8px;
    font-size: 16px;
    color: #f39c12; /* cor do ícone */
}

.menu-footer .menu li a:hover {
    background-color: #34495e;
    color: #f39c12;
    transform: translateY(-2px);
}

.menu-footer .menu li a:hover .menu-icon {
    color: #f39c12;
}

/* Responsivo */
@media (max-width: 768px) {
    .menu-footer .menu li a {
        justify-content: center;
    }
}

body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    right: 0;
    top: 0;
    width: 100vw;
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
  background: linear-gradient(to bottom, #ffffff 0%, #d9d9d9 100%);
}
.offcanvas-menu .offcanvas-inner ul.menu>li {
   
    background: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu > li:hover {
  background-color: #f7f7f7;
  transform: translateX(4px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}

.offcanvas-menu .offcanvas-inner {
    padding: 0 25px 0 15px;
  }