.cmp-breadcrumb {
  display: grid;
  gap: var(--space-4);
  max-width: var(--especiales-max-width-desktop);
  margin-inline: auto;
  padding: var(--space-10) var(--space-4) 0;
  padding-top: 9rem;
}

.cmp-breadcrumb__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  width: 100%;
}

.cmp-breadcrumb__icon {
  width: 1.25rem;
  height: 1.25rem;
}

.cmp-breadcrumb__home-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.cmp-breadcrumb__divider {
  color: var(--color-text-muted);
}

.cmp-breadcrumb__label,
.cmp-breadcrumb__item--active span,
.cmp-breadcrumb__link {
  margin: 0;
  color: var(--BN-black);
  font-family: var(--Subheading-Mvil-XL-fontFamily);
  font-size: var(--Subheading-Mvil-XL-fontSize);
  font-style: normal;
  font-weight: var(--Weights-Light);
  line-height: var(--Subheading-Mvil-XL-lineHeight);
  letter-spacing: var(--Subheading-Mvil-XL-letterSpacing);
  margin-left: var(--space-1)!important;
}

.cmp-breadcrumb__item {
  display: contents;
  vertical-align: top;
}

.cmp-breadcrumb__link {
  text-decoration: underline;
}

.cmp-breadcrumb__link:hover,
.cmp-breadcrumb__link:focus-visible {
  color: var(--Turquesa-turquesa-500, #10acbb);
}

.cmp-breadcrumb__home-link:hover .cmp-breadcrumb__icon,
.cmp-breadcrumb__home-link:focus-visible .cmp-breadcrumb__icon {
  filter: brightness(0) saturate(100%) invert(55%) sepia(33%) saturate(935%) hue-rotate(146deg) brightness(93%) contrast(90%);
}

.cmp-breadcrumb__item--active span {
  color: var(--Turquesa-turquesa-500, #10acbb);
  font-weight: var(--Weights-Regular);
  text-decoration: underline;
}

.cmp-breadcrumb__headline {
  margin: 0;
  color: var(--BN-black);
  text-align: center;
  max-width: 43.25rem;
  margin-inline: auto;
  font-family: var(--Heading-Mvil-H3-fontFamily);
  font-size: var(--Heading-Mvil-H3-fontSize);
  font-style: normal;
  font-weight: var(--Weights-Bold);
  line-height: var(--Heading-Mvil-H3-lineHeight);
  letter-spacing: var(--Heading-Mvil-H3-letterSpacing);
}

@media (min-width: 64rem) {
  .cmp-breadcrumb__headline {
    font-family: var(--Heading-Escritorio-H3-fontFamily);
    font-size: var(--Heading-Escritorio-H3-fontSize);
    line-height: var(--Heading-Escritorio-H3-lineHeight);
    letter-spacing: var(--Heading-Escritorio-H3-letterSpacing);
  }
}

@media (max-width: 1024px) {
  .cmp-breadcrumb {
    padding-top: 6.5rem;
  }
}

.cmp-breadcrumb__back-icon {
  display: none;
}

@media (max-width: 47.9375rem) {
  .cmp-breadcrumb--compact-mobile .cmp-breadcrumb__eyebrow {
    position: relative;
    flex-wrap: nowrap;
    justify-content: center;
    min-width: 0;
  }

  .cmp-breadcrumb--compact-mobile .cmp-breadcrumb__item:not(:nth-last-child(2)):not(:last-child) .cmp-breadcrumb__home-link,
  .cmp-breadcrumb--compact-mobile .cmp-breadcrumb__item:not(:nth-last-child(2)):not(:last-child) .cmp-breadcrumb__divider,
  .cmp-breadcrumb--compact-mobile .cmp-breadcrumb__item:not(:nth-last-child(2)):not(:last-child) .cmp-breadcrumb__label,
  .cmp-breadcrumb--compact-mobile .cmp-breadcrumb__item:nth-last-child(2) .cmp-breadcrumb__divider,
  .cmp-breadcrumb--compact-mobile .cmp-breadcrumb__item:nth-last-child(2) .cmp-breadcrumb__link span[itemprop="name"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .cmp-breadcrumb--compact-mobile .cmp-breadcrumb__item:nth-last-child(2) .cmp-breadcrumb__link {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    margin-left: 0 !important;
    color: var(--color-text-muted);
    text-decoration: none;
  }

  .cmp-breadcrumb--compact-mobile .cmp-breadcrumb__item:nth-last-child(2) .cmp-breadcrumb__link:hover,
  .cmp-breadcrumb--compact-mobile .cmp-breadcrumb__item:nth-last-child(2) .cmp-breadcrumb__link:focus-visible {
    color: var(--BN-black);
  }

  .cmp-breadcrumb--compact-mobile .cmp-breadcrumb__item:nth-last-child(2) .cmp-breadcrumb__link:focus-visible {
    outline: 2px solid var(--Turquesa-turquesa-500, #10acbb);
    outline-offset: 2px;
  }

  .cmp-breadcrumb--compact-mobile .cmp-breadcrumb__item:nth-last-child(2) .cmp-breadcrumb__back-icon {
    display: block;
    box-sizing: border-box;
    width: 0.5rem;
    height: 0.5rem;
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
    transform: rotate(45deg);
  }

  .cmp-breadcrumb--compact-mobile .cmp-breadcrumb__item--active .cmp-breadcrumb__divider {
    flex-shrink: 0;
    color: var(--color-text-muted);
    font-weight: var(--Weights-Light);
    text-decoration: none;
  }

  .cmp-breadcrumb--compact-mobile .cmp-breadcrumb__item--active span[itemprop="name"] {
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - 2.5rem);
    margin-left: 0 !important;
    overflow: hidden;
    font-weight: var(--Weights-Regular);
    color: var(--Turquesa-turquesa-500, #10acbb);
    text-decoration: underline;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}