/* =========================================================
   NUVI · navegación «revista» (nav.css)
   Sumario: 01 cabecera fija · 02 menú con comas · 03 marca y derecha · 04 transparente sobre portada
            05 hueco bajo la cabecera · 06 móvil (panel a pantalla completa) · 07 menos movimiento
   Tokens de revista.css con valor de reserva: la navegación se ve igual aunque falte la hoja.
   ========================================================= */
/* 01 */
.rv-cab{position:fixed;inset:0 0 auto;z-index:200;height:var(--rv-cab,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 22px;
  font:500 clamp(13px,1.05vw,16px)/1 var(--rv-sans,"tb-body",system-ui,sans-serif);letter-spacing:-.01em;text-transform:uppercase;
  color:var(--rv-ink,#121212);background-color:var(--rv-paper,#f8f7f4);border-bottom:1px solid rgba(0,0,0,.08);
  transition:background-color .35s ease,color .35s ease,border-color .35s ease}
.rv-cab a{color:inherit;text-decoration:none}
.rv-cab a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
/* 02 · el menú de Joomla como lista con comas; la sección actual entre paréntesis */
.rv-cab__menu ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.rv-cab__menu li{margin:0}
.rv-cab__menu li:not(:last-child)::after{content:",\00a0"}
.rv-cab__menu li.current > a::before,.rv-cab__menu li.active > a::before{content:"("}
.rv-cab__menu li.current > a::after,.rv-cab__menu li.active > a::after{content:")"}
/* 03 */
.rv-cab__marca{font-weight:600;font-size:clamp(20px,1.7vw,26px);letter-spacing:-.05em;line-height:1}
.rv-cab__marca img{display:block;height:24px;width:auto}
.rv-cab__der{display:flex;justify-content:flex-end;align-items:center;gap:22px}
.rv-cab__utils ul{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.rv-cab__utils li{margin:0}
.rv-cab__boton{display:none;background:none;border:0;color:inherit;width:28px;height:16px;padding:0;position:relative;cursor:pointer}
.rv-cab__raya{position:absolute;left:0;right:0;height:1.5px;background-color:currentColor;transition:transform .3s ease,top .3s ease}
.rv-cab__raya:first-child{top:3px} .rv-cab__raya:nth-child(2){top:11px}
/* 04 · sobre la foto de portada: sin fondo ni línea, tinta clara (lo activa nav.js) */
.rv-cab.is-sobre{background-color:transparent;color:#fff;border-bottom-color:transparent}
/* 05 · la página empieza bajo la cabecera, salvo si empieza con una foto a sangre */
body.rv-con-cab .tb-main{padding-top:var(--rv-cab,64px)}
body.rv-con-cab:has(.rv-pagina > section:first-child .rv-billboard) .tb-main{padding-top:0}
/* 06 · móvil: el mismo menú, en grande y a pantalla completa */
@media (max-width:768px){
  .rv-cab{grid-template-columns:auto 1fr auto}
  .rv-cab__marca{grid-column:1;grid-row:1}
  .rv-cab__der{grid-column:3;grid-row:1}
  .rv-cab__buscar{display:none}
  .rv-cab__boton{display:block}
  .rv-cab__menu{position:fixed;inset:0;z-index:-1;padding:calc(var(--rv-cab,64px) + 32px) 22px 32px;background-color:var(--rv-paper,#f8f7f4);color:var(--rv-ink,#121212);
    opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;overflow-y:auto}
  .rv-cab.is-abierto{color:var(--rv-ink,#121212);background-color:var(--rv-paper,#f8f7f4)}
  .rv-cab.is-abierto .rv-cab__menu{opacity:1;visibility:visible}
  .rv-cab__menu ul{flex-direction:column;gap:6px;font-size:clamp(40px,12vw,64px);line-height:1;letter-spacing:-.05em}
  .rv-cab__menu li:not(:last-child)::after{content:","}
  .rv-cab.is-abierto .rv-cab__raya:first-child{top:7px;transform:rotate(45deg)}
  .rv-cab.is-abierto .rv-cab__raya:nth-child(2){top:7px;transform:rotate(-45deg)}
}
/* 07 */
@media (prefers-reduced-motion:reduce){.rv-cab,.rv-cab__menu,.rv-cab__raya{transition:none}}