/* ============================================================
   CT GOLD — Cartão de Embarque
   Preto de tinta, dourado sólido e chapado (sem grão, sem
   textura), perfuração como única marca de profundidade.
   Ledger contínuo raiado no lugar de cards. Sem JS. Sem build.
   ============================================================ */

:root{
  --ink:      #0A0A0A;   /* tinta preta — o fundo */
  --ink-2:    #141311;   /* painel: verso do cartão, corpo da ficha */
  --panel:    #1C1A17;   /* hover de linha do ledger */
  --gold:     #FFCC00;   /* única cor de ação — sólida, nunca em gradiente */
  --gold-lo:  #E6B800;   /* dourado gasto — hover */
  --gold-dim: #6E5A14;   /* SÓ contornos e réguas, nunca texto */
  --gold-2:   #A89055;   /* secundário tingido do dourado (6.5:1 sobre a tinta) */
  --paper:    #F4F1E8;   /* talão de papel */
  --paper-ink:#131110;   /* texto sobre o talão */
  --muted:    #CDBE93;   /* secundário — nunca cinza */
  --rule:     rgba(255,204,0,.18);

  --disp: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --cond: "Barlow Condensed", "Arial Narrow", sans-serif;
  --text: "Barlow", system-ui, sans-serif;

  --wrap: 1240px;
  --ease: cubic-bezier(.16,1,.3,1);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }

body{
  margin:0;
  background:var(--ink);
  color:var(--paper);
  font:400 1.0625rem/1.6 var(--text);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* Superfícies do navegador: nada fica com o default de ninguém */
::selection{ background:var(--gold); color:var(--ink); }
:focus-visible{ outline:2px solid var(--gold); outline-offset:3px; }
::-webkit-scrollbar{ width:11px; height:11px; }
::-webkit-scrollbar-track{ background:var(--ink); }
::-webkit-scrollbar-thumb{ background:var(--gold-dim); border:3px solid var(--ink); }
::-webkit-scrollbar-thumb:hover{ background:var(--gold); }
input,textarea{ caret-color:var(--gold); }

.sprite{ position:absolute; width:0; height:0; }
.ico{ width:28px; height:28px; fill:none; stroke:var(--gold); stroke-width:2;
      stroke-linecap:round; stroke-linejoin:round; display:block; flex-shrink:0; }

.skip{ position:absolute; left:-9999px; }
.skip:focus{ left:1rem; top:1rem; z-index:99; background:var(--gold); color:var(--ink);
             padding:.7rem 1.1rem; font:600 .95rem var(--cond); text-transform:uppercase; }

.wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:clamp(1rem,4vw,2.5rem); }

h1,h2,h3{ font-family:var(--disp); font-weight:900; text-transform:uppercase;
          letter-spacing:-.015em; line-height:.86; margin:0; text-wrap:balance; }
h1{ font-size:clamp(3.2rem,9vw,7rem); }
h1 em{ font-style:normal; color:var(--gold); }
p{ margin:0 0 1rem; }

/* ============================ CABEÇALHO ============================ */
.head{
  position:sticky; top:0; z-index:40;
  background:rgba(10,10,10,.94);
  border-bottom:1px solid var(--rule);
}
.head-row{ display:flex; align-items:center; gap:clamp(1rem,3vw,2.5rem); min-height:78px; }
.mark img{ display:block; height:58px; width:auto; mix-blend-mode:screen; }
.nav{ display:flex; gap:1.6rem; margin-left:auto; }
.nav a{
  font:600 .95rem/1 var(--cond); text-transform:uppercase; letter-spacing:.09em;
  color:var(--muted); text-decoration:none; padding:.5rem 0;
  border-bottom:2px solid transparent; transition:color .2s, border-color .2s;
}
.nav a:hover{ color:var(--gold); border-bottom-color:var(--gold); }

.menu{ display:none; margin-left:auto; position:relative; }
.menu summary{ list-style:none; cursor:pointer; padding:.6rem; display:grid; gap:5px; }
.menu summary::-webkit-details-marker{ display:none; }
.menu summary span{ display:block; width:26px; height:2px; background:var(--gold); }
.menu[open] nav{
  position:absolute; right:0; top:calc(100% + .6rem); z-index:50;
  background:var(--ink-2); border:1px solid var(--gold-dim);
  display:grid; min-width:220px;
}
.menu nav a{
  font:600 1rem/1 var(--cond); text-transform:uppercase; letter-spacing:.08em;
  color:var(--paper); text-decoration:none; padding:.95rem 1.2rem;
  border-bottom:1px solid rgba(255,204,0,.14);
}
.menu nav a:last-child{ border-bottom:0; color:var(--gold); }
.menu nav a:hover{ background:var(--gold); color:var(--ink); }

/* ============================ BOTÕES ============================ */
/* Botão primário = tarja dourada sólida chapada, perfurada nos dois lados,
   como o canhoto que se destaca de um talão */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  font:700 1.05rem/1 var(--cond); text-transform:uppercase; letter-spacing:.1em;
  text-decoration:none; padding:1.05rem 2.1rem; position:relative;
  transition:background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);
}
.btn-sm{ padding:.72rem 1.3rem; font-size:.92rem; }
.btn-lg{ padding:1.25rem 2.8rem; font-size:1.2rem; }

.btn-solid{ background:var(--gold); color:var(--ink); }
.btn-solid::before,.btn-solid::after{
  content:""; position:absolute; top:8px; bottom:8px; width:5px;
  background-image:repeating-linear-gradient(180deg,var(--ink) 0 5px,transparent 5px 13px);
}
.btn-solid::before{ left:6px; }
.btn-solid::after{ right:6px; }
.btn-solid:hover{ background:var(--gold-lo); transform:translateY(-2px); }

.btn-ghost{ color:var(--gold); border:1px solid var(--gold-dim); }
.btn-ghost:hover{ background:var(--gold); color:var(--ink); border-color:var(--gold); }

.btn-invert{ background:var(--ink); color:var(--gold); }
.btn-invert:hover{ background:var(--ink-2); }
.btn-outline-dark{ color:var(--ink); border:1px solid rgba(10,10,10,.45); }
.btn-outline-dark:hover{ background:var(--ink); color:var(--gold); }

/* ============================ DOBRA INICIAL ============================ */
/* A régua dourada chapada: o primeiro grande campo sólido da página,
   perfurada como a borda de destacar de um talão */
.ruler{
  background:var(--gold);
  padding:1.15rem 0 1.5rem;
  position:relative;
}
.ruler::before,.ruler::after{
  content:""; position:absolute; left:0; right:0;
  background-image:repeating-linear-gradient(90deg,var(--ink) 0 9px,transparent 9px 23px);
  height:9px;
}
.ruler::before{ top:0; }
.ruler::after{ bottom:0; height:11px;
  background-image:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 22px); }
.ruler span{
  font:600 clamp(.72rem,1.5vw,.86rem)/1.4 var(--cond); text-transform:uppercase;
  letter-spacing:.22em; color:var(--ink); display:block;
}

.hero-grid{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
  gap:clamp(2rem,5vw,4.5rem); align-items:start;
  padding-top:clamp(2.5rem,6vw,4.5rem);
}

/* Talão de papel: o único lugar onde texto corrido vive, com borda
   serrilhada à esquerda, como se tivesse sido destacado de um bloco */
.window{
  background:var(--paper); color:var(--paper-ink);
  padding:1.9rem 1.6rem 1.9rem 2rem; margin:1.8rem 0 0; position:relative;
  max-width:60ch;
}
.window::before{
  content:""; position:absolute; left:0; top:8px; bottom:8px; width:8px;
  background-image:repeating-linear-gradient(180deg,var(--ink) 0 8px,transparent 8px 21px);
}
.window p{ font-size:1.05rem; }
.window p:last-child{ margin-bottom:0; }

.acts{ display:flex; flex-wrap:wrap; gap:.9rem; margin-top:1.9rem; }
.fine{
  font:400 .88rem/1.55 var(--text); color:var(--muted);
  margin-top:1.4rem; max-width:62ch;
}
.fine-wide{ max-width:none; border-top:1px solid var(--rule); padding-top:1.3rem; margin-top:2.6rem; }

/* ---------- O CARTÃO DE EMBARQUE ---------- */
.board-zone{ min-width:0; }

.pass{
  display:grid; grid-template-columns:1fr auto; background:var(--ink-2);
  border:1px solid var(--gold-dim); position:relative;
}
.pass-main{ padding:1.5rem 1.6rem 1.6rem; min-width:0; }
.pass-main .ico{ stroke:var(--gold-2); }
.pass-eyebrow{
  display:block; font:600 .72rem/1 var(--cond); text-transform:uppercase;
  letter-spacing:.22em; color:var(--gold-2); margin-bottom:.9rem;
}
.pass-main h2{ font-size:clamp(1.7rem,3vw,2.3rem); color:var(--paper); margin:.9rem 0 .3rem; }
.pass-main p{ font:500 .84rem/1.3 var(--cond); text-transform:uppercase; letter-spacing:.1em;
              color:var(--muted); margin:0; }

/* a linha de destaque: perfuração vertical + furos, o "corte aqui" do talão */
.pass-stub{
  width:clamp(122px,26vw,152px); padding:1.5rem 1.15rem; text-align:right;
  border-left:2px dashed var(--gold-dim); position:relative;
  display:flex; flex-direction:column; justify-content:center; gap:.3rem;
}
.pass-stub::before,.pass-stub::after{
  content:""; position:absolute; left:-7px; width:13px; height:13px; border-radius:50%;
  background:var(--ink);
}
.pass-stub::before{ top:-7px; }
.pass-stub::after{ bottom:-7px; }
.pass-stub b{
  font:800 clamp(1.9rem,4vw,2.5rem)/1 var(--disp); color:var(--gold);
  font-variant-numeric:tabular-nums;
}
.pass-stub b i{ display:block; font:600 .74rem/1 var(--cond); font-style:normal;
                letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:.35rem; }
.pass-stub span{ font:500 .74rem/1 var(--cond); text-transform:uppercase; letter-spacing:.12em; color:var(--gold-2); }
.pass-stub em{ font:600 .68rem/1 var(--cond); font-style:normal; text-transform:uppercase; letter-spacing:.14em;
               color:var(--gold); margin-top:.5rem; }

.pass.is-flagged{ border-color:var(--gold); }
.pass.is-flagged .pass-main{ background:var(--gold); color:var(--ink); }
.pass.is-flagged .pass-main .ico{ stroke:var(--ink); }
.pass.is-flagged .pass-eyebrow{ color:rgba(10,10,10,.6); }
.pass.is-flagged .pass-main h2{ color:var(--ink); }
.pass.is-flagged .pass-main p{ color:rgba(10,10,10,.66); }
.pass.is-flagged .pass-stub{ border-left-color:var(--gold); }

@media (prefers-reduced-motion:no-preference){
  .pass.is-flagged{ animation:stamp .5s var(--ease) both; }
}
@keyframes stamp{
  0%{ transform:scale(1.035) rotate(-.6deg); }
  100%{ transform:scale(1) rotate(0); }
}

/* ledger compacto: as demais modalidades, uma linha raiada cada, sem caixa */
.ledger-mini{ list-style:none; margin:1.4rem 0 0; padding:0; border-top:1px solid var(--rule); }
.ledger-mini li{
  display:grid; grid-template-columns:auto 1fr auto; align-items:center;
  gap:.3rem 1rem; padding:.9rem 0; border-bottom:1px solid var(--rule);
}
.ledger-mini .ico{ grid-row:span 2; width:24px; height:24px; }
.ledger-mini span{ font:600 1rem/1.15 var(--text); color:var(--paper); grid-column:2; }
.ledger-mini i{ font:500 .78rem/1.2 var(--cond); font-style:normal; text-transform:uppercase;
                letter-spacing:.08em; color:var(--muted); grid-column:2; }
.ledger-mini b{
  grid-row:span 2; font:700 1.15rem/1 var(--cond); letter-spacing:.02em; color:var(--gold);
  font-variant-numeric:tabular-nums; text-align:right;
}
.ledger-mini b i{ font-style:normal; text-transform:uppercase; letter-spacing:.06em; font-size:.68rem; color:var(--muted); }
.ledger-mini .ask{
  grid-row:span 2; font:700 1rem/1 var(--cond); letter-spacing:.02em; color:var(--muted);
  text-align:right; text-decoration:underline; text-underline-offset:3px;
}
.ledger-mini .ask:hover{ color:var(--gold); }

/* ---------- Faixa de fatos: divisórias, não cards ---------- */
.facts{
  display:grid; grid-template-columns:1.6fr repeat(4,1fr);
  border:1px solid var(--rule); margin-top:clamp(3rem,7vw,5rem);
}
.fact{ padding:1.7rem 1.5rem; border-left:1px solid var(--rule); }
.fact:first-child{ border-left:0; }
.fact h2{ font-size:1.9rem; color:var(--gold); margin-bottom:.7rem; }
.fact h3{ font-size:1.15rem; color:var(--paper); margin-bottom:.55rem; letter-spacing:.01em; }
.fact p{ font-size:.92rem; line-height:1.5; color:var(--muted); margin:0; }
.fact-lead p{ color:var(--paper); }

/* ============================ TABELA DE VALORES ============================ */
/* O quadro de tarifas: cada modalidade é uma linha, cada prazo uma coluna de
   classe tarifária — mensal é a tarifa flexível, semestral a tarifa de lote. */
.reel{ padding:clamp(4.5rem,10vw,8rem) 0 clamp(3.5rem,8vw,6rem); }
.reel-head{ margin-bottom:clamp(2rem,5vw,3.2rem); }
.reel-head h2{ font-size:clamp(2.8rem,7vw,5.2rem); }

.board{ border-top:1px solid var(--gold-dim); }
.board-head{
  display:grid; grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));
  padding:.7rem 0; border-bottom:1px solid var(--gold-dim);
}
.board-head span{
  font:600 .76rem/1 var(--cond); text-transform:uppercase; letter-spacing:.16em; color:var(--gold-2);
  text-align:right;
}
.board-head span:first-child{ text-align:left; }

.board-row{
  display:grid; grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));
  align-items:center; border-bottom:1px solid var(--rule);
  transition:background .16s var(--ease);
}
.board-row:hover{ background:var(--panel); }
.board-item{ display:flex; align-items:center; gap:.9rem; padding:1.15rem 1rem 1.15rem 0; min-width:0; }
.board-item h3{ font-size:clamp(1.15rem,1.8vw,1.4rem); color:var(--paper); }
.board-item p{ font:500 .78rem/1.2 var(--cond); text-transform:uppercase; letter-spacing:.1em;
               color:var(--muted); margin:.25rem 0 0; }
.board-row-combo .board-item h3{ color:var(--gold); }

.board-fare{ padding:1.15rem .3rem; text-align:right; border-left:1px solid var(--rule); }
.board-fare span{ display:none; }
.board-fare b{
  font:800 clamp(1.4rem,2.4vw,1.85rem)/1 var(--disp); color:var(--paper);
  font-variant-numeric:tabular-nums;
}
.board-fare b::before{ content:"R$ "; font-size:.5em; vertical-align:.5em; letter-spacing:.03em; color:var(--muted); }
.board-fare-solid{ background:var(--gold); align-self:stretch; display:flex; align-items:center; justify-content:flex-end; }
.board-fare-solid b{ color:var(--ink); }
.board-fare-solid b::before{ color:rgba(10,10,10,.6); }

/* ---------- Standby: os avulsos, uma faixa compacta sem caixa ---------- */
.standby{
  margin-top:clamp(2rem,5vw,3rem); padding-top:1.6rem; border-top:1px solid var(--gold-dim);
  display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(.6rem,2vw,1.2rem); max-width:520px;
}
.standby-item{ display:flex; align-items:center; gap:.7rem; padding:.3rem 0; }
.standby-item .ico{ width:22px; height:22px; }
.standby-item span{ font:500 .84rem/1.2 var(--cond); text-transform:uppercase; letter-spacing:.06em; color:var(--muted); flex:1; }
.standby-item b{ font:700 1.05rem/1 var(--cond); color:var(--gold); font-variant-numeric:tabular-nums; white-space:nowrap; }

.rally{
  margin-top:clamp(3rem,7vw,5rem); display:flex; flex-wrap:wrap; align-items:center;
  justify-content:space-between; gap:1.5rem;
  border-top:1px solid var(--rule); padding-top:clamp(2rem,5vw,3rem);
}
.rally p{ font:900 clamp(2.2rem,6vw,4rem)/.9 var(--disp); text-transform:uppercase;
          color:var(--gold); margin:0; }

/* ============================ BLOCOS DE CONTEÚDO ============================ */
.slab{ padding:clamp(3.5rem,8vw,6.5rem) 0; border-top:1px solid var(--rule); }
.slab h2{ font-size:clamp(2.3rem,5.5vw,4.2rem); margin-bottom:1.6rem; }
.two{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
      gap:clamp(2rem,5vw,4.5rem); align-items:start; }
.two-rev > figure{ order:2; }

.specs{ margin:0; border-top:1px solid var(--rule); }
.specs > div{ display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
              gap:1rem; padding:.95rem 0; border-bottom:1px solid var(--rule); }
.specs dt{ font:600 .8rem/1.35 var(--cond); text-transform:uppercase; letter-spacing:.14em; color:var(--gold); }
.specs dd{ margin:0; font-size:.95rem; color:var(--paper); }

.ticklist{ list-style:none; margin:1.8rem 0 0; padding:0; }
.ticklist li{ position:relative; padding:.7rem 0 .7rem 2.1rem; border-bottom:1px solid var(--rule);
              font:500 1rem/1.4 var(--text); }
.ticklist li::before{
  content:""; position:absolute; left:0; top:1.15rem; width:11px; height:11px; background:var(--gold);
}

/* Ficha: já é um talão no mundo novo — mantém a perfuração nas duas bordas */
.ficha{
  margin:0; background:var(--ink-2); border:1px solid var(--gold-dim); padding:1.6rem 1.7rem;
  position:relative;
}
.ficha::before,.ficha::after{
  content:""; position:absolute; top:14px; bottom:14px; width:4px;
  background-image:repeating-linear-gradient(180deg,var(--gold-dim) 0 6px,transparent 6px 16px);
}
.ficha::before{ left:6px; } .ficha::after{ right:6px; }
.ficha figcaption{
  font:600 .7rem/1 var(--cond); text-transform:uppercase; letter-spacing:.18em;
  color:var(--gold-2); margin-bottom:1.1rem; padding-inline:.6rem;
}
.ficha-head{
  display:flex; justify-content:space-between; gap:1rem; padding:0 .6rem .9rem;
  border-bottom:1px solid var(--rule);
  font:600 .82rem/1 var(--cond); text-transform:uppercase; letter-spacing:.12em; color:var(--gold);
}
.ficha ol{ list-style:none; margin:0; padding:0 .6rem; }
.ficha li{
  display:grid; grid-template-columns:1fr auto auto; gap:.6rem 1rem; align-items:baseline;
  padding:.75rem 0; border-bottom:1px solid rgba(255,204,0,.12);
}
.ficha li:last-child{ border-bottom:0; }
.ficha li span{ font:500 1rem/1.2 var(--text); }
.ficha li i{ font:500 .74rem/1 var(--cond); font-style:normal; text-transform:uppercase;
             letter-spacing:.1em; color:var(--muted); }
.ficha li b{ font:700 1rem/1 var(--cond); letter-spacing:.05em; color:var(--gold);
             font-variant-numeric:tabular-nums; }

.hours{ border-top:1px solid var(--rule); margin-top:2rem; }
.hour{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:1rem;
       padding:1.15rem 0; border-bottom:1px solid var(--rule); }
.hour span{ font:600 1.05rem/1 var(--cond); text-transform:uppercase; letter-spacing:.14em; }
.hour b{ font:800 clamp(1.6rem,3.5vw,2.4rem)/1 var(--disp); color:var(--gold);
         font-variant-numeric:tabular-nums; }

/* ============================ FECHAMENTO ============================ */
/* O segundo grande campo dourado chapado: fecha com o mesmo peso da abertura,
   com uma faixa de código de barras — o eco do check-in por QR do app */
.close{
  background:var(--gold);
  color:var(--ink); padding:clamp(3.5rem,8vw,6.5rem) 0; position:relative;
}
.close::before{
  content:""; position:absolute; top:0; left:0; right:0; height:11px;
  background-image:repeating-linear-gradient(90deg,var(--ink) 0 9px,transparent 9px 23px);
}
.close-grid{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:2.5rem; }
.close h2{ font-size:clamp(2.6rem,7vw,5.4rem); color:var(--ink); margin-bottom:1.5rem; }
.addr{ font:600 1.15rem/1.5 var(--cond); text-transform:uppercase; letter-spacing:.1em;
       color:rgba(10,10,10,.82); margin-bottom:2rem; }
.hash{
  font:900 clamp(1.6rem,4vw,2.8rem)/1 var(--disp); text-transform:uppercase;
  color:rgba(10,10,10,.38); margin:0 0 1.1rem; letter-spacing:-.01em;
}
.barcode{
  width:clamp(160px,20vw,220px); height:34px;
  background-image:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 3px,
                    var(--ink) 3px 6px,transparent 6px 8px,var(--ink) 8px 9px,transparent 9px 12px);
  opacity:.55;
}

.foot{ background:var(--ink); padding:clamp(2.5rem,5vw,3.5rem) 0; }
.foot-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:2rem;
            font:400 .88rem/1.6 var(--text); color:var(--muted); }
.foot strong{ color:var(--paper); font-weight:500; }
.foot a{ color:var(--gold); text-decoration:none; text-underline-offset:4px; }
.foot a:hover{ text-decoration:underline; }
.foot-fine{ font-size:.8rem; color:var(--gold-2); }

/* Redes sociais: inertes até os endereços reais serem confirmados */
.social{ display:flex; gap:.7rem; }
.social-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border:1px solid var(--gold-dim); cursor:default;
}
.social-btn .ico{ width:19px; height:19px; stroke:var(--gold-2); }

/* CTA fixo no mobile: sempre ao alcance do polegar (Lei de Fitts) */
.sticky-cta{ display:none; }
@media (max-width:620px){
  .sticky-cta{
    display:block; position:fixed; left:0; right:0; bottom:0; z-index:45;
    padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));
    background:rgba(10,10,10,.96); border-top:1px solid var(--rule);
  }
  .sticky-cta .btn{ display:flex; width:100%; }
  body{ padding-bottom:74px; }
}

/* ============================ ADAPTAÇÃO ============================ */
@media (max-width:1080px){
  .facts{ grid-template-columns:repeat(3,1fr); }
  .fact{ border-top:1px solid var(--rule); }
  .fact:nth-child(-n+3){ border-top:0; }
  .fact:nth-child(3n+1){ border-left:0; }
  .fact-lead{ grid-column:span 3; }
  .foot-grid{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width:900px){
  .nav,.head .btn{ display:none; }
  .menu{ display:block; }
  .hero-grid,.two,.reel-head{ grid-template-columns:1fr; }
  .two-rev > figure{ order:0; }
  .board-head{ display:none; }
  .board-row{ grid-template-columns:1fr; }
  .board-fare{ border-left:0; text-align:left; padding:.3rem 0 .3rem 3.1rem; }
  .board-fare span{ display:inline; font:600 .72rem/1 var(--cond); text-transform:uppercase;
                    letter-spacing:.12em; color:var(--muted); margin-right:.6rem; }
  .board-fare-solid{ background:none; display:block; }
  .board-fare-solid b{ color:var(--gold); }
  .board-fare-solid b::before{ color:var(--muted); }
  .board-item{ padding-bottom:.4rem; }
  .standby{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width:620px){
  body{ font-size:1rem; }
  .facts{ grid-template-columns:1fr; }
  .fact{ border-left:0; border-top:1px solid var(--rule); }
  .fact:first-child{ border-top:0; }
  .fact-lead{ grid-column:span 1; }
  .pass{ grid-template-columns:1fr; }
  .pass-stub{ width:auto; border-left:0; border-top:2px dashed var(--gold-dim);
              flex-direction:row; align-items:center; justify-content:space-between; text-align:left; }
  .pass-stub::before,.pass-stub::after{ display:none; }
  .pass-stub b i{ display:inline; margin-bottom:0; margin-right:.5rem; }
  .standby{ grid-template-columns:1fr; }
  .foot-grid{ grid-template-columns:1fr; }
  .acts .btn{ flex:1 1 100%; }
  .ficha li{ grid-template-columns:1fr auto; }
  .ficha li i{ grid-column:1; }
}

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *{ transition-duration:.01ms !important; animation:none !important; }
}