/* ===== ANIMACIÓN DESKTOP ===== */
@keyframes movimientoRombo {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  25% {
    transform: translate(25px, -25px) rotate(10deg);
  }
  50% {
    transform: translate(25px, 25px) rotate(15deg);
  }
  75% {
    transform: translate(-25px, 25px) rotate(-15deg);
  }
  100% {
    transform: translate(-25px, -25px) rotate(-10deg);
  }
}
.mover-imagen {
  animation: movimientoRombo 10s infinite ease-in-out alternate;
  position: relative;
  /* mantiene cada imagen en su lugar */
  z-index: 10;
}
.mover-imagen:nth-child(1) {
  animation-delay: 0s;
}
.mover-imagen:nth-child(2) {
  animation-delay: 2s;
}
.mover-imagen:nth-child(3) {
  animation-delay: 4s;
}
.mover-imagen:nth-child(4) {
  animation-delay: 6s;
}
.mover-imagen:nth-child(5) {
  animation-delay: 8s;
}
/* ===== ELIMINAR FOOTER ===== */
#site-footer {
  display: none !important;
}
/* ===== LOGO CENTRADO ===== */
.elementor-shortcode {
  text-align: center;
}
.logocentrado {
  position: relative;
  display: inline-block;
}
/* ===== BLOQUEAR SCROLL SOLO EN LA PÁGINA HOME (ID 15) ===== */
body.page-id-15 {
  overflow: hidden;
  height: 100%;
}
/* ===== ANIMACIÓN MOBILE ===== */
@media (max-width: 768px) {
  @keyframes movimientoRomboMobile {
    0% {
      transform: translate(0px, 0px) rotate(0deg);
    }
    25% {
      transform: translate(12px, -12px) rotate(10deg);
    }
    50% {
      transform: translate(12px, 12px) rotate(15deg);
    }
    75% {
      transform: translate(-12px, 12px) rotate(-15deg);
    }
    100% {
      transform: translate(-12px, -12px) rotate(-10deg);
    }
  }
  .mover-imagen {
    animation: movimientoRomboMobile 10s infinite ease-in-out alternate;
  }
}
/* Contenedor de la miniatura con borde y esquinas */
.elementor-post__thumbnail {
  border-radius: 30px;
  border: 1px solid #fff;
  overflow: hidden;
  /* Para que la imagen respete el borde redondeado */
  transition: all 0.4s ease;
}
/* Imagen adentro con transición */
.elementor-post__thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.4s ease;
  border-radius: 30px;
  /* asegura que el img también tenga el redondeo */
}
/* Hover: opacidad + zoom */
.elementor-post__thumbnail:hover img {
  opacity: 0.85;
  transform: scale(1.05);
}
