/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/03-digital/04-templates/02-index/index.scss ***!
  \*******************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Digital / Templates / Publication index
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* This is useful to use variables in JS files */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

body {
  --cn-c-page__main--FontSize: clamp(1rem, 1.67vw, 1.5rem);
  /**
   * Main header
   */
  --cn-c-page__header--FontSize: clamp(0.875rem, 1.25vw, 1.125rem);
  --cn-c-page__header--MarginBlockstart: 0;
  /**
   * Introduction text
   */
  --cn-c-page__introduction--MarginBlockEnd: 1.355em;
  /**
   * Preview buttons
   */
  --cn-c-page__buttons--FontSize: 0.875rem;
  --cn-c-page__buttons--GridColumn: 2 / -2;
  --cn-c-page__buttons--MarginBlockStart: 2.33em;
  --cn-c-page__buttons--m-buy--MarginBlockStart: 2.33em;
  /**
   * Chapter list section
   */
  --cn-c-page__list_section--TemplateColumns:
    var(--cn-c-page__main--content_columns)
    calc(var(--cn-global--content-grid--offsetsize) - var(--cn-global--content-grid--guttersize));
  --cn-c-page__list_section--MarginBlockStart: 3.65em;
  --cn-c-page--preview__list_section--MarginBlockStart: var(--cn-c-page__list_section--MarginBlockStart);
  --cn-c-page__list_section__content--GridColumn: 1 / -2;
  --cn-c-page__list_section__header--BorderColor: var(--cn-global--palette-spanish-grey);
  --cn-c-page__list_section__header--PaddingBlock: 1.21em 1em;
  --cn-c-page__list_section__title--FontSize: clamp(1.2rem, 0.75em, 1.6875rem);
  --cn-c-page__list_section__title--FontWeight: var(--cn-global--FontWeight-regular);
  --cn-c-page__list_section__subtitle--FontSize: clamp(2.89rem, 2.71em, 4.06rem);
  --cn-c-page__list_section__subtitle--FontWeight: var(--cn-global--FontWeight-semibold);
  /**
   * Chapter list
   */
  --cn-c-page__list--GridColumn: 1 / -2;
  --cn-c-page__list--MarginBlockStart: 2.21em;
  /**
   * Buy button
   */
  --cn-c-page__buy--FontSize: clamp(0.875rem, 1.39vw, 1.25rem);
  --cn-c-page__buy--FontWeight: var(--cn-global--FontWeight-semibold);
  --cn-c-page__buy--GridColumn: 2 / -2;
  --cn-c-page__buy--MarginBlockStart: 4.17em;
  /**
   * Banner
   */
  --cn-c-page__banner--FontSize: 0.875rem;
  --cn-c-page__banner--GridColumn: 2 / -2;
  --cn-c-page__banner--MarginBlockStart: 4.86em;
  /** Medium: 768px */
  /** Large: 1024px */
  /** Extra extralarge: 1440px */
}
@media all and (min-width: 48rem) {
  body {
    --cn-c-page--preview__list_section--MarginBlockStart: 1.08em;
    --cn-c-page__banner--GridColumn: 3 / -3;
    --cn-c-page__banner--MarginBlockStart: 10.14em;
    --cn-c-page__buttons--m-buy--MarginBlockStart: 5.79em;
    --cn-c-page__buttons--MarginBlockStart: 7.21em;
    --cn-c-page__header--MarginBlockstart: calc(-1 * (
      var(--cn-global--FontSize-label--lg)
      + 2 * var(--cn-global--FontSize-paragraph--sm)
      + 0.9375rem
    ));
    --cn-c-page__list--GridColumn: 1 / -1;
    --cn-c-page__list_section--GridColumn: 2 / -2;
    --cn-c-page__list_section--MarginBlockStart: 1.92rem;
    --cn-c-page__list_section__content--GridColumn: 1 / -2;
    --cn-c-page__main--GridColumn: 3 / -3;
  }
}
@media all and (min-width: 64rem) {
  body {
    --cn-c-page__buttons--GridColumn: 3 / -3;
    --cn-c-page__list--GridColumn: 2 / -1;
    --cn-c-page__list_section__content--GridColumn: 2 / -3;
    --cn-c-page__main--GridColumn: 5 / -3;
    --cn-c-page__buy--GridColumn: 3 / -3;
  }
}
@media all and (min-width: 90rem) {
  body {
    --cn-c-page__list_section--TemplateColumns:
      var(--cn-c-page__main--content_columns)
      1fr;
    --cn-c-page__buy--MarginBlockStart: 5.125rem;
  }
}

/**
 * Component
 */
/**
 * Main nav
 */
.cn-c-main_nav a {
  z-index: 1;
}

/**
 * Main header
 * 1: behind main nav
 */
main > .cn-c-index_header {
  font-size: var(--cn-c-page__header--FontSize);
  grid-column: 1/-1;
  z-index: 0; /* 1 */
}
@media all and (min-width: 80rem) {
  .E_COMMERCE main > .cn-c-index_header > .cn-c-figure, .E_COMMERCE main > .cn-c-index_header > .cn-c-picture {
    margin-block-start: calc(-1 * var(--cn-c-template_shared--main_nav--Height));
  }
}
@media all and (min-width: 90rem) {
  main > .cn-c-index_header > .cn-c-figure, main > .cn-c-index_header > .cn-c-picture {
    margin-block-start: calc(-1 * var(--cn-c-template_shared--main_nav--Height));
  }
}

/**
 * Introduction text
 */
main > .cn-c-index_header + p {
  margin-block-start: var(--cn-c-page__introduction--MarginBlockEnd);
}

/**
 * Preview buttons
 */
main > .cn-c-preview_buttons {
  font-size: var(--cn-c-page__buttons--FontSize);
  grid-column: var(--cn-c-page__buttons--GridColumn);
  margin-block-start: var(--cn-c-page__buttons--MarginBlockStart);
}
main > .cn-c-preview_buttons.cn-m-buy {
  margin-block-start: var(--cn-c-page__buttons--m-buy--MarginBlockStart);
}
main > .cn-c-preview_buttons .cn-c-button {
  --cn-c-button--Color: var(--cn-c-page--Color);
}

/**
 * Chapter list section
 * 1: reset
 */
main > section {
  display: grid;
  grid-column-gap: inherit;
  grid-column: 2/-1;
  grid-template-columns: var(--cn-c-page__list_section--TemplateColumns);
  margin-block-start: var(--cn-c-page__list_section--MarginBlockStart);
}

main > .cn-c-preview_buttons.cn-m-buy + section {
  margin-block-start: var(--cn-c-page--preview__list_section--MarginBlockStart);
}

main > section > * {
  grid-column: var(--cn-c-page__list_section__content--GridColumn);
}

main > section > header {
  border-block: 1px solid var(--cn-c-page__list_section__header--BorderColor);
  padding-block: var(--cn-c-page__list_section__header--PaddingBlock);
}

main > section > header > :is(h2, h3) {
  margin: 0; /* 1 */
}

main > section > header > h2 {
  font-size: var(--cn-c-page__list_section__title--FontSize);
  font-weight: var(--cn-c-page__list_section__title--FontWeight);
}

main > section > header > h3 {
  font-size: var(--cn-c-page__list_section__subtitle--FontSize);
  font-weight: var(--cn-c-page__list_section__subtitle--FontWeight);
}

/**
 * Chapter list
 * 1: reset
 */
main > section > ul {
  counter-reset: chapter-count;
  display: block;
  grid-column: var(--cn-c-page__list--GridColumn);
  list-style-type: none; /* 1 */
  margin-inline: 0; /* 1 */
  margin-block: var(--cn-c-page__list--MarginBlockStart) 0;
  padding: 0; /* 1 */
}

main > section > ul > li::before {
  display: none; /* 1 */
}

main > section > ul .cn-c-article_item {
  --cn-c-article_item--ColumnGap: var(--cn-c-page__main--ColumnGap);
}

/**
 * Buy button
 * 1: icon first
 */
main > .cn-c-button {
  --cn-c-button--Color: var(--cn-c-page--Color);
  --cn-c-button--hover--BackgroundColor: var(--cn-c-page--Color);
  --cn-c-button--hover--Color: var(--cn-c-page--BackgroundColor);
  flex-direction: row-reverse; /* 1 */
  font-size: var(--cn-c-page__buy--FontSize);
  font-weight: var(--cn-c-page__buy--FontWeight);
  grid-column: var(--cn-c-page__buy--GridColumn);
  justify-self: start;
  margin-block-start: var(--cn-c-page__buy--MarginBlockStart);
}

/**
 * Banner
 */
main > .cn-c-banner {
  font-size: var(--cn-c-page__banner--FontSize);
  grid-column: var(--cn-c-page__banner--GridColumn);
  margin-block-start: var(--cn-c-page__banner--MarginBlockStart);
}

/*# sourceMappingURL=index.css.map*/