* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  --colorAmarilloEscualido: #f9e29c;
  --colorAzulCRA: #3367cc;
  --colorAzulCRAAlternativo:#6699ff;
  --colorAzulCRAClaro: #679aff;
  --colorAzulCRAMuyClaro: #e6eeff;
  --colorAzulCRAVivo: #2901f7;
  --colorAzulCRABotonesEspeciales: #074982;
  --colorAzulEfectos: #3e67d6;
  --colorAzulGovCo: #3366cc;
  --colorAzulCRAClaroLetras: var(--colorAzulCRAClaro);
  --colorAzulCRALetras: #3366cc;
  --colorAzulCRALetrasHover: var(--colorAzulCRAVivo);
  --colorAzulOscuroCRA: #074982;
  --colorAzulOscuroCRALetras: var(--colorAzulOscuroCRA);
  --colorBlanco: #ffffff;
  --colorBlancoContrast: #1c212f;
  --colorCasiBlanco: #f8f9fb; /* En web CRA corresponde al color de fondo de la barra con el menú de navegación */
  --colorCasiNegro: #343536; /* Texto utilizado para los documentos */
  --colorGrisBordes: #e2e2e2;
  --colorGrisCRA: #f1f1f1;
  --colorGrisCRAOpciones: #e5e5e5;
  --colorGrisCRABarraOpciones: var(--colorCasiBlanco);
  --colorGrisCRALetras: #5b5b5b;
  --colorGrisCRAVacios: #d7d7d7;
  --colorNaranja: #fc6600;
  --colorRojo: #ec1d24;
  --colorRojoCRA: #f42f63;
  --colorVioletaCRA: #d4ccff;

  --colorBackgroundBarraBotonGoBack: var(--colorBackgroundGeneral);
  --colorBackgroundBarraBotonGoBackContrast: #e3ded0; /* Inverso de 1c212f */
  --colorBackgroundBarraOpcionesMenu: var(--colorGrisCRABarraOpciones);
  --colorBackgroundBotonBuscarTexto: var(--colorBlanco);
  --colorBackgroundBotonBuscarTextoVisor: var(--colorAzulCRA);
  --colorBackgroundBotonCerrarPanelModal: var(--colorAzulCRA);
  --colorBackgroundBotonCerrarPanelModalHover: var(--colorAzulCRA);
  --colorBackgroundBotonCompuesto: var(--colorAzulCRA);
  --colorBackgroundBotonCompuestoHover: var(--colorRojoCRA);
  --colorBackgroundBotonGoBack: var(--colorCasiBlanco);
  --colorBackgroundBotonMenuUsabilidad: var(--colorAzulCRA);
  --colorBackgroundBotonMenuUsabilidadHover: var(--colorRojoCRA);
  --colorBackgroundBotonModalPanelBotonesVisor: var(--colorSinAsignar); /* El visor CRA no usa botones modeales */
  --colorBackgroundBotonModalPanelBotonesVisorHover: var(--colorSinAsignar); /* El visor CRA no usa botones modeales */
  --colorBackgroundBotonNuevaBusquedaTextoVisor: var(--colorRojoCRA);
  --colorBackgroundBotonPanelBotonesVisor: var(--colorBackgroundPanelBotones); /* Los botones desactivados deben tener el mismo color de panel-botones */
  --colorBackgroundBotonPanelBotonesVisorActivado: var(--colorBackgroundPanelAuxiliar); /* Los botones activados deben tener siempre el mismo color de panel-auxiliar */
  --colorBackgroundBotonSencillo: var(--colorAzulCRA);
  --colorBackgroundBotonSencilloHover: var(--colorRojoCRA);
  --colorBackgroundBotonSencilloPanelBotonesVisor: var(--colorBackgroundPanelBotones);
  --colorBackgroundBotonSencilloPanelBotonesVisorHover: var(--colorBackgroundPanelAuxiliar);
  --colorBackgroundBotonSUIN: var(--colorCasiBlanco);
  --colorBackgroundBotonSUINHover: var(--colorCasiBlanco);
  --colorBackgroundBotonTablaContenido: var(--colorAzulCRA);
  --colorBackgroundBotonTablaContenidoHover: var(--colorRojoCRA);
  --colorBackgroundBotonVerMas: var(--colorAzulCRA);
  --colorBackgroundBotonVerMasHover: var(--colorRojoCRA);
  --colorBackgroundBotonVerMasIndex: var(--colorAzulCRA);
  --colorBackgroundBotonVerMasIndexHover: var(--colorRojoCRA);
  --colorBackgroundContacto: var(--colorBlanco);
  --colorBackgroundContenedorPanelTerminosSugeridos: var(--colorBlanco);
  --colorBackgroundEfectoBotonBuscarTexto: var(--colorAzulCRA);
  --colorBackgroundEncabezadoCajasValorJuridicoAgregado: var(--colorAzulCRA);
  --colorBackgroundEncabezadoCajasValorJuridicoAgregadoHover: var(--colorRojoCRA);
  --colorBackgroundExplicacionOpcionSeleccionada: var(--colorAzulOscuroCRA);
  --colorBackgroundFranjaAJ: var(--colorBlanco);
  --colorBackgroundFranjaBlancaInferior: var(--colorBackgroundGeneral);
  --colorBackgroundFranjaBlancaInferiorContrast: #e3ded0; /* Inverso de 1c212f */
  --colorBackgroundFranjaRojaInferior: var(--colorRojoCRA);
  --colorBackgroundFranjaRoja: var(--colorRojoCRA);
  --colorBackgroundGeneral: var(--colorBlanco);
  --colorBackgroundImagenOpcion: var(--colorBlanco);
  --colorBackgroundImagenOpcionHover: var(--colorBlanco);
  --colorBackgroundImagenOpcionBoletin: var(--colorBackgroundOpcionBoletin);
  --colorBackgroundImagenOpcionBoletinHover: var(--colorBackgroundOpcionBoletinHover);
  --colorBackgroundImagenOpcionEntidad: var(--colorBlanco);
  --colorBackgroundImagenOpcionEntidadHover: var(--colorBlanco);
  --colorBackgroundImagenOpcionNueva: var(--colorBlanco);
  --colorBackgroundImagenOpcionNuevaHover: var(--colorBlanco);
  --colorBackgroundImagenOpcionSubtema: var(--colorBlanco);
  --colorBackgroundImagenOpcionSubtemaHover: var(--colorBlanco);
  --colorBackgroundImagenOpcionTipoDocumento: var(--colorBlanco);
  --colorBackgroundImagenOpcionTipoDocumentoHover: var(--colorBlanco);
  --colorBackgroundImagenOpcionesNiveles: var(--colorBackgroundOpcionesNiveles);
  --colorBackgroundImagenOpcionesNivelesHover: var(--colorBackgroundOpcionesNivelesHover);
  --colorBackgroundImagenRespuesta: var(--colorBackgroundPanelRespuesta);
  --colorBackgroundImagenSubOpcionNueva: var(--colorBlanco);
  --colorBackgroundImagenSubOpcionNuevaHover: var(--colorBlanco);
  --colorBackgroundInputCasillaBusquedaVisor: var(--colorBlanco);
  --colorBackgroundItemsDocumentosSugeridos: var(--colorBlanco);
  --colorBackgroundItemsDocumentosSugeridosHover: var(--colorBlanco);
  --colorBackgroundItemsSelector: var(--colorAzulCRA);
  --colorBackgroundItemsSelectorHover: var(--colorRojoCRA);
  --colorBackgroundItemsTerminosSugeridos: var(--colorBlanco);
  --colorBackgroundItemsTerminosSugeridosHover: var(--colorBlanco);
  --colorBackgroundLetrasAbecedario: var(--colorAzulCRA);
  --colorBackgroundLetrasAbecedarioHover: var(--colorRojoCRA);
  --colorBackgroundLetrasAbecedarioDesplegadas: var(--colorAzulOscuroCRA);
  --colorBackgroundLetrasAbecedarioDesplegadasHover: var(--colorRojoCRA);
  --colorBackgroundLogoGestorNormativo: var(--colorAzulCRAAlternativo);
  --colorBackgroundMenuUsabilidad: var(--colorBackgroundGeneral);
  --colorBackgroundMigas: var(--colorBlanco);
  --colorBackgroundModulo: var(--colorBlanco);
  --colorBackgroundModuloHover: var(--colorBlanco);
  --colorBackgroundNavegacionDescarga: var(--colorAzulCRA);
  --colorBackgroundNavegacionLogoMenu: var(--colorBlanco);
  --colorBackgroundNavegacionNuevasOpciones: var(--colorCasiBlanco);
  --colorBackgroundNotasConcordancias: var(--colorGrisCRA);
  --colorBackgroundNotasLegislacionAnterior: var(--colorAmarilloEscualido);
  --colorBackgroundNotasVigencia: var(--colorAzulCRAMuyClaro);
  --colorBackgroundOpcionEntidad: var(--colorBlanco);
  --colorBackgroundOpcionEntidadHover: var(--colorBlanco);
  --colorBackgroundOpcion: var(--colorBlanco);
  --colorBackgroundOpcionHover: var(--colorBlanco);
  --colorBackgroundOpcionBoletin: var(--colorBlanco);
  --colorBackgroundOpcionBoletinHover: var(--colorBlanco);
  --colorBackgroundOpcionMenu: var(--colorBlanco);
  --colorBackgroundOpcionMenuHover: var(--colorRojoCRA);
  --colorBackgroundOpcionNueva: var(--colorBlanco);
  --colorBackgroundOpcionNuevaHover: var(--colorBlanco);
  --colorBackgroundOpcionSeleccionada: var(--colorBlanco);
  --colorBackgroundOpcionSubtema: var(--colorBlanco);
  --colorBackgroundOpcionSubtemaHover: var(--colorBlanco);
  --colorBackgroundOpcionTablaContenido: var(--colorBlanco);
  --colorBackgroundOpcionTablaContenidoHover: var(--colorBlanco);
  --colorBackgroundOpcionTipoDocumento: var(--colorBlanco);
  --colorBackgroundOpcionTipoDocumentoHover: var(--colorBlanco);
  --colorBackgroundOpcionesNiveles: var(--colorBlanco);
  --colorBackgroundOpcionesNivelesHover: var(--colorBlanco);
  --colorBackgroundPanelAuxiliar: var(--colorCasiBlanco); /* panel-auxiliar es el panel en que se ubican los paneles correspondientes a los botones del visor */
  --colorBackgroundPanelBotones: var(--colorBackgroundGeneral); /* panel-botones  es el panel que agrupa los botones del visor */
  --colorBackgroundPanelBotonesContrast: #e3ded0; /* Inverso de 1c212f */
  --colorBackgroundPanelDescargas: var(--colorCasiBlanco);
  --colorBackgroundPanelDocumento: var(--colorBlanco);
  --colorBackgroundPanelFondoDocumento: var(--colorCasiBlanco);
  --colorBackgroundPanelLateralMenu: var(--colorCasiBlanco);
  --colorBackgroundPanelRespuesta: var(--colorBlanco);
  --colorBackgroundPanelSelectorLetra: var(--colorBackgroundGeneral);
  --colorBackgroundPanelSelectorLetraContrast: #e3ded0; /* Inverso de 1c212f */
  --colorBackgroundPanelSelectorYear: var(--colorBackgroundGeneral);
  --colorBackgroundPanelSelectorYearContrast: #e3ded0; /* Inverso de 1c212f */
  --colorBackgroundPanelVisor: var(--colorBlanco);
  --colorBackgroundSelector: var(--colorAzulOscuroCRA);
  --colorBackgroundSubOpcionNueva: var(--colorBlanco);
  --colorBackgroundSubOpcionNuevaHover: var(--colorBlanco);
  --colorBackgroundTextoRespuesta: var(--colorCasiBlanco);
  --colorBackgroundTituloDocumentosSugeridos: var(--colorAzulCRA);
  --colorBackgroundTituloPanelVisor: var(--colorAzulCRA);
  --colorBackgroundTituloTerminosSugeridos: var(--colorAzulCRA);
  --colorBackgroundTituloYear: var(--colorAzulOscuroCRA);
  --colorBackgroundTituloYearHover: var(--colorRojoCRA);
  --colorBackgroundVisor: var(--colorCasiBlanco);
  --colorBackgroundYearListaConcordancias: var(--colorRojoCRA);

  --colorBordeBotonBuscarTextoVisor: var(--colorBackgroundBotonBuscarTextoVisor);
  --colorBordeBotonBuscarTextoVisorHover: var(--colorBackgroundBotonBuscarTextoVisor);
  --colorBordeBotonGoBack: var(--colorGrisBordes);
  --colorBordeBotonModal: var(--colorGrisBordes);
  --colorBordeBotonModalHover: var(--colorAzulOscuroCRA);
  --colorBordeBotonCompuesto: var(--colorBackgroundBotonCompuesto);
  --colorBordeBotonCompuestoHover: var(--colorBackgroundBotonCompuestoHover);
  --colorBordeBotonNuevaBusquedaTextoVisor: var(--colorBackgroundBotonNuevaBusquedaTextoVisor);
  --colorBordeBotonNuevaBusquedaTextoVisorHover: var(--colorBackgroundBotonNuevaBusquedaTextoVisor);
  --colorBordeBotonPanelBotonesVisor: var(--colorGrisBordes);
  --colorBordeBotonPanelBotonesVisorActivado: var(--colorAzulCRA);
  --colorBordeBotonPanelBotonesVisorOutline: var(--colorAzulCRAVivo);
  --colorBordeBotonSencillo: var(--colorBackgroundBotonSencillo);
  --colorBordeBotonSencilloHover: var(--colorBackgroundBotonSencilloHover);
  --colorBordeBotonSUIN: var(--colorBackgroundBotonSencillo);
  --colorBordeBotonSUINHover: var(--colorBackgroundBotonSencilloHover);
  --colorBordeBotonTablaContenido: var(--colorAzulCRA);
  --colorBordeBotonTablaContenidoHover: var(--colorRojoCRA);
  --colorBordeBotonUsabilidad: var(--colorAzulCRA);
	--colorBordeBotonUsabilidadHover: var(--colorRojoCRA);
  --colorBordeBotonVerMas: var(--colorBackgroundBotonVerMas);
  --colorBordeBotonVerMasHover: var(--colorBackgroundBotonVerMasHover);
  --colorBordeBotonVerMasIndex: var(--colorBackgroundBotonVerMasIndex);
  --colorBordeBotonVerMasIndexHover: var(--colorBackgroundBotonVerMasIndexHover);
  --colorBordeBotonVisor: var(--colorGrisBordes);
  --colorBordeCajasValorJuridicoAgregado: var(--colorAzulCRA);
  --colorBordeCasillaBuscador: var(--colorAzulCRA);
  --colorBordeContacto: var(--colorAzulCRA);
  --colorBordeInputCasillaBusquedaVisor: var(--colorGrisBordes);
  --colorBordeInputCasillaBusquedaVisorOutline: var(--colorAzulCRAVivo);
  --colorBordeItemListaPanelVisor: var(--colorGrisBordes);
  --colorBordeItemListaSelector: var(--colorAzulOscuroCRA);
  --colorBordeLetrasAbecedario: var(--colorAzulCRA);
  --colorBordeLetrasAbecedarioHover: var(--colorRojoCRA);
  --colorBordeLetrasAbecedarioDesplegadas: var(--colorBackgroundLetrasAbecedarioDesplegadas);
  --colorBordeLetrasAbecedarioDesplegadasHover: var(--colorBackgroundLetrasAbecedarioDesplegadasHover);
  --colorBordeMiga: var(--colorGrisBordes);
  --colorBordeNavegacionNuevasOpciones: var(--colorGrisBordes);
  --colorBordeOpcion: var(--colorGrisBordes);
  --colorBordeOpcionHover: var(--colorAzulCRAVivo);
  --colorBordeOpcionBoletin: var(--colorGrisBordes);
  --colorBordeOpcionBoletinHover: var(--colorAzulCRAVivo);
  --colorBordeOpcionNueva: var(--colorGrisBordes);
  --colorBordeOpcionNuevaHover: var(--colorAzulCRAVivo);
  --colorBordeOpcionEntidad: var(--colorGrisBordes);
  --colorBordeOpcionEntidadHover: var(--colorAzulCRAVivo);
  --colorBordeOpcionSeleccionada: var(--colorGrisBordes);
  --colorBordeOpcionSelector: var(--colorGrisBordes);
  --colorBordeOpcionSubtema: var(--colorGrisBordes);
  --colorBordeOpcionSubtemaHover: var(--colorAzulCRAVivo);
  --colorBordeOpcionTablaContenido: var(--colorGrisBordes);
  --colorBordeOpcionTablaContenidoHover: var(--colorAzulCRAVivo);
  --colorBordeOpcionTipoDocumento: var(--colorGrisBordes);
  --colorBordeOpcionTipoDocumentoHover: var(--colorAzulCRAVivo);
  --colorBordeOpcionesNiveles: var(--colorGrisBordes);
  --colorBordeOpcionesNivelesHover: var(--colorAzulCRAVivo);
  --colorBordePanelDocumento: var(--colorGrisBordes);
  --colorBordePanelDocumentosYear: var(--colorGrisBordes);
  --colorBordePanelListaOpciones: var(--colorAzulOscuroCRA);
  --colorBordePanelRespuesta: var(--colorGrisBordes);
  --colorBordePanelRespuestaHover: var(--colorAzulCRAVivo);
  --colorBordePanelVisor: var(--colorGrisBordes);
  --colorBordeResultadosBusquedaPredictiva: var(--colorAzulCRA);
  --colorBordeSelectItems: var(--colorAzulOscuroCRA);
  --colorBordeSelector: var(--colorAzulOscuroCRA);
  --colorBordeSombraBarraNavegacionVisor: rgba(0,0,0,0.07);
  --colorBordeSombraPanelBotonesVisor: rgba(0,0,0,0.07);
  --colorBordeSubOpcionNueva: var(--colorGrisBordes);
  --colorBordeSubOpcionNuevaHover: var(--colorAzulCRAVivo);
  --colorBordeTextoRespuesta: var(--colorGrisBordes);
  --colorBordeTituloPanelVisor: var(--colorAzulCRA);
  --colorBordeTituloYear: var(--colorBackgroundTituloYear);
  --colorBordeTituloYearHover: var(--colorBackgroundTituloYearHover);

  --colorTextoBarraFinal: var(--colorAzulCRALetras);
  --colorTextoBookmarksAJ: var(--colorAzulCRALetras);
  --colorTextoBoldAJ: var(--colorAzulCRALetras);
  --colorTextoBoletin: var(--colorAzulCRALetras);
  --colorTextoBoletinHover: var(--colorAzulCRALetrasHover);
  --colorTextoBotonBuscarTexto: var(--colorBlanco);
  --colorTextoBotonCerrarPanelModal: var(--colorBlanco);
  --colorTextoBotonCerrarPanelModalHover: var(--colorBlanco);
  --colorTextoBotonCompuesto: var(--colorBlanco);
  --colorTextoBotonCompuestoHover: var(--colorBlanco);
  --colorTextoBotonGoBack: var(--colorGrisCRALetras);
  --colorTextoBotonMenuUsabilidad: var(--colorBlanco);
  --colorTextoBotonMenuUsabilidadHover: var(--colorBlanco);
  --colorTextoBotonModal: var(--colorGrisCRALetras);
  --colorTextoBotonPanelBotonesVisor: var(--colorAzulCRALetras);
  --colorTextoBotonVerMas: var(--colorBlanco);
  --colorTextoBotonVerMasHover: var(--colorBlanco);
  --colorTextoBotonVerMasIndex: var(--colorBlanco);
  --colorTextoBotonVerMasIndexHover: var(--colorBlanco);
  --colorTextoCasillaBuscar: var(--colorGrisCRALetras);
  --colorTextoDescripcionDocumento: var(--colorGrisCRALetras);
  --colorTextoDescripcionDocumentoHover: var(--colorCasiNegro);
  --colorTextoDescripcionOpcionSeleccionada: var(--colorGrisCRALetras);
  --colorTextoDescripcionVisor: var(--colorGrisCRALetras);
  --colorTextoDescripcionVisorHover: var(--colorCasiNegro);
  --colorTextoDocumento: var(--colorCasiNegro); /* Diferente a --colorGrisCRALetras, asignado a --colorTextoGeneral */
  --colorTextoEncabezadoCajasValorJuridicoAgregado: var(--colorBlanco);
  --colorTextoEncabezadoCajasValorJuridicoAgregadoHover: var(--colorBlanco);
  --colorTextoEntidadDocumento: var(--colorAzulCRALetras);
  --colorTextoEntidadDocumentoHover: var(--colorAzulCRALetrasHover);
  --colorTextoEntidadVisor: var(--colorAzulCRALetras);
  --colorTextoExplicacionOpcionSeleccionada: var(--colorBlanco);
  --colorTextoFooter: var(--colorAzulCRALetras);
  --colorTextoFranjaAJ: var(--colorTextoFooter);
  --colorTextoGeneral: var(--colorGrisCRALetras);
  --colorTextoId: var(--colorAzulCRALetras);
  --colorTextoIdHover: var(--colorAzulCRALetrasHover);
  --colorTextoIdConcepto: var(--colorAzulCRALetras);
  --colorTextoIdConceptoHover: var(--colorAzulCRALetrasHover);
  --colorTextoIdConcordancia: var(--colorAzulCRALetras);
  --colorTextoIdConcordanciaHover: var(--colorAzulCRALetrasHover);
  --colorTextoIdDesarrollo: var(--colorAzulCRALetras);
  --colorTextoIdDesarrolloHover: var(--colorAzulCRALetrasHover);
  --colorTextoIdDocumento: var(--colorAzulCRALetras);
  --colorTextoIdDocumentoHover: var(--colorAzulCRALetrasHover);
  --colorTextoIdEntidad: var(--colorAzulCRALetras);
  --colorTextoIdEntidadHover: var(--colorAzulCRALetrasHover);
  --colorTextoIdMateria: var(--colorAzulCRALetras);
  --colorTextoIdMateriaHover: var(--colorAzulCRALetrasHover);
  --colorTextoIdMemoria: var(--colorAzulCRALetras);
  --colorTextoIdMemoriaHover: var(--colorAzulCRALetrasHover);
  --colorTextoIdOpcionNivel01: var(--colorAzulCRALetras);
  --colorTextoIdOpcionNivel01Hover: var(--colorAzulCRALetrasHover);
  --colorTextoIdSubtema: var(--colorAzulCRALetras);
  --colorTextoIdSubtemaHover: var(--colorAzulCRALetrasHover);
  --colorTextoIdTema: var(--colorAzulCRALetras);
  --colorTextoIdTemaHover: var(--colorAzulCRALetrasHover);
  --colorTextoIdTipoDocumento: var(--colorAzulCRALetras);
  --colorTextoIdTipoDocumentoHover: var(--colorAzulCRALetrasHover);
  --colorTextoIdVideo: var(--colorAzulCRALetras);
  --colorTextoIdVideoHover: var(--colorAzulCRALetrasHover);
  --colorTextoItemsDocumentosSugeridos: var(--colorAzulCRALetras);
  --colorTextoItemsDocumentosSugeridosHover: var(--colorAzulCRALetrasHover);
  --colorTextoItemsListaPanelVisor: var(--colorAzulCRALetras);
  --colorTextoItemsListaPanelVisorHover: var(--colorAzulCRALetrasHover);
  --colorTextoItemsTerminosSugeridos: var(--colorAzulCRALetras);
  --colorTextoItemsTerminosSugeridosHover: var(--colorAzulCRALetrasHover);
  --colorTextoLabelSelectorYear: var(--colorBlanco);
  --colorTextoLetrasAbecedario: var(--colorBlanco);
  --colorTextoLetrasAbecedarioHover: var(--colorBlanco);
  --colorTextoLinks: var(--colorAzulCRALetras);
  --colorTextoLinksHover: var(--colorAzulCRALetrasHover);
  --colorTextoLogoGestorNormativo: var(--colorBlanco);
  --colorTextoMiga: var(--colorAzulOscuroCRALetras);
  --colorTextoMigaActiva: var(--colorGrisCRALetras);
  --colorTextoNombreObra: var(--colorAzulCRALetras);
  --colorTextoOpcionesMenu: var(--colorGrisCRALetras);
  --colorTextoRespuesta: var(--colorGrisCRALetras);
  --colorTextoSeleccionarModulo: var(--colorAzulCRALetras);
  --colorTextoSeleccionarModuloAuxiliar: var(--colorAzulCRALetras);
  --colorTextoSelectYears: var(--colorBlanco);
  --colorTextoTachados: #ff0000;
  --colorTextoTituloDescarga: var(--colorBlanco);
  --colorTextoTituloDocumentosSugeridos: var(--colorBlanco);
  --colorTextoTituloLetra: var(--colorBlanco);
  --colorTextoTituloModulo: var(--colorAzulCRALetras);
  --colorTextoTituloModulosMenu: var(--colorAzulOscuroCRALetras);
  --colorTextoTituloOpcion: var(--colorAzulCRALetras);
  --colorTextoTituloOpcionHover: var(--colorAzulCRALetrasHover);
  --colorTextoTituloOpcionMenu: var(--colorAzulCRALetras);
  --colorTextoTituloOpcionMenuHover: var(--colorBlanco);
  --colorTextoTituloOpcionNueva: var(--colorAzulCRALetras);
  --colorTextoTituloOpcionNuevaHover: var(--colorAzulCRALetrasHover);
  --colorTextoTituloOpcionSeleccionada: var(--colorAzulOscuroCRALetras);
  --colorTextoTituloPalabrasClave: var(--colorAzulOscuroCRA);
  --colorTextoTituloPanelAuxiliarVisor: var(--colorGrisCRALetras);
  --colorTextoTituloPanelVisor: var(--colorBlanco);
  --colorTextoTituloSeccionPanel: var(--colorBlanco);
  --colorTextoTituloSubOpcionNueva: var(--colorAzulCRALetras);
  --colorTextoTituloSubOpcionNuevaHover: var(--colorAzulCRALetrasHover);
  --colorTextoTituloTerminosSugeridos: var(--colorBlanco);
  --colorTextoTituloVisor: var(--colorAzulCRALetras);
  --colorTextoTituloYear: var(--colorBlanco);
  --colorTextoYearNovedades: var(--colorAzulCRALetras);
  --colorTextoYearNovedadesHover: var(--colorAzulCRALetrasHover);
  --colorTextoYearVisor: var(--colorBlanco);

  /* Estilos especiales visor */

  --colorBordeBotonSUINJuriscol: var(--colorBackgroundBotonSencillo);
  --colorBordeBotonSUINJuriscolHover: var(--colorBackgroundBotonSencilloHover);

  --colorBackgroundBotonSUINJuriscol: var(--colorCasiBlanco); /* Visor */
  --colorBackgroundBotonSUINJuriscolHover: var(--colorCasiBlanco); /* Visor */
  
  --borderRadiusBotonSencilloVisor: 4px;

  --botonVisorSencilloSize: 36px;

  /* Estilos CVJA e hipervínculos en documentos */

    --colorBookmarkaj: var(--colorAzulOscuroCRA);
    --colorBordeCVJA: var(--colorAzulOscuroCRA);
    --colorLinksHover: var(--colorAzulCRALetrasHover);
    --colorTextoEncabezadoCVJA: var(--colorBlanco);
    --colorTextoEncabezadoCVJAHover: var(--colorBlanco);

    /* --> Estilos CVJA e hipervínculos en documentos */

  /* -> Estilos especiales visor */

  --destacados: var(--colorGrisCRALetras);

  --multiplicadorLetra: 1;
  --letra10: calc(10px * var(--multiplicadorLetra));
  --letra11: calc(11px * var(--multiplicadorLetra));
  --letra12: calc(12px * var(--multiplicadorLetra));
  --letra13: calc(13px * var(--multiplicadorLetra));
  --letra14: calc(14px * var(--multiplicadorLetra));
  --letra15: calc(15px * var(--multiplicadorLetra));
  --letra16: calc(16px * var(--multiplicadorLetra));
  --letra18: calc(18px * var(--multiplicadorLetra));
  --letra20: calc(20px * var(--multiplicadorLetra));
  --letra22: calc(22px * var(--multiplicadorLetra));
  --letra24: calc(24px * var(--multiplicadorLetra));
  --letra26: calc(26px * var(--multiplicadorLetra));
  --letra28: calc(28px * var(--multiplicadorLetra));
  --letra30: calc(30px * var(--multiplicadorLetra));
  --letra32: calc(32px * var(--multiplicadorLetra));
  --letra36: calc(36px * var(--multiplicadorLetra));

  --letraBotonGeneralNormal: var(--letra18);
  --letraBotonGeneralSmall: var(--letra16);
  --LetraSelectorNormal: var(--letra14);

  --columns: 24;
  --rows: 10;

  --AnchoMaximoPanelDescargas: 716px;
  --AnchoMinimoPanelDescargas: 500px;

  font-family: 'Montserrat', Helvetica Neue, Arial, Sans-serif;

  font-size: var(--letra18);
  color: var(--colorGrisCRALetras);
  font-weight: 400;
  height: 100%;
}

/* Scrollbar styled */
/* https://css-tricks.com/the-current-state-of-styling-scrollbars/ */

html {
  --scrollbarBG: #132B5E;
  --thumbBG: #FFFFFF;
}

html {
  --scrollbarBG: #CFD8DC;
  --thumbBG: #90A4AE;
}

html {
  --scrollbarBG: darkgrey;
  --thumbBG: slategrey;
}

html {
  --scrollbarBG: #F5F5F5;
  --thumbBG: rgba(0,0,0,0.2);
  --altoPanelDocumento: 1754px; /* 1754px Tamaño para A4 con 150PPI -https://www.papersizes.org/a-sizes-in-pixels.htm- */
  --altoPanelFondoDocumento: 1814px; /* --altoPanelDocumento + 30px de margen de panel-documento * 2 */
}

/* -> Scrollbar styled */

body{
  min-height:100%;
  padding:0;
  margin:0;
  position:relative;
}

body {
  background-color: var(--colorBackgroundGeneral);
}

body::after {
  content: '';
  display: block;
  height: 1590px; /* Set same as footer's height */ /* Incluye alturas de franja-AJ, barra-final y franja-Gov-Co-footer */
}

@media screen and (min-width: 340px) {
  body::after {
    height: 1470px;
  }
}

@media screen and (min-width: 400px) {
  body::after {
    height: 1380px;
  }
}

@media screen and (min-width: 460px) {
  body::after {
    height: 1260px;
  }
}

@media screen and (min-width: 576px) {
  body::after {
    height: 1250px;
  }
}

@media screen and (min-width: 630px) {
  body::after {
    height: 1260px;
  }
}

@media screen and (min-width: 700px) {
  body::after {
    height: 1090px;
  }
}

@media screen and (min-width: 768px) {
  body::after {
    height: 1220px;
  }
}

@media screen and (min-width: 992px) {
  body::after {
    height: 1164.46px;
  }
}

@media screen and (min-width: 1100px) {
  body::after {
    height: 1114.46px;
  }
}

@media screen and (min-width: 1200px) {
  body::after {
    height: 1064.46px;
  }
}

@media screen and (min-width: 1300px) {
  body::after {
    height: 1064.46px;
  }
}

@media screen and (min-width: 1400px) {
  body::after {
    height: 1114.46px;
  }
}

@media screen and (min-width: 1600px) {
  body::after {
    height: 1016.46px;
  }
}

@media screen and (min-width: 1630px) {
  body::after {
    height: 996.46px;
  }
}

@media screen and (min-width: 1680px) {
  body::after {
    height: 1026.46px;
  }
}

@media screen and (min-width: 1800px) {
  body::after {
    height: 1026.46px;
  }
}

@media screen and (min-width: 1920px) {
  body::after {
    height: 1056.46px;
  }
}

@media screen and (min-width: 2100px) {
  body::after {
    height: 1026.46px;
  }
}


body.busy-cursor {
  cursor: progress;
}


/* Scrollbar styled */

::-webkit-scrollbar {
  width: 11px;
}

body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}

::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}

/* -> Scrollbar styled */


p {
  margin: 0 0 1em 0;
}

a {
  text-decoration: none;
  color: inherit;
}