/* Aviso «Tu sesión se cerró» en la pantalla de ingreso (public/js/tic_sesion_login.js) y texto del aviso en el escritorio.
   Claro, oscuro (html[data-theme="dark"] o, si la página no dice nada, el del equipo) y celular (ancho completo menos 16 px por lado). */
.tic-sesion-aviso {
	--ts-fondo: #fff8e6; --ts-borde: #f0c766; --ts-texto: #3d2c00; --ts-suave: #6b5310; --ts-icono: #b7791f; --ts-sombra: 0 12px 32px rgba(61, 44, 0, 0.14);
	position: fixed; top: 16px; left: 50%; transform: translateX(-50%); z-index: 10050; /* encima del velo (9900) y de la tarjeta (9999) del tema web */
	display: flex; align-items: flex-start; gap: 12px; box-sizing: border-box;
	width: min(560px, calc(100vw - 32px)); padding: 14px 14px 14px 16px;
	background: var(--ts-fondo); color: var(--ts-texto); border: 1px solid var(--ts-borde); border-left-width: 4px;
	border-radius: 12px; box-shadow: var(--ts-sombra); font-size: 14px; line-height: 1.45; text-align: left;
}
html[data-theme="dark"] .tic-sesion-aviso {
	--ts-fondo: #2b2310; --ts-borde: #8a6a1c; --ts-texto: #f8ecd0; --ts-suave: #e2cf9e; --ts-icono: #f2c45a; --ts-sombra: 0 12px 32px rgba(0, 0, 0, 0.5);
}
@media (prefers-color-scheme: dark) {
	html:not([data-theme="light"]) .tic-sesion-aviso {
		--ts-fondo: #2b2310; --ts-borde: #8a6a1c; --ts-texto: #f8ecd0; --ts-suave: #e2cf9e; --ts-icono: #f2c45a; --ts-sombra: 0 12px 32px rgba(0, 0, 0, 0.5);
	}
}
.tic-sesion-aviso-icono { flex: none; color: var(--ts-icono); line-height: 0; margin-top: 1px; }
.tic-sesion-aviso-texto { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.tic-sesion-aviso-texto strong { font-size: 15px; font-weight: 600; color: var(--ts-texto); }
.tic-sesion-aviso-texto span { color: var(--ts-suave); overflow-wrap: anywhere; }
.tic-sesion-aviso-cerrar {
	flex: none; width: 32px; height: 32px; margin: -6px -6px 0 0; padding: 0; border: 0; border-radius: 8px;
	background: transparent; color: var(--ts-suave); font-size: 22px; line-height: 32px; cursor: pointer;
}
.tic-sesion-aviso-cerrar:hover, .tic-sesion-aviso-cerrar:focus-visible { background: rgba(127, 127, 127, 0.15); outline: none; }
@media (max-width: 480px) {
	.tic-sesion-aviso { top: 12px; width: calc(100vw - 32px); font-size: 13.5px; }
}
.tic-sesion-mensaje { margin: 0; font-size: 14px; line-height: 1.5; color: var(--text-color); }