/* ── CABECERA COMÚN · lo único que comparten las dos ramas ──────────────
   Una franja fija de 36 px con el logo neutro (sistema v3), los cuatro
   sellos de valores que son VERDAD en Kids y en Opositores, y el
   conmutador de rama. Cada rama pone debajo su propia cabecera.
   Tinta neutra: no es el azul bic de Kids ni el rojo BOE de Opositores. */
:root{
  --com-tinta:#26221C; --com-papel:#FAF8F3; --com-gris:#6B6357; --com-linea:#E2DDD2;
  --com-alto:36px;
  --com-serif:Georgia,"Times New Roman",serif;
}
.com{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--com-alto);
  background:var(--com-papel);border-bottom:1px solid var(--com-linea);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0 16px;font:13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--com-gris)}
.com-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--com-tinta);
  font-family:var(--com-serif);font-size:15px;font-weight:700;white-space:nowrap}
.com-logo i{font-style:italic;font-weight:400}
.com-logo svg{width:22px;height:22px;display:block}
.com-sellos{display:flex;gap:14px;letter-spacing:.04em;font-size:11.5px;text-transform:uppercase;white-space:nowrap}
.com-sellos span b{font-weight:600;color:var(--com-tinta)}
.com-ramas{display:flex;border:1px solid var(--com-tinta);border-radius:3px;overflow:hidden;white-space:nowrap}
.com-ramas a{padding:5px 11px;text-decoration:none;color:var(--com-tinta);font-size:11.5px;
  letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.com-ramas a.activa{background:var(--com-tinta);color:var(--com-papel)}
.com-ramas a:not(.activa):hover{background:#EFEAE0}
@media(max-width:900px){.com-sellos{display:none}}
@media(max-width:480px){.com{padding:0 10px}.com-logo span{display:none}}