/* ---------- cabecera reducida de la página de próximamente ----------
   Todas las reglas van prefijadas con .opr-px-cabecera. Es lo único que
   garantiza que ganen al reset del núcleo (.opr * mide (0,1,0), igual que
   una clase suelta) sin depender del orden en que LiteSpeed sirva las hojas.
   Manual técnico, punto 11.1.                                              */

/* La cabecera pinta SIEMPRE su propia franja. Nace transparente solo cuando
   flota sobre algo; aquí ocupa su sitio en el flujo y por detrás está el fondo
   claro de la página, así que un logo blanco sobre transparente desaparece.
   Es el fallo de la v1.3.16 del plugin de la home; no se repite. */
.opr-px-cabecera{
  position:sticky !important; top:0 !important; z-index:90 !important;
  --amb-fondo:var(--p950);
  background:var(--amb-fondo) !important;
  transition:background .55s cubic-bezier(.32,.72,.16,1), box-shadow .28s ease, backdrop-filter .28s ease !important;
}
/* arriba del todo empalma con la portada, así que se tiñe con ella. Al pegarse
   ya está sobre secciones claras y vuelve al gris translúcido de siempre. */
.opr-px-cabecera[data-cuerpo="ertzaintza"]{--amb-fondo:#1E0A0C}
.opr-px-cabecera[data-cuerpo="local"]{--amb-fondo:#1C1503}
body.admin-bar .opr-px-cabecera{top:32px !important}

.opr-px-cabecera.es-pegada{
  background:rgba(18,23,28,.78) !important;
  -webkit-backdrop-filter:saturate(1.5) blur(14px) !important;
  backdrop-filter:saturate(1.5) blur(14px) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.07) !important;
}

.opr-px-cabecera .opr-px-cb-barra{
  width:100% !important; max-width:1180px !important; margin:0 auto !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px !important;
  padding:14px clamp(20px,3.4vw,44px) !important;
}

.opr-px-cabecera .opr-px-cb-marca{display:flex !important; align-items:center !important; gap:10px !important; color:#fff !important}
.opr-px-cabecera .opr-px-cb-marca svg{height:27px !important; width:auto !important; aspect-ratio:0.7413 / 1 !important; display:block !important; flex:none !important}
.opr-px-cabecera .opr-px-cb-marca b{font-size:1.1875rem !important; font-weight:800 !important; letter-spacing:-.028em !important; line-height:1 !important}

.opr-px-cabecera .opr-px-cb-derecha{display:flex !important; align-items:center !important; gap:16px !important}

.opr-px-cabecera .opr-px-cb-faltan{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  font-size:.84375rem !important; font-weight:600 !important; color:var(--p400) !important;
}
.opr-px-cabecera .opr-px-cb-faltan i{
  width:6px !important; height:6px !important; border-radius:999px !important; background:var(--p500) !important; display:block !important; flex:none !important;
}
.opr-px-cabecera .opr-px-cb-faltan .opr-cifra{color:#fff !important}

.opr-px-cabecera .opr-px-cb-btn{padding:11px 20px !important; font-size:.9375rem !important; background:var(--p50) !important; color:var(--p950) !important}
.opr-px-cabecera .opr-px-cb-btn:hover{background:#fff !important}

@media (max-width:640px){
  .opr-px-cabecera .opr-px-cb-faltan{display:none !important}
  .opr-px-cabecera .opr-px-cb-barra{padding-top:11px !important; padding-bottom:11px !important}
  .opr-px-cabecera .opr-px-cb-marca b{font-size:1.0625rem !important}
  .opr-px-cabecera .opr-px-cb-btn{padding:10px 16px !important; font-size:.875rem !important}
}