/* Lo único propio de BT en /conectar (instrucciones): la cabecera sobre la banda de marca y el pie. El resto es
   css/conectar.css + css/conectar-pasos.css, copia literal de BL: los tokens --oc-* de BT los vuelven navy.
   Cabecera mínima a propósito: esta página vive en connect.buscadortributario.cl, que no carga la barra del buscador. */
.bt-marca { background: var(--oc-bg-marca, var(--oc-navy)); }
.bt-cab { background: rgba(6, 18, 40, .22); border-bottom: 1px solid rgba(255, 255, 255, .14); }
.bt-cab-in { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 76px; }
.bt-cab-logo { display: inline-flex; line-height: 0; }
.bt-cab-logo img { display: block; width: auto; height: 42px; }
.bt-cab-nav { display: flex; align-items: center; gap: 22px; font-size: 14.5px; }
.bt-cab-nav a { color: var(--oc-on-navy-soft); text-decoration: none; font-weight: 500; transition: color var(--oc-dur) var(--oc-ease); }
.bt-cab-nav a:hover { color: #fff; }
.bt-cab-nav .bt-cab-volver { white-space: nowrap; padding: 8px 14px; border: 1px solid rgba(255, 255, 255, .45); border-radius: var(--oc-r-sm); color: #fff; font-weight: 600; }
.bt-cab-nav .bt-cab-volver:hover { border-color: #fff; background: rgba(255, 255, 255, .08); }
.bt-cab a:focus-visible, .bt-pie a:focus-visible { outline: 3px solid var(--oc-focus-on-dark); outline-offset: 3px; border-radius: 2px; }
.bt-pie { background: var(--oc-bg-marca, var(--oc-navy)); color: var(--oc-on-navy-soft); }
.bt-pie-in { padding: 26px 0; text-align: center; font-size: 13.5px; line-height: 1.6; }
.bt-pie p { margin: 0; }
.bt-pie a { color: var(--oc-on-navy-soft); text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .3); }
.bt-pie a:hover { color: #fff; border-bottom-color: #fff; }
@media (max-width: 720px) {
  .bt-cab-in { min-height: 64px; }
  .bt-cab-logo img { height: 34px; }
  .bt-cab-nav > a:first-child { display: none; }
  .bt-cab-nav .bt-cab-volver { padding: 7px 11px; font-size: 13.5px; }
}