/* Container principal */
#divgeral {
  height: 100vh;
}

/* Logo */
.logo-image {
  max-width: 70%;
  height: auto;
  object-fit: contain;
}

/* Div IDENT (lado esquerdo / topo no mobile) */
#divident {
  background-color: #fff;
  position: relative;
  z-index: 2;
  height: 100vh !important;
  overflow: hidden;

  box-shadow: -10px 0px 20px 5px rgba(0, 0, 0, 0.25);
}

#divident::before {
  content: "";
  position: absolute;
  inset: 0;
  /* background-color: aliceblue; */
  background-image: url("../images/icone.png");
  background-repeat: no-repeat;
  background-position: 5%;
  background-size: 150%;
  opacity: 0.055;
  z-index: 0;
}

#divident > * {
  position: relative;
  z-index: 1;
}

/* Div LOGO */
#divlogo {
  height: 100vh !important;
  z-index: 1;
}

/* ===== RESPONSIVO ===== */
@media (max-width: 991.98px) {
  #divgeral {
    flex-direction: column;
  }

  #divident {
    height: 40vh !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    /* sombra inferior no mobile */
  }

  #divlogo {
    height: 60vh !important;
  }
}