/* Encabezado Coproactiva: tres zonas independientes.
   El logo queda a la izquierda, la navegación se centra en el viewport
   y la acción permanece alineada a la derecha. */

/* La franja de navegación usa el mismo ancho y el mismo margen interno
   que el home (1140px máximo, 28px de aire a cada lado), aunque el resto
   del contenido de estas páginas siga usando .page-wrap con su propia
   fórmula de ancho. */
.page-wrap.page-nav-inner {
  width: min(1140px, 100%);
  padding: 0 28px;
}

@media (min-width: 961px) {
  .nav-in {
    position: relative;
  }

  .nav-in > .nav-links {
    position: absolute;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
  }

  .nav-in > .nav-r {
    margin-left: auto;
  }
}

@media (min-width: 901px) {
  .page-nav-inner {
    position: relative;
  }

  .page-nav-inner > .page-links {
    position: absolute;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
  }

  .page-nav-inner > .page-nav-r {
    margin-left: auto;
  }
}

.page-nav-action,
.page-nav-action:link,
.page-nav-action:visited {
  min-height: 0;
  padding: 10px 18px;
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.65;
  white-space: nowrap;
  gap: 8px;
}

.page-nav-action svg {
  flex-shrink: 0;
}

@media (max-width: 900px) {
  .page-nav-action {
    display: none !important;
  }
}