/* Tour de entrada (kit Tour MEMOrIA XR, tour.js e tour.css) no visual das salas.
   O cartão é de papel sobre a sala escura, com o vermelho EDEM de acento. Este arquivo só define as cores
   e alguns ajustes de layout. O kit fica intacto: para mudar o motor, edite ~/Dev2027/ferramentas/tour e copie de novo. */
:root{
  --tour-accent:var(--acento);
  --tour-accent-soft:#f3dcd3;
  --tour-accent-ink:#fff;
  --tour-surface:var(--papel);
  --tour-surface-2:#f8f3ea;
  --tour-ink:var(--tinta);
  --tour-ink-2:var(--tinta-2);
  --tour-ink-3:#6f6458;
  --tour-line:#d9cfbd;
  --tour-line-2:var(--papel-2);
  --tour-dim:rgba(10,8,6,.55);
  --tour-font-display:var(--serif);
  --tour-font-ui:var(--sans);
  --tour-font-mono:var(--mono);
}
/* O botão "Como funciona" fica no topo escuro, como os outros controles em pílula. */
.topo{--tour-surface-2:rgba(244,236,224,.06);--tour-ink:var(--luz-texto);--tour-ink-2:var(--luz-2);--tour-ink-3:var(--luz-3);--tour-line:var(--fio-forte)}
.topo .tourb{flex-shrink:0;min-height:32px}
.topo .tourb .q{color:var(--sala)}
/* Rótulos do desenho da apresentação um pouco maiores, para ler no celular. */
.tintro .tmapa .l{font-size:8px;letter-spacing:.04em}
/* Correção necessária: no kit, .tintro tem display:grid, que vence o atributo hidden. Fechada, a apresentação
   continuava como uma camada invisível por cima de tudo e engolia os cliques na página e no cartão do tour. */
.tintro[hidden]{display:none}
/* Na apresentação, o botão principal quebra a linha em telas estreitas (no kit ele não quebra e passa da borda),
   e o bloco em destaque do desenho pulsa num rosa fixo (no Chrome, o color-mix da animação do kit vira preto). */
.tacoes .btn{white-space:normal;text-align:left}
.tacoes .btn.pri span{display:inline-block}
.tintro.on .tmapa .on rect{animation-name:tour-edem-pulso}
@keyframes tour-edem-pulso{50%{fill:#eba9a4}}
/* Aviso curto (ao escolher "Explorar sozinho" ou ao concluir). */
.tour-aviso{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:2147483001;transform:translate(-50%,8px);max-width:calc(100vw - 32px);padding:10px 16px;border-radius:999px;background:var(--papel);color:var(--tinta);font:14px/1.35 var(--sans);box-shadow:0 12px 30px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .3s var(--entrada),transform .3s var(--entrada)}
.tour-aviso.on{opacity:1;transform:translate(-50%,0)}
/* No celular o cartão fica embaixo: a página ganha folga no fim, a fila deixa de ficar presa embaixo
   e o painel do acervo termina acima do cartão. Nada disso vale fora do tour. */
@media (max-width:900px){
  html.tour-on body{padding-bottom:var(--tourh,0px)}
  html.tour-on .fila-bloco{position:relative}
}
@media (max-width:760px){
  html.tour-on .ac-painel{bottom:var(--tourh,0px)}
}
