/* Visual do site: amora, carvão e pedra; títulos largos, rótulos monoespaçados como gravação de cabo. */
[hidden] { display: none!important; }

:root {
  --carvao: #1c1a1e;
  --grafite: #3a3640;
  --cinza: #5f5a65;
  --pedra: #f3f1ee;
  --cal: #ffffff;
  --risco: #ddd7d1;
  --risco-forte: #b9b1aa;
  --amora: #8e1f4f;
  --amora-funda: #66153a;
  --amora-clara: #f5e4ec;
  --amora-luz: #ecbcd1;
  --cobre: #c27a3e;
  --falha: #a1221b;
  --titulos: "Encode Sans Semi Expanded", "Segoe UI", Arial, sans-serif;
  --texto: "Radio Canada", "Segoe UI", Arial, sans-serif;
  --gravacao: "Azeret Mono", Consolas, "Courier New", monospace;
  --raio: 6px;
}

html.ftc, html.ftc *, html.ftc ::before, html.ftc ::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 96px; }
body { margin: 0; background: var(--pedra); color: var(--carvao); font: 400 17px/1.62 var(--texto); }
svg, img { height: auto; max-width: 100%; }
h1, h2, h3 { font-family: var(--titulos); font-weight: 800; line-height: 1.14; letter-spacing: -0.012em; margin: 0 0 0.55em; }
h2 { font-size: clamp(26px, 3.1vw, 38px); }
h3 { font-size: 19px; font-weight: 700; }
p { margin: 0 0 1em; } /* parágrafo só com espaço embaixo */
a { color: var(--amora); text-underline-offset: 3px; }
a:hover { color: var(--amora-funda); }
:focus-visible { outline: 3px solid var(--amora); outline-offset: 3px; border-radius: 2px; }
button { font: inherit; }

.ftc-caixa { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
.ftc-estreita { width: min(820px, calc(100% - 32px)); }
.ftc-oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ftc-pular { position: absolute; left: 12px; top: -60px; z-index: 90; padding: 10px 16px; background: var(--carvao); color: var(--cal); border-radius: var(--raio); }
html.ftc .ftc-pular:focus { top: 10px; color: var(--cal); }
.ftc-ico { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* botões */
.ftc-botao { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 22px;
  border: 2px solid transparent; border-radius: var(--raio); font: 600 16px/1.15 var(--texto); text-decoration: none; cursor: pointer; text-align: center; }
html.ftc .ftc-botao--cheio { background: var(--amora); color: var(--cal); }
html.ftc .ftc-botao--cheio:hover { background: var(--amora-funda); color: var(--cal); }
html.ftc .ftc-botao--contorno { background: transparent; color: var(--carvao); border-color: var(--carvao); }
html.ftc .ftc-botao--contorno:hover { background: var(--carvao); color: var(--cal); }
html.ftc .ftc-botao--claro { background: var(--cal); color: var(--amora-funda); }
html.ftc .ftc-botao--claro:hover { background: var(--amora-clara); color: var(--amora-funda); }
html.ftc .ftc-botao--vazado { background: transparent; color: var(--cal); border-color: rgba(255, 255, 255, 0.75); }
html.ftc .ftc-botao--vazado:hover { background: rgba(255, 255, 255, 0.12); color: var(--cal); }
.ftc-botao[disabled] { opacity: 0.7; cursor: progress; }
.ftc-link-seta { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 600; text-decoration: none; }
.ftc-link-seta::after { content: "→"; transition: transform 0.15s; }
.ftc-link-seta:hover::after { transform: translateX(3px); }

/* faixa de identificação e topo */
.ftc-ficha { background: var(--carvao); color: #d9d2dc; font: 500 11.5px/1.3 var(--gravacao); letter-spacing: 0.06em; text-transform: uppercase; }
.ftc-ficha__linha { display: flex; flex-wrap: wrap; gap: 4px 22px; padding-block: 7px; }
.ftc-ficha__onde { margin-left: auto; }
.ftc-topo { position: sticky; top: 0; z-index: 40; background: var(--cal); border-bottom: 1px solid var(--risco); }
.ftc-topo__linha { display: flex; align-items: center; gap: 28px; min-height: 76px; position: relative; }
.ftc-marca { display: inline-flex; align-items: center; gap: 12px; color: var(--carvao); text-decoration: none; }
.ftc-marca img { width: 46px; height: 46px; }
.ftc-marca__nome { display: grid; line-height: 1; }
.ftc-marca__nome b { font: 800 25px/1 var(--titulos); letter-spacing: 0.04em; }
.ftc-marca__nome small { margin-top: 5px; font: 500 11px/1.1 var(--gravacao); letter-spacing: 0.1em; text-transform: uppercase; color: var(--cinza); }
html.ftc .ftc-marca:hover { color: var(--carvao); }
.ftc-menu { display: flex; gap: 6px 24px; flex-wrap: wrap; }
.ftc-menu a { color: var(--carvao); font-weight: 500; font-size: 15.5px; text-decoration: none; padding: 12px 0; border-bottom: 2px solid transparent; }
.ftc-menu a:hover { color: var(--amora); border-bottom-color: var(--amora); }
.ftc-menu-botao { display: none; }
.ftc-topo__acoes { margin-left: auto; display: flex; align-items: center; gap: 14px; }
.ftc-topo__fone { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; color: var(--carvao); font-weight: 600; text-decoration: none; white-space: nowrap; }
.ftc-topo__fone .ftc-ico { color: var(--amora); }
.ftc-topo--curto .ftc-topo__linha { min-height: 70px; }

/* capa do cabo: barra preta com a gravação e a ponta de cobre */
.ftc-capa { padding: 12px 0; overflow: hidden; }
.ftc-capa__fio { display: flex; align-items: center; margin-inline: 16px; }
.ftc-capa__fio > span { flex: 1; min-width: 0; height: 28px; display: flex; align-items: center; overflow: hidden; white-space: nowrap;
  padding-left: 22px; border-radius: 14px 4px 4px 14px; background: var(--carvao);
  font: 500 10.5px/1 var(--gravacao); letter-spacing: 0.22em; text-transform: uppercase; color: #bfb6c3; }
.ftc-capa__fio::after { content: ""; flex: none; width: 26px; height: 10px; border-radius: 0 5px 5px 0;
  background: repeating-linear-gradient(90deg, #d99a5e 0 3px, #a9642c 3px 5px) var(--cobre); }
.ftc-capa--pe { background: var(--pedra); padding-block: 22px 18px; }
.ftc-capa--pe .ftc-capa__fio > span { background: var(--amora); color: var(--amora-luz); }

/* abertura com o formulário */
.ftc-abre { padding-block: 40px 76px; }
.ftc-abre__grade { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr); gap: clamp(28px, 4.5vw, 68px); align-items: start; }
.ftc-abre__texto { padding-top: 22px; position: sticky; top: 110px; }
.ftc-chapeu { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; font: 600 12.5px/1.2 var(--gravacao); letter-spacing: 0.16em; text-transform: uppercase; color: var(--amora); }
.ftc-chapeu::before { content: ""; width: 10px; height: 10px; background: var(--amora); border-radius: 2px; }
.ftc-abre h1 { font-size: clamp(34px, 4.7vw, 56px); max-width: 15ch; }
.ftc-abre__apoio { font-size: 19px; color: var(--grafite); max-width: 52ch; }
.ftc-fatos { list-style: none; margin: 30px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 2px solid var(--carvao); }
.ftc-fatos li { display: grid; gap: 2px; align-content: start; padding: 15px 18px 15px 0; border-bottom: 1px dashed var(--risco-forte); }
.ftc-fatos b { font: 700 17px/1.25 var(--titulos); }
.ftc-fatos b a { color: var(--carvao); text-decoration-color: var(--amora); }
.ftc-fatos span { font-size: 14.5px; color: var(--cinza); line-height: 1.4; }

.ftc-cota { position: relative; margin-top: 16px; padding: 30px 28px 24px; background: var(--cal); color: var(--carvao);
  border: 1px solid var(--risco-forte); border-radius: var(--raio); box-shadow: 0 30px 50px -34px rgba(28, 26, 30, 0.45); }
.ftc-cota__aba { position: absolute; top: -15px; left: 22px; margin: 0; padding: 6px 14px 6px 26px; border-radius: 3px;
  background: var(--amora); color: var(--cal); font: 600 11.5px/1.2 var(--gravacao); letter-spacing: 0.2em; text-transform: uppercase; }
.ftc-cota__aba::before { content: ""; position: absolute; left: 10px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: var(--pedra); }
html.ftc .ftc-cota__titulo { font-size: 25px; margin-bottom: 18px; color: var(--carvao); }
.ftc-cota__alerta { margin-bottom: 18px; padding: 12px 14px; border-left: 4px solid var(--falha); background: #fcedee; color: #5c1410; font-size: 15.5px; }
.ftc-cota__alerta p { margin: 0; }
.ftc-cota__quem { margin: 18px 0 0; padding: 18px 0 0; border: 0; border-top: 1px dashed var(--risco-forte); min-width: 0; }
.ftc-cota__quem legend { padding: 0 10px 0 0; font: 600 12px/1 var(--gravacao); letter-spacing: 0.14em; text-transform: uppercase; color: var(--cinza); }
.ftc-duplo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; align-items: end; }
.ftc-cota__mais { margin: 2px 0 14px; border: 1px solid var(--risco); border-radius: 4px; padding: 0 14px; }
.ftc-cota__mais summary { min-height: 46px; display: flex; align-items: center; gap: 6px; cursor: pointer; font-weight: 600; font-size: 15px; }
.ftc-cota__mais summary small { font-weight: 400; color: var(--cinza); }
.ftc-cota__mais[open] { padding-bottom: 2px; }
.ftc-campo { margin-bottom: 14px; min-width: 0; }
.ftc-campo label { display: block; margin-bottom: 6px; font-weight: 600; font-size: 15px; line-height: 1.3; }
.ftc-campo label small { font-weight: 400; color: var(--cinza); font-size: 13.5px; }
.ftc-campo input, .ftc-campo select, .ftc-campo textarea { width: 100%; min-height: 48px; padding: 11px 13px; border: 1.5px solid var(--risco-forte);
  border-radius: 4px; background: #fffefd; color: var(--carvao); font: 400 16px/1.4 var(--texto); }
.ftc-campo textarea { resize: vertical; }
.ftc-campo input:focus, .ftc-campo select:focus, .ftc-campo textarea:focus { outline: none; border-color: var(--amora); box-shadow: 0 0 0 3px var(--amora-clara); }
.ftc-campo--lista textarea { min-height: 176px; font: 500 14px/22px var(--gravacao); padding: 10px 13px;
  background: repeating-linear-gradient(180deg, transparent 0 21px, #efe6ea 21px 22px) #fffefd; background-position: 0 9px; background-attachment: local; }
.ftc-campo--erro input, .ftc-campo--erro select, .ftc-campo--erro textarea { border-color: var(--falha); }
.ftc-erro { margin: 6px 0 0; color: var(--falha); font-size: 14px; font-weight: 500; }
.ftc-campo--aceite { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; align-items: start; margin-top: 6px; }
.ftc-campo--aceite input { width: 22px; height: 22px; margin: 2px 0 0; accent-color: var(--amora); }
.ftc-campo--aceite label { font-weight: 400; font-size: 14.5px; margin: 0; }
.ftc-campo--aceite .ftc-erro { grid-column: 2; }
.ftc-isca { position: absolute; left: -9000px; width: 1px; height: 1px; overflow: hidden; }
.ftc-cota__enviar { width: 100%; margin-top: 8px; font-size: 17px; min-height: 54px; }
.ftc-cota__nota { margin: 12px 0 0; font-size: 13.5px; color: var(--cinza); text-align: center; }

/* prévia da leitura da lista */
.ftc-leitura { margin: -2px 0 6px; padding: 12px 14px; border: 1px dashed var(--risco-forte); border-radius: 4px; background: #fbf8f6; }
.ftc-leitura__titulo { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; margin: 0 0 8px; font-size: 14px; }
.ftc-leitura__titulo span { font: 500 12px/1.4 var(--gravacao); color: var(--cinza); }
.ftc-leitura__rolagem { max-height: 230px; overflow: auto; }
.ftc-leitura table { width: 100%; border-collapse: collapse; font-size: 14px; }
.ftc-leitura th { text-align: left; padding: 4px 8px 6px 0; font: 600 10.5px/1.2 var(--gravacao); letter-spacing: 0.12em; text-transform: uppercase; color: var(--cinza); border-bottom: 1px solid var(--risco); }
.ftc-leitura td { padding: 6px 8px 6px 0; border-bottom: 1px solid #eee8e3; vertical-align: top; }
.ftc-leitura td:first-child { font: 600 13px/1.5 var(--gravacao); white-space: nowrap; width: 1%; }
.ftc-leitura td:nth-child(2) { color: var(--grafite); white-space: nowrap; width: 1%; }
.ftc-pendente { display: inline-block; padding: 1px 7px; border-radius: 3px; background: var(--amora-clara); color: var(--amora-funda); font: 600 11px/1.6 var(--gravacao); }

/* quem vende */
.ftc-quem { background: var(--carvao); color: #ece6ee; padding-block: clamp(56px, 7vw, 92px); overflow: hidden; }
.ftc-quem__grade { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
html.ftc .ftc-quem h2 { color: var(--cal); }
.ftc-quem__texto p { max-width: 46ch; color: #d6cfd9; }
.ftc-quem__desenho { display: block; width: 260px; margin-top: 18px; }
.ftc-nota { margin: 0; padding: 26px 28px; border: 1.5px dashed rgba(236, 188, 209, 0.45); border-radius: var(--raio); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 26px; }
.ftc-nota div:nth-child(3) { grid-column: 1 / -1; }
.ftc-nota dt { font: 600 11px/1.3 var(--gravacao); letter-spacing: 0.16em; text-transform: uppercase; color: var(--amora-luz); margin-bottom: 4px; }
.ftc-nota dd { margin: 0; font-size: 17px; overflow-wrap: anywhere; }
html.ftc .ftc-nota a { color: var(--cal); text-decoration-color: var(--amora-luz); }

/* linhas de produto em etiquetas de bobina */
.ftc-linhas { padding-block: clamp(60px, 8vw, 104px); }
.ftc-cabeca { max-width: 760px; margin-bottom: 30px; }
.ftc-cabeca p { color: var(--grafite); font-size: 18px; }
.ftc-grupo { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 20px; margin: 38px 0 14px; padding-bottom: 8px; border-bottom: 2px solid var(--carvao); }
html.ftc .ftc-grupo__nome { margin: 0; font-size: 22px; }
.ftc-etiquetas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ftc-etiqueta { display: grid; grid-template-columns: 38px minmax(0, 1fr); background: var(--cal); border: 1px solid var(--risco); border-radius: 4px; overflow: hidden; transition: border-color 0.15s; }
.ftc-etiqueta:hover { border-color: var(--amora); }
.ftc-etiqueta__lombada { margin: 0; padding: 16px 0; writing-mode: vertical-rl; transform: rotate(180deg); text-align: center;
  background: var(--amora); color: var(--cal); font: 600 10.5px/38px var(--gravacao); letter-spacing: 0.22em; text-transform: uppercase; }
.ftc-etiqueta--material .ftc-etiqueta__lombada { background: var(--grafite); }
.ftc-etiqueta__corpo { padding: 18px 20px 16px; }
.ftc-etiqueta__corpo h3 { margin-bottom: 6px; }
.ftc-etiqueta__corpo p { font-size: 15.5px; color: var(--grafite); margin-bottom: 10px; }
html.ftc .ftc-etiqueta__ex { margin: 0; padding-top: 10px; border-top: 1px dashed var(--risco); font-size: 14.5px; color: var(--carvao); }
.ftc-etiqueta__ex span { display: block; font: 600 10.5px/1.6 var(--gravacao); letter-spacing: 0.16em; text-transform: uppercase; color: var(--amora); }

/* como escrever a lista */
.ftc-boa { padding-block: clamp(60px, 8vw, 100px); background: var(--cal); border-block: 1px solid var(--risco); }
.ftc-boa__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.ftc-confere { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 12px; }
.ftc-confere li { position: relative; padding-left: 34px; }
.ftc-confere li::before { content: ""; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; border-radius: 4px; background: var(--amora-clara); }
.ftc-confere li::after { content: ""; position: absolute; left: 6px; top: 8px; width: 7px; height: 11px; border: solid var(--amora); border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }
.ftc-boa__rotulo { margin: 0 0 8px; font: 600 11.5px/1.2 var(--gravacao); letter-spacing: 0.16em; text-transform: uppercase; color: var(--cinza); }
.ftc-papel { margin: 0 0 22px; padding: 12px 16px; border: 1px solid var(--risco-forte); border-radius: 4px; overflow-x: auto;
  font: 500 14px/22px var(--gravacao); color: var(--carvao); white-space: pre-wrap; overflow-wrap: anywhere;
  background: repeating-linear-gradient(180deg, transparent 0 21px, #efe6ea 21px 22px) #fffefd; background-position: 0 11px; }
.ftc-leitura--demo { margin: 0; background: var(--pedra); }
.ftc-boa__obs { margin: 10px 0 0; font-size: 14.5px; color: var(--cinza); }
.ftc-ficha-tecnica { margin: 26px 0 0; display: grid; gap: 0; border-top: 2px solid var(--carvao); }
.ftc-ficha-tecnica div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 18px; padding: 16px 0; border-bottom: 1px dashed var(--risco-forte); }
.ftc-ficha-tecnica dt { font: 600 12px/1.6 var(--gravacao); letter-spacing: 0.14em; text-transform: uppercase; color: var(--amora); }
.ftc-ficha-tecnica dd { margin: 0; color: var(--grafite); }

/* caminho da lista */
.ftc-rota-sec { padding-block: clamp(60px, 8vw, 100px); }
.ftc-rota { list-style: none; margin: 34px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; counter-reset: parada; position: relative; }
.ftc-rota::before { content: ""; position: absolute; left: 24px; right: 12%; top: 22px; height: 6px; border-radius: 3px; background: var(--carvao); }
.ftc-rota li { position: relative; display: grid; gap: 6px; align-content: start; padding-top: 66px; counter-increment: parada; }
.ftc-rota li::before { content: counter(parada, decimal-leading-zero); position: absolute; top: 0; left: 0; width: 50px; height: 50px; display: grid; place-items: center;
  border: 4px solid var(--amora); border-radius: 50%; background: var(--cal); font: 600 14px/1 var(--gravacao); color: var(--amora); }
.ftc-rota b { font: 700 18px/1.25 var(--titulos); }
.ftc-rota span { color: var(--grafite); font-size: 15.5px; }

/* dúvidas */
.ftc-duvidas { padding-block: clamp(60px, 8vw, 100px); background: var(--cal); border-top: 1px solid var(--risco); }
.ftc-duvidas__lista { border-top: 2px solid var(--carvao); }
.ftc-duvidas details { border-bottom: 1px solid var(--risco); }
.ftc-duvidas summary { display: flex; justify-content: space-between; align-items: center; gap: 18px; min-height: 60px; padding: 14px 0; cursor: pointer; list-style: none;
  font: 600 18px/1.35 var(--texto); }
.ftc-duvidas summary::-webkit-details-marker { display: none; }
.ftc-duvidas summary::after { content: "+"; flex: none; width: 30px; height: 30px; display: grid; place-items: center; border: 1.5px solid var(--carvao); border-radius: 50%;
  font: 500 18px/1 var(--gravacao); transition: transform 0.2s; }
.ftc-duvidas details[open] summary::after { transform: rotate(45deg); background: var(--amora); border-color: var(--amora); color: var(--cal); }
.ftc-duvidas details p { padding: 0 48px 18px 0; color: var(--grafite); margin: 0; }

/* onde fica */
.ftc-onde { padding-block: clamp(60px, 8vw, 100px); }
.ftc-onde__grade { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 22px; align-items: stretch; }
.ftc-onde__cartao { padding: 30px; background: var(--cal); border: 1px solid var(--risco); border-radius: var(--raio); }
.ftc-onde__cartao p { display: flex; gap: 12px; align-items: flex-start; overflow-wrap: anywhere; }
.ftc-onde__cartao .ftc-ico { color: var(--amora); margin-top: 3px; }
.ftc-onde__cartao a:not(.ftc-link-seta) { color: var(--carvao); font-weight: 600; }
.ftc-onde__hora { color: var(--grafite); }
.ftc-mapa { min-height: 340px; display: grid; place-content: center; justify-items: center; gap: 14px; padding: 24px; text-align: center; border-radius: var(--raio); overflow: hidden;
  background: repeating-linear-gradient(0deg, transparent 0 39px, #e2dcd6 39px 40px), repeating-linear-gradient(90deg, transparent 0 39px, #e2dcd6 39px 40px) #ebe7e2; }
.ftc-mapa__pino { width: 44px; height: 44px; color: var(--amora); stroke-width: 1.6; }
.ftc-mapa__aviso { margin: 0; max-width: 34ch; color: var(--grafite); font-size: 15px; }
.ftc-mapa--aberto { display: block; padding: 0; background: #e6e2dd; }
.ftc-mapa iframe { display: block; width: 100%; height: 100%; min-height: 380px; border: 0; }

/* chamada final */
.ftc-chamada { background: var(--amora); color: var(--amora-clara); padding-block: clamp(46px, 6vw, 70px); }
.ftc-chamada__linha { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px 40px; }
html.ftc .ftc-chamada h2 { color: var(--cal); margin-bottom: 0.3em; }
.ftc-chamada p { margin: 0; max-width: 56ch; }
.ftc-chamada__botoes { display: flex; flex-wrap: wrap; gap: 12px; }

/* páginas de texto corrido: privacidade, regras, erro e fila */
.ftc-texto { padding-block: 52px 88px; }
.ftc-texto h1 { font-size: clamp(32px, 4vw, 46px); }
.ftc-texto h2 { font-size: 22px; margin-top: 1.8em; }
.ftc-texto p { color: var(--grafite); }
.ftc-texto__data { font: 500 13px/1.4 var(--gravacao); letter-spacing: 0.06em; color: var(--cinza); }
.ftc-texto--erro { padding-block: 70px 110px; }
.ftc-erro-links { padding-left: 20px; display: grid; gap: 8px; }
.ftc-erro-links a { font-weight: 600; }
.ftc-fila { padding-block: 64px 100px; }
.ftc-fila h1 { font-size: clamp(32px, 4.4vw, 50px); }
.ftc-fila__numero { display: inline-block; padding: 10px 16px; border: 2px dashed var(--amora); border-radius: var(--raio); background: var(--cal); font-size: 18px; }
.ftc-fila__numero b { font: 600 19px/1 var(--gravacao); letter-spacing: 0.06em; color: var(--amora); }

/* rodapé */
.ftc-pe { background: #151317; color: #cfc7d2; padding-block: 56px 0; font-size: 15px; }
.ftc-pe__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 0.9fr); gap: 34px; padding-bottom: 40px; }
.ftc-pe__nome { display: flex; align-items: center; gap: 12px; color: var(--cal); font: 700 18px/1.25 var(--titulos); }
html.ftc .ftc-pe__titulo { font: 600 11.5px/1.3 var(--gravacao); letter-spacing: 0.16em; text-transform: uppercase; color: var(--amora-luz); margin-bottom: 16px; }
.ftc-pe__dados { margin: 0; display: grid; gap: 10px; }
.ftc-pe__dados div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; }
.ftc-pe__dados dt { color: #9e95a2; }
.ftc-pe__dados dd { margin: 0; overflow-wrap: anywhere; color: #ece6ee; }
html.ftc .ftc-pe a { color: #f3e9ef; }
.ftc-pe__links { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.ftc-pe__links a, .ftc-pe__rever { display: inline-flex; align-items: center; min-height: 40px; }
.ftc-pe__rever { padding: 0; border: 0; background: none; color: #f3e9ef; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; text-align: left; }
.ftc-pe__fim { margin: 0 auto; padding-block: 18px 22px; border-top: 1px solid rgba(255, 255, 255, 0.12); font-size: 13.5px; color: #a79fab; }

/* barra do celular */
.ftc-barra { display: none; }

/* aviso de medição */
.ftc-aviso { position: fixed; left: 18px; bottom: 18px; z-index: 60; width: min(390px, calc(100% - 36px)); padding: 20px 20px 18px;
  background: var(--cal); color: var(--carvao); border: 1px solid var(--risco-forte); border-top: 5px solid var(--amora); border-radius: var(--raio); box-shadow: 0 18px 40px -18px rgba(28, 26, 30, 0.5); }
html.ftc .ftc-aviso h2 { font-size: 18px; margin-bottom: 8px; color: var(--carvao); }
.ftc-aviso p { font-size: 14.5px; color: var(--grafite); margin-bottom: 14px; }
.ftc-aviso__botoes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

@media screen and (max-width: 1060px) {
  .ftc-menu { gap: 6px 18px; }
  .ftc-topo__numero { display: none; }
  .ftc-topo__fone { width: 48px; justify-content: center; border: 1.5px solid var(--risco-forte); border-radius: var(--raio); }
}
@media screen and (max-width: 980px) {
  .ftc-abre__grade, .ftc-quem__grade, .ftc-boa__grade, .ftc-onde__grade { grid-template-columns: minmax(0, 1fr); }
  .ftc-abre__grade { row-gap: 0; }
  .ftc-abre__texto { display: contents; }
  .ftc-abre__form { order: 2; margin-top: 8px; }
  .ftc-fatos { order: 3; margin-top: 34px; }
  .ftc-abre h1 { max-width: 20ch; }
  .ftc-rota { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 34px; }
  .ftc-rota::before { display: none; }
  .ftc-pe__grade { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ftc-pe__grade > div:first-child { grid-column: 1 / -1; }
  .ftc-quem__desenho { display: none; }
}
@media screen and (max-width: 860px) {
  .ftc-menu-botao { display: inline-grid; grid-template-columns: auto auto; align-items: center; gap: 8px; min-height: 48px; padding: 0 12px;
    border: 1.5px solid var(--risco-forte); border-radius: var(--raio); background: var(--cal); color: var(--carvao); cursor: pointer; order: 3; }
  .ftc-menu-botao__tracos { display: grid; gap: 4px; }
  .ftc-menu-botao__tracos i { display: block; width: 18px; height: 2px; background: currentColor; border-radius: 1px; }
  .ftc-menu-botao__rotulo { font-weight: 600; font-size: 15px; }
  .ftc-menu { display: none; position: absolute; left: -16px; right: -16px; top: 100%; flex-direction: column; gap: 0; padding: 6px 16px 14px;
    background: var(--cal); border-bottom: 1px solid var(--risco); box-shadow: 0 16px 24px -16px rgba(28, 26, 30, 0.35); }
  .ftc-menu--aberto { display: flex; }
  .ftc-menu a { padding: 14px 0; border-bottom: 1px solid var(--risco); }
  .ftc-topo__linha { gap: 12px; }
  .ftc-topo__acoes { order: 2; gap: 10px; }
  .ftc-etiquetas { grid-template-columns: minmax(0, 1fr); }
  .ftc-ficha__razao { display: none; }
  .ftc-ficha__onde { margin-left: 0; }
  body { padding-bottom: 76px; }
  .ftc-barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 10px;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: var(--cal); border-top: 1px solid var(--risco); box-shadow: 0 -10px 24px -18px rgba(28, 26, 30, 0.5);
    transition: transform 0.2s ease; }
  .ftc-barra a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; border-radius: var(--raio); font-weight: 600; text-decoration: none; }
  html.ftc .ftc-barra__ligar { border: 2px solid var(--carvao); color: var(--carvao); }
  html.ftc .ftc-barra__cotar { background: var(--amora); color: var(--cal); }
  .ftc-barra--fora { transform: translateY(115%); }
  .ftc-aviso { left: 10px; right: 10px; bottom: 86px; width: auto; }
}
@media screen and (max-width: 640px) {
  body { font-size: 16.4px; }
  .ftc-marca img { width: 40px; height: 40px; }
  .ftc-marca__nome b { font-size: 22px; }
  .ftc-marca__nome small { display: none; }
  .ftc-menu-botao__rotulo { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .ftc-menu-botao { padding: 0; width: 48px; justify-content: center; grid-template-columns: auto; }
  .ftc-topo__cotar { padding-inline: 14px; }
  .ftc-abre { padding-block: 26px 56px; }
  .ftc-fatos, .ftc-duplo, .ftc-nota { grid-template-columns: minmax(0, 1fr); }
  .ftc-cota { padding: 28px 18px 20px; }
  .ftc-rota { grid-template-columns: minmax(0, 1fr); }
  .ftc-ficha-tecnica div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .ftc-pe__grade { grid-template-columns: minmax(0, 1fr); }
  .ftc-pe__dados div { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .ftc-duvidas details p { padding-right: 0; }
  .ftc-mapa { min-height: 280px; }
}
@media screen and (prefers-reduced-motion) {
  html.ftc { scroll-behavior: auto; }
  .ftc *, .ftc *::before, .ftc *::after { transition: none !important; }
}
