/* panel-botones */

.panel-botones {
  z-index: auto;
  height: 60px;
  background-color: var(--colorBackgroundPanelBotones);
  box-shadow: 0 1px 1px 0 var(--colorBordeSombraPanelBotonesVisor);
  padding-left: 20px;
}

@media screen and (min-width: 768px) {
  .panel-botones {
    width: auto;
    height: auto;
    z-index: 2; /* Garantiza que este panel siempre esté por encima de panel-auxiliar. */
                /* con el que se traslapa 1px usando dummy-panel. Esto es útil para */
                /* que el botón seleccionado se integre al panel-auxiliar */
    padding-left: 0;
  }
}

.contenedor-panel-botones {
  display: block; /* Estaba en none, con el funcionamiento de botones modales para ancho menor a 768px */
  height: 100%;
}

@media screen and (min-width: 768px) {
  .contenedor-panel-botones {
    display: block;
    height: auto;
  }
}

.grid-contenedor-panel-botones {
  height: 100%;
  justify-content: left;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .grid-contenedor-panel-botones {
    height: auto;
  }
}

.contenedor-panel-botones-modales {
  display: none; /* Estaba en block, con el funcionamiento de botones modales para ancho menor a 768px */
                 /* Fue reemplazado por la franja de botones encima del documento */
  width: auto;
}

@media screen and (min-width: 768px) {
  .contenedor-panel-botones-modales {
    display: none;
  }
}

.boton-datos,
.boton-busqueda,
.boton-indice,
.boton-memoria,
.boton-desarrollos,
.boton-notificaciones,
.boton-concordancias-visor,
.boton-modificaciones-visor,
.boton-actos-tramite,
.boton-abogacia,
.boton-videos {
  display: none;
  height: 36px;
  width: 36px;
  border: 1px solid var(--colorBordeBotonPanelBotonesVisor);
  border-radius: 4px;
  background-color: var(--colorBackgroundBotonSencilloPanelBotonesVisor);
  cursor: pointer;
  margin-right: 10px;
}

.boton-datos:hover,
.boton-busqueda:hover,
.boton-indice:hover,
.boton-memoria:hover,
.boton-desarrollos:hover,
.boton-notificaciones:hover,
.boton-concordancias-visor:hover,
.boton-modificaciones-visor:hover,
.boton-actos-tramite:hover,
.boton-abogacia:hover,
.boton-videos:hover {
  background-color: var(--colorBackgroundBotonSencilloPanelBotonesVisorHover);
  border: 1px solid var(--colorBordeBotonPanelBotonesVisorOutline);
}

.boton-datos img,
.boton-busqueda img,
.boton-indice img,
.boton-memoria img,
.boton-desarrollos img,
.boton-notificaciones img,
.boton-concordancias-visor img,
.boton-modificaciones-visor img,
.boton-actos-tramite img,
.boton-abogacia img,
.boton-videos img {
  width: 18px;
  height: 18px;
}

.contenedor-boton-datos,
.contenedor-boton-busqueda,
.contenedor-boton-indice,
.contenedor-boton-memoria,
.contenedor-boton-desarrollos,
.contenedor-boton-notificaciones,
.contenedor-boton-concordancias-visor,
.contenedor-boton-modificaciones-visor,
.contenedor-boton-actos-tramite,
.contenedor-boton-abogacia,
.contenedor-boton-videos {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.texto-boton-datos,
.texto-boton-busqueda,
.texto-boton-indice,
.texto-boton-memoria,
.texto-boton-desarrollos,
.texto-boton-notificaciones,
.texto-boton-concordancias-visor,
.texto-boton-modificaciones-visor,
.texto-boton-actos-tramite,
.texto-boton-abogacia,
.texto-boton-videos {
  display: none;
}

@media screen and (min-width: 768px) {
  .boton-datos,
  .boton-busqueda,
  .boton-indice,
  .boton-memoria,
  .boton-desarrollos,
  .boton-notificaciones,
  .boton-concordancias-visor,
  .boton-modificaciones-visor,
  .boton-actos-tramite,
  .boton-abogacia,
  .boton-videos {
    display: none; /* Cuando se activa cambia a flex */
    height: 120px;
    width: 120px;
    border: 1px none var(--colorBordeBotonPanelBotonesVisor);
    border-bottom: 1px solid var(--colorBordeBotonPanelBotonesVisor);
    border-left: 1px solid var(--colorBordeBotonPanelBotonesVisor);
    border-radius: 0;
    background-color: var(--colorBackgroundBotonPanelBotonesVisor);
    align-items: center;
    margin: 0;
  }

  .boton-datos:hover,
  .boton-busqueda:hover,
  .boton-indice:hover,
  .boton-memoria:hover,
  .boton-desarrollos:hover,
  .boton-notificaciones:hover,
  .boton-concordancias-visor:hover,
  .boton-modificaciones-visor:hover,
  .boton-actos-tramite:hover,
  .boton-abogacia:hover,
  .boton-videos:hover {
    background-color: var(--colorBackgroundBotonPanelBotonesVisor); /* No cambia el color de fondo, solo el borde, ya asignado para todos los anchos */
  }

  .boton-datos img,
  .boton-busqueda img,
  .boton-indice img,
  .boton-memoria img,
  .boton-desarrollos img,
  .boton-notificaciones img,
  .boton-concordancias-visor img,
  .boton-modificaciones-visor img,
  .boton-actos-tramite img,
  .boton-abogacia img,
  .boton-videos img {
    width: 24px;
    height: 24px;
  }

  .contenedor-boton-datos,
  .contenedor-boton-busqueda,
  .contenedor-boton-indice,
  .contenedor-boton-memoria,
  .contenedor-boton-desarrollos,
  .contenedor-boton-notificaciones,
  .contenedor-boton-concordancias-visor,
  .contenedor-boton-modificaciones-visor,
  .contenedor-boton-actos-tramite,
  .contenedor-boton-abogacia,
  .contenedor-boton-videos {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: auto;
    width: 100%; /*can be in percentage also.*/
    line-height: 20px;
    align-items: center;
    justify-content: center;
  }

  .texto-boton-datos,
  .texto-boton-busqueda,
  .texto-boton-indice,
  .texto-boton-memoria,
  .texto-boton-desarrollos,
  .texto-boton-notificaciones,
  .texto-boton-concordancias-visor,
  .texto-boton-modificaciones-visor,
  .texto-boton-actos-tramite,
  .texto-boton-abogacia,
  .texto-boton-videos {
    display: block;
    color: var(--colorTextoBotonPanelBotonesVisor);
    font-size: var(--letra11);
    font-weight: 600;
    text-align: center;
  }

	#texto-boton-datos,
	#texto-boton-busqueda,
	#texto-boton-indice,
	#texto-boton-memoria,
	#texto-boton-desarrollos,
	#texto-boton-notificaciones,
	#texto-boton-concordancias-visor,
	#texto-boton-modificaciones-visor,
	#texto-boton-actos-tramite,
  #texto-boton-abogacia,
  #texto-boton-videos {
	  margin: 0;
	  padding: 0;
	}

}

/* -> panel-botones */


/* panel-datos */

.panel-datos,
.panel-busqueda,
.panel-indice,
.panel-memoria,
.panel-desarrollos,
.panel-modificaciones,
.panel-concordancias,
.panel-notificaciones,
.panel-actos-tramite,
.panel-abogacia,
.panel-videos {
  display: none;
  overflow: auto;
}

.titulo-panel-datos,
.titulo-panel-busqueda,
.titulo-panel-indice,
.titulo-panel-memoria,
.titulo-panel-desarrollos,
.titulo-panel-modificaciones,
.titulo-panel-concordancias,
.titulo-panel-notificaciones,
.titulo-panel-actos-tramite,
.titulo-panel-abogacia,
.titulo-panel-videos {
  min-height: 28px;
  width: auto;
  color: var(--colorTextoTituloPanelAuxiliarVisor);
  font-size: var(--letra22);
  font-weight: 600;
  line-height: 28px;
  margin: 20px 20px 0 20px;
}

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

  .titulo-panel-datos,
  .titulo-panel-busqueda,
  .titulo-panel-indice,
  .titulo-panel-memoria,
  .titulo-panel-desarrollos,
  .titulo-panel-modificaciones,
  .titulo-panel-concordancias,
  .titulo-panel-notificaciones,
  .titulo-panel-actos-tramite,
  .titulo-panel-abogacia,
  .titulo-panel-videos {
    margin: 30px 30px 0 30px;
  }
}

.descripcion-panel-datos,
.descripcion-panel-busqueda,
.descripcion-panel-indice,
.descripcion-panel-memoria,
.descripcion-panel-desarrollos,
.descripcion-panel-modificaciones,
.descripcion-panel-concordancias,
.descripcion-panel-notificaciones,
.descripcion-panel-actos-tramite,
.descripcion-panel-abogacia,
.descripcion-panel-videos {
  width: auto;
  margin: 0 20px 0 20px;
}

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

  .descripcion-panel-datos,
  .descripcion-panel-busqueda,
  .descripcion-panel-indice,
  .descripcion-panel-memoria,
  .descripcion-panel-desarrollos,
  .descripcion-panel-modificaciones,
  .descripcion-panel-concordancias,
  .descripcion-panel-notificaciones,
  .descripcion-panel-actos-tramite,
  .descripcion-panel-abogacia,
  .descripcion-panel-videos {
    margin: 0 30px 0 30px;
  }
}

.descripcion-panel-datos p,
.descripcion-panel-busqueda p,
.descripcion-panel-indice p,
.descripcion-panel-memoria p,
.descripcion-panel-desarrollos p,
.descripcion-panel-modificaciones p,
.descripcion-panel-concordancias p,
.descripcion-panel-notificaciones p,
.descripcion-panel-actos-tramite p,
.descripcion-panel-abogacia p,
.descripcion-panel-videos p {
  margin: 0;
  font-size: var(--letra14);
}

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

  .descripcion-panel-datos p,
  .descripcion-panel-busqueda p,
  .descripcion-panel-indice p,
  .descripcion-panel-memoria p,
  .descripcion-panel-desarrollos p,
  .descripcion-panel-modificaciones p,
  .descripcion-panel-concordancias p,
  .descripcion-panel-notificaciones p,
  .descripcion-panel-actos-tramite p,
  .descripcion-panel-abogacia p,
  .descripcion-panel-videos p {
    font-size: var(--letra16);
  }
}

.panel-datos-visor,
.panel-resultados-visor,
.panel-indice-visor,
.panel-memoria-visor,
.panel-desarrollos-visor,
.panel-modificaciones-visor,
.panel-concordancias-visor,
.panel-notificaciones-visor,
.panel-actos-tramite-visor,
.panel-abogacia-visor,
.panel-videos-visor {
  height: auto;
  width: auto;
  background-color: var(--colorBackgroundPanelVisor);
  border: 1px solid var(--colorBordePanelVisor);
  border-radius: 4px;
  margin: 0 20px 200px 20px;
}

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

  .panel-datos-visor,
  .panel-resultados-visor,
  .panel-indice-visor,
  .panel-memoria-visor,
  .panel-desarrollos-visor,
  .panel-modificaciones-visor,
  .panel-concordancias-visor,
  .panel-notificaciones-visor,
  .panel-actos-tramite-visor,
  .panel-abogacia-visor,
  .panel-videos-visor {
    margin: 0 30px 200px 30px;
  }

}

.titulo-datos-visor,
.titulo-resultados-visor,
.titulo-indice-visor,
.titulo-desarrollos-actos-visor,
.titulo-modificaciones-normativas-visor,
.titulo-modificaciones-jurisprudenciales-visor,
.titulo-modificaciones-doctrinales-visor,
.titulo-concordancias-constitucion-visor,
.titulo-concordancias-leyes-visor,
.titulo-concordancias-decretos-leyes-visor,
.titulo-concordancias-decretos-visor,
.titulo-concordancias-acuerdos-visor,
.titulo-concordancias-resoluciones-visor,
.titulo-concordancias-circulares-visor,
.titulo-concordancias-conceptos-visor,
.titulo-notificaciones-actos-visor,
.titulo-actos-tramite-visor,
.titulo-abogacia-visor,
.titulo-videos-visor {
  height: auto;
  width: 100%;
  border-bottom: 1px solid var(--colorBordeTituloPanelVisor);
  border-radius: 4px 4px 0 0;
  background-color: var(--colorBackgroundTituloPanelVisor);
  padding: 20px;
}

.primer-panel { /* Afecta el borde de titulo-memoria ... */
  border-radius: 4px 4px 0 0;
}

.titulo-memoria-documentos-visor,
.titulo-memoria-actos-visor,
.titulo-memoria-original-visor {
  height: auto;
  width: 100%;
  border-bottom: 1px solid var(--colorBordeTituloPanelVisor);
  background-color: var(--colorBackgroundTituloPanelVisor);
  padding: 20px;
}

.titulo-datos-visor img,
.titulo-resultados-visor img,
.titulo-indice-visor img,
.titulo-memoria-documentos-visor img,
.titulo-memoria-actos-visor img,
.titulo-memoria-original-visor img,
.titulo-desarrollos-actos-visor img,
.titulo-modificaciones-normativas-visor img,
.titulo-modificaciones-jurisprudenciales-visor img,
.titulo-modificaciones-doctrinales-visor img,
.titulo-concordancias-constitucion-visor img,
.titulo-concordancias-leyes-visor img,
.titulo-concordancias-decretos-leyes-visor img,
.titulo-concordancias-decretos-visor img,
.titulo-concordancias-acuerdos-visor img,
.titulo-concordancias-resoluciones-visor img,
.titulo-concordancias-circulares-visor img,
.titulo-concordancias-conceptos-visor img,
.titulo-notificaciones-actos-visor img,
.titulo-actos-tramite-visor img,
.titulo-abogacia-visor img,
.titulo-videos-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-titulo-datos-visor,
.contenedor-titulo-resultados-visor,
.contenedor-titulo-indice-visor,
.contenedor-titulo-memoria-documentos-visor,
.contenedor-titulo-memoria-actos-visor,
.contenedor-titulo-memoria-original-visor,
.contenedor-titulo-desarrollos-actos-visor,
.contenedor-titulo-modificaciones-normativas-visor,
.contenedor-titulo-modificaciones-jurisprudenciales-visor,
.contenedor-titulo-modificaciones-doctrinales-visor,
.contenedor-titulo-concordancias-visor,
.contenedor-titulo-notificaciones-actos-visor,
.contenedor-titulo-actos-tramite-visor,
.contenedor-titulo-abogacia-visor,
.contenedor-titulo-videos-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  align-items: center;
  justify-content: flex-start;
}

.texto-titulo-datos-visor,
.texto-titulo-resultados-visor,
.texto-titulo-indice-visor,
.texto-titulo-memoria-documentos-visor,
.texto-titulo-memoria-actos-visor,
.texto-titulo-memoria-original-visor,
.texto-titulo-desarrollos-actos-visor,
.texto-titulo-modificaciones-normativas-visor,
.texto-titulo-modificaciones-jurisprudenciales-visor,
.texto-titulo-modificaciones-doctrinales-visor,
.texto-titulo-concordancias-visor,
.texto-titulo-notificaciones-actos-visor,
.texto-titulo-actos-tramite-visor,
.texto-titulo-abogacia-visor,
.texto-titulo-videos-visor {
  color: var(--colorTextoTituloSeccionPanel);
  font-size: var(--letra16);
  font-weight: 600;
  letter-spacing: 0.4px;
  margin-left: 10px;
}

#texto-titulo-datos-visor,
#texto-titulo-resultados-visor,
#texto-titulo-indice-visor,
#texto-titulo-memoria-documentos-visor,
#texto-titulo-memoria-actos-visor,
#texto-titulo-memoria-original-visor,
#texto-titulo-desarrollos-actos-visor,
#texto-titulo-modificaciones-normativas-visor,
#texto-titulo-modificaciones-jurisprudenciales-visor,
#texto-titulo-modificaciones-doctrinales-visor,
#texto-titulo-concordancias-visor,
#texto-titulo-notificaciones-actos-visor,
#texto-titulo-actos-tramite-visor,
#texto-titulo-abogacia-visor,
#texto-titulo-videos-visor {
  margin: 0;
  padding: 0;
}

.grid-contenedor-panel-lista-datos-visor,
.grid-contenedor-panel-lista-desarrollos-actos-visor,
.grid-contenedor-panel-lista-modificaciones-normativas-visor,
.grid-contenedor-panel-lista-concordancias-visor,
.grid-contenedor-panel-lista-notificaciones-actos-visor,
.grid-contenedor-panel-lista-actos-tramite-visor,
.grid-contenedor-panel-lista-abogacia-visor,
.grid-contenedor-panel-lista-videos-visor {
  max-height: 75vh;
  overflow: auto;
}

.grid-contenedor-panel-lista-resultados-visor {
  max-height: calc(100vh - 60px - 20px - 28px - 120px - 50px - 20px * 3 - 30px - 20px * 2 - 20px);
  /* 60px altura de boton-cerrar-panel-modal */
  /* 20px margen superior de titulo-panel-busqueda */
  /* 28px altura de titulo-panel-busqueda */
  /* 120px altura máxima aproximada de descripcion-panel-busqueda */
  /* 50px altura de panel-casilla-busqueda-visor */
  /* 20px * 3 grid-gap de grid-contenedor-panel-busqueda */
  /* 30px altura máxima aproximada de titulo-resultados-visor (puede ocupar 2 líneas) */
  /* 20px * 2 padding superior e inferior de titulo-resultados-visor */
  /* 20px margen inferior de panel-resultados-visor */
  overflow: auto;
}

.grid-contenedor-panel-lista-indice-visor {
  max-height: calc(100vh - 60px - 20PX - 28px - 120px - 50px - 20px * 4 - 20px - 20px * 2 - 20px);
  /* 60px altura de boton-cerrar-panel-modal */
  /* 20px margen superior de titulo-panel-indice */
  /* 28px altura de titulo-panel-indice */
  /* 120px altura máxima aproximada de descripcion-panel-indice */
  /* 50px altura de panel-casilla-busqueda-indice-visor (aún si está oculto el panel) */
  /* 50px altura de panel-casilla-busqueda-articulo-visor */
  /* 20px * 4 grid-gap de grid-contenedor-panel-indice */
  /* 20px altura aproximada de texto-titulo-indice-visor */
  /* 20px * 2 padding superior e inferior de texto-titulo-indice-visor */
  /* 20px margen inferior de panel-indice-visor */
  overflow: auto;
  /* The overflow property specifies whether to clip the content or to add scrollbars when the content of an element is too big to fit in the specified area. */
  /* auto - Similar to scroll, but it adds scrollbars only when necessary */
}

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

  .grid-contenedor-panel-lista-datos-visor,
  .grid-contenedor-panel-lista-desarrollos-actos-visor,
  .grid-contenedor-panel-lista-modificaciones-normativas-visor,
  .grid-contenedor-panel-lista-concordancias-visor,
  .grid-contenedor-panel-lista-notificaciones-actos-visor,
  .grid-contenedor-panel-lista-actos-tramite-visor,
  .grid-contenedor-panel-lista-abogacia-visor,
  .grid-contenedor-panel-lista-videos-visor {
    max-height: 1000px;
  }

  .grid-contenedor-panel-lista-resultados-visor {
    max-height: calc(1814px + 30px + 50px - 30px - 28px - 120px - 50px - 20px * 3 - 30px - 20px * 2 - 20px);
    /* 30px margen superior de panel-fondo-documento */
    /* 50px margen inferior de panel-fondo-documento */
    /* 30px margen superior de titulo-panel-busqueda */
    /* 28px altura de titulo-panel-busqueda */
    /* 120px altura máxima aproximada de descripcion-panel-busqueda */
    /* 50px altura de panel-casilla-busqueda-visor */
    /* 20px * 3 grid-gap de grid-contenedor-panel-busqueda */
    /* 30px altura máxima aproximada de titulo-resultados-visor (puede ocupar 2 líneas) */
    /* 20px * 2 padding superior e inferior de texto-titulo-indice-visor */
    /* 20px margen inferior de panel-indice-visor */
  }

  .grid-contenedor-panel-lista-indice-visor {
    max-height: calc(1814px + 30px + 50px - 30px - 28px - 120px - 50px - 20px * 4 - 20px - 20px * 2 - 20px);
    /* 30px margen superior de panel-fondo-documento */
    /* 50px margen inferior de panel-fondo-documento */
    /* 30px margen superior de titulo-panel-indice */
    /* 28px altura de titulo-panel-indice */
    /* 120px altura máxima aproximada de descripcion-panel-indice */
    /* 50px altura de panel-casilla-busqueda-articulo-visor */
    /* [ESTE NO SE RESTA] 50px altura de panel-casilla-busqueda-indice-visor */
    /* 20px * 4 grid-gap de grid-contenedor-panel-indice */
    /* 20px altura aproximada de texto-titulo-indice-visor */
    /* 20px * 2 padding superior e inferior de texto-titulo-indice-visor */
    /* 20px margen inferior de panel-indice-visor */
  }

}

.item-lista-datos-visor,
.item-lista-resultados-visor,
.item-lista-indice-visor,
.item-lista-memoria-documentos-visor,
.item-lista-memoria-actos-visor,
.item-lista-memoria-original-visor,
.item-lista-desarrollos-actos-visor,
.item-lista-modificaciones-normativas-visor,
.item-lista-modificaciones-jurisprudenciales-visor,
.item-lista-modificaciones-doctrinales-visor,
.item-lista-concordancias-visor,
.item-lista-notificaciones-actos-visor,
.item-lista-actos-tramite-visor,
.item-lista-abogacia-visor,
.item-lista-videos-visor {
  border-bottom: 1px solid var(--colorBordeItemListaPanelVisor);
  padding: 20px;
  color: var(--colorTextoItemsListaPanelVisor);
  font-size: var(--letra14);
  font-weight: normal;
  text-align: left;
}

.item-lista-resultados-visor,
.item-lista-indice-visor {
  cursor: pointer;
}

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

  .item-lista-datos-visor,
  .item-lista-resultados-visor,
  .item-lista-indice-visor,
  .item-lista-memoria-documentos-visor,
  .item-lista-memoria-actos-visor,
  .item-lista-memoria-original-visor,
  .item-lista-desarrollos-actos-visor,
  .item-lista-modificaciones-normativas-visor,
  .item-lista-modificaciones-jurisprudenciales-visor,
  .item-lista-modificaciones-doctrinales-visor,
  .item-lista-concordancias-visor,
  .item-lista-notificaciones-actos-visor,
  .item-lista-actos-tramite-visor,
  .item-lista-abogacia-visor,
  .item-lista-videos-visor {
    font-size: var(--letra16);
  }
}

.item-lista-resultados-visor a {
  text-decoration: none;
}

.item-lista-resultados-visor a:hover {
  color: var(--colorTextoItemsListaPanelVisorHover);
  font-weight: 600;
}

.item-lista-indice-visor a {
  text-decoration: none;
  font-weight: normal;
}

.item-lista-indice-visor a:hover {
  color: var(--colorTextoItemsListaPanelVisorHover);
  font-weight: 600;
}

.titulo-palabras-clave {
  width: 100%;
  color: var(--colorTextoTituloPalabrasClave);
  font-size: var(--letra16);
  margin-bottom: 20px;
}

.palabras-clave {
  text-align: center;
}

.pc-01 {
  font-size: var(--letra14);
  margin-right: 20px;
}

.pc-02 {
  font-size: var(--letra14);
  margin-right: 20px;
}

.pc-03 {
  font-size: var(--letra18);
  margin-right: 20px;
}

.pc-04 {
  font-size: var(--letra16);
  margin-right: 20px;
}

.pc-05 {
  font-size: var(--letra12);
  margin-right: 20px;
}

.pc-06 {
  font-size: var(--letra22);
  margin-right: 20px;
}

.pc-07 {
  font-size: var(--letra14);
  margin-right: 20px;
}

/* -> panel-datos */


/* panel-busqueda */

.panel-casilla-busqueda-visor {
  height: 50px;
  width: auto;
  margin: 0 20px 0 20px;
}

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

  .panel-casilla-busqueda-visor {
    margin: 0 30px 0 30px;
  }

}

.input-casilla-busqueda-visor {
  height: auto;
  width: auto;
  border: 1px solid var(--colorBordeInputCasillaBusquedaVisor);
  border-radius: 4px 0 0 4px;
  background-color: var(--colorBackgroundInputCasillaBusquedaVisor);
}

.input-casilla-busqueda-visor:hover {
  border: 1px solid var(--colorBordeInputCasillaBusquedaVisorOutline);
}

#input-casilla-busqueda-visor-field {
  height: 100%;
  width: 100%;
  color: var(--colorTextoCasillaBuscar);
  font-size: var(--letra16);
  line-height: 19px;
  padding: 0 20px 0 20px;
  border: none;
  border-radius: 4px 0 0 4px;
}

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

  #input-casilla-busqueda-visor-field {
    font-size: var(--letra18);
  }
}

#input-casilla-busqueda-visor-field:focus {
  outline: none;
}

.boton-buscar-texto-visor {
  height: 50px;
  width: 50px;
  border: 1px solid var(--colorBordeBotonBuscarTextoVisor);
  background-color: var(--colorBackgroundBotonBuscarTextoVisor);
  cursor: pointer;
}

.boton-buscar-texto-visor:hover {
  border: 1px solid var(--colorBordeBotonBuscarTextoVisorHover);
}

.boton-buscar-texto-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-boton-buscar-texto-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  line-height: 30px;
  align-items: center;
  justify-content: center;
}

.boton-nueva-busqueda-visor {
  height: 50px;
  width: 50px;
  border: 1px solid var(--colorBordeBotonNuevaBusquedaTextoVisor);
  border-radius: 0 4px 4px 0;
  background-color: var(--colorBackgroundBotonNuevaBusquedaTextoVisor);
  cursor: pointer;
}

.boton-nueva-busqueda-visor:hover {
  border: 1px solid var(--colorBordeBotonNuevaBusquedaTextoVisorHover);
}

.boton-nueva-busqueda-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-boton-nueva-busqueda-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  line-height: 30px;
  align-items: center;
  justify-content: center;
}

.ultimo-item {
  border: 0;
}

/* -> panel-busqueda */


/* panel-indice */

/* panel-casilla-busqueda-indice-visor */

.panel-casilla-busqueda-indice-visor {
  display: none; /* Función no activada */
  height: 50px;
  width: auto;
  margin: 0 30px 0 30px;
}

.input-casilla-busqueda-indice-visor {
  height: auto;
  width: auto;
  border: 1px solid var(--colorBordeInputCasillaBusquedaVisor);
  border-radius: 4px 0 0 4px;
  background-color: var(--colorBackgroundInputCasillaBusquedaVisor);
}

#input-casilla-busqueda-indice-visor-field {
  height: 50px;
  width: 100%;
  color: var(--colorTextoCasillaBuscar);
  font-size: var(--letra16);
  line-height: 19px;
  padding: 0 20px 0 20px;
  border: none;
  border-radius: 4px 0 0 4px;
}

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

  #input-casilla-busqueda-indice-visor-field {
    font-size: var(--letra18);
  }
}

#input-casilla-busqueda-indice-visor-field:focus {
  outline: none;
}

.boton-buscar-texto-indice-visor {
  height: 50px;
  width: 50px;
  border: 1px solid var(--colorBordeBotonBuscarTextoVisor);
  background-color: var(--colorBackgroundBotonBuscarTextoVisor);
  cursor: pointer;
}

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

  .xboton-buscar-texto-indice-visor {
    border-radius: 4px;
    margin-right: 22px;
  }

}

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

  .xboton-buscar-texto-indice-visor {
    height: 70px;
    border-radius: 0;
    margin: 0;
  }

}

.boton-buscar-texto-indice-visor:hover {
  border: 1px solid var(--colorBordeBotonBuscarTextoVisorHover);
}

.boton-buscar-texto-indice-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-boton-buscar-texto-indice-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  line-height: 30px;
  align-items: center;
  justify-content: center;
}


.boton-nueva-busqueda-indice-visor {
  height: 50px;
  width: 50px;
  border: 1px solid var(--colorBordeBotonNuevaBusquedaTextoVisor);
  border-radius: 0 4px 4px 0;
  background-color: var(--colorBackgroundBotonNuevaBusquedaTextoVisor);
  cursor: pointer;
}

.boton-nueva-busqueda-indice-visor:hover {
  border: 1px solid var(--colorBordeBotonNuevaBusquedaTextoVisorHover);
}

.boton-nueva-busqueda-indice-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-boton-nueva-busqueda-indice-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  line-height: 30px;
  align-items: center;
  justify-content: center;
}

/* --> panel-casilla-busqueda-indice-visor */


/* panel-casilla-busqueda-articulo-visor */

.panel-casilla-busqueda-articulo-visor {
  height: 50px;
  width: auto;
  margin: 0 20px 0 20px;
}

@media screen and (min-width: 1200px) {
  .panel-casilla-busqueda-articulo-visor {
    margin: 0 30px 0 30px;
  }
}

.input-casilla-busqueda-articulo-visor {
  height: auto;
  width: auto;
  border: 1px solid var(--colorBordeInputCasillaBusquedaVisor);
  border-radius: 4px 0 0 4px;
  background-color: var(--colorBackgroundInputCasillaBusquedaVisor);
}

#form-casilla-busqueda-articulo-visor {
  height: 100%;
}

.input-casilla-busqueda-articulo-visor:hover {
  border: 1px solid var(--colorBordeInputCasillaBusquedaVisorOutline);
}

#input-casilla-busqueda-articulo-visor-field {
  height: 100%;
  width: 100%;
  color: var(--colorTextoCasillaBuscar);
  font-size: var(--letra16);
  line-height: 19px;
  padding: 0 20px 0 20px;
  border: none;
  border-radius: 4px 0 0 4px;
}

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

  #input-casilla-busqueda-articulo-visor-field {
    font-size: var(--letra18);
  }
}

#input-casilla-busqueda-articulo-visor-field:focus {
  outline: none;
}

.boton-buscar-articulo-visor {
  height: 50px;
  width: 50px;
  border: 1px solid var(--colorBordeBotonBuscarTextoVisor);
  border-radius: 0 4px 4px 0;
  background-color: var(--colorBackgroundBotonBuscarTextoVisor);
  cursor: pointer;
}

.boton-buscar-articulo-visor:hover {
  border: 1px solid var(--colorBordeBotonBuscarTextoVisorHover);
}

.boton-buscar-articulo-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-boton-buscar-articulo-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  line-height: 30px;
  align-items: center;
  justify-content: center;
}

/* --> panel-casilla-busqueda-articulo-visor */


/* -> panel-indice */


/* panel-memoria */

.grid-contenedor-panel-lista-memoria-documentos-visor,
.grid-contenedor-panel-lista-memoria-actos-visor {
  max-height: 500px;
  overflow: auto;
}

.id-memoria {
  color: var(--colorTextoIdMemoria);
  margin-bottom: 10px;
  cursor: pointer;
  font-weight: normal;
}

.id-memoria:hover {
  color: var(--colorTextoIdMemoriaHover);
  font-weight: 600;
}

.sesion,
.descripcion-antecedente,
.descripcion-documento-concordante {
  background-color: var(--destacados);
  color: var(--colorBlanco);
}

.descripcion-memoria-visor {
  color: var(--colorTextoDescripcionVisor);
  cursor: default;
}

.descripcion-memoria-visor:hover {
  color: var(--colorTextoDescripcionVisorHover);
}

/* -> panel-memoria */


/* panel-desarrollos */

.id-desarrollos {
  color: var(--colorTextoIdDesarrollo);
  margin-bottom: 10px;
  cursor: pointer;
  font-weight: normal;
}

.id-desarrollos:hover {
  color: var(--colorTextoIdDesarrolloHover);
  font-weight: 600;
}

/* -> panel-desarrollos */


/* panel-concordancias */

.year {
  background-color: var(--colorBackgroundYearListaConcordancias);
}

.year img,
.entidad-visor img {
  width: 20px;
  height: 20px;
}

.contenedor-year-visor,
.contenedor-entidad-visor {
  display: flex;
  height: 100%;
  width: 100%; /*can be in percentage also.*/
  align-items: center;
  justify-content: flex-start;
}

.texto-year-visor,
.texto-entidad-visor {
  font-size: var(--letra16);
  font-weight: 600;
  letter-spacing: 0.4px;
  margin-left: 10px;
}

.texto-year-visor {
  color: var(--colorTextoYearVisor);
}

.texto-entidad-visor {
  color: var(--colorTextoEntidadVisor);
}

#texto-year-visor,
#texto-entidad-visor {
  margin: 0;
  padding: 0;
}

.id-concordancia {
  color: var(--colorTextoIdConcordancia);
  margin-bottom: 10px;
  cursor: pointer;
  font-weight: normal;
}

.id-concordancia:hover {
  color: var(--colorTextoIdConcordanciaHover);
  font-weight: 600;
}

.descripcion-concordancia {
  color: var(--colorTextoDescripcionVisor);
  cursor: default;
}

.descripcion-concordancia:hover {
  color: var(--colorTextoDescripcionVisorHover);
}

/* -> panel-concordancias */


/* panel-modificaciones */

.id-modificacion {
  margin-bottom: 10px;
}

.id-modificacion a {
  color: var(--colorAzulOscuro);
  text-decoration: none;
}

.id-modificacion a:hover {
  color: var(--colorLinksHover);
}

.grid-contenedor-panel-lista-modificaciones-jurisprudenciales-visor,
.grid-contenedor-panel-lista-modificaciones-doctrinales-visor {
  max-height: 500px;
  overflow: auto;
}

/* -> panel-modificaciones */


/* panel-notificaciones */

.id-notificaciones {
  color: var(--colorAzulOscuro);
  margin-bottom: 10px;
}

.id-notificaciones:hover {
  color: var(--colorLinksHover);
}

.fecha-visor {
  color: var(--destacados);
}

.fecha-notificacion,
.empresas-notificacion,
.tipo-notificacion,
.descripcion-notificacion {
  color: var(--destacados);
}

/* -> panel-notificaciones */


/* panel-actos-tramite */

.id-actos-tramite {
  color: var(--colorAzulOscuro);
  margin-bottom: 10px;
}

.id-actos-tramite:hover {
  color: var(--colorLinksHover);
}

.fecha-acto,
.expediente-acto,
.empresas-acto,
.tipo-acto,
.descripcion-acto {
  color: var(--destacados);
}

/* -> panel-actos-tramite */


/* panel-abogacia */

.id-concepto-abogacia {
  color: var(--colorTextoIdConcepto);
  margin-bottom: 10px;
  font-weight: normal;
}

.id-concepto-abogacia:hover {
  color: var(--colorTextoIdConceptoHover);
  font-weight: 600;
}

.descripcion-abogacia-visor {
  color: var(--colorTextoDescripcionVisor);
  cursor: default;
}

.descripcion-abogacia-visor:hover {
  color: var(--colorTextoDescripcionVisorHover);
}

/* -> panel-actos-tramite */


/* panel-videos */

.id-video {
  color: var(--colorTextoIdVideo);
  margin-bottom: 10px;
  font-weight: normal;
}

.id-video:hover {
  color: var(--colorTextoIdVideoHover);
  font-weight: 600;
}

.descripcion-video {
  background-color: var(--destacados);
  color: var(--colorBlanco);
}

.descripcion-videos-visor {
  color: var(--colorTextoDescripcionVisor);
  cursor: default;
}

.descripcion-videos-visor:hover {
  color: var(--colorTextoDescripcionVisorHover);
}

/* -> panel-actos-tramite */