/* Chips de temas e barra de tempo do carrinho. Só transform/opacity animados. */
.mt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.mt-chip{font:inherit;font-size:.95rem;border:1px solid var(--linha-solida,#e1ddd7);background:var(--pergaminho,#f6f1e9);color:var(--tinta,#192a3c);border-radius:var(--raio-pilula, 10px);padding:9px 16px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .35s var(--ease,ease),color .35s var(--ease,ease),border-color .35s var(--ease,ease)}
.mt-chip i{font:500 1.05em/1 var(--serif);color:#9d7d54;font-style:normal}
.mt-chip:hover{border-color:var(--pinho,#1b3b5c)}
.mt-chip[aria-pressed=true]{background:var(--pinho,#1b3b5c);border-color:var(--pinho,#1b3b5c);color:#fff}
.mt-chip[aria-pressed=true] i{color:#d4af80}
.mt-chip:focus-visible{outline:2px solid var(--pinho,#1b3b5c);outline-offset:3px}
.mt-vazio{color:var(--tinta-suave,#566575);margin:6px 0 14px}
#lista-servicos [hidden]{display:none!important}
.mt-tempo{margin:0 0 18px}
.mt-tempo[hidden]{display:none}
.mt-cab{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;color:var(--tinta-suave,#566575);margin-bottom:8px;letter-spacing:.04em}
.mt-cab b{color:var(--tinta,#192a3c);font-weight:600}
.mt-pista{position:relative;display:flex;height:38px;border-radius:var(--raio-pilula, 10px);background:var(--papel-fundo,#f1ebe1);overflow:hidden}
/* 29/10/2026: sem o traço claro no fim de cada tempo (pedido da Inês); as cores seguidas já distinguem os tratamentos */
.mt-seg{display:grid;place-items:center;height:100%;overflow:hidden;color:#1c2835;font-size:.78rem;font-weight:600;transform-origin:left;animation:mt-cresce .5s var(--ease,ease) backwards}
.mt-seg em{font-style:normal;white-space:nowrap}
.mt-seg.c0{background:#d4af80}.mt-seg.c1{background:#9dccf2}.mt-seg.c2{background:#ead9bf}.mt-seg.c3{background:#86afd9}.mt-seg.c4{background:#d5bd9f}
.mt-exc{position:absolute;top:0;bottom:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(217,98,52,.7) 0 5px,rgba(217,98,52,.25) 5px 10px)}
.mt-marca{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed var(--pinho,#1b3b5c);pointer-events:none}
.mt-msg{margin:8px 0 0;font-size:.95rem}
.mt-msg.bom{color:var(--pinho,#1b3b5c)}
.mt-msg.mau{color:var(--coral,#b4562f)}
@keyframes mt-cresce{from{transform:scaleX(0);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.mt-seg{animation:none}.mt-chip{transition:none}}
@media (max-width:600px){.mt-chips{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none}.mt-chip{flex:none}}
/* enquanto a consulta guiada esconde a lista, os chips também se escondem */
#passo-servico.guia-ativo .mt-chips,#passo-servico.guia-ativo .mt-vazio{display:none}
/* 30/10/2026: o primeiro tratamento mostrado depois de escolher um tema não fica escondido pela faixa fixa do telemóvel */
#lista-servicos .cartao-servico { scroll-margin-top: calc(var(--faixa-topo, 0px) + 12px); }
#mt-anuncio { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }