/******* Do not edit this file *******
Code Snippets Manager
Saved: Nov 04 2025 | 11:22:07 */
@charset "UTF-8";
/* --- VISTA TABLET Y PC (769px o más) --- */
/* Esta regla se aplica a cualquier pantalla más ancha que un móvil vertical */
@media (min-width: 769px) {
  /* 1. Ocultamos el header/menú superior original del tema */
  /* 2. Seleccionamos la barra lateral del TEMA y la hacemos fija */
  /* 3. Desplazamos el ÁREA DE CONTENIDO para dejar espacio */
  /* ---- ESTILOS DEL CONTENIDO DE LA BARRA LATERAL (Tus fragmentos van aquí) ---- */
  /* Logo en la barra lateral */
  /* Título bajo el logo */
  /* Menú principal en la barra lateral */
  .site-header {
    display: none !important;
  }
  .is-left-sidebar {
    display: block !important;
    position: fixed !important;
    left: 0;
    top: 0;
    width: 360px;
    height: 100vh;
    overflow-y: auto;
    background: #fff;
    z-index: 1000;
  }
  #primary {
    margin-left: 360px;
    width: calc(100% - 360px);
  }
  #left-sidebar .site-logo {
    display: block;
    max-width: 140px;
    margin: 10vh auto 5px;
  }
  #left-sidebar .sidebar-site-title {
    text-align: center;
    font-weight: 700;
    font-size: 19px;
    color: #001489;
    margin: 0 0 5vh;
  }
  #left-sidebar .wp-block-navigation a, #left-sidebar .widget_nav_menu a {
    font-weight: 700;
    letter-spacing: 0.4px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 2.9;
    font-size: 15px;
  }
}
/* --- VISTA MÓVIL (768px o menos) --- */
/* Esta regla se aplica SÓLO a móviles en vertical */
@media (max-width: 768px) {
  /* 1. Mostramos el header original del tema para que aparezca el menú hamburguesa */
  /* 2. Ocultamos la barra lateral para que no aparezca al final de la página */
  /* 3. Reseteamos el área de contenido para que ocupe el 100% del ancho */
  .site-header {
    display: block;
    /* O 'flex', dependiendo de tu tema */
  }
  .is-left-sidebar {
    display: none !important;
  }
  #primary {
    margin-left: 0;
    width: 100%;
  }
}