/* Espaciador para crear espacio antes del hito */
.hito-avion-n50-spacer {
  height: 50vh;
  width: 100%;
  background: #ffffff;
  z-index: 1001;
}

/* DESKTOP - Con animación */
.hito-avion-n50-desktop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  z-index: 1001;
  /* Inicialmente completamente oculto */
  clip-path: inset(50% 50% 50% 50% round 50%);
  -webkit-clip-path: inset(50% 50% 50% 50% round 50%);
  pointer-events: none; /* No interfiere con la línea del tiempo al inicio */
}

/* Cuando la ventana esté abierta, permitir interacción */
.hito-avion-n50-desktop.revealed {
  pointer-events: auto;
}

/* MOBILE - CON animación igual que desktop */
.hito-avion-n50-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  background: #ffffff;
  z-index: 1001;
  /* Inicialmente completamente oculto - IGUAL QUE DESKTOP */
  clip-path: inset(50% 50% 50% 50% round 50%);
  -webkit-clip-path: inset(50% 50% 50% 50% round 50%);
  pointer-events: none;
}

.hito-avion-n50-mobile.revealed {
  pointer-events: auto;
}

.hito-avion-n50-desktop,
.hito-avion-n50-mobile {
  transition: opacity 0.3s ease-out;
}

.hito-avion-n50-container {
  overflow: hidden;
}

.hito-avion-n50-imagen {
  width: 100%;
  object-fit: cover;
  transform: scale(1.3);
  transform-origin: center 75%;
}

@media (max-width: 768px) {
  .hito-avion-n50-spacer {
    display: none;
  }

  .hito-avion-n50-desktop {
    display: none !important;
  }

  .hito-avion-n50-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
  }

  .hito-avion-n50-imagen {
    transform: scale(1);
  }

  .hito-avion-n50-container {
    width: 100%;
  }
}