:root {
      --ancho-enlace: 7rem;
      --alto-enlace: 3.5rem;
      --alto-item: -4rem;
      --padding-menu-item: 0.5rem;
    }

@media only screen and (max-width: 400px) {
    :root {
      --nav-ancho-buscador: 100%;
    }
  }
  
  @media only screen and (min-width: 401px) and (max-width: 700px) {
    :root {
      --nav-ancho-buscador: 100%;
    }
  }
  
  @media only screen and (min-width: 701px) and (max-width: 1200px) {
    :root {
      --nav-ancho-buscador: 30%;
    }
  }
  
  @media only screen and (min-width: 1201px) {
    :root {
      --nav-ancho-buscador: 31%;
    }
  }
  
  .seccion_navegador {
    width: 100%;
    padding: var(--nav-padding);
    margin: 0px;
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center;
    background: var(--color-de-fondo-de-menu);
  }
  
  .menu_fila {
    background: var(--color-de-menu-fila);
    color: var(--color-de-menu-fila-texto);
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap:nowrap;
    flex-direction: column;
  }
  .menu_fila>ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .menu_item{
    min-height: var(--alto-enlace);
    max-height: var(--alto-enlace);
    min-width: var(--ancho-enlace);
    max-width: var(--ancho-enlace);
    background: var(--color-de-fondo-de-menu-item);
    position: absolute;
    float: left;
    list-style: none;
    margin: 0;
    padding: var(--padding-menu-item);
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    z-index: 99;
  }
  .menu_item:nth-child(1){
    display: block !important;
    position: static !important;
  }
  .menu_item:hover {
    background: var(--color-de-fondo-de-menu-item-hover);
    z-index: 101;
  }
  .menu_item_secundario:hover{
    background: var(--color-de-fondo-de-menu-item-secundario-hover);
  }
  .menu_item_secundario>a,
  .menu_item>a{
    min-height: var(--alto-enlace);
    max-height: var(--alto-enlace);
    min-width: var(--ancho-enlace);
    max-width: var(--ancho-enlace);
    color: var(--color-de-texto-de-menu);
    font: normal 1.1rem Helvetica, sans-serif;
    padding: 0.1rem;
    margin: 0;
    display: flex;
    text-align:center;
    align-items:center;
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }
  .menu_item_secundario>a:hover,
  .menu_item>a:hover{
    color: var(--color-de-texto-de-menu-hover);
    font-size: 1.12rem;
  }
  .menu_item_secundario{
    visibility: visible !important;
    position: relative !important;
    min-height: var(--alto-enlace);
    max-height: var(--alto-enlace);
    min-width: var(--ancho-enlace);
    max-width: var(--ancho-enlace);
    background: var(--color-de-fondo-de-menu-item-secundario);
    color: var(--color-de-texto-de-menu);
    float: left;
    margin: 0;
    padding: var(--padding-menu-item);
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    display: flex;
    text-align:center;
    align-items:center;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    z-index: 100;
  }