/**
 * Estilos específicos para mejorar la experiencia en dispositivos Apple (iOS, macOS con Safari)
 */

/* Mejorar área táctil para botones */
.ios-touch-button {
  padding: 12px 24px !important;
  min-height: 44px !important; /* Tamaño mínimo recomendado para elementos táctiles en iOS */
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Prevenir comportamientos no deseados en formularios */
input, textarea, select, button {
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 16px !important; /* Prevenir zoom automático en iOS */
}

/* Mejorar experiencia en formularios modales para dispositivos Apple */
.modal input, .modal textarea, .modal select, .modal button {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  touch-action: manipulation;
  cursor: pointer;
}

/* Mejorar experiencia de desplazamiento */
.ios-scroll {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

/* Mejorar visualización de elementos activos */
.ios-touch-button:active {
  opacity: 0.8;
  transform: scale(0.98);
}

/* Corregir problemas con elementos fijos en iOS */
.ios-fixed, .modal {
  position: fixed;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Mejorar rendimiento del modal en dispositivos Apple */
.modal-dialog {
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}