/* Ficha de programa: el menú principal NO se queda fijo; la que se pega arriba es la barra de pestañas (gris translúcido).
   Cuando está fija muestra encima una franja con el nombre del programa y el logo, con el fondo del hero (foto + degradado). */
body:has(.tabs-ficha) .site-header { position: relative; } /* no se pega, pero sigue siendo la referencia del desplegable (position: absolute) */
.tabs-ficha { top: 0; }
.tabs-ficha--fija { box-shadow: 0 6px 18px rgba(0,0,0,.12); }

/* Franja: a todo el ancho, solo con la barra fija. */
.tabs-ficha__franja { display: none; position: relative; overflow: hidden; color: #fff; background: var(--primary) linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); }
.tabs-ficha--fija .tabs-ficha__franja { display: block; }
.tabs-ficha--foto .tabs-ficha__franja { background: var(--hero-img) center / cover no-repeat; }
.tabs-ficha--foto .tabs-ficha__franja::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to right, rgba(0,83,72,.96) 0%, rgba(0,83,72,.90) 40%, color-mix(in srgb, var(--uni-color, var(--primary-dark)) 78%, transparent) 78%, color-mix(in srgb, var(--uni-color, var(--primary-dark)) 68%, transparent) 100%); }
.tabs-ficha__franja > .container-xl { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-top: .5rem; padding-bottom: .5rem; }
.tabs-ficha__nombre { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.05rem; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 2px rgba(0,0,0,.25); }
.tabs-ficha__logo { flex-shrink: 0; height: 30px; width: auto; max-width: 180px; object-fit: contain; background: #fff; padding: 4px 8px; border-radius: 6px; margin-right: 1.5rem; /* alineado con el borde del formulario lateral (gutter de la rejilla) */ }
.tabs-ficha__logo.logo-claro { background: transparent; padding: 0; border-radius: 0; height: 30px; filter: drop-shadow(0 1px 3px rgba(0,0,0,.35)); }
.tabs-ficha__logo.logo-claro[src*="logo-fusal"] { height: 40px; max-width: 240px; }
.tabs-ficha--fija .tabs-ficha__lista a { padding-top: .6rem; padding-bottom: .55rem; }

@media (max-width: 767.98px) {
  .tabs-ficha__franja > .container-xl { gap: .8rem; padding-top: .4rem; padding-bottom: .4rem; }
  .tabs-ficha__nombre { font-size: .9rem; }
  .tabs-ficha__logo { height: 24px; max-width: 120px; margin-right: 0; }
  .tabs-ficha__logo.logo-claro { height: 24px; }
  .tabs-ficha__logo.logo-claro[src*="logo-fusal"] { height: 30px; max-width: 170px; }
}