/* ============================================================
   Tag de status da viagem (po_roteiros.status_viagem).
   ARQUIVO UNICO: toda pagina que mostra roteiro carrega este CSS
   (home, /roteiros, /roteiros/<slug>, Nossa Historia, /link). Antes o
   bloco era copiado em cada CSS standalone e a tag faltava onde ninguem
   tinha lembrado de copiar. tests/test-status-tag.mjs confere as paginas.
   Amarelo e laranja levam texto escuro, verde e vermelho levam branco
   (todos acima de 4:1).
============================================================ */
.st-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;
  font-family:var(--font-display);font-weight:700;font-size:.68rem;letter-spacing:.09em;
  text-transform:uppercase;line-height:1;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.28)}
/* Icone antes do texto: SVG como mascara, pintado com currentColor.
   Relogio = em breve, chama = ultimas vagas, aviao = em viagem,
   circulo cortado = esgotado. */
.st-tag::before{content:"";width:1.15em;height:1.15em;flex:0 0 auto;background:currentColor;
  -webkit-mask:var(--st-ico) center/contain no-repeat;mask:var(--st-ico) center/contain no-repeat}
.st-tag--em_breve{--st-ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>")}
.st-tag--ultimas_vagas{--st-ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/></svg>")}
.st-tag--em_viagem{--st-ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' transform='rotate(45 12 12)' d='M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5z'/></svg>")}
.st-tag--esgotado{--st-ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M5.6 5.6l12.8 12.8'/></svg>")}
.st-tag--em_breve{background:#FFC72C;color:#2C2B2B}
.st-tag--ultimas_vagas{background:#F07C1A;color:#2C2B2B}
.st-tag--em_viagem{background:#1E8E3E;color:#fff}
.st-tag--esgotado{background:#D7263D;color:#fff}

/* Onde a tag fica em cada lugar que mostra roteiro: canto superior direito
   da foto, acima do degrade e do texto do card. */
.slide .st-tag{position:absolute;top:16px;right:16px;z-index:3}
.rts__img{position:relative}
.rts__img .st-tag{position:absolute;top:14px;right:14px;z-index:2}
.rot-card .st-tag{position:absolute;top:14px;right:14px;z-index:3}
.lk-card__img{position:relative}
.lk-card__img .st-tag{position:absolute;top:10px;right:10px;z-index:2;font-size:.62rem;padding:5px 10px}
/* hero da pagina do roteiro: pilula acima do titulo */
.hero__status{align-self:flex-start;margin-bottom:18px;font-size:.74rem;padding:8px 14px}