/* =========================================
   MODO LIVIANO PARA iPhone / iPad
   En iPhone real Safari cortaba la página al bajar ("Ocurrió un problema varias veces"): se quedaba sin memoria de GPU.
   Lo que más memoria pide en iOS son las capas compuestas: desenfoques grandes (filter: blur), vidrio esmerilado
   (backdrop-filter), mezclas (mix-blend-mode) y varios <video> a la vez. Acá se apagan SOLO en iOS:
   @supports (-webkit-touch-callout: none) lo cumple únicamente WebKit de iPhone/iPad (escritorio y Android no cambian).
   El JS hace su parte: satén en una sola imagen quieta y sin previas automáticas (los videos se ven al tocar "Ver video").
   ========================================= */
@supports (-webkit-touch-callout: none) {
  /* satén de fondo: una sola capa, sin grano mezclado encima */
  .satin-fallback .sf { will-change: auto; transition: none; }
  html.sat-img .satin-fallback::after { display: none; }

  /* vidrio esmerilado → perla sólida (mismos colores que el respaldo para navegadores sin backdrop-filter) */
  * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
  .glass { background: linear-gradient(140deg, rgba(251,246,243,.95), rgba(243,218,219,.92)); }
  .btn--line, .btn--glass { background: rgba(251,246,243,.92); }
  .nav::before { background: rgba(251,246,243,.94); }
  .chip, .ctrl, .stage__status { background: rgba(251,246,243,.94); }
  .satin-band { background: rgba(251,246,243,.92); }

  /* fondos desenfocados gigantes detrás de secciones: fuera (se ve el satén) */
  .stage__bg, .stage__bokeh, .tray-bg, .acad__bg, .vpanel__bg, .lb__bg { display: none !important; }
  .lb__frame-bg { filter: none; opacity: .35; }

  /* velos con mezcla de color sobre fotos y videos: fuera */
  .tone, .glint, .acad__tint, .tray-tint,
  .stage__bgveil::after, .stage__bg::after, .shows__ibg::before, .acad__bg::after,
  .vcard__frame::after, .vcard__frame::before { display: none !important; }
  .tray-tint::before, .tray-tint::after { display: none !important; }

  /* paneles decorativos desenfocados y girados: sin desenfoque, apenas atenuados */
  .pback, .shows__iback, .duo__back, .fan__back, .cp .poster { filter: none !important; }
  .pback .poster, .shows__iback .poster, .duo__back .poster, .fan__back .poster { filter: none !important; transform: none; opacity: .55; }
  .pback .vid, .shows__iback video { display: none; }
  .vcard:not(.is-center) .vcard__poster, .vcard:not(.is-center) .vcard__preview { filter: none !important; opacity: .6; }
  #cedgeShadow { filter: none; }
}