.guia-motor {
  --guia-tinta: #f0e8ef;
  --guia-papel: #0b0a0e;
  --guia-negro: #050407;
  --guia-linea: #3a2f52;
  --guia-rosa: #e86fa4;
  --guia-ambar: #c9a227;
  border: 1px solid var(--guia-rosa);
  border-bottom-width: 5px;
  border-radius: 0;
  background: var(--guia-papel);
  color: var(--guia-tinta);
  box-shadow: 8px 8px 0 #2a2140;
}
.guia-motor *, .guia-motor *::before, .guia-motor *::after { box-sizing: border-box; border-radius: 0; }
.guia-motor__regla { display: grid; gap: 8px; padding: 18px; border-bottom: 1px solid var(--guia-linea); background: var(--guia-ambar); color: var(--guia-negro); }
.guia-motor__regla strong { font-size: clamp(1rem, 2vw, 1.35rem); }
.guia-motor__pasos { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--guia-linea); }
.guia-motor__pasos span { padding: 10px; border-right: 1px solid var(--guia-linea); font-size: .75rem; opacity: .48; }
.guia-motor__pasos span:last-child { border-right: 0; }
.guia-motor__pasos span[data-activa="true"] { background: var(--guia-rosa); color: var(--guia-negro); opacity: 1; }
.guia-motor__estacion { padding: clamp(18px, 4vw, 34px); }
.guia-motor__estacion[hidden] { display: none; }
.guia-motor__estacion h3 { margin: 8px 0; font-size: clamp(1.25rem, 3vw, 2rem); }
.guia-motor__campos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 22px 0; }
.guia-motor__campos label { display: grid; gap: 6px; font-size: .72rem; font-weight: 700; }
.guia-motor input, .guia-motor button, .guia-motor__final a { min-height: 44px; padding: 10px 12px; border: 1px solid var(--guia-linea); background: #08070a; color: var(--guia-tinta); font: inherit; font-weight: 700; }
.guia-motor button, .guia-motor__final a { cursor: pointer; }
.guia-motor button:hover, .guia-motor button:focus-visible, .guia-motor__final a:hover, .guia-motor__final a:focus-visible { outline: 3px solid var(--guia-rosa); outline-offset: 2px; }
.guia-motor__encuentros { display: grid; gap: 8px; margin: 20px 0; padding: 0; list-style: none; }
.guia-motor__encuentros li { display: grid; grid-template-columns: 70px minmax(0, 1fr) minmax(130px, auto); gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--guia-linea); background: #08070a; }
.guia-motor__encuentros strong { color: var(--guia-rosa); }
.guia-motor__pregunta, .guia-motor__final { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.guia-motor__pregunta button:last-child, .guia-motor__final a { background: var(--guia-rosa); border-color: var(--guia-rosa); color: var(--guia-negro); }
.guia-motor__final a { display: inline-grid; place-items: center; text-decoration: none; }
.guia-motor__devolucion { min-height: 1.5em; font-weight: 700; }
.guia-motor__error { color: var(--guia-negro); background: var(--guia-ambar); padding: 8px; }
@media (max-width: 720px) {
  .guia-motor__pasos { grid-template-columns: repeat(2, 1fr); }
  .guia-motor__campos { grid-template-columns: 1fr; }
  .guia-motor__encuentros li { grid-template-columns: 54px 1fr; }
  .guia-motor__encuentros strong { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { .guia-motor * { scroll-behavior: auto !important; } }