.elementor-3488 .elementor-element.elementor-element-b92794d{--display:flex;}.elementor-3488 .elementor-element.elementor-element-16379b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-16379b1 *//* GRID */
.logo-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}

/* CARD QUADRADO */
.hover-logo-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* 🔥 largura = altura */
  overflow: hidden;
  border-radius: 10px;
}

/* IMAGEM DE FUNDO - COVER REAL */
.hover-logo-container img.base-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;          /* 🔥 cobre tudo */
  object-position: center;    /* 🔥 centraliza corte */
  display: block;
}

/* OVERLAY */
.logo-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .3s ease;
}

.logo-image {
  width: 45%;
  max-width: 160px;
  opacity: 0;
  transform: scale(.85);
  transition: .3s ease;
}

/* HOVER */
.hover-logo-container:hover .logo-overlay {
  opacity: 1;
}

.hover-logo-container:hover .logo-image {
  opacity: 1;
  transform: scale(1);
}/* End custom CSS */