@font-face {
    font-family: 'GothamXNarrowUltra';
    src: url('../fonts/GothamXNarrow-Light.woff2') format('woff2'),
         url('../fonts/GothamXNarrow-Light.woff') format('woff'),
         url('../fonts/GothamXNarrow-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Fonte global */
body, p, a, span, div, li, ul, ol, h1, h2, h3, h4, h5, h6, button, input, textarea {
    font-family: 'GothamXNarrowLight', sans-serif !important;
}

/* Aumentar tamanho do menu principal */
.sp-megamenu-parent > li > a {
    font-size: 18px !important;   
}

.sp-megamenu-parent .sp-dropdown li a {
    font-size: 16px !important;
}

/* Galeria responsiva */
.galeria-responsiva {
  max-width: 100%;   
  height: auto;      
  max-height: 250px; 
  display: block;
  margin: 0 auto;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  background-color: transparent;
}

@media (max-width: 576px) {
  .galeria-responsiva {
    width: 80%;           
    max-width: 200px;     
  }
}

/* Submenus desktop */
.sp-megamenu-parent .sp-has-child .sp-submenu {
  display: none;
}

.sp-megamenu-parent .sp-has-child.menu-open .sp-submenu {
  display: block;
}

/* Submenus mobile independente */
.menu-parent .menu-child {
  display: none;
  padding-left: 15px; /* opcional, recuo dos subitens */
}

.menu-parent.active .menu-child {
  display: block;
}

.galeria-3 {
  display: flex !important;
  flex-wrap: nowrap !important;
  margin: 0;
  padding: 0;
  width: 100% !important;
  justify-content: space-between; /* distribui as imagens com espaço */
}

.galeria-3 a {
  display: block;
  flex: 1 1 0; /* cada link ocupa espaço igual */
}

.galeria-3 a:nth-child(2) {
  margin-left: 5px;   /* metade do gap à esquerda da imagem do meio */
  margin-right: 5px;  /* metade do gap à direita da imagem do meio */
}

.galeria-3 img {
  width: 100% !important;
  height: auto;
  display: block;
}

/* Mobile: 1 por linha */
@media (max-width: 767px) {
  .galeria-3 {
    flex-wrap: wrap !important;
  }
  .galeria-3 a {
    flex: 0 0 100% !important;
    margin: 0 0 10px 0; /* espaço entre imagens no mobile */
  }
}
