/*
   * themes/pragma/css/header.css
   *
   * Copyright (c) 2023 Brayan Forero
   * Copyright (c) 2023 Metabiblioteca
   *
   */

   /* Tamaño de cabecera img  */

   html {
     overflow-x: hidden;
   }

   /*img.img-fluid.logo_head.large {
  margin-left: 15px;
}*/

   /* Logo */

   img.logo_u {
     width: 55%;
   }

   /* Banner ancho 100% */

   .main-menu__logo img,
   .main-menu__title img {
     max-height: 100% !important;
   }



   /* Espacios en header */

   .main-header {
     display: flex;
     flex-direction: column;
     padding-top: 0;
     padding-bottom: 0;
     font-family: "Montserrat", sans-serif;
     font-weight: 300;
     font-size: 16px;
     background-color: var(--blanco);
     /*backdrop-filter: blur(6px);*/
   }

   /*.container.nav_sup_contenedor {
  -webkit-box-shadow: -2px 10px 10px -7px rgba(214, 206, 206, 0.75);
  -moz-box-shadow: -2px 10px 10px -7px rgba(214, 206, 206, 0.75);
  box-shadow: -2px 10px 10px -7px rgb(214 206 206 / 75%);
}*/

   .menu_user_nav {
     background-color: var(--color02);
   }

   .main-header a {
     padding: 0 !important;
     border: 0 !important;
   }

   .main-menu__logo,
   .main-menu__title {
     margin-left: 20px;
     padding-top: 0 !important;
     line-height: 1.5 !important;
   }

   .dropdown.lang_menu {
     font-size: 16px;
     font-weight: 500;
     float: inline-end;
     position: relative;
   }

   .dropdown.lang_menu ul.dropdown-menu.show a {
     font-size: 16px;
     font-weight: 500;
   }

   div#refer-tab-pane p {
     margin: 10px;
   }

   /* Menús de navegación */

   nav.main-header__admin.main-header__admin_locale-enabled {
     /*background-color: var(--colorblur);
   z-index: 1;*/
     width: 100%;
     /*backdrop-filter: blur(10px);*/
   }


   ul#navigationPrimary {
     display: -webkit-inline-box;
     width: 100%;
     text-align: center;
   }

   ul#navigationUser {
     text-align: end;
   }

.menu_user_nav {
    padding-top: 5px !important;
}

   ul#navigationPrimary li a {
     margin: 9px;
     text-align: center;
   }

   nav.main-header__admin.main-header__admin_locale-enabled {
     justify-content: end;
   }

   .dropdown-menu .dropdown-item a.active,
   .dropdown-menu .dropdown-item a:active,
   .dropdown-menu .dropdown-item a:hover,
   .dropdown-menu .dropdown-item a:focus {
     background-color: transparent !important;
   }

   div#mainMenu {
     justify-content: center;
   }

   .dropdown-menu {

     --bs-dropdown-link-active-bg: var(--color02) !important;

   }

   li.leng_item {
     list-style: none;
   }

   nav.main-header__admin {
     display: flex;
     justify-content: end;
   }


   ul#navigationPrimary li a:hover {
     background: transparent;
   }

   button.navbar-toggler.hamburger {
     background-color: var(--color01);
     margin-top: 7px !important;
     margin-bottom: 7px !important;
     border-radius: 8px !important;
     border: 1px solid var(--color02);
     padding: 10px !important;
     margin-left: 10px !important;
   }

   span.hamburger__wrapper {
     color: #fff;
     font-size: 16px;
   }

   ul#navigationPrimary li a {
     font-size: 16px;
   }

   a#dropdownMenuLink {
     font-size: 16px;
   }

   ul#navigationUser a {
     font-size: 16px;
     font-weight: 500;
   }

   button.navbar-toggler.hamburger {
     text-align: center;
     width: 15%;
   }

   .dropdown-menu .dropdown-item a:hover {
     background-color: transparent;
   }

   @media (min-width: 992px) {
     .navbar-expand-lg {
       flex-wrap: wrap !important;
     }

   }

   nav.main-header__admin.main-header__admin_locale-enabled {
     display: inline-flex;
     list-style: none;
   }


   /* Estilos generales del menú */
   .main-menu__nav {
     display: block;
   }

   ul.dropdown-menu.show {
     background-color: var(--color05);
     border-radius: 0px;
     border-top: 4px solid var(--color07);
     border-bottom: 0px;
     border-left: 0px;
     border-right: 0px;
   }

   ul#navigationUser {
     /*position: absolute;*/
     display: block;
     right: 0;
   }

   /* Estilos específicos para dispositivos móviles */
   @media (max-width: 768px) {
     .navbar-toggler {
       display: block;
     }

     .main-menu__nav {
       display: none;
       /* El menú está oculto por defecto en dispositivos móviles */
     }

     .main-menu__nav.collapse.show {
       display: block;
       /* El menú se muestra cuando se despliega en dispositivos móviles */
     }
   }

   /* Estilos específicos para vistas de escritorio */
   @media (min-width: 769px) {
     .navbar-toggler {
       display: none;
       /* Oculta el botón de hamburguesa en escritorio */
     }

     .main-menu__nav {
       display: block !important;
       /* Asegura que el menú se muestra en escritorio */
     }
   }



   /* Usuarios */

   span.task_count {
     background-color: #19673A;
     border-radius: 400px;
     font-weight: 100;
     color: #fff;
     font-size: 8px !important;
     padding: 1px;
     position: relative;
     top: -5px;
     right: 0px;
   }

   /* Barra de búsqueda */

   form.search_bar {
     display: inline-flex;
     width: 100%;
   }

   input.search-input-tag.form-control {
     border-radius: 50px;
   }

   .form-control {
     margin-bottom: 0px !important;
   }

form.search_bar button.btn.btn-light {
    font-size: 20px;
}

   input.search-input-tag.form-control {
     border: 0px;
   }

   form.search_bar button.btn.btn-light {
     color: var(--color01);
     border-radius: 50px;
   }

   .search_custom {
     margin-right: 10px !important;
     margin-left: 10px !important;
   }

   div#search {
     border: 2px solid var(--color01);
     border-radius: 50px;
     padding: 1px;
   }

   li.leng_item a {
     display: inline-flex;
   }

   li.leng_item a.en {
     content: url(/plugins/themes/pragma/resources/images/iconos/eng.png);
     width: 18px;
   }

   li.leng_item a.es {
     content: url(/plugins/themes/pragma/resources/images/iconos/esp.png);
     width: 18px;
   }

   li.leng_item {
     margin-top: 10px;
   }

   ul#navigationUser a.main-menu__nav-link {
     margin-left: 1px;
     margin-right: 3px;
   }

   /* Media Query */

   @media only screen and (max-width: 600px) {

     nav.navbar.navbar-expand-lg.main-menu ul#navigationPrimary li {
       margin-bottom: 12px;
       border-bottom: 1px solid #ebebeb;
     }

     .logo_head {
       display: block !important;
       margin: auto !important;
     }

     .menu_user_nav {
       margin-top: 0px !important;
       margin-bottom: 0px;
     }

     ul#navigationPrimary {
       display: block;
       width: 100%;
       text-align: center;
     }

     ul#navigationUser {
       position: initial !important;
     }

   }

   /*header#pragma_content_header {
   position: fixed;
   z-index: 2;
}*/

   .menu_user_nav {
     display: flex;
     justify-content: flex-end;
   }

   .logo_head {
     transition: width 0.4s ease;
     /* transición para agrandar */
   }

   .small-logo {
     width: 200px;
     /* ajusta el tamaño reducido según lo necesario */
     height: auto;
     /* mantén la proporción */
   }

   .logo_head.large {
     width: 100%;
     /* ajusta el tamaño normal según lo necesario */
     height: auto;
     /* mantén la proporción */
   }

   ul#navigationPrimary {
     margin: 5px;
   }

   /*.logo_head {
   margin: 5px;
}*/

   .nav_sup_contenedor {
     max-width: 100%;
   }

   .nav_sup_contenedor {
     max-width: 100% !important;
   }


   header.offset-md-2.col-md-8.galley__header h1 {
     font-size: 16px;
     color: var(--color01);
   }

   main.container.galley iframe#htmlGalleyFrame {
     width: 100% !important;
   }


   /*@media (min-width: 1200px) {

  body.article .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 100% !important;
  }

}*/

   li.nmi_type_user_dashboard.main-menu__nav-item.dropdown {
     padding: 2px;
   }

   .dropdown.lang_menu {
     padding: 2px;
     margin-left: 3px;
   }

   .nav_sup_contenedor {
     background-color: var(--color01);
   }

   /*.dropdown-toggle::after {
  color: #E3633B !important;
}*/

   .nav_sup_contenedor .dropdown-toggle {
     color: #fff !important;
   }

   .dropdown-item a:hover {
     color: var(--color07) !important;
   }

   .dropdown-menu .dropdown-item a {
     color: #fff;
   }

   div#mainMenu span:hover {
     color: var(--color07) !important;
   }

   a#dropdownMenuLink:hover {
     color: var(--color07) !important;
   }

   a#languageToggleMenulanguageNav:hover {
     color: var(--color07) !important;
   }

   .nav_sup_contenedor .dropdown-toggle:hover {
     color: var(--color07) !important;
   }

   /*.main-menu__title .img-fluid {
     width: 70% !important;
   }*/

   .nav_s {
     display: flex;
     align-items: center;
     /*justify-content: center;*/
     height: 100px;
   }


  .main-menu__title {
    display: flex;
    justify-content: center;
  }

  .Negonotas img.img-fluid.logo_head {
    width: 180px !important;
  }

  .\#ashtag img.img-fluid.logo_head {
    width: 200px !important;
  }

  .Opinión img.img-fluid.logo_head {
    width: 300px !important;
  }

  /* Corrige la superposición del menú responsivo */
.main-menu__nav {
    background: #232b36; /* Color de fondo del menú */
    z-index: 1050;       /* Asegura que esté por encima de otros elementos */
    position: absolute;
    top: 208px;           /* Ajusta según la altura de tu header */
    left: 0;
    width: 100%;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.navbar-toggler.hamburger {
    z-index: 1100; /* Botón siempre visible */
    position: relative;
}

@media (min-width: 992px) {
    .main-menu__nav {
        position: static;
        background: none;
        box-shadow: none;
        border-radius: 0;
        top: auto;
    }
}