/*===========================================[====*====]===========================================*/
/*[AUTOR]: Jorge A. Sanabria Alcántara
/*[FOLIO SISAP]: 603803 - AJUSTES EN UPGRADE GX18 DEL PORTAL DE DENUNCIAS 
/*[FECHA DE CREACIÓN]: 27/05/2026
/*[DESCRIPCIÓN]: Hoja de estilos para animación del RotateDevice
/*===========================================[====*====]===========================================*/
.rotateOverlayGX {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeInOverlay 0.4s ease;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.phone {
  animation: rotateDeviceIOS 2.2s cubic-bezier(.68,-0.55,.27,1.55) infinite;
  transform-origin: center center;
  box-shadow: 0px 10px 25px rgba(255,255,255,0.3);
}

.rotate-text {
  margin-top: 15px;
  font-size: 18px;
  color: white;
  animation: pulseText 1.8s ease-in-out infinite;
}

/* Keyframes */

@keyframes rotateDeviceIOS {
  0%   { transform: rotate(0deg) scale(1); }
  20%  { transform: rotate(-3deg) scale(1.05); }
  40%  { transform: rotate(95deg) scale(1.1); }
  60%  { transform: rotate(90deg) scale(1.05); }
  80%  { transform: rotate(93deg) scale(1.08); }
  100% { transform: rotate(0deg) scale(1); }
}

@keyframes fadeInOverlay {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes pulseText {
  0%   { opacity: 0.5; transform: translateY(0px); }
  50%  { opacity: 1;   transform: translateY(-2px); }
  100% { opacity: 0.5; transform: translateY(0px); }
}