/* =========================================
   PREPA 5 - DIRECTORIO
   Menú lateral que acompaña el desplazamiento
   ========================================= */

/* Escritorio y tabletas */
@media (min-width: 768px) {

  /* Selecciona exclusivamente el aside
     que contiene el menú del directorio */

  aside.col-sm-3[role="complementary"]:has(
    #block-drudg8b3-directorio
  ) {
    position: sticky !important;
    top: 24px;
    height: fit-content;
    z-index: 20;
  }

  /* Separación cuando está visible
     la barra de administración de Drupal */

  body.toolbar-fixed
  aside.col-sm-3[role="complementary"]:has(
    #block-drudg8b3-directorio
  ) {
    top: 95px;
  }

  /* Apariencia del menú */
  #block-drudg8b3-directorio {
    background: #ffffff;
    border-radius: 12px;
    padding: 8px 12px;

    box-shadow:
      0 5px 22px rgba(25, 89, 152, 0.07);
  }

  /* Transiciones de enlaces */
  #block-drudg8b3-directorio
  .menu--directorio a {
    transition:
      background-color 0.25s ease,
      color 0.25s ease,
      padding-left 0.25s ease;
  }

  #block-drudg8b3-directorio
  .menu--directorio a:hover {
    color: #195998;
    padding-left: 19px;
    background: #f0f5fb;
  }

}

/* Móviles: menú en su posición normal */
@media (max-width: 767px) {

  aside.col-sm-3[role="complementary"]:has(
    #block-drudg8b3-directorio
  ) {
    position: static !important;
  }

}

/* Desplazamiento suave entre apartados */
html {
  scroll-behavior: smooth;
}

/* Respeta la preferencia de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}