.elementor-1450 .elementor-element.elementor-element-c689036{--display:flex;--position:absolute;top:0px;}body:not(.rtl) .elementor-1450 .elementor-element.elementor-element-c689036{left:0px;}body.rtl .elementor-1450 .elementor-element.elementor-element-c689036{right:0px;}.elementor-1450 .elementor-element.elementor-element-4d95dd2{--display:grid;--min-height:100vh;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1450 .elementor-element.elementor-element-835f342{--display:flex;}.elementor-1450 .elementor-element.elementor-element-80fa693{--display:flex;}.elementor-1450 .elementor-element.elementor-element-d35838e{--display:flex;}.elementor-1450 .elementor-element.elementor-element-e9ce0d4{--display:flex;}.elementor-1450 .elementor-element.elementor-element-5195f3d{--display:flex;}.elementor-1450 .elementor-element.elementor-element-c54b7ab{--display:flex;}.elementor-1450 .elementor-element.elementor-element-920e425{--display:flex;}.elementor-1450 .elementor-element.elementor-element-809eea3{--display:flex;}.elementor-1450 .elementor-element.elementor-element-54ca49d{--display:flex;}.elementor-1450 .elementor-element.elementor-element-46a7ee5{--display:flex;}@media(max-width:1024px){.elementor-1450 .elementor-element.elementor-element-4d95dd2{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1450 .elementor-element.elementor-element-4d95dd2{--width:100%;}.elementor-1450 .elementor-element.elementor-element-809eea3{--content-width:1140px;}.elementor-1450 .elementor-element.elementor-element-54ca49d{--content-width:1140px;}.elementor-1450 .elementor-element.elementor-element-46a7ee5{--content-width:1140px;}}@media(max-width:767px){.elementor-1450 .elementor-element.elementor-element-4d95dd2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-4d95dd2 *//* CONTENEDOR HIJO */
.grid-item {
  position: relative;
  overflow: hidden;
}

/* OVERLAY OSCURO SOLO DEL HIJO */
.grid-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  opacity: 1;
  transition: opacity 0.35s ease;
  z-index: 2;
  pointer-events: none;
}

.grid-item:hover::before {
  opacity: 0;
}

/* CONTENEDOR DEL LOGO */
.logo-centro {
  position: relative;
  z-index: 3;
}

/* TEXTO ARRIBA DEL LOGO (USANDO EL CONTENEDOR INTERNO) */
.logo-inner::after {
  content: "Sustainable Cities";
  position: absolute;
  top: calc(50% - 15px);
  left: 50%;
  transform: translate(-50%, -100%);
  font-family: "Garamond", "EB Garamond", serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.18em;
  color: #ffffff;
  opacity: 1;
  white-space: nowrap;
  text-shadow: 0 2px 8px rgba(0,0,0,0.65); /* 🔥 contraste real */
  pointer-events: none;
}


.logo-inner {
  position: absolute;
  inset: 0;
  background-image: url("https://donis.org/wp-content/uploads/2025/11/WhatsApp_Image_2025-10-25_at_6.25.17_PM-removebg-preview.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28%; /* logo más chico */
  z-index: 3;
  transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}


/* ZOOM IN SOLO EN ESTA CELDA */
.logo-centro:hover .logo-inner {
  background-size: 36%;
}/* End custom CSS */