/* La cortina: blanca, entera y por encima de todo, incluido el chat y la barra de abajo.
   2147483647 es el número más alto que admite un z-index; no hay nada que pueda quedar
   por encima. El fondo es opaco a propósito: una capa translúcida deja leer lo de debajo,
   y aquí de lo que se trata es de que no se lea. */
/* A prueba de zoom. Con «inset: 0» la capa cubre el viewport, que es lo normal; pero al
   hacer pinza para alejar, en algunos navegadores móviles el viewport visual y el de diseño
   dejan de coincidir y asoma una franja por un borde. Con tres pantallas de lado, desplazada
   una hacia atrás, no hay zoom que encuentre el borde. */
.mx-cortina {
    position: fixed;
    top:-100vh;right:-100vw;bottom:-100vh;left:-100vw;inset: -100vh -100vw;
    min-width: 300vw;
    min-height: 300vh;
    z-index: 2147483647;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    /* Por si el navegador no respetara el bloqueo del desplazamiento del documento. */
    overscroll-behavior: contain;
    -webkit-user-select: none;
    user-select: none;
}

/* Sin esto, la página sigue moviéndose por debajo: la capa tapa, pero el rebote del scroll
   y el «tirar para recargar» delatan que detrás hay algo vivo.
   El «:not(#_)» no selecciona nada distinto: sube el peso de la regla al de un identificador
   para ganarle a una de theme.css que fuerza «overflow: auto !important» con «:has()» y que,
   si no, se quedaba con la última palabra. */
html.mx-cortina-puesta:not(#_),
html.mx-cortina-puesta:not(#_) body {
    overflow: hidden !important;
    height: 100%;
}

.mx-cortina__tx {
    margin: 0;
    max-width: 30rem;
    text-align: center;
    color: #64748b;
    font: 400 1rem/1.6 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}