/* Página /guia-do-corredor: doping e guia da corrida de rua. */

.gd-wrap { max-width: 980px; }
.gd-sec { padding: 64px 0; scroll-margin-top: 84px; }
.gd-sec .gd-wrap > * + * { margin-top: 18px; }
.gd-h { font: 800 clamp(30px, 4.2vw, 46px)/1 var(--display); text-transform: uppercase; margin-bottom: 6px; }
.gd-h3 { font: 800 24px/1.1 var(--display); text-transform: uppercase; color: var(--verde); margin-top: 28px !important; }
.gd-p { color: var(--texto-2); }
.gd-p a { color: var(--verde); }
.gd-nota { color: var(--texto-3); font-size: 14px; }

/* índice */
.gd-ind-sec { padding-bottom: 32px; }
.gd-ind { display: grid; grid-template-columns: 1fr 1.6fr; gap: 20px; background: var(--fundo-2); border: 1px solid var(--linha); border-radius: var(--raio); padding: 24px; }
.gd-ind-tit { font: 800 22px/1 var(--display); text-transform: uppercase; color: var(--verde); margin-bottom: 12px; }
.gd-ind-links { display: flex; flex-wrap: wrap; gap: 8px; }
.gd-ind-links a { border: 1.5px solid var(--linha); border-radius: 999px; padding: 7px 14px; font-size: 15px; font-weight: 600; text-decoration: none; color: var(--texto); transition: border-color .2s, color .2s; }
.gd-ind-links a:hover { border-color: var(--verde); color: var(--verde); }
.gd-pdf { margin-top: 20px; }

/* separador das partes */
.gd-parte { padding: 40px 0 0; }
.gd-parte .sobre { margin-bottom: 6px; }
.gd-parte-h { font: italic 800 clamp(52px, 8vw, 88px)/.95 var(--display); text-transform: uppercase; color: var(--verde); }

/* listas */
.gd-lista { list-style: none; padding: 0; display: grid; gap: 14px; }
.gd-lista li { display: flex; gap: 12px; align-items: flex-start; color: var(--texto-2); font-size: 18px; }
.gd-lista li > i { color: var(--verde); font-size: 22px; flex: none; margin-top: 3px; }
.gd-lista strong { color: var(--texto); }
.gd-lista-risco li > i { color: #ffb347; }

/* etiquetas */
.gd-pil { display: inline-block; border-radius: 999px; padding: 4px 12px; font: 700 12px/1.3 var(--corpo); text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
.gd-pil-sempre { background: var(--verde); color: var(--sobre-verde); }
.gd-pil-comp { border: 1.5px solid #ffb347; color: #ffb347; padding: 2.5px 10.5px; }
.gd-legenda { display: inline-flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; margin-top: 8px; font-size: 14px; }
.gd-pils { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }

/* tabela das armadilhas */
.gd-tab { width: 100%; border-collapse: separate; border-spacing: 0; margin-top: 22px; }
.gd-tab th, .gd-tab td { text-align: left; vertical-align: top; padding: 16px 18px; border-bottom: 1px solid var(--linha); }
.gd-tab thead th { font: 800 16px/1 var(--display); text-transform: uppercase; letter-spacing: .08em; color: var(--verde); border-bottom: 2px solid var(--verde); }
.gd-tab tbody th { font-weight: 700; width: 32%; color: var(--texto); }
.gd-tab td { color: var(--texto-2); }
.gd-tab td:nth-child(2) { width: 30%; }
.gd-tab strong { color: var(--texto); }
.gd-sit { display: block; }
.gd-ok { display: flex; gap: 12px; align-items: flex-start; background: var(--cartao); border: 1px solid var(--linha); border-radius: 16px; padding: 16px 18px; color: var(--texto-2); }
.gd-ok i { color: var(--verde); font-size: 26px; flex: none; }
.gd-ok strong { color: var(--texto); }

/* classes da lista */
.gd-classes-grade { display: grid; grid-template-columns: 1.3fr 1fr; gap: 28px; align-items: start; }
.gd-classes-tit { font-weight: 700; margin-bottom: 12px; display: flex; gap: 8px; align-items: center; }
.gd-classes { list-style: none; padding: 0; display: grid; gap: 8px; }
.gd-classes li { display: flex; gap: 12px; align-items: baseline; background: var(--fundo-2); border: 1px solid var(--linha); border-radius: 12px; padding: 10px 14px; }
.gd-sec.sec-tom .gd-classes li { background: var(--cartao); }
.gd-classes b { font: 800 20px/1 var(--display); color: var(--verde); min-width: 32px; flex: none; }
.gd-classes span { color: var(--texto-2); font-size: 16px; }

/* links oficiais */
.gd-links { display: grid; gap: 10px; }
.gd-link { display: flex; gap: 14px; align-items: center; border: 1.5px solid var(--verde); border-radius: 16px; padding: 14px 18px; text-decoration: none; color: var(--texto); font-weight: 600; transition: background-color .25s, color .25s; }
.gd-link > i:first-child { font-size: 26px; color: var(--verde); flex: none; }
.gd-link > span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.gd-link .gd-seta { font-size: 20px; color: var(--verde); flex: none; }
.gd-link:hover { background: var(--verde); color: var(--sobre-verde); }
.gd-link:hover i { color: var(--sobre-verde); }

/* regra de ouro */
.gd-passos { list-style: none; padding: 0; counter-reset: p; display: grid; gap: 12px; }
.gd-passos li { counter-increment: p; display: flex; gap: 16px; align-items: center; background: var(--fundo-2); border: 1px solid var(--linha); border-radius: 16px; padding: 16px 18px; font-size: 18px; }
.gd-passos li::before { content: counter(p); flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--verde); color: var(--sobre-verde); display: grid; place-items: center; font: 800 22px/1 var(--display); }

/* alerta */
.gd-alerta { border: 2px solid #ff5a4f; background: rgba(255, 90, 79, .08); border-radius: var(--raio); padding: 28px; }
.gd-alerta .gd-h { display: flex; gap: 12px; align-items: flex-start; color: #ff7a70; }
.gd-alerta .gd-h i { font-size: 1em; flex: none; }
.gd-alerta .gd-lista { margin-top: 18px; }
.gd-lista-alerta li { color: var(--texto); }
.gd-lista-alerta li > i { color: #ff5a4f; }

/* final */
.gd-fim { padding-top: 40px; }
.gd-aviso { display: flex; gap: 14px; align-items: flex-start; border: 1px solid var(--linha); background: var(--fundo-2); border-radius: 16px; padding: 18px 20px; color: var(--texto-2); }
.gd-aviso i { font-size: 26px; color: var(--verde); flex: none; }
.gd-aviso strong { color: var(--texto); }
.gd-cta { margin-top: 48px !important; }
.gd-cta .titulo { margin-bottom: 14px; }
.gd-cta > p { color: var(--texto-2); margin-bottom: 22px; }
.gd-cta-bt { display: flex; flex-wrap: wrap; gap: 12px; }

@media (max-width: 760px) {
  .gd-sec { padding: 44px 0; }
  .gd-ind { grid-template-columns: 1fr; padding: 18px; }
  .gd-classes-grade { grid-template-columns: 1fr; }
  .gd-alerta { padding: 20px; }
  .gd-lista li { font-size: 17px; }
  .gd-cta-bt .btn { width: 100%; white-space: normal; text-align: center; }
  .gd-pdf .btn { width: 100%; }

  /* tabela vira cards */
  .gd-tab, .gd-tab tbody, .gd-tab tr, .gd-tab th, .gd-tab td { display: block; width: 100% !important; }
  .gd-tab thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .gd-tab tr { background: var(--cartao); border: 1px solid var(--linha); border-radius: 16px; padding: 14px 16px; margin-bottom: 12px; }
  .gd-tab th, .gd-tab td { border: 0; padding: 0; }
  .gd-tab tbody th { font: 800 22px/1.1 var(--display); text-transform: uppercase; margin-bottom: 10px; }
  .gd-tab td { margin-top: 8px; }
  .gd-tab td::before { content: attr(data-rot); display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--texto-3); margin-bottom: 2px; }
}