/* ==========================================
   HOME - TOPO
   ÍCONES + SLIDESHOW + INSTAGRAM
========================================== */

/* Bootstrap controla a largura */
#block-iconesesquerda,
#block-instagram2026 {
  width: 130px !important;
  max-width: 130px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin: 0 !important;
}

/* Banner central ocupa o restante */
#block-views-block-slideshow-block-1 {
  width: calc(100% - 260px) !important;
  max-width: calc(100% - 260px) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

/* ==========================================
   BLOCO ESQUERDO - ÍCONES
========================================== */

#block-iconesesquerda {
  height: 500px !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
}

#block-iconesesquerda .layout,
#block-iconesesquerda .layout__region,
#block-iconesesquerda .field--name-body,
#block-iconesesquerda .icones-home,
#block-iconesesquerda .row {
  height: 100% !important;
  width: 100% !important;
}

#block-iconesesquerda .row {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 0 !important;
}

#block-iconesesquerda .col-xs-2,
#block-iconesesquerda .col-sm-2,
#block-iconesesquerda .col-md-12,
#block-iconesesquerda .col-lg-12 {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

#block-iconesesquerda .botao-icone {
  display: block !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: all .2s ease;
}

#block-iconesesquerda .botao-icone:hover {
  transform: translateY(-2px);
}

#block-iconesesquerda .botao-icone img {
  width: 55px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 10px !important;
}

/* ==========================================
   BLOCO CENTRAL - SLIDESHOW
========================================== */

#slideshow_container {
  background: #f1f5f9 !important;
}

#slideshow_container img.image-style-slideshow {
  width: 100% !important;
  height: 470px !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 6px !important;
  background: #f6f6f6 !important;
}

/* ==========================================
   BLOCO DIREITO - INSTAGRAM
========================================== */

#block-instagram2026 {
  height: 500px !important;
  overflow: hidden !important;
}

#block-instagram2026 .layout,
#block-instagram2026 .layout__region,
#block-instagram2026 .field--name-body,
#block-instagram2026 .powr-social-feed,
#e5f9c608_1769786367483 {
  width: 100% !important;
  height: 500px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#block-instagram2026 iframe,
#e5f9c608_1769786367483 iframe {
  width: 120px !important;
  max-width: 120px !important;
  height: 500px !important;
  border: 0 !important;
  display: block !important;
  margin: 0 auto !important;
}

/* ==========================================
   REMOVE CSS GLOBAL DO TEMA
========================================== */

#block-iconesesquerda img,
#block-views-block-slideshow-block-1 img {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  float: none !important;
}

/* ==========================================
   RESPONSIVO
========================================== */

@media (max-width: 991px) {

  #block-iconesesquerda,
  #block-views-block-slideshow-block-1,
  #block-instagram2026 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
  }

  #block-iconesesquerda .row {
    flex-direction: row !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  #block-iconesesquerda .botao-icone img {
    width: 58px !important;
  }

  #slideshow_container,
  #slideshow_container .flex-viewport,
  #slideshow_container .slides,
  #slideshow_container .slides li,
  #slideshow_container img.image-style-slideshow {
    height: auto !important;
  }

  #block-instagram2026 iframe,
  #e5f9c608_1769786367483 iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: 450px !important;
  }
}

/* Remove as bolinhas do slideshow */
.flex-control-nav,
.flex-control-paging {
    display: none !important;
}