@media only screen and (max-width: 1100px) {
  #header{
    position:fixed;
  }
  #banner{
    flex-direction: column;
    gap: 21px;
  }
  #banner-left{
    gap: 4px;
    font-weight: 300;
  }
  #banner-titulo{
    font-size: 23px;
  }
  #banner-texto{
    font-size: 30px;
    font-weight: 600;
  }
  #banner-right img{
    width:auto;
    max-height: 200px;
  }
  #header-titulo{
    font-size: 20px;
  }
  section#detalle{
    margin: 0px 0px 70px;
    flex-direction: column-reverse;
  }
  #header-menu-desktop{
    margin-top: 21px;
    display:none;
  }
  #header-menu-mobile{
    display: flex;
    gap: 30px;
  }
  #header-menu-mobile-trigger{
    display:flex;
  }
  #listado-documentos{
    padding: 70px 35px;
    border-top: 1px solid #E5E3E3;
  }
  #detalle-titulo {
    font-size: 27px;
  } 
  .item-enlace-documento {
    font-size: 17px;
  }
  #documentos{
    margin: 70px 0 0 0;
    flex-direction: column;
  }
  #documentos-left{
    min-width: unset;
  }
  #documentos-busqueda{
    min-width: unset;
    width: calc(100vw - 25vw);
  }
  #search-bar-titulo {
    font-size: 24px;
  }
  #search-bar-titulo {
    font-size: 24px;
  }
  #search-bar-subtitulo {
    font-size: 16px;
  }
  #search-bar #busqueda-input{
    width: calc(100% - 2px);
  }
  #search-bar{
    gap: 9px;
  }
  #contenido{
    border-left: unset;
    border-top: 1px solid #E5E3E3;
  }
  #listado-documentos, #contenido {
    padding: 70px 21px;
  }
  #contenido-contenido ul {
    margin-left: 21px;
  }
}