/* Elfo asomándose por el borde derecho, fijo en todas las páginas (base.html.twig y landing de Navidad 2026) */
.elfo-asoma {
  position: fixed; right: 0; top: 50%;
  /* Por encima de la franja transparente de la barra de scroll (#scroll-box, 10000), que si no taparía el enlace */
  z-index: 10001;
  transform: translateY(-50%);
  /* 85,5px a 1920 de ancho, escalando con la pantalla */
  width: clamp(40px, calc(min(100vw, 1920px) * 85.5 / 1920), 85.5px); height: auto;
  pointer-events: none;
}
/* En base.html.twig el elfo es un enlace a la web de Navidad: ahí sí recoge los clics */
a.elfo-asoma { display: block; pointer-events: auto; cursor: pointer; }
.elfo-asoma img { display: block; width: 100%; height: auto; }
a.elfo-asoma:focus-visible { outline: 2px solid var(--secondary, #98c46c); outline-offset: 2px; }
@media (max-width: 760px) {
  .elfo-asoma { width: 36px; }
}