/* Información de fecha durante los actos de revelación; respeta los colores propios. */

/* Las instrucciones permanecen visibles y los metadatos de apertura se pueden leer. */
body .so-toque { animation: none; color: var(--so-texto,var(--tinta)); font-size: .85rem; line-height: 1.5; letter-spacing: .12em; }
body .ap-titulo small { color: var(--so-texto,var(--tinta)); font-size: .85rem; line-height: 1.4; letter-spacing: .14em; }
body .ap-titulo em { font-size: .85rem; line-height: 1.4; letter-spacing: .14em; }

.aud-entrada-titulo { display: grid; justify-items: center; gap: 7px; width: min(86vw,500px); color: var(--so-texto,var(--tinta)); font: 600 .9rem/1.4 var(--sans,system-ui),sans-serif; text-align: center; }
.aud-entrada-titulo strong { max-width: 100%; font: var(--display-peso,400) clamp(1.7rem,6vw,2.8rem)/1.15 var(--display,var(--script,serif)),serif; text-wrap: balance; overflow-wrap: anywhere; }
body .so-escena:has(.aud-entrada-titulo) { overflow-y: auto; align-items: safe center; }
body .so-contenido:has(.aud-entrada-titulo) { padding-block: 24px; }
body .so-toque { max-width: 30ch; text-align: center; }
@media(max-height:650px) { body .so-sobre { --w: min(65vw,38vh); } }

body.aud-confirmacion-visible #pildora { visibility:hidden; pointer-events:none; }
body.aud-confirmacion-visible .xv-viajero { opacity:0 !important; }

.aud-musica-credito { max-width:65ch; margin:24px auto 0; padding-inline:16px; font:400 .8rem/1.65 var(--sans,var(--texto,system-ui)),sans-serif; color:inherit; text-align:center; text-wrap:balance; }
.aud-musica-credito a { color:inherit; text-decoration:underline; text-underline-offset:.2em; }

/* El enlace sin música conserva la tinta real del sobre, también sobre mesas claras. */
body .so-escena .xv-boton { color:var(--so-texto,var(--tinta)); border-color:currentColor; min-height:44px; font-size:.85rem; }

/* La pantalla de inicio parpadea solo en su indicación, nunca en todo el diálogo. */
body .xv-entrada.ap-start { animation:none; }
body .ap-start .so-contenido { width:min(100%,calc(100vw - 48px)); min-width:0; justify-items:center; }
body .ap-start .ap-obj { width:min(100%,460px); }
body .ap-start .so-para { font-size:.8rem; overflow-wrap:anywhere; }
body .ap-mapa .ap-titulo-dorso,body .ap-mapa .ap-titulo-dorso small,body .ap-mapa .ap-titulo-dorso em { color:var(--so-tarjeta-tinta,#2E4A3A); }
