/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
@import url(https://library-sdb.apps.bancolombia.com/bds/6.60.2/bds.min.css);
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle (1) ***!
  \**************************************************************************************************************************************************************************************************************************/
/* Variables globales para estandarización de anchos de secciones de análisis */
:root {
  /* Ancho estándar para contenedores principales */
  --analysis-container-width: 98%;
  --analysis-container-max-width: 1400px;
  --analysis-container-margin: 0 auto;
  
  /* Padding estándar para secciones de análisis */
  --analysis-section-padding-horizontal: 24px;
  --analysis-section-padding-vertical: 24px;
  --analysis-section-padding: 0 var(--analysis-section-padding-horizontal) var(--analysis-section-padding-vertical);
  
  /* Ancho de divisores CSS estandarizado */
  --analysis-divider-width: calc(100% + calc(var(--analysis-section-padding-horizontal) * 2));
  --analysis-divider-margin-horizontal: calc(-1 * var(--analysis-section-padding-horizontal));
  
  /* Espaciado estándar */
  --analysis-section-margin-bottom: var(--bc-spacing-5, 40px);
  --analysis-section-border-radius: var(--bc-border-radius-2, 16px);
}

/* Clase base para contenedores de análisis */
.analysis-main-container {
  width: var(--analysis-container-width);
  max-width: var(--analysis-container-max-width);
  margin: var(--analysis-container-margin);
  box-sizing: border-box;
}

/* Clase base para secciones de análisis */
.analysis-section-base {
  background-color: var(--bc-brand-primary-01, #ffffff);
  border-radius: var(--analysis-section-border-radius);
  overflow: hidden;
  position: relative;
  box-shadow: var(--bc-shadow-level1, 0 1px 3px rgba(0, 0, 0, 0.1));
  padding: var(--analysis-section-padding);
  margin-bottom: var(--analysis-section-margin-bottom);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Divisor CSS estandarizado */
.analysis-section-base .css-divider {
  height: 1px;
  background-color: var(--bc-brand-sequential-N-200, #D9DADD);
  width: var(--analysis-divider-width);
  margin-bottom: var(--bc-spacing-16, 16px);
  margin-left: var(--analysis-divider-margin-horizontal);
  margin-right: var(--analysis-divider-margin-horizontal);
  box-sizing: border-box;
  position: relative;
}

/*# sourceMappingURL=styles.398bd14f0a49669a.css.map*/