/*
 * Gymkanas: parte pública. Usa las variables del tema v3 (--navy, --arena, --crema…).
 * Primero móvil; contraste AA; objetivos táctiles de al menos 44 px; foco visible del tema.
 */
.sc-gk { max-width: 720px; margin: 0 auto 48px; }
.sc-gk [hidden] { display: none !important; }
.sc-gk p, .sc-gk li { font-size: 1.0625rem; line-height: 1.6; }
.sc-gk-aviso { margin: 0 0 20px; padding: 14px 18px; border-radius: 12px; background: var(--lago-c, #dcecef); color: var(--tinta, #1b2a31); }
.sc-gk-aviso p { margin: 0; }
.sc-gk-aviso--error { background: #fbe9e7; border-left: 6px solid #a3271d; }
.sc-gk-vacia { padding: 18px 20px; border-radius: 12px; background: var(--arena, #efe6d6); }
.sc-gk-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.sc-gk-tarjeta { background: #fff; border: 1px solid var(--linea, #e3dccd); border-radius: 16px; padding: 18px 20px; }
.sc-gk-tarjeta h2 { font: 600 1.5rem/1.2 var(--serif, Georgia, serif); margin: 0 0 8px; }
.sc-gk-tarjeta h2 a { color: var(--navy, #0b2e3c); text-decoration: underline; text-underline-offset: 4px; }
.sc-gk-tarjeta p { margin: 0 0 6px; }
.sc-gk-dato { color: var(--gris, #56636a); font-size: 0.9375rem !important; }
.sc-gk-vista { margin: 0 0 16px; padding: 10px 14px; border-radius: 10px; background: #fff4cc; border: 1px dashed #8a6d00; font-weight: 700; }
.sc-gk-titulo { font: 600 clamp(1.75rem, 1.4rem + 1.4vw, 2.375rem)/1.15 var(--serif, Georgia, serif); color: var(--navy, #0b2e3c); margin: 0 0 16px; }
.sc-gk-normas { margin: 20px 0; padding: 16px 20px; border-radius: 12px; background: var(--arena, #efe6d6); border-left: 6px solid var(--navy, #0b2e3c); }
.sc-gk-normas h3 { font: 700 1.125rem/1.3 var(--sans, system-ui, sans-serif); margin: 0 0 8px; color: var(--navy, #0b2e3c); }
.sc-gk-normas p:last-child { margin-bottom: 0; }
.sc-gk-acciones { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; margin: 24px 0 0; }
.sc-gk-boton { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border: 0; border-radius: 999px; background: var(--navy, #0b2e3c); color: #fff !important; font: 700 1.0625rem var(--sans, system-ui, sans-serif); text-decoration: none; cursor: pointer; }
.sc-gk-boton:hover { background: var(--bosque, #24453c); }
.sc-gk-enlace { display: inline-flex; align-items: center; min-height: 44px; color: var(--lago, #1f6a7e); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.sc-gk-etapa, .sc-gk-final { background: #fff; border: 1px solid var(--linea, #e3dccd); border-radius: 16px; padding: 18px 16px; scroll-margin-top: calc(96px + var(--barra-admin, 0px)); }
@media (min-width: 600px) { .sc-gk-etapa, .sc-gk-final { padding: 22px 24px; } }
.sc-gk-etapa:focus, .sc-gk-final:focus { outline: none; }
.sc-gk-progreso { margin: 0 0 6px; color: var(--gris, #56636a); font-weight: 700; font-size: 0.9375rem !important; }
.sc-gk-barra { display: block; width: 100%; height: 8px; margin: 0 0 14px; accent-color: var(--oliva, #556a37); }
.sc-gk-etapa h3 { font: 600 1.5rem/1.2 var(--serif, Georgia, serif); color: var(--navy, #0b2e3c); margin: 0 0 12px; }
.sc-gk-pista { margin-bottom: 12px; }
.sc-gk-lugar { padding: 10px 14px; border-radius: 10px; background: var(--salvia, #e8eee2); }
.sc-gk-lugar a { color: var(--bosque, #24453c); font-weight: 700; }
.sc-gk-form { display: grid; gap: 10px; margin: 18px 0 0; }
.sc-gk-form label { font-weight: 700; font-size: 1.0625rem; }
.sc-gk-form input[type="text"] { min-height: 48px; padding: 8px 12px; border: 1.5px solid #6b767c; border-radius: 10px; font-size: 1.125rem; width: 100%; box-sizing: border-box; background: #fff; color: var(--tinta, #1b2a31); }
.sc-gk-form .sc-gk-boton { justify-self: start; }
.sc-gk-qr-ayuda { margin: 0; }
.sc-gk-recordatorio { margin: 16px 0 0; color: var(--gris, #56636a); font-size: 0.9375rem !important; }
.sc-gk-final-titulo { font: 600 1.5rem/1.25 var(--serif, Georgia, serif); color: var(--bosque, #24453c); margin: 0 0 8px; }