/* Encabezado del sitio: Header/Desktop de Pegaso (Figma, nodo 9:77). Usa las variables del kit
   (--pegaso-*) con el valor del diseño como respaldo. */
.encabezado {
  background: var(--pegaso-bg-page, #f3f7fc);
  color: var(--pegaso-text-primary, #0c1a2d);
}
.encabezado-barra {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: center;
  justify-content: space-between;
  max-width: 1440px;
  margin: 0 auto;
  padding: 18px clamp(16px, 5.5vw, 80px);
}
.encabezado-izquierda {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 36px;
  align-items: center;
  min-width: 0;
}
.encabezado-marca {
  margin: 0;
  font: 700 24px/1.1 var(--pegaso-fuente, "Plus Jakarta Sans", system-ui, sans-serif);
  letter-spacing: -0.02em;
}
.encabezado-marca a {
  color: var(--pegaso-blue-700, #284a73);
  text-decoration: none;
}
.encabezado-menu {
  max-width: 100%;
}
.encabezado-menu ul {
  display: flex;
  gap: 2px;
  margin: 0;
  padding: 5px;
  list-style: none;
  overflow-x: auto;
  background: var(--pegaso-surface-white, #ffffff);
  border-radius: var(--pegaso-radio-pildora, 999px);
}
.encabezado-menu a,
.encabezado-cuenta,
.encabezado-carrito {
  font: var(--pegaso-tipo-label-m, 600 13px/1.2 "Plus Jakarta Sans", system-ui, sans-serif);
  text-decoration: none;
  white-space: nowrap;
  border-radius: var(--pegaso-radio-pildora, 999px);
}
.encabezado-menu a {
  display: block;
  padding: 10px 16px;
  color: var(--pegaso-text-primary, #0c1a2d);
}
.encabezado-menu a[aria-current="page"] {
  background: var(--pegaso-blue-700, #284a73);
  color: var(--pegaso-text-on-dark, #ffffff);
}
.encabezado-accesos {
  display: flex;
  gap: 8px;
  align-items: center;
}
.encabezado-cuenta {
  display: flex;
  align-items: center;
  min-height: 42px;
  box-sizing: border-box;
  padding: 0 18px;
  background: var(--pegaso-surface-white, #ffffff);
  color: var(--pegaso-text-primary, #0c1a2d);
}
.encabezado-carrito {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 5px 5px 5px 16px;
  background: var(--pegaso-blue-700, #284a73);
  color: var(--pegaso-text-on-dark, #ffffff);
}
.encabezado-carrito-cantidad {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  box-sizing: border-box;
  padding: 0 6px;
  border-radius: var(--pegaso-radio-pildora, 999px);
  background: var(--pegaso-accent-celeste, #74c7ff);
  color: var(--pegaso-text-primary, #0c1a2d);
}
.encabezado a:focus-visible {
  outline: 2px solid var(--pegaso-blue-500, #4472ac);
  outline-offset: 2px;
}