/* grid-contenedor-navegacion-logo */

@supports(display: grid ) {

  @media screen and (min-width: 992px) {

    .xgrid-contenedor-navegacion-logo {
      margin: 0 auto;
      grid-template-columns: auto auto 10fr 120px 150px;
      grid-template-areas: "side-menu entorno logo-creg boton-contraste boton-ayuda";
    }
  }

}

/* -> grid-contenedor-navegacion-logo */


/* grid-contenedor-contenido */

@supports(display: grid ) {

  .grid-contenedor-contenido {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "opcion-seleccionada1"
                         "panel-casilla-busqueda"
                         "panel-resultados-busqueda";
  }

  @media screen and (min-width: 1200px) {

    .grid-contenedor-contenido {
      grid-template-columns: 1170px;
    }
  }

  .opcion-seleccionada1 {
    grid-area: opcion-seleccionada1;
  }

  .panel-casilla-busqueda {
    grid-area: panel-casilla-busqueda;
  }

  .panel-resultados-busqueda {
    grid-area: panel-resultados-busqueda;
  }
}

/* -> grid-contenedor-contenido */


/* grid-contenedor-opcion-seleccionada111 */

@supports(display: grid ) {

  .grid-contenedor-opcion-seleccionada111 {
    display: grid;
    grid-template-columns: auto;
    grid-template-areas: "titulo-opcion-seleccionada11";
    grid-gap: 10px;
  }

  @media screen and (min-width: 768px) {

    .grid-contenedor-opcion-seleccionada111 {
      grid-template-areas: "titulo-opcion-seleccionada11"
                           "descripcion-opcion-seleccionada11";
    }
  }

  .titulo-opcion-seleccionada11 {
    grid-area: titulo-opcion-seleccionada11;
  }

  .descripcion-opcion-seleccionada11 {
    grid-area: descripcion-opcion-seleccionada11;
  }

}

/* -> grid-contenedor-opcion-seleccionada111 */


/* grid-contenedor-panel-casilla-busqueda */

@supports(display: grid ) {

  .grid-contenedor-panel-casilla-busqueda {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "panel-casilla-botones"
                         "panel-terminos-sugeridos"
                         "panel-documentos-sugeridos"
                         "panel-filtros-busqueda"
                         "boton-filtrar-busqueda"
                         ;
  }

  @media screen and (min-width: 1200px) {

    .grid-contenedor-panel-casilla-busqueda {
      grid-template-columns: 1170px;
    }
  }

  .panel-casilla-botones {
    grid-area: panel-casilla-botones;
  }

  .panel-terminos-sugeridos {
    grid-area: panel-terminos-sugeridos;
  }

  .panel-documentos-sugeridos {
    grid-area: panel-documentos-sugeridos;
  }

  .boton-filtrar-busqueda {
    grid-area: boton-filtrar-busqueda;
  }

  .panel-filtros-busqueda {
    grid-area: panel-filtros-busqueda;
  }
}

/* -> grid-contenedor-panel-casilla-busqueda */


/* grid-contenedor-panel-casilla-botones */

@supports(display: grid ) {

  .grid-contenedor-panel-casilla-botones {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "input-casilla-busqueda input-casilla-busqueda"
                         "boton-buscar-texto boton-nueva-busqueda";
    grid-row-gap: 1rem;
  }

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

    .grid-contenedor-panel-casilla-botones {
      grid-template-columns: 1fr;
      grid-template-areas: "input-casilla-busqueda"
                           "boton-buscar-texto"
                           "boton-nueva-busqueda";
    }

  }

  @media screen and (min-width: 768px) {

    .grid-contenedor-panel-casilla-botones {
      grid-template-columns: auto 180px 180px;
      grid-template-areas: "input-casilla-busqueda boton-buscar-texto boton-nueva-busqueda";
      grid-row-gap: 0;
    }

  }

  @media screen and (min-width: 992px) {

    .grid-contenedor-panel-casilla-botones {
      grid-template-columns: auto 180px 180px;
      grid-template-areas: "input-casilla-busqueda boton-buscar-texto boton-nueva-busqueda";
      grid-row-gap: 0;
    }

  }

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

  .boton-nueva-busqueda {
    grid-area: boton-nueva-busqueda;
  }

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

/* -> grid-contenedor-panel-casilla-botones */


/* grid-contenedor-panel-terminos-sugeridos */

@supports(display: grid ) {

  .grid-contenedor-panel-terminos-sugeridos {
    display: grid;
    grid-template-columns: auto;
    grid-template-areas: "titulo-terminos-sugeridos"
                         "terminos-sugeridos";
  }

  .titulo-terminos-sugeridos {
    grid-area: titulo-terminos-sugeridos;
  }

  .terminos-sugeridos {
    grid-area: terminos-sugeridos;
  }

}

/* -> grid-contenedor-panel-terminos-sugeridos */


/* grid-contenedor-terminos-sugeridos */

@supports(display: grid ) {

  .grid-contenedor-terminos-sugeridos {
    display: grid;
    grid-template-columns: auto;
  }

}

/* -> grid-contenedor-terminos-sugeridos */


/* grid-contenedor-documentos-sugeridos */

@supports(display: grid ) {

  .grid-contenedor-documentos-sugeridos {
    display: grid;
    grid-template-columns: auto;
  }

}

/* -> grid-contenedor-documentos-sugeridos */


/* grid-contenedor-item-documentos-sugeridos */

@supports(display: grid ) {

  .grid-contenedor-item-documentos-sugeridos {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: auto 145px;
    grid-template-areas: "texto-item-documentos-sugeridos boton-abrir-documento";
  }

  .texto-item-documentos-sugeridos {
    grid-area: texto-item-documentos-sugeridos;
  }

  .boton-abrir-documento {
    grid-area: boton-abrir-documento;
  }

}

/* -> grid-contenedor-item-documentos-sugeridos */


/* grid-contenedor-boton-filtrar-busqueda */

@supports(display: grid ) {

  .grid-contenedor-boton-filtrar-busqueda {
    display: grid;
    grid-template-columns: auto 180px auto;
    grid-template-areas: "linea-izquierda filtrar-busqueda linea-derecha";
  }

  .linea-izquierda {
    grid-area: linea-izquierda;
  }

  .filtrar-busqueda {
    grid-area: filtrar-busqueda;
  }

  .linea-derecha {
    grid-area: linea-derecha;
  }

}

/* -> grid-contenedor-boton-filtrar-busqueda */


/* grid-contenedor-panel-filtros-busqueda */

@supports(display: grid ) {

  .grid-contenedor-panel-filtros-busqueda {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "casilla-busqueda-documento"
                         "casilla-busqueda-todas-las-palabras"
                         "casilla-busqueda-frase"
                         "casilla-busqueda-cualquiera-de-las-palabras"
                         "casilla-excluir-palabras"
                         "casilla-palabras-cercanas"
                         "casilla-maxima-distancia"
                         "casilla-tipo-documento"
                         "casilla-entidad"
                         "casilla-year-inicial"
                         "casilla-year-final"
                         "boton-buscar-texto-panel-filtros"
                         "boton-nueva-busqueda-panel-filtros";
    grid-gap: 1rem;
  }

  @media screen and (min-width: 375px) {

    .grid-contenedor-panel-filtros-busqueda {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "casilla-busqueda-documento casilla-busqueda-documento"
                           "casilla-busqueda-todas-las-palabras casilla-busqueda-todas-las-palabras"
                           "casilla-busqueda-frase casilla-busqueda-frase"
                           "casilla-busqueda-cualquiera-de-las-palabras casilla-busqueda-cualquiera-de-las-palabras"
                           "casilla-excluir-palabras casilla-excluir-palabras"
                           "casilla-palabras-cercanas casilla-palabras-cercanas"
                           "casilla-maxima-distancia casilla-maxima-distancia"
                           "casilla-tipo-documento casilla-tipo-documento"
                           "casilla-entidad casilla-entidad"
                           "casilla-year-inicial casilla-year-final"
                           "boton-buscar-texto-panel-filtros boton-nueva-busqueda-panel-filtros";
    }
  }

  @media screen and (min-width: 576px) {

    .grid-contenedor-panel-filtros-busqueda {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "casilla-busqueda-documento casilla-busqueda-documento"
                           "casilla-busqueda-todas-las-palabras casilla-busqueda-todas-las-palabras"
                           "casilla-busqueda-frase casilla-busqueda-frase"
                           "casilla-busqueda-cualquiera-de-las-palabras casilla-busqueda-cualquiera-de-las-palabras"
                           "casilla-excluir-palabras casilla-excluir-palabras"
                           "casilla-palabras-cercanas casilla-maxima-distancia"
                           "casilla-tipo-documento casilla-tipo-documento"
                           "casilla-entidad casilla-entidad"
                           "casilla-year-inicial casilla-year-final"
                           "boton-buscar-texto-panel-filtros boton-nueva-busqueda-panel-filtros";
    }
  }

  @media screen and (min-width: 768px) {

    .grid-contenedor-panel-filtros-busqueda {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-areas: "casilla-busqueda-documento casilla-busqueda-documento casilla-busqueda-todas-las-palabras casilla-busqueda-todas-las-palabras"
                           "casilla-busqueda-frase casilla-busqueda-frase casilla-busqueda-frase casilla-busqueda-frase"
                           "casilla-busqueda-cualquiera-de-las-palabras casilla-busqueda-cualquiera-de-las-palabras casilla-excluir-palabras casilla-excluir-palabras"
                           "casilla-palabras-cercanas casilla-palabras-cercanas casilla-maxima-distancia casilla-maxima-distancia"
                           "casilla-tipo-documento casilla-tipo-documento casilla-entidad casilla-entidad"
                           "casilla-year-inicial casilla-year-inicial casilla-year-final casilla-year-final"
                           "boton-buscar-texto-panel-filtros boton-buscar-texto-panel-filtros boton-nueva-busqueda-panel-filtros boton-nueva-busqueda-panel-filtros";
    }
  }

  .casilla-busqueda-documento {
    grid-area: casilla-busqueda-documento;
  }

  .casilla-busqueda-todas-las-palabras {
    grid-area: casilla-busqueda-todas-las-palabras;
  }

  .casilla-busqueda-frase {
    grid-area: casilla-busqueda-frase;
  }

  .casilla-busqueda-cualquiera-de-las-palabras {
    grid-area: casilla-busqueda-cualquiera-de-las-palabras;
  }

  .casilla-excluir-palabras {
    grid-area: casilla-excluir-palabras;
  }

  .casilla-palabras-cercanas {
    grid-area: casilla-palabras-cercanas;
  }

  .casilla-maxima-distancia {
    grid-area: casilla-maxima-distancia;
  }

  .casilla-tipo-documento {
    grid-area: casilla-tipo-documento;
  }

  .casilla-entidad {
    grid-area: casilla-entidad;
  }

  .casilla-year-inicial {
    grid-area: casilla-year-inicial;
  }

  .casilla-year-final {
    grid-area: casilla-year-final;
  }

  .boton-buscar-texto-panel-filtros {
    grid-area: boton-buscar-texto-panel-filtros;
  }

  .boton-nueva-busqueda-panel-filtros {
    grid-area: boton-nueva-busqueda-panel-filtros;
  }

}

/* -> grid-contenedor-panel-filtros-busqueda */


/* grid-contenedor-casilla-busqueda-documento */

@supports(display: grid ) {

  .grid-contenedor-casilla-busqueda-documento {
    display: grid;
    grid-template-columns: auto;
    grid-template-areas: "label-casilla-busqueda-documento"
                         "input-casilla-busqueda-documento";
  }

  .label-casilla-busqueda-documento {
    grid-area: label-casilla-busqueda-documento;
  }

  .input-casilla-busqueda-documento {
    grid-area: input-casilla-busqueda-documento;
  }
}

/* -> grid-contenedor-casilla-busqueda-documento */


/* grid-contenedor-casilla-busqueda-todas-las-palabras */

@supports(display: grid ) {

  .grid-contenedor-casilla-busqueda-todas-las-palabras {
    display: grid;
    grid-template-columns: auto;
    grid-template-areas: "label-casilla-busqueda-todas-las-palabras"
                         "input-casilla-busqueda-todas-las-palabras";
  }

  .label-casilla-busqueda-todas-las-palabras {
    grid-area: label-casilla-busqueda-todas-las-palabras;
  }

  .input-casilla-busqueda-todas-las-palabras {
    grid-area: input-casilla-busqueda-todas-las-palabras;
  }
}

/* -> grid-contenedor-casilla-busqueda-documento */


/* grid-contenedor-panel-resultados-busqueda */

@supports(display: grid ) {

  .grid-contenedor-panel-resultados-busqueda {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "panel-numero-resultados-busqueda"
                         "panel-facetas-lista-resultados";
  }

  .panel-numero-resultados-busqueda {
    grid-area: panel-numero-resultados-busqueda;
  }

  .panel-facetas-lista-resultados {
    grid-area: panel-facetas-lista-resultados;
  }
}

/* -> grid-contenedor-panel-resultados-busqueda */


/* grid-contenedor-panel-facetas-lista-resultados */

@supports(display: grid ) {

  .grid-contenedor-panel-facetas-lista-resultados {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "panel-facetas-resultados"
                         "panel-lista-resultados"
                         "panel-paginacion-resultados";
    grid-gap: 30px;
  }

  @media screen and (min-width: 992px) {

    .grid-contenedor-panel-facetas-lista-resultados {
      display: grid;
      grid-template-columns: 3fr 7fr;
      grid-template-areas: "panel-facetas-resultados panel-lista-resultados"
                           ". panel-paginacion-resultados";
    }

  }

  .panel-facetas-resultados {
    grid-area: panel-facetas-resultados;
  }

  .panel-lista-resultados {
    grid-area: panel-lista-resultados;
  }

  .panel-paginacion-resultados {
    grid-area: panel-paginacion-resultados;
  }
}

/* -> grid-contenedor-panel-facetas-lista-resultados */


/* grid-contenedor-panel-facetas-resultados */

@supports(display: grid ) {

  .grid-contenedor-panel-facetas-resultados {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "titulo-facetas-resultados"
                         "facetas-tipos-documentos-resultados";
  }

  .titulo-facetas-resultados {
    grid-area: titulo-facetas-resultados;
  }

  .facetas-tipos-documentos-resultados {
    grid-area: facetas-tipos-documentos-resultados;
  }
}

/* -> grid-contenedor-panel-resultados-busqueda */


/* grid-contenedor-panel-lista-resultados */

@supports(display: grid ) {

  .grid-contenedor-panel-lista-resultados {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-gap: 1rem;
  }
}

/* -> grid-contenedor-panel-lista-resultados */


/* grid-contenedor-panel-facetas-resultados */

@supports(display: grid ) {

  .grid-contenedor-panel-item-lista-resultados {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "panel-descripcion-resultado"
                         "panel-relevancia-resultado"
                         "panel-botones-resultado";
    grid-gap: 15px;
  }

  @media screen and (min-width: 768px) {

    .grid-contenedor-panel-item-lista-resultados {
      display: grid;
      grid-template-columns: 0.125fr 3.875fr;
      grid-template-areas: "panel-relevancia-resultado panel-descripcion-resultado"
                           "panel-botones-resultado panel-botones-resultado";
      grid-gap: 20px;
    }

  }

  @media screen and (min-width: 992px) {

    .grid-contenedor-panel-item-lista-resultados {
      display: grid;
      grid-template-columns: 3.75fr 0.25fr;
      grid-template-areas: "panel-descripcion-resultado panel-botones-resultado"
                           "panel-relevancia-resultado panel-relevancia-resultado";
    }

  }

  @media screen and (min-width: 1200px) {

    .grid-contenedor-panel-item-lista-resultados {
      display: grid;
      grid-template-columns: 1fr 3fr 1fr;
      grid-template-areas: "panel-relevancia-resultado panel-descripcion-resultado panel-botones-resultado";
    }

  }

  .panel-relevancia-resultado {
    grid-area: panel-relevancia-resultado;
  }

  .panel-descripcion-resultado {
    grid-area: panel-descripcion-resultado;
  }

  .panel-botones-resultado {
    grid-area: panel-botones-resultado;
  }
}

/* -> grid-contenedor-panel-facetas-resultados */


/* grid-contenedor-panel-relevancia-resultado */

@supports(display: grid ) {

  .grid-contenedor-panel-relevancia-resultado {
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    grid-template-areas: "titulo-relevancia relevancia";
  }

  @media screen and (min-width: 768px) {

    .grid-contenedor-panel-relevancia-resultado {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-areas: "titulo-relevancia"
                           "relevancia";
    }

  }

  @media screen and (min-width: 992px) {

    .grid-contenedor-panel-relevancia-resultado {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-areas: "titulo-relevancia relevancia";
    }

  }

  @media screen and (min-width: 1200px) {

    .grid-contenedor-panel-relevancia-resultado {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-areas: "titulo-relevancia"
                           "relevancia";
    }

  }

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

  .relevancia {
    grid-area: relevancia;
  }
}

/* -> grid-contenedor-panel-relevancia-resultado */


/* grid-contenedor-panel-descripcion-resultado */

@supports(display: grid ) {

  .grid-contenedor-panel-descripcion-resultado {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "id-resultado"
                         "resumen-resultado";
    grid-gap: 13px;
  }

  .id-resultado {
    grid-area: id-resultado;
  }

  .resumen-resultado {
    grid-area: resumen-resultado;
  }
}

/* -> grid-contenedor-panel-descripcion-resultado */


/* grid-contenedor-panel-botones-resultado */

@supports(display: grid ) {

  .grid-contenedor-panel-botones-resultado {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "boton-palabras-clave"
                         "boton-modificaciones"
                         "boton-concordancias";
    grid-gap: 0.5rem;
  }

  @media screen and (min-width: 768px) {

    .grid-contenedor-panel-botones-resultado {
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-areas: "boton-palabras-clave boton-modificaciones boton-concordancias";
    }

  }

  @media screen and (min-width: 992px) {

    .grid-contenedor-panel-botones-resultado {
      grid-template-columns: 1fr;
      grid-template-areas: "boton-palabras-clave"
                           "boton-modificaciones"
                           "boton-concordancias";
    }

  }

  .boton-palabras-clave {
    grid-area: boton-palabras-clave;
  }

  .boton-modificaciones {
    grid-area: boton-modificaciones;
  }

  .boton-concordancias {
    grid-area: boton-concordancias;
  }
}

/* -> grid-contenedor-panel-relevancia-resultado */


/* grid-contenedor-panel-paginacion-resultados */

@supports(display: grid ) {

  .grid-contenedor-panel-paginacion-resultados {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "panel-boton-paginacion-izquierdo texto-numero-pagina panel-boton-paginacion-derecho";
    grid-gap: 1rem;
  }

  .boton-paginacion-izquierdo {
    grid-area: boton-paginacion-izquierdo;
  }

  .texto-numero-pagina {
    grid-area: texto-numero-pagina;
  }

  .boton-paginacion-derecho {
    grid-area: boton-paginacion-derecho;
  }
}

/* -> grid-contenedor-panel-paginacion-resultados */