/* /conectar/instrucciones/ (29-sep-2026): la página de «conectar solamente». Se suma a css/conectar.css, que
 * trae todo lo de la sección de conexión (pestañas, pasos, capturas, «Copiar»); aquí solo lo que cambia al ser una
 * página de tarea y no una que convence: portada corta, sección con menos aire arriba y un cierre discreto. */
.cn-hero--pasos { padding: 36px 0 44px; }
.cn-hero--pasos h1 { max-width: 30ch; margin-bottom: 16px; }
.cn-hero--pasos .cn-bajada { max-width: 54ch; margin-bottom: 22px; }
.cn-sec--pasos { padding: 56px 0 72px; }
.cn-sec--pasos .cn-cab { margin-bottom: 28px; }
.cn-mas { margin: 26px 0 0; text-align: center; font-size: 14.5px; line-height: 1.6; color: var(--oc-mute); }
.cn-mas a { color: var(--oc-navy); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--oc-accent); }
.cn-mas a:hover { color: var(--oc-navy-500); }
.cn-mas a:focus-visible { outline: 3px solid var(--oc-focus, #8f2231); outline-offset: 3px; border-radius: 2px; }
@media (max-width: 720px) {
  .cn-hero--pasos { padding: 28px 0 34px; }
  .cn-sec--pasos { padding: 40px 0 56px; }
}