@supports(display: grid ) {
  .grid-contenedor-header {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "franja-gov-co-header"
                         "franja-logo-buscador"
                         "franja-menu-institucional"
                         "franja-migas";
  }

  .franja-gov-co-header {
    grid-area: franja-gov-co-header;
  }

  .franja-logo-buscador {
    grid-area: franja-logo-buscador;
  }

  .franja-menu-institucional {
    grid-area: franja-menu-institucional;
  }

  .franja-migas {
    grid-area: franja-migas;
  }
}

@supports(display: grid ) {
  .grid-contenedor-franja-gov-co-header {
    display: grid;
    grid-template-columns: 0fr 1fr 0fr;
    grid-template-areas: "left-panel-franja-gov-co-header contenido-franja-gov-co-header right-panel-franja-gov-co-header";
  }

  @media screen and (min-width: 1200px) { 
    .grid-contenedor-franja-gov-co-header {
      grid-template-columns: 1fr 1140px 1fr;
    }
  }

  .contenido-franja-gov-co-header {
    grid-area: contenido-franja-gov-co-header;
  }

  .left-panel-franja-gov-co-header {
    grid-area: left-panel-franja-gov-co-header;
  }

  .right-panel-franja-gov-co-header {
    grid-area: right-panel-franja-gov-co-header;
  }
}

@supports(display: grid ) {
  .grid-contenedor-logo-gov-co-sencillo {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "logo-gov-co-header";
  }

  .logo-gov-co-header {
    grid-area: logo-gov-co-header;
  }
}

@supports(display: grid) {
  .grid-contenedor-franja-logo-buscador {
    display: grid;
    grid-template-columns: 0 1fr 0;
    grid-template-areas: "left-panel-logo-buscador contenido-logo-buscador right-panel-logo-buscador";
  }

  @media screen and (min-width: 1200px) { 
    .grid-contenedor-franja-logo-buscador {
      grid-template-columns: 1fr 1026px 0.85fr;
    }
  }

  .contenido-logo-buscador {
    grid-area: contenido-logo-buscador;
  }

  .left-panel-logo-buscador {
    grid-area: left-panel-logo-buscador;
  }

  .right-panel-logo-buscador {
    grid-area: right-panel-logo-buscador;
  }
}

@supports(display: grid ) {
  .grid-contenedor-logo-buscador {
    display: grid;
    grid-template-columns: 0.5fr 1.5fr 1fr;
    grid-template-areas: "panel-logo-entidad panel-buscador panel-buscador";
    grid-gap: 0px;
  }

  @media screen and (min-width: 992px) {
    .grid-contenedor-logo-buscador {
      grid-template-columns: 0.5fr 1.5fr 1fr;
      grid-template-areas: "panel-logo-entidad panel-buscador panel-buscador";
      grid-column-gap: 0px;
      grid-row-gap: 0px;
    }
  }

  @media screen and (max-width: 1069px) {
    .grid-contenedor-logo-buscador {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "panel-logo-entidad panel-buscador";
      grid-column-gap: 0px;
      grid-row-gap: 0px;
    }
  }

  .panel-logo-entidad {
    grid-area: panel-logo-entidad;
  }

  .panel-buscador {
    grid-area: panel-buscador;
  }
}

@supports(display: grid ) {
  .grid-contenedor-franja-menu-institucional {
    display: grid;
    grid-template-columns: 0 1fr 0;
    grid-template-areas: "left-panel-franja-menu-institucional contenido-franja-menu-institucional right-panel-franja-menu-institucional";
  }

  @media screen and (min-width: 1200px) { 
    .grid-contenedor-franja-menu-institucional {
      grid-template-columns: 1fr 1140px 1fr;
    }
  }

  .contenido-franja-menu-institucional {
    grid-area: contenido-franja-menu-institucional;
  }

  .left-panel-franja-menu-institucional {
    grid-area: left-panel-franja-menu-institucional;
  }

  .right-panel-franja-menu-institucional {
    grid-area: right-panel-franja-menu-institucional;
  }
}

@supports(display: grid ) {
  .grid-contenedor-menu-institucional {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "icon-menu-franja-menu-institucional"
                         "menu-vertical-franja-menu-institucional";
    grid-column-gap: 10px;
  }

  @media screen and (min-width: 1070px) {
    .grid-contenedor-menu-institucional {
      grid-template-columns: 1fr;
      grid-template-areas: "menu-horizontal-franja-menu-institucional";
    }
  }

  .menu-horizontal-franja-menu-institucional {
    grid-area: menu-horizontal-franja-menu-institucional;
  }

  .icon-menu-franja-menu-institucional {
    grid-area: icon-menu-franja-menu-institucional;
  }

  .menu-vertical-franja-menu-institucional {
    grid-area: menu-vertical-franja-menu-institucional;
  }
}

@supports(display: grid ) {
  .grid-contenedor-panel-gestor {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "titulo-gestor";
  }

  .side-menu {
    grid-area: side-menu;
  }

  .titulo-gestor {
    grid-area: titulo-gestor;
  }
}

@supports(display: grid ) {
  .grid-contenedor-panel-casilla-botones-en-header {
    display: grid;
    grid-template-columns: 1fr 40px;
    grid-template-areas: "input-casilla-busqueda-en-header boton-buscar-texto-en-header";
    grid-row-gap: 0;
  }

  @media screen and (min-width: 768px) {
    .grid-contenedor-panel-casilla-botones-en-header {
      grid-template-columns: 1fr 40px; 
      grid-template-areas: "input-casilla-busqueda-en-header boton-buscar-texto-en-header";
    }
  }

  .input-casilla-busqueda-en-header {
    grid-area: input-casilla-busqueda-en-header;
  }

  .boton-buscar-texto-en-header {
    grid-area: boton-buscar-texto-en-header;
  }
}

@supports(display: grid ) {
  .grid-contenedor-panel-casilla-botones-en-header {
    display: grid;
    grid-template-columns: 1fr 16px 40px;
    grid-template-areas: "form-casilla-busqueda-en-header boton-clear-texto-en-header boton-buscar-texto-en-header";
    grid-row-gap: 0;
  }

  .form-casilla-busqueda-en-header {
    grid-area: form-casilla-busqueda-en-header;
  }

  .boton-clear-texto-en-header {
    grid-area: boton-clear-texto-en-header;
  }

  .boton-buscar-texto-en-header {
    grid-area: boton-buscar-texto-en-header;
  }
}

@media only screen and (max-width: 765px) {
  .panel-logo-potencia {
    text-align: center;
    place-items: center;
  }
}

@media screen and (min-width: 576px) {
  .franja-gov-co-header {
    height: 38px;
  }
}

@media screen and (min-width: 768px) {
  .contenido-franja-gov-co-header {
    margin: 0 var(--margenHorizontalFranjaNormal) 0 var(--margenHorizontalFranjaNormal);
  }
}

@media screen and (min-width: 1200px) {
  .contenido-franja-gov-co-header {
    margin: 0;
  }
}

@media screen and (min-width: 576px) {
  .logo-gov-co-header img {
    width: 10%;
    margin-left: 60px;
  }
}

@media screen and (min-width: 576px) {
  .pre-header__link-gov {
    font-size: var(--letra16);
    line-height: 20px;
  }
}

@media screen and (min-width: 576px) {
  .pre-header__link-gov .ir_a {
    margin-right: 8px;
  }
}

@media screen and (min-width: 768px) {
  .contenido-logo-buscador {
    margin: 0 var(--margenHorizontalFranjaNormal) 0 var(--margenHorizontalFranjaNormal);
  }
}

@media screen and (min-width: 1200px) {
  .contenido-logo-buscador {
    margin: 0;
  }
}

@media screen and (min-width: 992px) {
  .grid-contenedor-logo-buscador {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .logo-potencia img {
    width: 250px;
    height: 150px;
  }
}

@media screen and (max-width: 1069px) {
  .logo-entidad img {
    width: 10vw;
    height: auto;
  }
}

@media screen and (max-width: 870px) {
  .logo-entidad img {
    width: 13vw;
    height: auto;
  }
}

@media screen and (max-width: 795px) {
  .logo-entidad img {
    width: 14vw;
    height: auto;
  }
}

@media screen and (max-width: 662px) {
  .logo-entidad img {
    width: 17vw;
    height: auto;
  }
}

@media screen and (max-width: 482px) {
  .logo-entidad img {
    width: 23vw;
    height: auto;
  }
}

@media screen and (min-width: 992px) {
  .titulo-gestor {
    text-align: left;
  }
}

@media screen and (min-width: 576px) {
  .titulo-gestor-texto {
    font-size: var(--letra18);
    line-height: 22px;
  }
}

@media screen and (min-width: 768px) {
  .titulo-gestor-texto {
    font-size: var(--letra20);
    line-height: 24px;
  }
}

@media screen and (min-width: 992px) {
  .titulo-gestor-texto {
    font-size: var(--letra20);
    line-height: 24px;
  }
}

@media screen and (min-width: 576px) {
  .panel-buscador {
    width: 300px;
  }
}

@media screen and (min-width: 768px) {
  .panel-buscador {
    width: 550px;
  }
}

@media screen and (min-width: 992px) {
  .panel-buscador {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .boton-buscar-texto-en-header {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .contenido-franja-menu-institucional {
    margin: 0 var(--margenHorizontalFranjaNormal) 0 var(--margenHorizontalFranjaNormal);
  }
}

@media screen and (min-width: 1070px) { 
  .contenido-franja-menu-institucional {
    margin: 0 var(--margenHorizontalFranjaNormal) 0 var(--margenHorizontalFranjaNormal);
  }
}

@media screen and (min-width: 1070px) {
  .menu-horizontal-franja-menu-institucional {
    display: block;
    overflow: hidden;
    text-align: left;
   }
}

@media screen and (min-width: 1070px) {
  .icon-menu-franja-menu-institucional {
    display: none;
  }
}

@media screen and (min-width: 1070px) {
  .menu-vertical-franja-menu-institucional {
    display: none; 
  }
}

@media screen and (min-width: 768px) {
  .menu-vertical-franja-menu-institucional a {
    padding: 12px 16px;
    font-size: var(--px15);
  }
}

@media screen and (max-width: 650px) {
  .icon-menu-franja-menu-institucional {
    margin-right: 50px;
  }
}

@media screen and (max-width: 440px) {
  .icon-menu-franja-menu-institucional {
    margin-right: 80px;
  }
}

@media screen and (max-width: 1069px) {
  .logo-buscador {
    width: 50%;
  }
}

@media screen and (max-width: 390px) {
  .panel-casilla-busqueda-en-header {
    width: 190px;
  }
}