/* ============================================================
   ios-fixes.css — Correcciones específicas para iOS Safari
   Método 5L — Sanación Energética Práctica
   ============================================================ */

/* Altura de viewport en iOS (Safari no soporta 100svh correctamente en versiones antiguas) */
@supports not (height: 100svh) {
  .hero {
    min-height: -webkit-fill-available;
  }
}

/* Prevenir zoom en inputs en iOS */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
  font-size: 16px !important; /* Mínimo para evitar zoom en iOS */
}

/* Botones — eliminar estilos nativos iOS */
button,
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  appearance: none;
}

/* Smooth scroll en iOS */
html {
  -webkit-overflow-scrolling: touch;
}

/* Scroll horizontal en body */
body {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

/* Tap highlight color */
* {
  -webkit-tap-highlight-color: rgba(255, 215, 0, 0.15);
}

/* Prevenir callout en imágenes (long press iOS) */
img, a {
  -webkit-touch-callout: none;
}

/* Fixed position con transform para iOS */
.navbar,
.premium-ticker,
.cookie-banner {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Backdrop filter para iOS */
@supports (-webkit-backdrop-filter: blur(1px)) {
  .navbar.scrolled,
  .mobile-menu {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }
}

/* Border radius en overflow hidden para iOS */
.video-container,
.pain-card,
.stat-card,
.event-card,
.testimonio-card,
.garantia-card {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

/* Select nativo en iOS */
select {
  -webkit-appearance: none;
  appearance: none;
}

/* Focus outline en iOS */
:focus {
  outline: none;
}
:focus-visible {
  outline: 2px solid #FFD700;
  outline-offset: 3px;
}

/* Viewport units safe area para iPhone X+ */
@supports (padding: max(0px)) {
  .premium-ticker {
    padding-bottom: env(safe-area-inset-bottom);
    height: calc(var(--ticker-height) + env(safe-area-inset-bottom));
  }

  .footer {
    padding-bottom: calc(var(--space-12) + var(--ticker-height) + env(safe-area-inset-bottom));
  }

  .section--cta-final {
    padding-bottom: calc(var(--space-24) + var(--ticker-height) + env(safe-area-inset-bottom));
  }
}

/* Animaciones — reducir en iOS para performance */
@media (prefers-reduced-motion: reduce) {
  .particle,
  .scroll-dot,
  .hero__badge i {
    animation: none !important;
  }

  [data-aos] {
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
  }
}

/* Video en iOS */
video {
  -webkit-playsinline: true;
  playsinline: true;
}

/* Checkbox estilos en iOS */
input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255,255,255,0.3);
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}

input[type="checkbox"]:checked {
  background: #FFD700;
  border-color: #FFD700;
}

input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 5px;
  width: 6px;
  height: 10px;
  border: 2px solid #0A0A0A;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}