/* Portal Aliados YEYEPet: solo lo propio del portal. Colores, letras y piezas
   comunes vienen de /comun/css/yeye.css. */

/* "Aliados" junto al logo (barra del portal y página pública). */
.brand .portal-tag, .partners-top .brand .portal-tag {
  font-family: Nunito; font-weight: 800; font-size: 13px; line-height: 1;
  padding: 5px 9px; border-radius: var(--r-pildora);
  background: var(--marca-suave); color: var(--marca-texto); letter-spacing: .02em;
}

/* Barra superior (con sesión). Sin barra inferior: el portal tiene pocas secciones. */
.portal-bar {
  position: sticky; top: 0; z-index: 20;
  display: flex; align-items: center; gap: var(--md);
  padding: var(--md) var(--lg); padding-top: calc(var(--md) + env(safe-area-inset-top));
  background: var(--superficie); border-bottom: 1px solid var(--borde);
}
.portal-bar .brand { display: flex; align-items: center; gap: 10px; color: var(--texto); text-decoration: none !important; }
.portal-bar .brand > span:first-of-type { font-family: Fredoka; font-weight: 700; font-size: 24px; line-height: 1; }
.portal-bar nav { display: flex; gap: var(--xs); margin-left: var(--lg); }
.portal-bar nav a {
  padding: 8px 12px; border-radius: var(--r-boton); color: var(--texto-suave);
  font-weight: 700; text-decoration: none !important;
}
.portal-bar nav a:hover { background: var(--superficie-alt); }
.portal-bar nav a[aria-current="page"] { background: var(--marca-suave); color: var(--marca-texto); }
.portal-bar .grow { flex: 1; }
.portal-me {
  display: flex; align-items: center; gap: var(--sm); padding: 4px; border-radius: var(--r-pildora);
  border: 1px solid var(--borde); background: var(--superficie); color: var(--texto); cursor: pointer;
}
.portal-me:hover { background: var(--superficie-alt); }
.portal-me .name { font-weight: 800; padding-right: 8px; max-width: 180px; }

.portal-main { padding-bottom: 48px; }

.portal-menu a, .portal-menu button {
  display: flex; align-items: center; gap: var(--md); width: 100%; padding: 14px 4px;
  border: 0; border-bottom: 1px solid var(--borde); background: none; color: var(--texto);
  font: inherit; font-weight: 700; text-align: left; text-decoration: none !important; cursor: pointer;
}
.portal-menu > :last-child { border-bottom: 0; }

@media (max-width: 640px) {
  .portal-bar nav, .portal-me .name { display: none; }
}