/* ==========================================================================
   Furadouro SPA — Versão 3.0 · lista de tratamentos no computador (≥ 1080 px)
   Componente isolado (assets/lista-v3.js; marcação em inc/pagina-reserva.php; janela em assets/janela.css).
   - Realce deslizante da linha ativa (fundo dourado, fio lateral, ponto que pulsa) e linha que avança 14 px.
   - Janela por tratamento: ficha vertical (zona, pressão, duração), etiquetas e botão «Reservar esta experiência».
   - Fixar uma opção (clicar na linha), cartão de destaque «O Momento de SPA», sugestões no carrinho.
   Abaixo de 1080 px NADA aqui se aplica, exceto «Complete a sua visita» na pergunta «acrescentar outro tratamento» da
   conversa (bloco final deste ficheiro, 3.0 F12): tudo o resto está escondido por omissão e só aparece dentro de
   @media (min-width: 1080px). Só transform/opacity nas animações contínuas.
   ========================================================================== */

/* pastilha da promoção (todas as larguras; decisão do dono): mesma forma, altura e tipografia de «Escolhido», em coral escuro (#8e3f1f)
   com texto pergaminho (≥ 4,5:1), visível antes de escolher o tratamento e ao lado de «Escolhido» */
body.site-publico .ts-nome .ts-promo-tag {
  display: inline-block;
  align-self: center;
  padding: 0.2rem 0.6rem;
  border-radius: var(--raio-pilula);
  background: var(--coral-esc, #8e3f1f);
  color: var(--pergaminho);
  font: 600 0.75rem/1.2 var(--sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* fora do computador estes elementos não existem */
.ts-fixar, .ts-glider, .ts-gdot, .ts-fixo-tag, .ts-mais, .ts-spa, .carrinho-sug, .janela-ficha, .janela-acao { display: none; }

@media (min-width: 1080px) {
  /* ---------- linhas ---------- */
  body.site-publico #lista-servicos { position: relative; }
  /* as linhas ficam por cima do realce (que está atrás, z-index 0) */
  body.site-publico #lista-servicos .cartao-servico { position: relative; z-index: 1; }

  /* botão invisível que cobre a linha: é ele que fixa (aria-pressed) e recebe as setas */
  body.site-publico .ts-fixar {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  body.site-publico .ts-fixar:focus-visible { outline: 2px solid var(--pinho); outline-offset: -2px; }
  /* o texto deixa passar o clique para o botão da linha; os botões «nome» e «Escolher» continuam a ser seus */
  body.site-publico #lista-servicos .ts-info,
  body.site-publico #lista-servicos .ts-valor { position: relative; z-index: 1; pointer-events: none; }
  body.site-publico #lista-servicos .ts-ver,
  body.site-publico #lista-servicos .ts-escolher { pointer-events: auto; }

  /* o deslize de 6 px e o fundo de assets/previsao.css cedem ao realce desta lista (senão somavam-se) */
  body.site-publico #lista-servicos .cartao-servico:hover,
  body.site-publico #lista-servicos .cartao-servico:focus-within { transform: none; background: none; }
  body.site-publico #lista-servicos .cartao-servico.ativa:hover,
  body.site-publico #lista-servicos .cartao-servico.ativa:focus-within { background: linear-gradient(to right, rgba(217, 168, 78, 0.12), rgba(217, 168, 78, 0)); }

  /* a linha ativa avança 14 px (o texto, não o preço), o nome escurece e o sublinhado dourado desenha-se */
  body.site-publico #lista-servicos .ts-info { transition: transform 0.65s var(--ease-out); }
  body.site-publico #lista-servicos .cartao-servico.ts-on .ts-info { transform: translate3d(14px, 0, 0); }
  body.site-publico #lista-servicos .cartao-servico.ts-on .ts-ver { color: var(--pinho); text-decoration-color: var(--ouro); }
  body.site-publico #lista-servicos .ts-preco { transition: color 0.4s var(--ease-out); }
  body.site-publico #lista-servicos .cartao-servico.ts-on .ts-preco { color: var(--ouro-tx); }
  body.site-publico #lista-servicos .cartao-servico::after {
    content: '';
    position: absolute;
    left: 14px;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: linear-gradient(90deg, var(--ouro), rgba(217, 168, 78, 0));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.9s var(--ease-out);
    pointer-events: none;
  }
  body.site-publico #lista-servicos .cartao-servico.ts-on::after { transform: scaleX(1); }

  /* «Escolhido»: pequena etiqueta junto ao nome quando a opção está fixada */
  body.site-publico .ts-nome .ts-fixo-tag {
    display: none;
    align-self: center;
    padding: 0.2rem 0.6rem;
    border-radius: var(--raio-pilula);
    background: var(--pinho);
    color: var(--pergaminho);
    font: 600 0.75rem/1.2 var(--sans);
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  body.site-publico #lista-servicos .cartao-servico.ts-fixo .ts-fixo-tag { display: inline-block; }

  /* «Mais escolhido»: selo real (servico.mais_escolhido, calculado das reservas pelo servidor), junto ao nome */
  body.site-publico .ts-nome .ts-mais {
    display: inline-block;
    align-self: center;
    padding: 0.2rem 0.6rem;
    border-radius: var(--raio-pilula);
    border: 1px solid var(--ouro);
    background: transparent;
    color: var(--pinho);
    font: 600 0.75rem/1.2 var(--sans);
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  /* ---------- realce deslizante (fundo + fio lateral) e ponto que pulsa ---------- */
  .ts-glider, .ts-gdot {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    transition: transform 0.75s var(--ease), opacity 0.45s var(--ease-out);
    will-change: transform;
  }
  .ts-glider {
    width: 100%;
    height: 1px;
    transform-origin: top;
    background: linear-gradient(90deg, rgba(217, 168, 78, 0.22), rgba(217, 168, 78, 0.08) 50%, rgba(217, 168, 78, 0));
  }
  /* impeccable-disable-next-line side-tab: indicador de seleção deslizante pedido pelo dono (fio lateral que acompanha a linha ativa), não é acento de cartão */
  .ts-glider::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--ouro); }
  .ts-gdot { width: 12px; height: 12px; margin: -6px 0 0 -4px; border-radius: 50%; background: var(--ouro); transition: transform 0.55s var(--ease), opacity 0.45s var(--ease-out), background 0.4s var(--ease-out); }
  .ts-gdot::after { content: ''; position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid var(--ouro); animation: ts-anel 2.6s var(--ease-out) infinite; }
  @keyframes ts-anel { from { transform: scale(1); opacity: 0.8; } to { transform: scale(3); opacity: 0; } }
  .ts-glider.on, .ts-gdot.on { opacity: 1; }
  .ts-tem-fixo .ts-gdot { background: var(--pinho); }
  .ts-tem-fixo .ts-gdot::after { animation: none; opacity: 0; }
  .ts-tem-fixo .ts-glider::before { background: var(--pinho); }
  .ts-sem-anim .ts-glider, .ts-sem-anim .ts-gdot { transition: none; }

  /* ---------- «O Momento de SPA» ---------- */
  .ts-spa {
    position: relative;
    display: grid;
    grid-template-columns: minmax(8rem, 38%) minmax(0, 1fr);
    margin: 0.4rem 0 1.8rem;
    border-radius: 24px;
    overflow: hidden;
    background: var(--pinho-escuro);
    color: var(--pergaminho);
    isolation: isolate;
    box-shadow: 0 30px 44px -30px rgba(15, 26, 21, 0.7);
    transition: transform 0.4s var(--ease-out), box-shadow 0.4s var(--ease-out);
  }
  .ts-spa.ts-spa-on { box-shadow: 0 0 0 2px var(--ouro), 0 30px 44px -30px rgba(15, 26, 21, 0.7); }
  .ts-spa:focus-within { outline: 2px solid var(--ouro); outline-offset: 3px; }
  .ts-spa-foto { position: relative; min-height: 15rem; overflow: hidden; }
  .ts-spa-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; transition: transform 0.9s var(--ease-out); }
  .ts-spa-foto::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(31, 55, 45, 0) 55%, var(--pinho-escuro)); }
  .ts-spa-corpo { display: grid; gap: 0.55rem; padding: 1.3rem 1.4rem 1.3rem 0.4rem; align-content: center; min-width: 0; }
  .ts-spa-k { display: inline-flex; align-items: center; gap: 0.5rem; font: 600 0.75rem var(--sans); letter-spacing: 0.14em; text-transform: uppercase; color: var(--ouro); }
  .ts-spa-k::before { content: ''; width: 18px; height: 1px; background: var(--ouro); }
  body.site-publico .ts-spa .ts-spa-t { margin: 0; font: 400 2rem/1.05 var(--serif); letter-spacing: -0.005em; color: #fff; }
  .ts-spa-p { margin: 0; font-size: 0.9375rem; line-height: 1.45; color: rgba(248, 243, 232, 0.82); }
  .ts-spa-passos { list-style: none; margin: 0.2rem 0; padding: 0; display: grid; gap: 0.45rem; position: relative; }
  .ts-spa-passos li { position: relative; padding-left: 1.5rem; font: 500 0.875rem/1.3 var(--sans); color: rgba(248, 243, 232, 0.95); opacity: 0; transform: translate3d(-6px, 0, 0); transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out); }
  .ts-spa-passos li::before { content: ''; position: absolute; left: 0; top: 0.35em; width: 9px; height: 9px; border-radius: 50%; background: var(--ouro); box-shadow: 0 0 0 3px rgba(217, 168, 78, 0.25); }
  .ts-spa-passos li:not(:last-child)::after { content: ''; position: absolute; left: 4px; top: 1.15em; bottom: -0.55em; width: 1px; background: rgba(217, 168, 78, 0.5); }
  .ts-spa.on-vis .ts-spa-passos li { opacity: 1; transform: none; }
  .ts-spa.on-vis .ts-spa-passos li:nth-child(2) { transition-delay: 0.12s; }
  .ts-spa.on-vis .ts-spa-passos li:nth-child(3) { transition-delay: 0.24s; }
  .ts-spa.on-vis .ts-spa-passos li:nth-child(4) { transition-delay: 0.36s; }
  .ts-spa.on-vis .ts-spa-passos li:nth-child(5) { transition-delay: 0.48s; }
  .ts-spa-passos small { margin-left: 0.35rem; color: rgba(248, 243, 232, 0.7); font-size: 0.8125rem; font-weight: 400; }
  .ts-spa-rod { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: 0.3rem; }
  .ts-spa-pr { display: grid; line-height: 1.1; font-family: var(--sans); font-variant-numeric: lining-nums tabular-nums; }
  .ts-spa-pr b { font: 600 1.5rem var(--sans); font-variant-numeric: lining-nums tabular-nums; }
  .ts-spa-pr span { font-size: 0.8125rem; color: rgba(248, 243, 232, 0.72); }
  .ts-spa-go {
    min-height: 46px;
    padding: 0 1.4rem;
    border: 0;
    border-radius: var(--raio-pilula);
    background: var(--ouro);
    color: var(--pinho-escuro);
    font: 600 0.92rem var(--sans);
    cursor: pointer;
    transition: background 0.3s var(--ease-out), transform 0.16s var(--ease-out);
  }
  .ts-spa-go:active { transform: scale(0.96); }
  .ts-spa-go:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

  /* ---------- janela: ficha vertical (zona, pressão, duração) ---------- */
  .janela-ficha {
    display: flex;
    position: absolute;
    z-index: 4;
    right: 2rem;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    flex-direction: column;
    align-items: center;
    gap: 0.85rem;
    width: 6rem;
    padding: 1rem 0.5rem;
    border-radius: 20px;
    background: rgba(15, 26, 21, 0.6);
    border: 1px solid rgba(248, 243, 232, 0.32);
    color: #fff;
    pointer-events: none;
    transition: opacity 0.6s var(--ease-out) 0.1s, visibility 0s;
  }
  .janela-ficha:not(.tem) { opacity: 0; visibility: hidden; transition: opacity 0.3s var(--ease-out), visibility 0s 0.3s; }
  .janela-ficha.troca { opacity: 0; transition: opacity 0.22s var(--ease-out); }
  .janela-ficha > div { display: grid; gap: 0.35rem; justify-items: center; text-align: center; font: 600 0.75rem/1.2 var(--sans); letter-spacing: 0.06em; text-transform: uppercase; }
  .janela-ficha small { font-size: 0.75rem; font-weight: 500; opacity: 0.88; }
  .janela-ficha .fi-sep { width: 70%; height: 1px; background: rgba(248, 243, 232, 0.28); }
  .fi-sil { height: 4.2rem; width: auto; }
  .fi-sil .z { fill: rgba(255, 255, 255, 0.22); }
  .fi-sil .z.on { fill: var(--ouro); }
  .fi-arco { width: 3.1rem; height: 3.1rem; }
  .fi-arco text { fill: #fff; font: 600 13px var(--sans); font-variant-numeric: lining-nums tabular-nums; }
  .fi-int { display: flex; gap: 3px; align-items: end; height: 2.6rem; }
  .fi-int i { width: 8px; border-radius: 2px; background: rgba(255, 255, 255, 0.28); }
  .fi-int i.on { background: var(--ouro); }
  .fi-int i:nth-child(1) { height: 34%; }
  .fi-int i:nth-child(2) { height: 66%; }
  .fi-int i:nth-child(3) { height: 100%; }

  /* etiquetas: ponto dourado na primeira e variante «Escolhido» */
  .janela-sela span { display: inline-flex; align-items: center; gap: 0.45rem; }
  .janela-sela span:first-child:not(.esc)::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--ouro); }
  .janela-sela span.esc { background: var(--pergaminho); border-color: var(--pergaminho); color: var(--pinho); }

  /* ---------- janela: botão «Reservar esta experiência» (fora de #janela, por causa do aria-hidden) ---------- */
  .janela-acao {
    display: block;
    position: fixed;
    z-index: 4;
    left: calc(100vw - var(--jwin) + 2rem);
    bottom: 2.2rem;
    transition: opacity 0.35s var(--ease-out), transform 0.35s var(--ease-out);
  }
  .janela-acao[hidden] { display: none; }
  .janela-acao.troca { opacity: 0; pointer-events: none; }
  .janela-reservar {
    min-height: 52px;
    padding: 0 1.6rem;
    border: 0;
    border-radius: var(--raio-pilula);
    background: var(--pergaminho);
    color: var(--pinho-escuro);
    font: 600 0.92rem var(--sans);
    cursor: pointer;
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.6);
    transition: background 0.3s var(--ease-out), transform 0.16s var(--ease-out);
  }
  .janela-acao.fixo .janela-reservar { background: var(--ouro); }
  .janela-reservar:active { transform: scale(0.96); }
  .janela-reservar:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
  /* a legenda sobe para dar lugar ao botão (por baixo) ou deixa-lhe a direita (ecrã largo) */
  body.site-publico.com-janela.j-acao[data-jjan] .janela-leg { bottom: 6.4rem; }
  /* com o resumo da reserva aberto a ficha e o botão cedem o lugar ao cartão */
  body.j-resumo .janela-ficha, body.j-resumo .janela-acao { opacity: 0; visibility: hidden; pointer-events: none; }

  /* ---------- «Complete a sua visita» no cartão do carrinho ---------- */
  .carrinho-sug { margin: 0.1rem 0 0.9rem; padding-top: 0.8rem; border-top: 1px solid var(--linha-solida); }
  .carrinho-sug:not([hidden]) { display: block; }
  body.site-publico #passo-carrinho .sug-titulo { margin: 0 0 0.5rem; font: 600 0.75rem var(--sans); letter-spacing: 0.14em; text-transform: uppercase; color: var(--ouro-tx); }
  .sug-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }
  .sug-item { display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; padding: 0.55rem 0.8rem; border-radius: 14px; border: 1px dashed var(--linha-forte); }
  .sug-nome { display: grid; min-width: 0; }
  .sug-nome b { font: 600 0.9375rem/1.25 var(--sans); }
  .sug-nome small { font-size: 0.8125rem; color: var(--tinta-suave); font-variant-numeric: lining-nums tabular-nums; }
  .sug-add {
    flex: none;
    min-height: 40px;
    padding: 0 1rem;
    border: 1.5px solid var(--pinho);
    border-radius: var(--raio-pilula);
    background: none;
    color: var(--pinho);
    font: 600 0.8125rem var(--sans);
    cursor: pointer;
    transition: background 0.3s var(--ease-out), color 0.3s var(--ease-out), transform 0.16s var(--ease-out);
  }
  .sug-add:active { transform: scale(0.96); }
  .sug-add:focus-visible { outline: 2px solid var(--pinho); outline-offset: 2px; }
}

/* ecrã largo: o botão fica à direita da legenda */
@media (min-width: 1500px) {
  .janela-acao { left: auto; right: 2rem; }
  body.site-publico.com-janela.j-acao[data-jjan] .janela-leg { bottom: 2.2rem; right: 19.5rem; }
}

/* só com rato */
@media (min-width: 1080px) and (hover: hover) and (pointer: fine) {
  body.site-publico .ts-fixar:hover { background: none; }
  .ts-spa:hover { transform: translate3d(0, -3px, 0); box-shadow: 0 38px 50px -30px rgba(15, 26, 21, 0.8); }
  .ts-spa:hover .ts-spa-foto img { transform: scale(1.06); }
  .ts-spa-go:hover, .janela-acao.fixo .janela-reservar:hover { background: var(--ouro-claro); }
  .janela-reservar:hover { background: #fff; }
  .sug-add:hover { background: var(--pinho); color: var(--pergaminho); }
}

/* movimento reduzido: o realce muda de linha de uma vez, sem pulso, sem cascata */
@media (min-width: 1080px) and (prefers-reduced-motion: reduce) {
  .ts-glider, .ts-gdot, body.site-publico #lista-servicos .ts-info, body.site-publico #lista-servicos .cartao-servico::after,
  .ts-spa, .ts-spa-foto img, .ts-spa-passos li, .janela-acao, .janela-ficha { transition: none !important; }
  .ts-gdot::after { animation: none; opacity: 0; }
  .ts-spa-passos li { opacity: 1; transform: none; }
}

/* ==========================================================================
   3.0 F12 (R7-1) — «Complete a sua visita» em tablet e telemóvel (< 1080 px)
   Só aparece na pergunta «Deseja acrescentar outro tratamento?» (conversa-v3.css mostra .carrinho-sug nessa cena).
   Linhas limpas em pergaminho, alvos ≥ 44 px, preço e duração em Hanken tabular, botão «Acrescentar» claro.
   ========================================================================== */
@media (max-width: 1079px) {
  body.site-publico #passo-carrinho .carrinho-sug { margin: 0; padding: 0; border: 0; }
  body.site-publico #passo-carrinho .sug-titulo { margin: 0 0 0.75rem; font: 600 0.75rem var(--sans); letter-spacing: 0.14em; text-transform: uppercase; color: var(--ouro-tx); }
  body.site-publico #passo-carrinho .sug-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
  body.site-publico #passo-carrinho .sug-item { display: flex; align-items: center; justify-content: space-between; gap: 0.9rem; min-height: 4.25rem; padding: 0.7rem 0.7rem 0.7rem 1rem; border: 1px solid var(--linha-solida); border-radius: 16px; background: rgba(255, 255, 255, 0.5); }
  body.site-publico #passo-carrinho .sug-nome { display: grid; gap: 0.1rem; min-width: 0; }
  body.site-publico #passo-carrinho .sug-nome b { font: 600 1rem/1.25 var(--sans); color: var(--tinta); }
  body.site-publico #passo-carrinho .sug-nome small { font: 400 0.875rem/1.3 var(--sans); color: var(--tinta-suave); font-variant-numeric: lining-nums tabular-nums; }
  body.site-publico #passo-carrinho .sug-add {
    flex: none;
    min-height: 44px;
    min-width: 44px;
    padding: 0 1.15rem;
    border: 1.5px solid var(--pinho);
    border-radius: var(--raio-pilula);
    background: none;
    color: var(--pinho);
    font: 600 0.875rem var(--sans);
    cursor: pointer;
    transition: background 0.3s var(--ease-out), color 0.3s var(--ease-out), transform 0.16s var(--ease-out);
  }
  body.site-publico #passo-carrinho .sug-add:active { transform: scale(0.96); background: var(--pinho); color: var(--pergaminho); }
  body.site-publico #passo-carrinho .sug-add:focus-visible { outline: 2px solid var(--pinho); outline-offset: 2px; }
}

/* ==========================================================================
   3.0.1 F5 — fixar um tratamento em tablet e telemóvel (< 1080 px)
   O toque na linha fixa o tratamento (.ts-fixar, o mesmo botão de assets/lista-v3.js) e a faixa (assets/faixa.js) mostra a
   fotografia e a mini-ficha. Os botões do nome (.ts-ver) e «Escolher» (.ts-escolher) continuam a ser seus.
   Linha fixada: fundo de pergaminho e contorno inteiro em ouro (sem listras laterais). Alvo ≥ 44 px (a linha toda).
   ========================================================================== */
@media (max-width: 1079px) {
  body.site-publico #lista-servicos { position: relative; }
  body.site-publico #lista-servicos .cartao-servico { position: relative; z-index: 1; }
  body.site-publico .ts-fixar {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 14px;
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background 0.3s var(--ease-out), box-shadow 0.3s var(--ease-out);
  }
  body.site-publico .ts-fixar:focus-visible { outline: 2px solid var(--pinho); outline-offset: -2px; }
  body.site-publico .ts-fixar[aria-pressed="true"] { background: rgba(255, 255, 255, 0.55); box-shadow: inset 0 0 0 1.5px var(--ouro); }
  /* o deslize de 6 px (assets/previsao.css, com rato) acompanhava a fotografia só no computador; aqui a linha fixada leva
     o contorno e saía 6 px para fora da lista (rato em tablet ou janela estreita): fica quieta */
  body.site-publico #lista-servicos .cartao-servico:hover,
  body.site-publico #lista-servicos .cartao-servico:focus-within { transform: none; background: none; }
  /* R14-S1: a linha fixada ganha ar dentro do contorno (o texto e o «Escolher» já não ficam a ~3 px dele) */
  body.site-publico #lista-servicos .cartao-servico.ts-fixo { padding-inline: 0.7rem; }
  body.site-publico #lista-servicos .ts-info,
  body.site-publico #lista-servicos .ts-valor { position: relative; z-index: 1; pointer-events: none; }
  body.site-publico #lista-servicos .ts-ver,
  body.site-publico #lista-servicos .ts-escolher { pointer-events: auto; }
  body.site-publico .ts-nome .ts-fixo-tag {
    display: none;
    align-self: center;
    padding: 0.2rem 0.6rem;
    border-radius: var(--raio-pilula);
    background: var(--pinho);
    color: var(--pergaminho);
    font: 600 0.75rem/1.2 var(--sans);
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  body.site-publico #lista-servicos .cartao-servico.ts-fixo .ts-fixo-tag { display: inline-block; }
}