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

.material-symbols-outlined { 
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

html {
  --color--black: #000000;
  --color--blue-1: #004884;
  --color--blue-2: #015DCA;
  --color--blue-3: #e6effd;
  --color--blue-4: #e8f0fb;
  --color--blue-5: #3b76fb;
  --color--blue-6: #3366cc;
  --color--blue-7: #052742; 
  --color--blue-8: #0073ff;
  --color--blue-9: #004686;
  --color--blue-10: #1996d0;
  --color--blue-11: #125e81;
  --color--blue-12: #f5f9ff;
  --color--blue-13: #92C0E0;
  --color--blue-14: #0552C2; 
  --color--gray-1: #4b4b4b;
  --color--gray-2: #bababa;
  --color--gray-3: #f2f2f2;
  --color--gray-4: #f6f8f9; 
  --color--gray-5: #7f7f7f;
  --color--gray-6: #333334;
  --color--gray-7: #e2e2e2; 
  --color--gray-8: #e5eefb; 
  --color--gray-9: #eee; 
  --color--gray-10: #fff; 
  --color--gray-11: #333;
  --color--gray-12: #555;
  --color--gray-13: #fcfcfc;
  --color--gray-14: #ddd;
  --color--gray-15: #ccc;
  --color--gray-16: #adadad;
  --color--gray-17: #8c8c8c;
  --color--gray-18: #e6e5e5;
  --color--gray-19: #6b6b6b;
  --color--gray-20: #f9f9f9;
  --color--gray-21: #808080;
  --color--gray-22: #575756;
  --color--green-1: #606060;
  --color--green-2: #78be21; 
  --color--green-3: #006229; 
  --color--green-4: #00AF00;
  --color--green-5: #39A900; 
  --color--green-6: #007832; 
  --color--igualdad: #d23c78; 
  --color--red: #a80521;
  
  --color--White-1: rgba(252,252,252,.1);
  --color--yellow-1: #ffffe0;

  --colorAzulBorde: var(--color--blue-3);
  --colorAzulFondo: var(--color--blue-1);
  --colorAzulRey: var(--color--blue-1);
  --colorBlanco: #ffffff;
  --colorGrisBackgroundInput: var(--color--gray-3);
  --colorGrisBackgroundSelect: var(--color--gray-3);
  --colorGrisBorde: var(--color--gray-9);
  --colorGrisFondo: var(--color--gray-4);
  --colorGrisSeparadorOpciones: var(--color--gray-9);
  --colorGrisSombra: rgba(0,0,0,.1);
  --colorGrisTextos: var(--color--gray-12);
  --colorGrisTextosICBF: var(--color--gray-11);
  --colorNegro: var(--color--black);
  --colorNegroTextos: var(--color--gray-12);
  --color--NoSeUsa: #000000;
  --colorOverlay: #000000b3;
  --colorRojoSeparador: var(--color--red);
  --colorRojoTachados: #ec1d24;
  --colorVerdeFondo: var(--color--green-2);

  --colorTextoLinks: var(--color--blue-10);
  --colorTextoLinksHover: var(--color--blue-11);

  --colorBlancoBordeBotones: #ffffff;
  --colorBlancoContrast: #1c212f;
  --colorBlancoTextos: #ffffff;
  --colorGrisBordeBotones: #b3b3b3;
  --colorGrisBordeBotonesOpciones: #646464;

  --colorAzul: #36c;
  --colorAzulBackground: #1e92c4;
  --colorAzulCielo: #00aeef;
  --colorAzulClaro: #e6effd;
  --colorCyan: #14b8ce;
  --colorCyanClaro: #5ac1dd;
  --colorGrisClaro: #f1f1f1;
  --colorGrisBordesEspeciales: #ccc;
  --colorGrisClaroAlterno: #dededf; 
  --colorGrisClaroVerdoso: #e6f0fd;
  --colorGrisIconos: #8e8e8e;
  --colorGrisMuyClaro: #f4f4f4;
  --colorGrisMuyClaroAlterno: #e1e1e2; 
  --colorNaranja: #fb8406; 
  --colorNaranjaAlterno: #ff8403; 
  --colorRojo: #ec1d24;
  --color--amarillo-1: #ffab00;
  --colorAzulBackground: #4C88B4;

  --borderRadiusBotones: 0px; 
  --borderRadiusImagenOpciones: 0px; 
  --borderRadiusOpciones: 0px; 
  --borderWidthOpcion: 1.5px; 

  --colorBackgroundGeneral: var(--colorBlanco);

  --enfasisModulos: 500;
  --enfasisOpciones: 600;
  --enfasisTituloPrincipal: 700;

  --fontFamilyGeneral: var(--font-family-1);

  --fontSizeMaterialIconAnotaciones: 20px;
  --fontSizeMaterialIconBotonSencillo: 20px;
  --fontSizeMaterialIconBotonVisor: 24px;
  --fontSizeMaterialIconCerrar: 20px;
  --fontSizeMaterialIconIrArriba: 20px;
  --fontSizeMaterialIconNormal: 24px;

  --imageOpcionContenedorWidth: 42px; 
  --imageOpcionContenedorHeight: var(--imageOpcionContenedorWidth); 
  --imageOpcionWidth: 30px; 
  --imageOpcionHeight: var(--imageOpcionWidth); 

  --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));
  --letra17: calc(17px * var(--multiplicadorLetra));
  --letra18: calc(18px * var(--multiplicadorLetra));
  --letra20: calc(20px * var(--multiplicadorLetra));
  --letra21: calc(21px * var(--multiplicadorLetra));
  --letra22: calc(22px * var(--multiplicadorLetra));
  --letra24: calc(24px * var(--multiplicadorLetra));
  --letra25: calc(25px * var(--multiplicadorLetra));
  --letra26: calc(26px * var(--multiplicadorLetra));
  --letra28: calc(26px * var(--multiplicadorLetra));
  --letra32: calc(32px * var(--multiplicadorLetra));
  --letra36: calc(36px * var(--multiplicadorLetra));
  --letra40: calc(40px * var(--multiplicadorLetra));

  --letterSpacingBoton: 0.25px;
  --letterSpacingMiga: 0.5px;
  
  --letraTituloGestorNormal: var(--letra40);

  --margen10: 10px;
  --margen15: 15px;
  --margen20: 20px;
  --margen30: 30px;
  --margen50: 50px;

  --margenHorizontalFranjaNormal: var(--margen30); 
  --margenHorizontalFranjaSmall: var(--margen20); 

  --margenVerticalNavegacionOpcionesNormal: var(--margen30); 
  --margenVerticalNavegacionOpcionesSmall: var(--margen15); 

  --margenHorizontalSeccionNormal: 0px; 
  --margenHorizontalSeccionSmall: 20px; 
  --margenTopSeccionNormal: 0px; 
  --margenTopSeccionSmall: 15px; 

  --margenRightMaterialIconAbrir: 18px; 
  --margenRightMaterialIconAnotaciones: 25px;
  --margenRightMaterialIconBuscar: 25px;
  --margenRightMaterialIconCerrar: 21px; 
  --margenRightMaterialIconConsultar: 16px; 
  --margenRightMaterialIconIrArriba: 21px; 

  --padding10: 10px;
  --padding15: 15px;
  --padding20: 20px;
  --padding30: 30px;

  --paddingOpcionesNormal: 0; 
  --paddingOpcionesSmall: 0; 

  --botonVerMasRoundWidthNormal: 42px;
  --botonVerMasRoundHeightNormal: 42px;
  --botonVerMasRoundWidthSmall: 40px;
  --botonVerMasRoundHeightSmall: 40px;

  --botonVerMasBorderWidth: 1px; 

  --botonVerMasImageWidth: 18px; 
  --botonVerMasImageHeight: var(--botonVerMasImageWidth); 

  --borderRadiusBotonVerMas: var(--borderRadiusBotones); 
  --borderRadiusBotonVerMasNormal: 21px; 
  --borderRadiusBotonVerMasSmall: 20px; 

  --colorBordeBotonVerMas: var(--color--gray-15); 
  --colorBordeBotonVerMasHover: var(--color--gray-16); 
  --colorBordeBotonVerMasFocus: var(--color--gray-17);
  --colorBordeBotonVerMasActive: var(--color--gray-17);

  --colorBackgroundBotonVerMas: var(--colorBlanco); 
  --colorBackgroundBotonVerMasHover: var(--color--gray-18); 
  --colorBackgroundBotonVerMasFocus: var(--color--gray-18);
  --colorBackgroundBotonVerMasActive: var(--color--gray-18);

  --colorTextoBotonVerMas: var(--color--blue-10); 
  --colorTextoBotonVerMasHover: var(--color--blue-10); 

  --enfasisTextoBotonVerMas: 500;

  --fontFamilyBotonVerMas: var(--font-family-2); 

  --letraBotonVerMasNormal: var(--letra14); 
  --letraBotonVerMasSmall: var(--letra12); 

  --colorBordeBotonIrArriba: var(--color--gray-15); 
  --colorBordeBotonIrArribaHover: var(--color--gray-16); 
  --colorBordeBotonIrArribaFocus: var(--color--gray-17);
  --colorBordeBotonIrArribaActive: var(--color--gray-17);
  --colorBackgroundFooter: var(--colorAzulBackground); 

  --colorBackgroundBotonIrArriba: var(--colorBlanco); 
  --colorBackgroundBotonIrArribaHover: var(--color--gray-18); 
  --colorBackgroundBotonIrArribaFocus: var(--color--gray-18);
  --colorBackgroundBotonIrArribaActive: var(--color--gray-18);

  --colorTextoBotonIrArriba: var(--color--blue-10); 
  --colorTextoBotonIrArribaHover: var(--color--blue-10); 

  --enfasisTextoBotonIrArriba: var(--enfasisTextoBotonVerMas);

  --btn--transition: .3s ease-out all;
  --btn__focus: max(0.125rem, 0.125rem) solid var(--color--blue-2); 
  --btn__focus-offset : max(0.125rem, 0.188rem);
/*
  --font-family-1: 'Montserrat', sans-serif;
  --font-family-2: 'Work Sans', sans-serif;
  --font-family-3: 'Merriweather Sans', sans-serif;
  --font-family-4: 'Roboto Mono', monospace;
  --font-family-5: 'Work Sans';
  --font-family-6: calibri, sans-serif;
*/

--font-family-6: calibri, sans-serif;

  --px44: calc(2.75rem * var(--multiplicadorLetra));
  --px38: calc(2.35rem * var(--multiplicadorLetra));
  --px36: calc(2.25rem * var(--multiplicadorLetra));
  --px32: calc(2rem * var(--multiplicadorLetra));
  --px30: calc(1.875rem * var(--multiplicadorLetra));
  --px27: calc(1.6875rem * var(--multiplicadorLetra));
  --px24: calc(1.5rem * var(--multiplicadorLetra));
  --px23: calc(1.4375rem * var(--multiplicadorLetra));
  --px22: calc(1.375rem * var(--multiplicadorLetra));
  --px21: calc(1.3125rem * var(--multiplicadorLetra));
  --px20: calc(1.25rem * var(--multiplicadorLetra));
  --px18: calc(1.125rem * var(--multiplicadorLetra));
  --px17: calc(1.08rem * var(--multiplicadorLetra));
  --px16: calc(1rem * var(--multiplicadorLetra));
  --px15: calc(0.9375rem * var(--multiplicadorLetra));
  --px14: calc(0.875rem * var(--multiplicadorLetra));
  --px13: calc(0.8125rem * var(--multiplicadorLetra));
  --px12: calc(0.75rem * var(--multiplicadorLetra));
  --px10: calc(0.625rem * var(--multiplicadorLetra));

  --colorBackgroundFranjaGovCo: var(--color--blue-2);

  --colorTextoFranjaGovCo: var(--colorBlanco);

  --botonMenuBorderWidth: 1px; 
  
  --bordeBotonBuscarTexto--enHeader: 1px solid var(--colorBordeBotonBuscarTexto--enHeader);
  --bordeBotonBuscarTexto--enHeaderHover: 1px solid var(--colorBordeBotonBuscarTexto--enHeaderHover);
  --bordeBotonBuscarTexto--enHeaderFocus: 1px solid var(--colorBordeBotonBuscarTexto--enHeaderFocus);
  --bordeBotonBuscarTexto--enHeaderActive: 1px solid var(--colorBordeBotonBuscarTexto--enHeaderActive);

  --colorBordeCasillaBuscador: var(--color--gray-2);
  --colorBordeCasillaBuscadorHover: var(--color--blue-13);

  --colorBackgroundBotonBuscarTexto--enHeader: var(--colorBlanco);
  --colorBackgroundBotonClearTexto--enInputBox--enHeader: var(--colorBackgroundFranjaLogoBuscador);
  --colorBackgroundEfectoBotonBuscarTexto--enHeader: var(--color--gray-21);
  --colorBackgroundEfectoBotonBuscarTexto--enHeaderHover: var(--color--gray-18);
  --colorBackgroundEfectoBotonBuscarTexto--enHeaderFocus: var(--color--gray-18);
  --colorBackgroundFranjaLogoBuscador: var(--colorBlanco);
  --colorBackgroundLogoGestorNormativo: var(--colorBackgroundFranjaLogoBuscador);

  --colorBordeBotonBuscarTexto--enHeader: var(--color--gray-15);
  --colorBordeBotonBuscarTexto--enHeaderHover: var(--color--gray-16);
  --colorBordeBotonBuscarTexto--enHeaderFocus: var(--color--gray-17);
  --colorBordeBotonBuscarTexto--enHeaderActive: var(--color--gray-17);

  --colorTextoBotonBuscarTexto--enHeader: var(--color--gray-11);
  --colorTextoBotonClearTexto--enInputBox: var(--color--gray-2);
  --colorTextoBotonClearTexto--enInputBoxHidden: var(--colorBackgroundFranjaLogoBuscador);
  --colorTextoBotonClearTexto--enInputBoxHover: var(--colorGrisTextos);
  --colorTextoCasillaBuscar--enHeader: var(--colorGrisTextos);
  --colorTextoLogoGestorNormativo: var(--colorGrisTextos);

  --header-main--container__height: 232px;

  --bordeOpcionMenuVertical: 1px solid var(--colorBordeOpcionMenuVertical);

  --colorBackgroundFranjaMenuInstitucional: var(--colorBackgroundGeneral); 
  --colorBackgroundLogoMenu: var(--colorBlanco);
  --colorBackgroundLogoMenuHover: var(--color--gray-18);
  --colorBackgroundLogoMenuFocus: var(--color--gray-18);
  --colorBackgroundLogoMenuActive: var(--color--gray-18);
  --colorBackgroundMenuVertical: var(--color--gray-13); 
  --colorBackgroundOpcionMenuHorizontal: var(--colorBackgroundGeneral); 
  --colorBackgroundOpcionMenuHorizontalHover: var(--colorBackgroundGeneral); 
  --colorBackgroundOpcionMenuVertical: var(--color--gray-13); 
  --colorBackgroundOpcionMenuVerticalHover: var(--color--gray-13); 

  --colorBordeBotonMenu: var(--color--gray-15);
  --colorBordeBotonMenuHover: var(--color--gray-16);
  --colorBordeBotonMenuFocus: var(--color--gray-17);
  --colorBordeBotonMenuActive: var(--color--gray-17);
  --colorBordeOpcionMenuVertical: var(--color--gray-14);

  --colorTextoMenu: var(--color--gray-11); 
  --colorTextoOpcionMenuHorizontalFranjaMenuInstitucional: var(--color--gray-22);
  --colorTextoOpcionMenuHorizontalFranjaMenuInstitucionalHover: var(--color--blue-8);
  --colorTextoOpcionMenuHorizontalFranjaMenuInstitucionalFocus: var(--color--blue-2);
  --colorTextoOpcionMenuHorizontalFranjaMenuInstitucionalVisited: var(--color--blue-9);
  --colorTextoOpcionMenuVertical: var(--color--gray-1);
  --colorTextoOpcionMenuVerticalHover: var(--color--blue-8);
  --colorTextoOpcionMenuVerticalFocus: var(--color--blue-2);
  --colorTextoOpcionMenuVerticalVisited: var(--color--blue-9);

  --colorBordeSeparacionMigas: var(--color--gray-2);

  --colorBackgroundContenidoMigas: var(--colorBackgroundFranjaMigas);
  --colorBackgroundFranjaMigas: var(--colorBlanco);

  --colorBordeFranjaColorSuperior: var(--color--igualdad);

  --colorTextoMiga: var(--colorGrisTextos);
  --colorTextoMigaActiva: var(--colorTextoLinks); 
  --colorTextoMigaActivaHover: var(--colorTextoLinksHover); 
  --colorTextoMigaActivaVisited: var(--color--blue-11);
  --colorTextoMigaInicioIcono: var(--colorGrisTextos); 
  --colorTextoMigaInicioActivaIcono: var(--colorTextoLinks); 

  --letraMiga: var(--px10);
  --letraMigaSeparador: var(--px12);

  --colorBordeBotonVerMasIndex: var(--color--blue-1);
  --colorBordeBotonVerMasIndexHover: var(--color--blue-2);
  --colorBordeModulo: var(--color--gray-9);
  --colorBordeModuloHover: var(--color--gray-9);

  --colorBackgroundBotonVerMasIndex: var(--color--blue-2);
  --colorBackgroundBotonVerMasIndexHover: var(--colorBlanco);
  --colorBackgroundModulo: var(--color--gray-4);
  --colorBackgroundModuloHover: var(--color--gray-4);

  --colorTextoBotonVerMasIndex: var(--colorBlanco);
  --colorTextoBotonVerMasIndexHover: var(--color--blue-2);
  --colorTextoDescripcionModulo: var(--colorGrisTextos);
  --colorTextoDescripcionModuloHover: var(--colorBlanco);
  --colorTextoTituloAuxiliar: var(--colorGrisTextos);
  --colorTextoTituloModulo: var(--colorTextoLinks); 
  --colorTextoTituloModuloHover: var(--color--blue-11); 
  --colorTextoTituloModuloVisited: var(--color--blue-11);
  --colorTextoTituloPrincipal: var(--colorGrisTextos);

  --letraDescripcionModuloNormal: var(--px15);
  --letraDescripcionModuloSmall: var(--px15); 
  --letraTituloH1PrincipalNormal: var(--letra26);
  --letraTituloH1PrincipalSmall: var(--letra24);
  --letraTituloH2AuxiliarNormal: var(--letra16);
  --letraTituloH2AuxiliarSmall: var(--letra14);
  --letraTituloModuloNormal: var(--px18);
  --letraTituloModuloSmall: var(--px18); 

  --colorBordeBotonGoBack: var(--color--NoSeUsa);
  --colorBordeBotonGoBackAlterno: var(--color--NoSeUsa);

  --colorBackgroundBotonGoBack: var(--color--NoSeUsa);

  --colorTextoBotonGoBack: var(--color--NoSeUsa);
  --colorTextoBotonGoBackHover: var(--color--NoSeUsa);

  --borderRadiusOpcionSeleccionada: var(--borderRadiusOpciones); 

  --colorBordeOpcionSeleccionada: var(--colorGrisBorde);

  --colorBackgroundExplicacionOpcionSeleccionada: var(--colorVerdeFondo);
  --colorBackgroundIconoOpcionSeleccionada: var(--colorVerdeFondo);
  --colorBackgroundOpcionSeleccionada: var(--colorBlanco);

  --colorTextoDescripcionOpcionSeleccionada: var(--color--gray-19);
  --colorTextoExplicacionOpcionSeleccionada: var(--colorBlanco);
  --colorTextoIconoOpcionSeleccionada: var(--colorBlanco);
  --colorTextoTituloOpcionSeleccionada: var(--colorGrisTextosICBF);

  --letraExplicacionOpcionSeleccionadaH3Normal: var(--letra14);
  --letraExplicacionOpcionSeleccionadaH3Small: var(--letra12);

  --letraTituloH1Normal: var(--px38); 
  --letraLineHeightTituloH1Normal: var(--px44); 
  --letraTituloH1Small: var(--px23); 
  --letraLineHeightTituloH1Small: var(--px27); 
  --letraTituloH1Smallest: var(--px20); 
  --letraLineHeightTituloH1Smallest: var(--px24); 

  --letraDescripcionOpcionSeleccionadaNormal: var(--px14);
  --letraLineHeightDescripcionOpcionSeleccionadaNormal: var(--px20); 
  --letraDescripcionOpcionSeleccionadaSmall: var(--px12); 
  --letraLineHeightDescripcionOpcionSeleccionadaSmall: var(--px16); 

  --letraTituloH2Normal: var(--px18); 
  --letraLineHeightTituloH2Normal: var(--px24); 
  --letraTituloH2Small: var(--px16); 
  --letraLineHeightTituloH2Small: var(--px22); 

  --letraTituloH3Normal: var(--letra12);
  --letraTituloH3Small: var(--letra10);

  --margenDescripcionOpcionSeleccionadaNormal: var(--margen15) 0 0 0; 
  --margenDescripcionOpcionSeleccionadaSmall: var(--margen10) 0 0 0; 
  --margenExplicacionOpcionSeleccionadaNormal: 0; 
  --margenExplicacionOpcionSeleccionadaSmall: 0 0 var(--margen10) 0; 
  --margenTituloOpcionSeleccionadaNormal: var(--margen30) 0 0 0; 
  --margenTituloOpcionSeleccionadaSmall: var(--margen20) 0 0 0; 

  --margenOpcionSeleccionadaNormal: var(--margenTopSeccionNormal) var(--margenHorizontalSeccionNormal) 0 var(--margenHorizontalSeccionNormal); 
  --margenOpcionSeleccionadaSmall: var(--margenTopSeccionSmall) var(--margenHorizontalSeccionSmall) 0 var(--margenHorizontalSeccionSmall); 

  --panelOpcionSeleccionadaBorderWidth: 0px; 

  --borderRadiusNavegacionNuevasOpciones: var(--borderRadiusOpcionSeleccionada); 
  --borderRadiusImagenOpcionNueva: var(--borderRadiusImagenOpciones); 
  --borderRadiusOpcionNueva: var(--borderRadiusOpciones); 
  --borderWidthOpcionNueva: var(--borderWidthOpcion); 

  --colorBordeImagenOpcion: var(--color--green-2);
  --colorBordeImagenOpcionHover: var(--colorBackgroundImagenOpcionNuevaHover);
  --colorBordeNavegacionNuevasOpciones: var(--colorGrisBorde);
  --colorBordeOpcionEntidad: var(--colorGrisBorde);
  --colorBordeOpcionEntidadHover: var(--colorGrisBorde);
  --colorBordeOpcionNueva: var(--colorGrisBorde);
  --colorBordeOpcionNuevaHover: var(--colorGrisBorde);

  --colorBackgroundImagenOpcionEntidad: var(--colorBlanco);
  --colorBackgroundImagenOpcionEntidadHover: var(--colorVerdeFondo);
  --colorBackgroundImagenOpcionNueva: var(--colorBlanco);
  --colorBackgroundImagenOpcionNuevaHover: var(--colorVerdeFondo);

  --colorBackgroundNavegacionNuevasOpciones: var(--colorBackgroundGeneral);

  --colorBackgroundOpcionEntidad: var(--colorBlanco);
  --colorBackgroundOpcionEntidadHover: var(--colorBlanco);
  --colorBackgroundOpcionNueva: var(--color--gray-4);
  --colorBackgroundOpcionNuevaHover: var(--color--gray-4);

  --colorImagenOpcion: var(--color--green-2);
  --colorImagenOpcionHover: var(--colorBlanco);

  --colorTextoIdTipoDocumento: var(--colorGrisTextos);
  --colorTextoIdTipoDocumentoHover: var(--colorGrisTextos);
  --colorTextoTituloOpcionNueva: var(--colorGrisTextos);
  --colorTextoTituloOpcionNuevaHover: var(--colorGrisTextos);

  --imageOpcionBorderWidth: 1px; 
  
  --imageOpcionNuevaContenedorWidth: var(--imageOpcionContenedorWidth); 
  --imageOpcionNuevaContenedorHeight: var(--imageOpcionContenedorHeight); 
  --imageOpcionNuevaWidth: var(--imageOpcionWidth); 
  --imageOpcionNuevaHeight: var(--imageOpcionHeight); 

  --letraOpcionNuevaNormal: var(--letra16);
  --letraLineHeightOpcionNuevaNormal: calc(22px * var(--multiplicadorLetra));
  --letraOpcionNuevaSmall: var(--letra14);
  --letraLineHeightOpcionNuevaSmall: calc(20px * var(--multiplicadorLetra));
  --letraOpcionNuevaSmallest: var(--letra13);
  --letraLineHeightOpcionNuevaSmallest: calc(17px * var(--multiplicadorLetra));

  --margenNavegacionOpcionesNormal: var(--margenVerticalNavegacionOpcionesNormal) var(--margenHorizontalSeccionNormal) 0 var(--margenHorizontalSeccionNormal); 
  --margenNavegacionOpcionesSmall: var(--margenVerticalNavegacionOpcionesSmall) var(--margenHorizontalSeccionSmall) 0 var(--margenHorizontalSeccionSmall); 

  --margenOpcionNuevaNormal: 0 20px 0 38px; 
  --margenOpcionNuevaSmall: 0 16px 0 16px; 
  --margenHorizontalImagenOpcionNormal: 20px; 
  --margenHorizontalImagenOpcionSmall: var(--margenHorizontalImagenOpcionNormal);
  --margenVerticalImagenOpcionNormal: 20px; 
  --margenVerticalImagenOpcionSmall: 16px; 
  --margenVerticalTextoOpcionNormal: 30px;
  --margenVerticalTextoOpcionSmall: 20px;

  --panelNavegacionNuevasOpcionesBorderWidth: var(--panelOpcionSeleccionadaBorderWidth); 

  --colorBordeItemListaSelector: var(--colorGrisSeparadorOpciones);
  --colorBordeSelectItems: var(--colorGrisBorde);

  --colorBackgroundItemsSelector: var(--colorGrisBackgroundSelect);
  --colorBackgroundItemsSelectorHover: var(--colorVerdeFondo);
  --colorBackgroundPanelSelectorYear: var(--colorBackgroundGeneral);
  --colorBackgroundSelector: var(--colorGrisBackgroundSelect);

  --colorTextoLabelSelectorYear: var(--colorGrisTextosICBF);
  --colorTextoSelectYears: var(--colorGrisTextosICBF);
  --colorTextoSelectYearsHover: var(--colorBlanco);

  --letraSelectorNormal: var(--letra16);

  --colorBordeOpcionYear: var(--colorGrisBorde);
  --colorBordePanelDocumentosYear: var(--colorGrisSeparadorOpciones);

  --colorBackgroundImagenOpcionYear: var(--colorVerdeFondo);
  --colorBackgroundImagenOpcionYearHover: var(--colorBlanco);

  --colorBackgroundOpcionNueva--esDocumento: var(--colorBlanco);
  --colorBackgroundOpcionNuevaHover--esDocumento: var(--colorBlanco);
  --colorBackgroundOpcionYear: var(--color--gray-4);
  --colorBackgroundOpcionYearHover: var(--color--gray-4);

  --colorImagenOpcionYear: var(--colorBlanco);
  --colorImagenOpcionYearHover: var(--color--green-2);

  --colorTextoDescripcionDocumento: var(--colorGrisTextos);
  --colorTextoDescripcionDocumentoHover: var(--colorGrisTextos);
  --colorTextoIdDocumento: var(--colorGrisTextos);
  --colorTextoIdDocumentoHover: var(--colorGrisTextos);
  --colorTextoIdEntidad: var(--colorGrisTextos);
  --colorTextoIdEntidadHover: var(--colorGrisTextos);
  --colorTextoTituloOpcionYear: var(--colorGrisTextosICBF);
  --colorTextoTituloOpcionYearHover: var(--colorGrisTextosICBF);

  --enfasisDocumentos: 500;
  --enfasisYears: 600;

  --letraDescripcionDocumentoNormal: var(--letra16);
  --letraLineHeightDescripcionDocumentoNormal: calc(22px * var(--multiplicadorLetra));
  --letraDescripcionDocumentoSmall: var(--letra14);
  --letraLineHeightDescripcionDocumentoSmall: calc(20px * var(--multiplicadorLetra));

  --colorBordeOpcionBoletin: var(--colorGrisBorde);
  --colorBordeOpcionBoletinHover: var(--colorGrisBorde);

  --colorBackgroundImagenOpcionBoletin: var(--colorBlanco);
  --colorBackgroundImagenOpcionBoletinHover: var(--colorVerdeFondo);

  --colorBackgroundOpcionBoletin: var(--colorBlanco);
  --colorBackgroundOpcionBoletinHover: var(--colorBlanco);

  --colorTextoIdBoletin: var(--colorGrisTextos);
  --colorTextoIdBoletinHover: var(--colorGrisTextos);

  --boxLetrasBorderWidth: 1px; 
  
  --colorBordeBoxLetras: var(--color--gray-15); 
  --colorBordeBoxLetrasHover: var(--color--gray-16); 
  --colorBordeBoxLetrasFocus: var(--color--gray-17);
  --colorBordeBoxLetrasActive: var(--color--gray-17);

  --colorBackgroundLetrasAbecedario: var(--colorBlanco); 
  --colorBackgroundLetrasAbecedarioHover: var(--color--gray-18); 
  --colorBackgroundLetrasAbecedarioFocus: var(--color--gray-18);
  --colorBackgroundLetrasAbecedarioActive: var(--color--gray-18);

  --colorBackgroundPanelSelectorLetra: var(--colorBackgroundGeneral);

  --colorTextoLetrasAbecedario: var(--colorTextoLinks); 
  --colorTextoLetrasAbecedarioHover: var(--colorTextoLinksHover); 

  --enfasisLetras: 600;

  --colorBordeOpcionLetra: var(--colorGrisBorde);
  --colorBordeOpcionTipoDocumento: var(--colorGrisBorde);
  --colorBordeOpcionTipoDocumentoHover: var(--colorGrisBorde);
  --colorBordePanelMateriasLetra: var(--colorGrisBorde);

  --colorBackgroundImagenOpcionEntidad-esMateria: var(--colorBlanco);
  --colorBackgroundImagenOpcionEntidadHover-esMateria: var(--colorVerdeFondo);
  --colorBackgroundImagenOpcionLetra: var(--colorVerdeFondo);
  --colorBackgroundImagenOpcionLetraHover: var(--colorBlanco);
  --colorBackgroundImagenOpcionNueva--esMateria: var(--colorBlanco);
  --colorBackgroundImagenOpcionNuevaHover--esMateria: var(--colorVerdeFondo);
  --colorBackgroundImagenOpcionTipoDocumento: var(--colorBlanco);
  --colorBackgroundImagenOpcionTipoDocumentoHover: var(--colorVerdeFondo);

  --colorBackgroundOpcionLetra: var(--color--gray-4);
  --colorBackgroundOpcionEntidad--enMateria: var(--colorBlanco);
  --colorBackgroundOpcionEntidadHover--enMateria: var(--colorBlanco);
  --colorBackgroundOpcionNueva--esMateria: var(--colorBlanco);
  --colorBackgroundOpcionNueva--esMateriaHover: var(--colorBlanco);
  --colorBackgroundOpcionTipoDocumento: var(--color--gray-4);
  --colorBackgroundOpcionTipoDocumentoHover: var(--color--gray-4);

  --colorImagenOpcion--esMateria: var(--color--green-2);
  --colorImagenOpcionHover--esMateria: var(--colorBlanco);
  --colorImagenOpcionEntidad--esMateria: var(--color--green-2);
  --colorImagenOpcionEntidadHover--esMateria: var(--colorBlanco);
  --colorImagenOpcionLetra: var(--colorBlanco);
  --colorImagenOpcionLetraHover: var(--color--green-2);
  --colorImagenOpcionTipoDocumento--esMateria: var(--color--green-2);
  --colorImagenOpcionTipoDocumentoHover--esMateria: var(--colorBlanco);

  --colorTextoIdMateria: var(--colorGrisTextos);
  --colorTextoIdMateriaHover: var(--colorGrisTextos);
  --colorTextoIdTipoDocumento--enMateria: var(--colorGrisTextos);
  --colorTextoIdTipoDocumentoHover--enMateria: var(--colorGrisTextos);
  --colorTextoTituloOpcionLetra: var(--colorGrisTextosICBF);
  --colorTextoTituloOpcionLetraHover: var(--colorGrisTextosICBF);

  --colorBackgroundFooter: var(--colorBlanco);

  --colorTextoEnlacesFooter: var(--colorTextoLinks);
  --colorTextoEnlacesFooterHover: var(--colorTextoLinksHover);
  --colorTextoTitulosFooter: var(--color--blue-1);
  --colorTextosFooter: var(--color--gray-1);

  --colorFlechasCarrusel: var(--colorBlanco);

  --colorBordeFranjaAJ: var(--colorRojoSeparador);

  --colorBackgroundFranjaAJ: var(--color--gray-3);

  --colorTextoEnlacesFranjaAJ: var(--colorTextoLinks);
  --colorTextoEnlacesFranjaAJHover: var(--colorTextoLinksHover);
  --colorTextoFranjaAJ: var(--colorGrisTextos);
  --colorTextoTitulosFranjaAJ: var(--colorGrisTextos);

  --borderRadiusPrefooter: 13px;
  --borderWidthPrefooter: 2px;

  --colorBordePrefooter: var(--color--blue-4);

  --colorBackgroundFlechasCarrusel: var(--color--gray-5);
  --colorBackgroundFlechasCarruselHover: var(--color--gray-6);
  --colorBackgroundFranjaPrefooter: var(--colorBackgroundFooter);
  --colorBackgroundIconosRedesSociales: var(--color--red);

  --colorTextoFranjaPrefooter: var(--colorGrisTextos);
  --colorTextoIconosRedesSociales: var(--colorBlanco);
  --colorTextoMenuPrefooter: var(--color--red);
  --colorTextoMenuPrefooterHover: var(--color--red);
  --colorTextoRedesSocialesPrefooter: var(--color--red);
  --colorTextoRedesSocialesPrefooterHover: var(--color--red);

  --colorBackgroundFranjaInformacion: var(--color--blue-2);

  --altoPanelDocumentoCarta: 1320px; 
  --altoPanelDocumento: var(--altoPanelDocumentoCarta); 

  --borderRadiusBotonVisorCompuestoNormal: 21px; 
  --borderRadiusBotonVisorCompuestoSmall: 20px; 
  --borderRadiusBotonNormalVisor: 0;
  --borderRadiusBotonVisorSencilloNormal: 21px; 
  --borderRadiusBotonVisorSencilloSmall: 20px; 

  --borderRadiusPanelesVisor: 10px;
  --borderRadiusPanelFondoDocumento: 0px; 
  --borderRadiusPanelFondoDocumentoWide: 4px; 

  --botonPanelBotonesVisorActivadoBorderWidth: 4px; 
  --botonVisorCompuestoBorderWidth: 1px; 
  --botonVisorCompuestoNormalHeight: var(--botonVisorSencilloNormalSize); 
  --botonVisorCompuestoSmallHeight: var(--botonVisorSencilloSmallSize); 
  --botonVisorSencilloBorderWidth: 1px; 
  --botonVisorSencilloNormalSize: 42px; 
  --botonVisorSencilloSmallSize: 40px; 
  --botonVisorNormalSize: 120px;
  --botonVisorBiggerSize: 121px;
  --botonVisorSmallSize: var(--botonVisorSencilloSmallSize); 

  --enfasisTextoBotonAnotaciones: var(--enfasisTextoBotonVerMas);
  --enfasisTextosDocumentos: 400; 

  --fontFamilyBotonVisor: var(--font-family-2); 
  --fontFamilyDocumento: var(--font-family-1); 

  --letraBotonVisorCompuestoNormal: var(--letra14); 
  --letraBotonVisorCompuestoSmall: var(--letra12); 
  --letraDocumentoNormal: var(--letra18); 
  --letraDocumentoSmall: var(--letra16); 
  --letraDocumentoSmallest: var(--letra14); 
  --letraLineHeightDocumentoNormal: calc(32px * var(--multiplicadorLetra)); 
  --letraLineHeightDocumentoSmall: calc(26px * var(--multiplicadorLetra)); 
  --letraLineHeightDocumentoSmallest: calc(22px * var(--multiplicadorLetra)); 
  --letraDocumentoTablasNormal: var(--letra14); 
  --letraDocumentoTablasSmall: var(--letra12); 
  --letraDocumentoTablasSmallest: var(--letra10); 

  --margenPanelDocumentoBiggest: 30px; 
  --margenPanelDocumentoBigger: 20px; 
  --margenPanelDocumentoNormal: 15px; 
  --margenPanelDocumentoSmall: 10px; 

  --paddingHorizontalDocumentosNormal: 12.5%; 
  --paddingHorizontalDocumentosSmall: 10%; 
  --paddingSuperiorDocumentoNormal: 100px; 
  --paddingSuperiorDocumentoSmall: 80px; 
  --paddingInferiorDocumentoNormal: 200px; 
  --paddingInferiorDocumentoSmall: 100px; 

  --panelAuxiliarWidthSmallest: 280px;
  --panelAuxiliarWidthSmall: 300px;
  --panelAuxiliarWidthNormal: 350px;
  --panelAuxiliarWidthBigger: 400px;

  --panelLateralModalWidth: 400px;
  
  /* -> menú aj */
  --colorPanelFondoDocumento: var(--colorBackgroundGeneral);
  --colorTextoBotonDocumento: var(--color--black);
  --colorBackgroundOpcionNuevaMenuAJ: var(--color--gray-3);
  --colorBackgroundOpcionNuevaMenuAJHover: var(--color--blue-1); 
  /* -> menú aj */  
  
  --colorBackgroundEfectoBotonBuscarTexto: var(--color--green-2);
  --colorBackgroundEfectoBotonBuscarTextoHover: var(--color--gray-22);

  --colorBackgroundBotonBuscarTextoVisor: var(--color--blue-1);
  --colorBackgroundBotonBuscarTextoVisorHover: var(--color--green-2);
  --colorBordeBotonVisorCompuesto: var(--color--gray-15); 
  --colorBordeBotonVisorCompuestoHover: var(--color--gray-16); 
  --colorBordeBotonVisorCompuestoFocus: var(--color--gray-16); 
  --colorBordeBotonVisorCompuestoActive: var(--color--gray-16); 
  --colorBordeBotonVisorSencillo: var(--color--gray-15); 
  --colorBordeBotonVisorSencilloHover: var(--color--gray-16); 
  --colorBordeBotonVisorSencilloFocus: var(--color--gray-16); 
  --colorBordeBotonVisorSencilloActive: var(--color--gray-16); 
  
  --colorBordeBotonSUINJuriscol: var(--color--gray-15); 
  --colorBordeBotonSUINJuriscolHover: var(--color--gray-16); 
  --colorBordeBotonSUINJuriscolFocus: var(--color--gray-16); 
  --colorBordeBotonSUINJuriscolActive: var(--color--gray-16); 

  --colorBordePanelDocumento: var(--colorBordePanelesVisor);
  --colorBordePanelVisor: var(--color--gray-14); 
  --colorBordePanelesVisor: var(--color--gray-14); 

  --colorBackgroundBotonAnotaciones: var(--colorBlanco); 
  --colorBackgroundBotonAnotacionesHover: var(--color--gray-18); 
  --colorBackgroundBotonAnotacionesFocus: var(--color--gray-18); 
  --colorBackgroundBotonAnotacionesActive: var(--color--gray-18); 
  --colorBackgroundBotonBuscarTexto--enVisor: var(--color--blue-1); 
  --colorBackgroundBotonBuscarTexto--enVisorHover: var(--colorNaranja); 
  --colorBackgroundBotonCerrarPanelModal: var(--color--blue-1);
  --colorBackgroundBotonCerrarPanelModalHover: var(--color--blue-1);
  --colorBackgroundBotonVisorSencillo: var(--colorBlanco); 
  --colorBackgroundBotonVisorSencilloHover: var(--color--gray-18); 
  --colorBackgroundBotonVisorSencilloFocus: var(--color--gray-18); 
  --colorBackgroundBotonVisorSencilloActive: var(--color--gray-18); 
  --colorBackgroundBotonNuevaBusquedaTexto--enVisor: var(--colorVerdeFondo);
  --colorBackgroundBotonNuevaBusquedaTexto--enVisorHover: var(--color--blue-6);
  --colorBackgroundBotonSUINJuriscol: var(--colorBlanco); 
  --colorBackgroundBotonSUINJuriscolHover: var(--colorBlanco); 
  --colorBackgroundBotonSUINJuriscolFocus: var(--color--gray-18); 
  --colorBackgroundBotonSUINJuriscolActive: var(--color--gray-18); 

  --colorBackgroundContenidoVisor: var(--colorBackgroundGeneral);

  --colorBackgroundFranjaNavegacionVisor: var(--color--gray-20); 
  --colorBackgroundFranjaVisor: var(--colorBackgroundGeneral); 

  --colorBackgroundPanelAuxiliar: var(--color--blue-12); 
  --colorBackgroundPanelFondoDocumento: var(--color--blue-12); 
  --colorBackgroundPanelLateralModal: var(--colorBackgroundPanelFondoDocumento);

  --colorImagenBotonSencillo: var(--colorBlanco);

  --colorTextoBoldAJ: var(--colorGrisTextosICBF); 
  --colorTextoBookmarksAJ: var(--colorGrisTextosICBF); 
  --colorTextoBookmarksAJHover: var(--colorGrisTextosICBF); 
  --colorTextoBotonVisorCompuesto: var(--color--blue-10); 
  --colorTextoBotonVisorCompuestoHover: var(--color--blue-10); 
  --colorTextoDocumento: var(--colorNegroTextos);
  --colorTextoGeneral--enVisor: var(--color--gray-12); 
  --colorTextoTituloDocumentoVisor: var(--color--gray-12); 

  --borderRadiusBotonCajasValorJuridicoAgregadoNormal: var(--borderRadiusBotonVisorCompuestoNormal); 
  --borderRadiusBotonCajasValorJuridicoAgregadoSmall: var(--borderRadiusBotonVisorCompuestoSmall); 

  --botonVisorCVJAsBorderWidth: 1px;
  
  --botonCajasValorJuridicoAgregadoSmallHeight: var(--botonVisorCompuestoSmallHeight); 
  --botonCajasValorJuridicoAgregadoNormalHeight: var(--botonVisorCompuestoNormalHeight); 
  --botonCajasValorJuridicoAgregadoSmallMinWidth: 120px; 
  --botonCajasValorJuridicoAgregadoNormalMinWidth: 162px; 

  --colorBordeCajasValorJuridicoAgregado: var(--color--gray-15); 
  --colorBordeCajasValorJuridicoAgregadoHover: var(--color--gray-16); 
  --colorBordeCajasValorJuridicoAgregadoFocus: var(--color--gray-17); 
  --colorBordeCajasValorJuridicoAgregadoActive: var(--color--gray-17); 

  --colorBackgroundEncabezadoCajasValorJuridicoAgregado: var(--colorBlanco); 
  --colorBackgroundEncabezadoCajasValorJuridicoAgregadoHover: var(--color--gray-18); 
  --colorBackgroundEncabezadoCajasValorJuridicoAgregadoFocus: var(--color--gray-18); 
  --colorBackgroundEncabezadoCajasValorJuridicoAgregadoActive: var(--color--gray-18); 

  --colorBackgroundNotasConcordancias: var(--color--gray-20);
  --colorBackgroundNotasLegislacionAnterior: var(--color--yellow-1);
  --colorBackgroundNotasVigencia:  var(--color--blue-12); 

  --colorTextoEncabezadoCajasValorJuridicoAgregado: var(--color--blue-10); 
  --colorTextoEncabezadoCajasValorJuridicoAgregadoHover: var(--color--blue-10);  
  --colorTextoTachados: var(--colorRojoTachados); 

  --enfasisTextoEncabezadoCajasValorJuridicoAgregado: var(--enfasisTextoBotonVerMas); 

  --colorBordeBotonUsabilidad: var(--color--blue-9);
	--colorBordeBotonUsabilidadHover: var(--color--blue-9);

  --colorBackgroundBotonMenuUsabilidad: var(--color--blue-8);
  --colorBackgroundBotonMenuUsabilidadHover: var(--color--blue-8);
  --colorBackgroundImagenBotonMenuUsabilidad: var(--colorBlanco);
  --colorBackgroundImagenBotonMenuUsabilidadHover: var(--colorBlanco);
  --colorBackgroundMenuUsabilidad: var(--color--blue-9);

  --colorTextoBotonMenuUsabilidad: var(--colorBlanco);
  --colorTextoBotonMenuUsabilidadHover: var(--colorBlanco);

  --fontFamilyBotonUsabilidad: var(--font-family-1); 

  --shadowUsabilidad: 0px 0px 10px 3px #0000002b;

  --colorBackgroundBotonNuevaBusquedaTextoVisor: var(--colorCyan); 
  --colorBackgroundBotonNuevaBusquedaTextoVisorHover: var(--color--green-2); 
  --colorBackgroundBotonSencillo: var(--color--green-6);
  --colorFondoBotonBuscarTextoHover: var(--color--green-5);
  --colorBackgroundBotonSencilloPanelBotonesVisor: var(--color--blue-1); 
  --colorBackgroundBotonSencilloPanelBotonesVisorHover: var(--colorNaranja); 

  --colorBackgroundInputCasillaBusquedaVisor: var(--colorBlanco);
  --colorBackgroundMenuVertical: var(--colorGrisClaroVerdoso);

  --colorBackgroundModulosMenu: var(--colorBackgroundGeneral);
  --colorBackgroundOpcionMenuContextual: var(--color--AzulGeneral);
  --colorBackgroundOpcionMenuContextualHover: var(--colorNaranja);
  --colorBackgroundOpcionMenuHorizontalFranjaMenuInstitucional: var(--color--AzulGeneral);
  --colorBackgroundOpcionMenuHorizontalFranjaMenuInstitucionalHover: var(--colorAzulBackground);
  --colorBackgroundPanelBotones: var(--colorBackgroundGeneral); 
  --colorBackgroundBotonPanelBotonesVisor: var(--colorBackgroundPanelBotones); 
  --colorBackgroundBotonPanelBotonesVisorActivado: var(--colorBackgroundPanelAuxiliar); 
  --colorBackgroundPanelDocumento: var(--colorBlanco); 
  --colorBackgroundPanelVisor: var(--colorBlanco); 
  --colorBackgroundTituloPanelVisor: var(--color--blue-1);
  --colorBackgroundTituloYear: var(--colorCyan);
  --colorBackgroundTituloYearHover: var(--colorNaranja);
  --colorBackgroundYearListaConcordancias: var(--color--blue-1); 

  --colorBordeBotonBuscarTextoVisor: var(--color--blue-1); 
  --colorBordeBotonBuscarTextoVisorHover: var(--colorNaranja); 
  --colorBordeBotonCompuesto: var(--color--blue-1);
  --colorBordeBotonCompuestoHover: var(--colorNaranja);
  --colorBordeBotonNuevaBusquedaTextoVisor: var(--colorCyan); 
  --colorBordeBotonNuevaBusquedaTextoVisorHover: var(--colorNaranja); 
  --colorBordeBotonPanelBotonesVisor: var(--colorGrisSeparadorOpciones);
  --colorBordeBotonPanelBotonesVisorActivado: var(--color--blue-1); 
  --colorBordeBotonPanelBotonesVisorOutline: var(--colorCyan); 
  --colorBordeInputCasillaBusquedaVisor: var(--colorBordePanelesVisor); 
  --colorBordeInputCasillaBusquedaVisorOutline: var(--colorGrisBordesEspeciales); 
  --colorBordeItemListaPanelVisor: var(--colorBordePanelesVisor); 
  --colorBordeLetrasAbecedario: var(--color--blue-1);
  --colorBordeLetrasAbecedarioHover: var(--colorNaranja);
  --colorBordeLetrasAbecedarioDesplegadas: var(--colorCyan);
  --colorBordeLetrasAbecedarioDesplegadasHover: var(--colorNaranja);
  --colorBordeOpcionMenuVertical: var(--colorGrisSeparadorOpciones);
  --colorBordePanelMateriasLetras: var(--colorBackgroundGeneral);
  --colorBordeSelector: var(--colorBackgroundGeneral);
  --colorBordeSeparacionMigas: var(--colorGrisSeparadorOpciones);
  --colorBordeSombraFranjaNavegacionVisor: rgba(0,0,0,0.07); 
  --colorBordeSombraPanelBotonesVisor: rgba(0,0,0,0.07); 
  --colorBordeTituloPanelVisor: var(--color--blue-1); 
  --colorBordeTituloYear: var(--colorCyan);
  --colorBordeTituloYearHover: var(--colorNaranja);

  --colorTextoBotonCerrarPanelModal: var(--colorBlanco);
  --colorTextoBotonCerrarPanelModalHover: var(--colorBlanco);
  --colorTextoBotonPanelBotonesVisor: var(--color--blue-2);
  --colorTextoDescripcionPanel: var(--colorGrisTextos);
  --colorTextoDescripcionVisor: var(--colorGrisTextos); 
  --colorTextoDescripcionVisorHover: var(--color--blue-2); 
  --colorTextoDestacados: var(--colorGrisTextos); 
  --colorTextoEntidadVisor: var(--colorGrisTextos); 
  --colorTextoFranjaAJ: var(--colorNegroTextos);
  --colorTextoFranjaCiudadano: var(--color--blue-2);
  --colorTextoIdActoTramite: var(--colorGrisTextos); 
  --colorTextoIdActoTramiteHover: var(--color--blue-2); 
  --colorTextoIdConcordancia: var(--colorGrisTextos); 
  --colorTextoIdConcordanciaHover: var(--color--blue-2); 
  --colorTextoIdDesarrollo: var(--colorGrisTextos); 
  --colorTextoIdDesarrolloHover: var(--color--blue-2); 
  --colorTextoIdMemoria: var(--colorGrisTextos); 
  --colorTextoIdMemoriaHover: var(--color--blue-2); 
  --colorTextoIdModificacion: var(--colorGrisTextos); 
  --colorTextoIdModificacionHover: var(--color--blue-2); 
  --colorTextoIdNotificacion: var(--colorGrisTextos); 
  --colorTextoIdNotificacionHover: var(--color--blue-2); 
  --colorTextoItemsListaPanelVisor: var(--colorGrisTextos); 
  --colorTextoItemsListaPanelVisorHover: var(--color--blue-2); 
  --colorTextoOpcionMenuContextual: var(--colorBlanco);
  --colorTextoOpcionMenuContextualHover: var(--colorBlanco);
  --colorTextoOpcionMenuHorizontalFranjaLogoMenu: var(--colorNegro);
  --colorTextoOpcionMenuHorizontalFranjaLogoMenuHover: var(--colorNaranja);
  --colorTextoTituloLetraAlfabeto: var(--colorBlanco);
  --colorTextoTituloLetraAlfabetoHover: var(--colorBlanco);
  --colorTextoTituloPalabrasClave: var(--colorNegroTextos); 
  --colorTextoTituloPanelAuxiliarVisor: var(--colorNegroTextos); 
  --colorTextoTituloSeccionMenuLateral: var(--colorNegroTextos);
  --colorTextoTituloSeccionPanel: var(--colorBlanco); 
  --colorTextoTituloYear: var(--colorBlanco);
  --colorTextoTituloYearHover: var(--colorBlanco);
  --colorTextosTachados: var(--colorRojo); 
  --colorTextosVisor: var(--colorNegroTextos); 
  --colorTextoYearVisor: var(--colorGrisTextos); 

  --margenImagenOpcion: 20px;

  --letraBotonDescripcionDocumentoNormal: var(--letra16);
  --letraBotonDescripcionDocumentoSmall: var(--letra14);
  --letraBotonGeneralNormal: var(--letra16);
  --letraBotonGeneralSmall: var(--letra14);
  --letraBotonReferenciaADocumentoNormal: var(--letra18);
  --letraBotonReferenciaADocumentoSmall: var(--letra16);
  --letraLetrasNormal: var(--letra16);
  --letraLetrasSmall: var(--letra14);
  --letraYearsNormal: var(--letra16);
  --letraYearsSmall: var(--letra14);

  font-family: var(--fontFamilyGeneral);
  font-size: 100%; 
  color: var(--casiNegro);
  font-weight: 400;
  height: 100%;
}

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);
}

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

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

body::after {
  content: '';
  display: block;
  height: 1410px;
}

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

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

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

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

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

body.busy-cursor {
  cursor: progress;
}

::-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);
}

h1, p {
  margin: 0 0 1em 0;
}