/* Header: bloques catedra-unesco/top-bar y catedra-unesco/navigation.
   Medidas fijas a propósito (DOCUMENTACION.md, «Header»). Los defaults
   tipográficos van dentro de :where() (especificidad 0) para que cualquier
   elección del panel Tipografía los gane. */

/* --- Top Bar --- */
.catedra-unesco-topbar-block {
  width: 100%;
  max-width: 100%;
}
.catedra-unesco-topbar-block__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--wp--custom--header--topbar-gap);
  max-width: var(--wp--style--global--content-size);
  margin-inline: auto;
  padding-block: var(--wp--custom--header--topbar-padding-block);
  padding-inline: var(--wp--style--root--padding-left, 20px);
}
.catedra-unesco-topbar-block__inner > * { margin-block: 0; }
:where(.catedra-unesco-topbar-block__inner p) {
  font-size: var(--wp--custom--header--topbar-font-size);
  line-height: 1.4;
}
.catedra-unesco-topbar-block .wp-block-social-links {
  margin-inline-start: auto;
  gap: 4px;
}
.catedra-unesco-topbar-block.has-catedra-unesco-hover a:hover,
.catedra-unesco-topbar-block.has-catedra-unesco-hover a:focus-visible { color: var(--catedra-unesco-hover); }
.catedra-unesco-topbar-block.has-catedra-unesco-hover .wp-social-link:hover svg,
.catedra-unesco-topbar-block.has-catedra-unesco-hover .wp-social-link:focus-visible svg { fill: var(--catedra-unesco-hover); }

/* Movil: la franja se centra en vez de repartirse a los extremos. */
@media (max-width: 599px) {
  .catedra-unesco-topbar-block__inner { justify-content: center; row-gap: 4px; }
  .catedra-unesco-topbar-block .wp-block-social-links { margin-inline-start: 0; }
}

/* Relleno propio del Top Bar: manda el del usuario, no el del tema. */
.catedra-unesco-topbar-block.has-catedra-unesco-padding .catedra-unesco-topbar-block__inner { padding-block: 0; }