/* ===== Menú de escritorio: el resaltado de la sección es el ESCUDO =====
   En la cápsula de escritorio (≥ 1140 px) la sección activa ya no lleva la pastilla
   roja: detrás de su nombre va la silueta del escudo de AC CUP (el del logo de la
   cabecera, img/ui/escudo-silueta.svg), centrada aunque no abarque toda la palabra,
   y se desliza de una sección a otra (menu-escudo.js).
   En el desplegable de móvil y tablet no cambia nada. */
.nav__escudo{display:none}
@media(min-width:1140px){
  .nav__escudo{display:block;position:absolute;left:0;top:50%;z-index:0;pointer-events:none;
    height:36px;aspect-ratio:.8755;
    background:url("../img/ui/escudo-silueta.svg") center/contain no-repeat;
    filter:drop-shadow(0 3px 7px rgba(0,0,0,.35));
    opacity:0;transform:translate3d(var(--x,0px),-50%,0) scale(.6);
    transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .2s}
  .nav__escudo.is-on{opacity:1;transform:translate3d(var(--x,0px),-50%,0) scale(1)}
  .nav__escudo.sin-tr{transition:none}
  .nav__menu a{position:relative;z-index:1}
  .nav__menu a.is-on{background:transparent;text-shadow:0 1px 2px rgba(0,0,0,.35)}
  /* el hover deja de dibujar una pastilla: con el escudo no casan dos formas */
  .nav__menu a:hover{background:transparent;color:#fff}
}