/* OC Header 1.0.0: misma cabecera que la academia (members.onchaincapital.es, parts/app.php + app.css "header")
   - barra a todo el ancho con márgenes laterales de la academia, transparente arriba y sólida con desenfoque al bajar
   - logo 26 px + ONCHAIN / CAPITAL en Syncopate 12 px, pestañas en píldora (activa en azul suave), botón Únete como "Ver ahora" */
body.oc-hdr2 { --h-blue: #517BD9; --h-hi: #7D9EEA; --h-line: rgba(125,158,234,.16); --h-tx: #F2F5FC; --h-mu: #8A96B3; --h-gut: clamp(16px, 4vw, 56px); }
body.oc-hdr2 .header { background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border-bottom: 1px solid transparent; transition: background .3s, border-color .3s; }
body.oc-hdr2 .header.is-scrolled, body.oc-hdr2.oc-hdr2-news .header { background: rgba(5,7,13,.78) !important; -webkit-backdrop-filter: blur(18px) !important; backdrop-filter: blur(18px) !important; border-bottom-color: var(--h-line); }
/* nivelada con la columna de contenido de la web y de Noticias (1180 px con 20 px de margen) */
body.oc-hdr2 .header > .container { max-width: 1180px !important; width: 100% !important; margin: 0 auto !important; padding: 0 20px !important; display: flex; flex-direction: column; }
@media (max-width: 600px) { body.oc-hdr2 .header > .container { padding: 0 16px !important; } }
body.oc-hdr2 .header .navbar { display: flex !important; align-items: center; justify-content: flex-start !important; gap: 28px; height: auto !important; min-height: 68px; padding: 14px 0 !important; margin: 0 !important; border: 0 !important; }

/* marca */
body.oc-hdr2 .header .navbar-brand { display: inline-flex !important; align-items: center; gap: 10px; flex-shrink: 0; height: auto !important; margin: 0 !important; padding: 0 !important; }
body.oc-hdr2 .header .navbar-brand img { width: 26px !important; height: 29px !important; object-fit: contain; }
body.oc-hdr2 .header .navbar-brand::after { content: "ONCHAIN\A CAPITAL"; white-space: pre; font: 700 12px/1.15 "OC-Syncopate", "Syncopate", Inter, sans-serif; letter-spacing: .14em; color: var(--h-tx); }

/* pestañas (escritorio) */
@media (min-width: 992px) {
  body.oc-hdr2 .header ul.menu { position: static !important; display: flex !important; flex: 1; align-items: center; gap: 4px; margin: 0 !important; padding: 0 !important; top: auto !important; }
  body.oc-hdr2 .header ul.menu > li { display: flex; align-items: center; margin: 0 !important; padding: 0 !important; top: auto !important; }
  body.oc-hdr2 .header ul.menu > li:not(.oc-follow):not(.oc-join-last) > a { top: 0 !important; display: inline-flex; align-items: center; padding: 8px 14px !important; border-radius: 999px; font: 500 14px/1.2 Inter, -apple-system, sans-serif !important; color: var(--h-mu) !important; background: transparent; transition: color .2s, background .2s; }
  body.oc-hdr2 .header ul.menu > li:not(.oc-follow):not(.oc-join-last) > a:hover { color: var(--h-tx) !important; }
  body.oc-hdr2.oc-hdr2-news .header ul.menu > li:first-child > a { color: var(--h-tx) !important; background: rgba(81,123,217,.16) !important; }

  /* derecha: sociales + Únete */
  body.oc-hdr2 .header ul.menu > li.oc-follow { margin-left: auto !important; gap: 8px !important; }
  body.oc-hdr2 .header li.oc-follow > span { font: 500 13px Inter, sans-serif; color: var(--h-mu); margin-right: 2px; }
  body.oc-hdr2 .header li.oc-follow > a { top: 0 !important; width: 36px; height: 36px; padding: 0 !important; display: grid !important; place-items: center; border-radius: 50%; border: 1px solid var(--h-line); background: rgba(20,28,47,.6); transition: border-color .2s; }
  body.oc-hdr2 .header li.oc-follow > a:hover { border-color: rgba(81,123,217,.6); }
  body.oc-hdr2 .header li.oc-follow img, body.oc-hdr2 .header li.oc-follow svg { width: 15px !important; height: 15px !important; }
  body.oc-hdr2 .header ul.menu > li.oc-join-last { margin-left: 12px !important; }
  body.oc-hdr2 .header li.oc-join-last > a { top: 0 !important; display: inline-flex !important; align-items: center; height: auto !important; padding: 10px 18px !important; border-radius: 12px !important; background: var(--h-blue) !important; color: #fff !important; font: 600 14px/1.2 Inter, sans-serif !important; box-shadow: 0 10px 28px -12px rgba(81,123,217,.9); border: 0 !important; transition: background .2s; }
  body.oc-hdr2 .header li.oc-join-last > a:hover { background: #5f88e6 !important; }
}

/* Noticias: segunda fila con los temas, mismas píldoras */
body.oc-hdr2 .oc-sub { position: relative; margin: 0; padding: 8px 0; }
body.oc-hdr2 .oc-sub::before { content: ""; position: absolute; top: 0; left: 50%; width: 100vw; height: 1px; transform: translateX(-50%); background: var(--h-line); }
body.oc-hdr2 .oc-sub-in { margin-left: -13px; }
body.oc-hdr2 .oc-sub-in { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
body.oc-hdr2 .oc-sub-in::-webkit-scrollbar { display: none; }
body.oc-hdr2 .oc-sub a { flex: none; padding: 7px 13px; border-radius: 999px; font: 500 13px Inter, sans-serif; color: var(--h-mu); text-decoration: none; transition: color .2s, background .2s; }
body.oc-hdr2 .oc-sub a:hover { color: var(--h-tx); }
body.oc-hdr2 .oc-sub a.on { color: var(--h-tx); background: rgba(81,123,217,.16); }
body.oc-hdr2.oc-hdr2-news .oc-news { padding-top: 138px !important; }
body.oc-hdr2.oc-hdr2-news .oc-news .nw-tabs { display: none; }

@media (max-width: 991px) {
  body.oc-hdr2 .header .navbar { justify-content: space-between !important; min-height: 60px; padding: 12px 0 !important; }
  body.oc-hdr2.oc-hdr2-news .oc-news { padding-top: 124px !important; }
}
@media (prefers-reduced-motion: reduce) { body.oc-hdr2 .header { transition: none; } }