/* Alivio de renderizado para teléfonos — 08-09-2026.
 *
 * ⛔⛔ POR QUÉ EXISTE. El editor aplica 13 `backdrop-filter` a la vez (la lista tiene 11). Cada uno
 * obliga a WebKit a componer una capa aparte Y DIFUMINAR todo lo que hay detrás; en un iPhone eso
 * bloquea el hilo principal. Los informes del propio navegador del dueño lo probaron: el primer
 * script arrancaba (aviso a los 0 ms) y después NO disparaba ni un `setTimeout` de 2 segundos, ni
 * el aviso de salida al cerrar. Eso no es red ni descargas: es el hilo parado componiendo.
 *
 * En escritorio no se toca nada: el efecto se mantiene tal cual.
 * ⚠️ Solo se quita el DIFUMINADO. El fondo, el color y la opacidad de cada capa siguen igual, así
 * que las ventanas se siguen viendo y distinguiendo; lo único que se pierde es el desenfoque.
 */
@media (max-width: 900px) {
  *,
  *::before,
  *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  /* Las sombras muy difusas también obligan a recomponer en cada scroll. */
  .tap-floatprev,
  .qflash__box,
  .tap-studio .tap-panel {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25) !important;
  }
}

/* ⛔⛔ EL AVISO A PANTALLA COMPLETA NO PUEDE ATRAPAR A NADIE — NUNCA. (08-09-2026)
 *
 * `.qflash` es `position:fixed; inset:0`: tapa TODA la pantalla. Su cierre dependía por completo de
 * JavaScript (la X, el fondo, Escape y el auto-cierre pasaban todos por un script). Si ese JS no
 * corre —y en el navegador del dueño NO corre— el aviso se queda encima PARA SIEMPRE. Sus palabras,
 * ya en PC: «quedó el mensaje 'ya has iniciado sesión' y no hace absolutamente nada; se ve de fondo
 * el editor pero no puedo salir».
 *
 * ⭐ ESTO ES CSS PURO: NO DEPENDE DEL HILO DE JAVASCRIPT.
 *   1. El VELO deja de capturar toques: los clics lo atraviesan y la página de detrás se usa desde
 *      el primer instante. Solo la CAJA del mensaje sigue siendo interactiva.
 *   2. El aviso se APAGA SOLO a los 6 s con una animación CSS (`forwards` fija el estado final).
 *
 * ⚠️ Vale también para el aviso de bienvenida (`data-auto-dismiss="-1"`), que a propósito no se
 * cierra solo: que no se cierre SOLO no puede significar que no se pueda cerrar NUNCA.
 */
@keyframes qflashApagar { to { opacity: 0; visibility: hidden; } }

.qflash {
  pointer-events: none !important;
  animation: qflashFade .15s ease, qflashApagar .4s ease 6s forwards !important;
}
.qflash__box { pointer-events: auto !important; }

/* La CAJA del mensaje también se apaga sola. Con `pointer-events:none` en el velo la página ya es
 * usable, pero el mensaje seguía tapando la vista. Ahora se va a los 6 s, por CSS, sin JavaScript.
 * ⚠️ `visibility` se anima de forma discreta: hay que llevarla en el mismo keyframe que la opacidad
 * para que el elemento deje de ocupar la capa al terminar. */
@keyframes qflashApagarCaja {
  to { opacity: 0; visibility: hidden; transform: scale(.98); }
}
.qflash__box {
  animation: qflashPop .18s ease, qflashApagarCaja .5s ease 6s forwards !important;
}