.cmp-filteredTabs .hidden {
  display: none;
}

.section-shell .section-shell.cmp-filteredTabs__shell {
  padding-inline: 0;
}

.cmp-filteredTabs__inner,
.cmp-dropdownTabs .cmp-filteredTabs__inner-dd {
  max-width: var(--especiales-max-width-desktop);
  margin-inline: auto;
  width: 100%;
  padding-bottom: unset;
}
.cmp-dropdownTabs .cmp-filteredTabs__inner {
  max-width: unset;
  padding: unset;
  margin-inline: unset;
  width: unset;
  padding-bottom: unset;
}

.cmp-filteredTabs__title {
  margin-bottom: var(--space-4-5);
  color: var(--title-color, var(--Secundario-900));
}

.cmp-dropdownTabs .cmp-filteredTabs__title {
  display: none;
}

.cmp-filteredTabs__tabs {
  display: flex;
  padding: var(--space-1);
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  align-self: stretch;
  border-radius: var(--radius-full);
  background: var(--color-white);
  box-shadow: var(--shadow-elev-1);
  margin-bottom: var(--space-8);
}

.cmp-filteredTabs__tab {
  display: flex;
  padding: var(--space-3);
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  flex: 1 0 0;
  max-width: var(--agendas-tab-max-width);
  border-radius: var(--radius-full);
  color: var(--CAF-Textos-Text---Headings);
  border: 0;
  cursor: pointer;
  text-align: center;
  font-family: var(--font-family-body);
  font-size: var(--fs-label-md);
  font-style: normal;
  font-weight: var(--Weights-Regular);
  line-height: var(--lh-label-md);
}

/*.cmp-filteredTabs__tab.is-active {*/
.cmp-filteredTabs__tab.cmp-tabs__tab--active {
  background: var(--color-aprende-filter);
  font-weight: var(--Weights-Bold);
}

.cmp-filteredTabs__tab:focus-visible,
.cmp-dropdownTabs .cmp-filteredTabs__dropdown-trigger:focus-visible,
.cmp-filteredTabs__option:focus-visible,
.cmp-filteredTabs__related-item:focus-visible {
  outline: 0.125rem solid var(--color-brand-turquoise-500);
  outline-offset: 0.125rem;
}

/*.cmp-filteredTabs__dropdown {*/
.cmp-dropdownTabs .cmp-filteredTabs__dropdown {
  display: flex;
  position: relative;
  width: 100%;
  padding: var(--space-2) var(--space-4);
  align-items: center;
  align-self: stretch;
  border-radius: var(--radius-sm);
  background: var(--color-aprende-filter);
}

.cmp-dropdownTabs .cmp-filteredTabs__dropdown-trigger {
  display: flex;
  width: 100%;
  padding: 0;
  align-items: center;
  justify-content: space-between;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  transform-origin: center;
}

.cmp-filteredTabs__dropdown-icon {
  width: 1.5rem;
  height: 1.5rem;
  transition: transform 150ms ease;
}

.cmp-filteredTabs__dropdown.is-open .cmp-filteredTabs__dropdown-icon {
  transform: rotate(180deg);
}

/*.cmp-filteredTabs__dropdown-list {*/
.cmp-dropdownTabs .cmp-filteredTabs__tabs {
  width: 85%;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100% + var(--space-2));
  left: calc(var(--agendas-dropdown-list-padding) * -1);
  right: calc(var(--agendas-dropdown-list-padding) * -1);
  padding: var(--agendas-dropdown-list-padding);
  background: var(--color-white);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-elev-1);
  overflow: hidden;
  z-index: 2;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(calc(var(--space-1) * -1));
  transition: max-height var(--agendas-transition-duration) var(--agendas-transition-ease), opacity var(--agendas-transition-duration) var(--agendas-transition-ease), transform var(--agendas-transition-duration) var(--agendas-transition-ease), visibility 0ms linear var(--agendas-transition-duration);
}

/*.cmp-filteredTabs__dropdown.is-open .cmp-filteredTabs__dropdown-list {
.cmp-dropdownTabs .cmp-filteredTabs__tabs,*/
.cmp-dropdownTabs .cmp-filteredTabs__dropdown.is-open .cmp-filteredTabs__tabs {
  max-height: calc(var(--agendas-dropdown-max-height) + (var(--agendas-dropdown-list-padding) * 2));
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  overflow-y: auto;
  transition-delay: 0ms;
}

.cmp-filteredTabs__option[hidden] {
  display: none;
}

/*.cmp-filteredTabs__option {*/
.cmp-dropdownTabs .cmp-filteredTabs__tab {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--space-2) var(--space-4);
  border: 0;
  background: var(--color-white);
  text-align: left;
  cursor: pointer;
}

/*.cmp-filteredTabs__option.is-selected {*/
.cmp-dropdownTabs .cmp-filteredTabs__tab.cmp-tabs__tab--active {
  background: var(--color-aprende-filter);
}

/*.cmp-filteredTabs__option-label {*/
.cmp-dropdownTabs .cmp-filteredTabs__tab {
  text-align: left;
  width: 101%!important;
  flex: 1;
  max-width: unset;
}

.cmp-filteredTabs__dropdown.is-selection-change .cmp-filteredTabs__dropdown-trigger {
  animation: agendas-selection var(--agendas-selection-duration) var(--agendas-transition-ease);
}

/*###### Dropdown Centered Blue ######*/
.cmp-dropdownCenteredBlue .cmp-filteredTabs__tab.cmp-tabs__tab--active {
  background: var(--Primario-700);
  color: var(--BN-white);
  
}

.cmp-dropdownCenteredBlue .cmp-filteredTabs__tabs{
  background: var(--color-celeste-50);
}

.cmp-dropdownCenteredBlue .cmp-dropdownTabs .cmp-filteredTabs__dropdown .cmp-filteredTabs__tabs{
  background: var(--BN-white);
}

.cmp-dropdownCenteredBlue .cmp-filteredTabs__tab.cmp-tabs__tab--active::after {
  filter: brightness(0) invert(1);
}

/* Estado normal (3 clases) */
.cmp-dropdownCenteredBlue .cmp-dropdownTabs .cmp-filteredTabs__tab {
    background: var(--Primario-50);
}

/* Estado activo (4 clases: gana la especificidad) */
.cmp-dropdownCenteredBlue .cmp-dropdownTabs .cmp-filteredTabs__tab.cmp-tabs__tab--active {
    background: var(--Primario-700);
    color: var(--BN-white);
}
/*###### Dropdown Centered Blue ######*/

@keyframes agendas-selection {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(var(--agendas-selection-scale));
  }
  100% {
    transform: scale(1);
  }
}

.cmp-dropdownTabs .cmp-filteredTabs__panels {
  display: flex;
  padding: var(--space-4);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-6);
  align-self: stretch;
  border-radius: var(--radius-md);
  background: var(--BN-white);
  box-shadow: var(--shadow-elev-1);
  margin-top: var(--space-4);
}

.cmp-dropdownTabs .cmp-filteredTabs__panel {
  padding: var(--space-4);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.cmp-dropdownTabs .cmp-filteredTabs__panel.is-active {
  display: block;
}

.cmp-dropdownTabs .cmp-filteredTabs__panel-title {
  color: var(--Colors-Primary-Slate-900);
  font-family: var(--Heading-Escritorio-H4-fontFamily);
  font-size: var(--Heading-Escritorio-H4-fontSize);
  font-style: normal;
  font-weight: var(--Weights-SemiBold);
  line-height: var(--Heading-Escritorio-H4-lineHeight);
  letter-spacing: var(--Heading-Escritorio-H4-letterSpacing);
}

.cmp-dropdownTabs .cmp-filteredTabs__related-title {
  margin-bottom: var(--space-5);
  color: var(--Colors-Primary-Slate-900);
  font-family: var(--Heading-Escritorio-H4-fontFamily);
  font-size: var(--Heading-Escritorio-H4-fontSize);
  font-style: normal;
  font-weight: var(--Weights-SemiBold);
  line-height: var(--Heading-Escritorio-H4-lineHeight);
  letter-spacing: var(--Heading-Escritorio-H4-letterSpacing);
}

.cmp-dropdownTabs .cmp-filteredTabs__panel-image .cmp-image__image {
  margin-top: var(--space-5);
  border-radius: var(--radius-lg);
}

.cmp-dropdownTabs .cmp-filteredTabs__panel-description p {
  margin: var(--space-5) 0 var(--space-9);
  color: var(--Colors-Others-Color-Gray-700);
  font-family: var(--Subheading-Mvil-XL-fontFamily);
  font-size: var(--Subheading-Mvil-XL-fontSize);
  font-style: normal;
  font-weight: var(--Weights-Regular);
  line-height: var(--Subheading-Mvil-XL-lineHeight);
  letter-spacing: var(--Subheading-Mvil-XL-letterSpacing);
}

.cmp-dropdownTabs .cmp-filteredTabs__related {
  width: 100%;
}

.cmp-filteredTabs__related-list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--agendas-related-item-width);
  gap: var(--space-5);
  width: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: calc(var(--space-4) + 0.125rem);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-inline: 0.125rem;
}

.cmp-dropdownTabs .cmp-filteredTabs__related-list::-webkit-scrollbar {
  display: none;
}

.cmp-dropdownTabs .cmp-filteredTabs__related-item {
  display: flex;
  width: var(--agendas-related-item-width);
  padding: var(--space-4);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  background: var(--agendas-related-item-bg);
  border-radius: var(--radius-md);
  color: inherit;
  text-decoration: none;
  scroll-snap-align: start;
}

.cmp-dropdownTabs .cmp-filteredTabs__related-type {
  display: flex;
  padding: var(--space-1) var(--space-2);
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  width: fit-content;
  border-radius: var(--radius-sm);
  border: var(--border-width-1) solid var(--Neutros-Grey-800);
}

.cmp-dropdownTabs .cmp-filteredTabs__related-label {
  text-transform: uppercase;
  font-weight: var(--Weights-Bold);
}

.cmp-dropdownTabs .cmp-filteredTabs__related-date {
  color: var(--CAF-Colores-neutros-gris-900);
  font-family: var(--Body-Body-2-fontFamily);
  font-size: var(--Body-Body-2-fontSize);
  font-style: normal;
  font-weight: var(--Weights-Regular);
  line-height: var(--Body-Body-2-lineHeight);
  letter-spacing: var(--Body-Body-2-letterSpacing);
}

.cmp-dropdownTabs .cmp-filteredTabs__related-link {
  color: var(--Neutros-Grey-800);
  font-family: var(--Subheading-Mvil-M-fontFamily);
  font-size: var(--Subheading-Mvil-M-fontSize);
  font-style: normal;
  font-weight: var(--Weights-SemiBold);
  line-height: var(--Subheading-Mvil-M-lineHeight);
  letter-spacing: var(--Subheading-Mvil-M-letterSpacing);
  text-decoration: none;
}

.cmp-dropdownTabs .cmp-filteredTabs__related-chevron {
  display: flex;
  width: var(--agendas-related-chevron-size);
  height: var(--agendas-related-chevron-size);
  padding: var(--space-2);
  margin-top: auto;
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  border-radius: var(--radius-md);
  background: var(--Secundario-100);
  align-self: flex-end;
}

/*agregados*/
.cmp-dropdownTabs .cmp-filteredTabs__tab {
  justify-content: unset;
  border-radius: unset;
  font-family: unset;
  font-size: unset;
  font-weight: unset;
}
/*agregados*/
@media (max-width: 64rem) {
  .cmp-dropdownTabs .cmp-filteredTabs__tabs {
    width: unset;
    gap: unset;
  }

  .cmp-dropdownTabs .cmp-filteredTabs__tab {
    justify-content: unset;
    border-radius: unset;
    font-family: unset;
    font-size: unset;
    font-weight: unset;
    width: 100%!important;
  }

  .cmp-dropdownTabs .cmp-filteredTabs__inner,
  .cmp-dropdownTabs .cmp-filteredTabs__inner-dd {
    padding-top: unset;
  }
}

@media (min-width: 64rem) {
  .cmp-filteredTabs__title {
    font-family: var(--Heading-Escritorio-H2-fontFamily);
    font-size: var(--Heading-Escritorio-H2-fontSize);
    font-style: normal;
    font-weight: var(--Weights-SemiBold);
    line-height: var(--Heading-Escritorio-H2-lineHeight);
    letter-spacing: var(--Heading-Escritorio-H2-letterSpacing);
  }

  .cmp-filteredTabs__inner,
  .cmp-dropdownTabs .cmp-filteredTabs__inner-dd {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--agendas-tabs-width);
    align-items: center;
    column-gap: var(--space-4);
  }
  .cmp-dropdownTabs .cmp-filteredTabs__inner {
    display: unset;
    grid-template-columns: unset;
    align-items: unset;
    column-gap: unset;
  }

  .cmp-filteredTabs__title {
    margin-bottom: 0;
  }

  .cmp-filteredTabs__tabs {
    width: var(--agendas-tabs-width);
    justify-self: end;
  }

  /*.cmp-filteredTabs__content {
  .cmp-dropdownTabs .cmp-filteredTabs__inner {*/
  .cmp-dropdownTabs .cmp-filteredTabs__inner-dd {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: start;
    column-gap: var(--space-6);
    padding-top: unset;
  }

  /*.cmp-filteredTabs__content {*/
  .cmp-dropdownTabs .cmp-filteredTabs__inner {
    grid-column: unset;
    display: unset;
    grid-template-columns: unset;
    align-items: unset;
    column-gap: unset;
    padding-top: unset;
  }

  /*.cmp-dropdownTabs .cmp-filteredTabs__panel.is-active {*/
  .cmp-dropdownTabs .cmp-filteredTabs__panel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-6);
    align-items: start;
  }

  .cmp-dropdownTabs .cmp-filteredTabs__panel-title,
  .cmp-dropdownTabs .cmp-filteredTabs__related-title,
  .cmp-dropdownTabs .cmp-filteredTabs__related {
    grid-column: 1 / -1;
  }

  .cmp-dropdownTabs .cmp-filteredTabs__related-title {
    margin-top: var(--agendas-related-title-margin-top);
    margin-bottom: var(--agendas-related-title-margin-bottom);
  }

  .cmp-dropdownTabs .cmp-filteredTabs__panel-image .cmp-image__image{
    grid-column: 1 / 2;
    width: 100%;
  }

  .cmp-dropdownTabs .cmp-filteredTabs__panel-description p {
    grid-column: 2 / 3;
  }

  /*.cmp-filteredTabs__dropdown {*/
  .cmp-dropdownTabs .cmp-filteredTabs__dropdown {
    padding: 0;
    background: transparent;
    align-self: start;
  }

  .cmp-dropdownTabs .cmp-filteredTabs__dropdown-trigger {
    display: none;
  }

  /*.cmp-filteredTabs__dropdown-list {*/
  .cmp-dropdownTabs .cmp-filteredTabs__tabs {
    position: static;
    left: auto;
    right: auto;
    padding: var(--space-5) 0;
    margin-bottom: var(--space-5);
    gap: var(--agendas-option-gap);
    max-height: none;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    box-shadow: none;
  }

  /*.cmp-filteredTabs__dropdown.is-open .cmp-filteredTabs__dropdown-list {
  .cmp-dropdownTabs .cmp-filteredTabs__tabs,*/
  .cmp-dropdownTabs .cmp-filteredTabs__dropdown.is-open .cmp-filteredTabs__tabs {
    max-height: none;
    overflow: visible;
  }

  /*.cmp-filteredTabs__option {*/
  .cmp-dropdownTabs .cmp-filteredTabs__tab {
    padding: var(--space-4);
    min-height: var(--agendas-option-height);
    justify-content: space-between;
    align-items: center;
    gap: var(--agendas-option-content-gap);
    border-radius: var(--radius-md);
    background: var(--BN-white);
    box-shadow: var(--shadow-elev-1);
  }

  /*.cmp-filteredTabs__option-label {*/
  .cmp-dropdownTabs .cmp-filteredTabs__tab {
    text-align: left;
    width: auto;
    flex: 1;
  }

  /*.cmp-filteredTabs__option::after {*/
  .cmp-dropdownTabs .cmp-filteredTabs__tab::after {
    content: "";
    width: var(--agendas-option-icon-size);
    height: var(--agendas-option-icon-size);
    flex: 0 0 auto;
    background: url("../../../../etc.clientlibs/caf/clientlibs/clientlib-site/resources/images/svg/arrow_right_alt.svg") no-repeat center/contain;
  }

  

  .cmp-dropdownTabs .cmp-filteredTabs__related-list {
    grid-auto-flow: initial;
    grid-auto-columns: initial;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow-x: visible;
    scroll-snap-type: none;
  }

  .cmp-dropdownTabs .cmp-filteredTabs__related-item {
    width: 100%;
  }
}

/* ------------------------ */
/* ----- DropdownBlue ----- */
/* ------------------------ */

.cmp-dropdownBlueTabs .cmp-filteredTabs__title {
  display: none;
}

/* .cmp-filteredTabs__dropdown */
.cmp-dropdownBlueTabs .cmp-filteredTabs__dropdown {
  all: unset;

  display: flex;
  position: relative;
  width: 100%;
  padding: var(--space-2) var(--space-4);
  align-items: center;
  align-self: stretch;
  border-radius: var(--radius-sm);
  background: var(--Primario-700);
  box-sizing: border-box;
}
.cmp-dropdownBlueTabs.cmp-dropdownGreenTabs .cmp-filteredTabs__dropdown {
  background: #285C28;
}

.cmp-dropdownBlueTabs.cmp-dropdownGreenTabs .cmp-filteredTabs__panel-description a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  height: var(--especiales-cta-height);
  padding: 0 var(--space-6);
  align-self: stretch;
  /* width: 100%; */
  border-radius: var(--especiales-cta-radius);
  border: 0.0625rem solid var(--button-color, var(--Secundario-700));
  background: var(--Secundario-700);
  color: var(--button-color, var(--color-white));
  font-family: var(--font-family-body);
  font-size: var(--Label-Label-1-fontSize);
  font-weight: var(--Weights-Bold);
  cursor: pointer;
}

.cmp-dropdownBlueTabs .cmp-filteredTabs__panel-description a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  height: var(--especiales-cta-height);
  padding: 0 var(--space-6);
  align-self: stretch;
  /* width: 100%; */
  border-radius: var(--especiales-cta-radius);
  border: 0.0625rem solid var(--button-color, var(--Primario-700));
  background: var(--Primario-700);
  color: var(--button-color, var(--color-white));
  font-family: var(--font-family-body);
  font-size: var(--Label-Label-1-fontSize);
  font-weight: var(--Weights-Bold);
  cursor: pointer;
}

.cmp-dropdownBlueTabs .cmp-filteredTabs__panel-description a::after {
  content: "";
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  background-color: var(--color-white);
  -webkit-mask: url(../../../../etc.clientlibs/caf/clientlibs/clientlib-site/resources/images/svg/que-es-caf-part2/asi-contribuimos/chevron-derecha-azul-oscuro.svg)
    no-repeat center;
  -webkit-mask-size: contain;
  mask: url(../../../../etc.clientlibs/caf/clientlibs/clientlib-site/resources/images/svg/que-es-caf-part2/asi-contribuimos/chevron-derecha-azul-oscuro.svg)
    no-repeat center;
  mask-size: contain;
}

/* .cmp-filteredTabs__dropdown-trigger */
.cmp-dropdownBlueTabs .cmp-filteredTabs__dropdown-trigger {
  all: unset;

  display: flex;
  width: 100%;
  padding: 0;
  align-items: center;
  justify-content: space-between;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  transform-origin: center;
}

.cmp-dropdownBlueTabs .cmp-filteredTabs__dropdown-trigger:focus-visible {
  outline: 0.125rem solid var(--color-brand-turquoise-500);
  outline-offset: 0.125rem;
}

.cmp-dropdownBlueTabs .cmp-filteredTabs__dropdown.is-selection-change .cmp-filteredTabs__dropdown-trigger {
  animation: agendas-selection var(--agendas-selection-duration) var(--agendas-transition-ease);
}

/* .cmp-agendas__dropdown-leading */
.cmp-agendas__dropdown-leading {
  display: contents;
}

.cmp-dropdownBlueTabs .cmp-agendas__dropdown-leading {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  flex: 1;
}

/* .cmp-agendas__dropdown-selected-icon */
.cmp-agendas__dropdown-selected-icon {
  display: none;
}

.cmp-dropdownBlueTabs .cmp-agendas__dropdown-selected-icon {
  display: unset;
  width: var(--space-6);
  height: var(--space-6);
  flex: 0 0 auto;
  filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(1214%) hue-rotate(182deg) brightness(113%) contrast(98%);
}

/* .cmp-filteredTabs__dropdown-label */
.cmp-dropdownBlueTabs .cmp-filteredTabs__dropdown-label {
  all: unset;

  color: var(--BN-white);
  text-align: left;
}

/* .cmp-filteredTabs__dropdown-icon */
.cmp-dropdownBlueTabs .cmp-filteredTabs__dropdown-icon {
  all: unset;

  width: 1.5rem;
  height: 1.5rem;
  filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(1214%) hue-rotate(182deg) brightness(113%) contrast(98%);
  transition: transform 150ms ease;
}

.cmp-dropdownBlueTabs .cmp-filteredTabs__dropdown.is-open .cmp-filteredTabs__dropdown-icon {
  transform: rotate(180deg);
}

/* .cmp-filteredTabs__tabs */
.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-filteredTabs__tabs {
  all: unset;

  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100% + var(--space-2));
  left: calc(var(--agendas-dropdown-list-padding) * -1);
  right: calc(var(--agendas-dropdown-list-padding) * -1);
  padding: var(--agendas-dropdown-list-padding);
  background: var(--color-white);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-elev-1);
  overflow: hidden;
  z-index: 2;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(calc(var(--space-1) * -1));
  transition: max-height var(--agendas-transition-duration) var(--agendas-transition-ease), opacity var(--agendas-transition-duration) var(--agendas-transition-ease), transform var(--agendas-transition-duration) var(--agendas-transition-ease), visibility 0ms linear var(--agendas-transition-duration);
}

.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-filteredTabs__dropdown.is-open .cmp-filteredTabs__tabs {
  max-height: calc(var(--agendas-dropdown-max-height) + var(--agendas-dropdown-list-padding) * 2);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  overflow-y: auto;
  transition-delay: 0ms;
  gap: var(--space-6);
}

/* .cmp-tabs__tab */
.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-tabs__tab {
  /* all: unset; */
}

.cmp-agendas__option-icon,
.cmp-agendas__option-arrow {
  display: none;
}
.cmp-agendas__option-label {
  display: contents;
}

.cmp-dropdownBlueTabs .cmp-agendas__option-icon,
.cmp-dropdownBlueTabs .cmp-agendas__option-arrow,
.cmp-dropdownBlueTabs .cmp-agendas__option-label {
  display: unset;
}

.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-tabs__tab:focus-visible,
.cmp-agendas__related-item:focus-visible {
  outline: 0.125rem solid var(--color-brand-turquoise-500);
  outline-offset: 0.125rem;
}

.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-tabs__tab[hidden] {
  display: none;
}

.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-tabs__tab {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  flex: none;
  gap: 1.25rem;
  padding: 0.5rem 1rem;
  border: 0;
  border-radius: 1rem;
  background: var(--Informacin-blue-50, #eef5f8);
  box-shadow: 6px 4px 12px rgba(0, 0, 0, 0.15);
  text-align: left;
  cursor: pointer;
  color: var(--Neutros-Grey-900, #1e1f21);
  border-radius: var(--radius-sm);
}

.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs.cmp-dropdownGreenTabs .cmp-tabs__tab {
  background: #EDF6ED;
}

.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-tabs__tab.is-selected {
  background: var(--Primario-700, #004b87);
  color: var(--BN-white, #fdfdfd);
}
.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs.cmp-dropdownGreenTabs .cmp-tabs__tab.is-selected {
  background: #285C28;
  color: var(--BN-white, #fdfdfd);
}

.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-tabs__tab.is-selected .cmp-agendas__option-label {
  color: inherit;
}

.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-tabs__tab.is-selected .cmp-agendas__option-icon,
.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-tabs__tab.is-selected .cmp-agendas__option-arrow {
  filter: brightness(0) invert(1);
}

.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-tabs__tab.is-selected .cmp-agendas__option-arrow {
  transform: rotate(90deg);
}

.cmp-dropdownBlueTabs .cmp-agendas__option-label {
  text-align: left;
  width: 100%;
  flex: 1;
  font-family: var(--Subheading-Escritorio-XL-fontFamily, "Raleway", sans-serif);
  font-size: var(--Subheading-Escritorio-XL-fontSize, 1rem);
  font-weight: var(--Weights-SemiBold, 600);
  line-height: var(--Subheading-Escritorio-XL-lineHeight, 1.5rem);
  letter-spacing: var(--Subheading-Escritorio-XL-letterSpacing, 0);
}

.cmp-dropdownBlueTabs .cmp-agendas__option-icon,
.cmp-dropdownBlueTabs .cmp-agendas__option-arrow {
  width: 1.5rem;
  height: 1.5rem;
  flex: 0 0 auto;
  flex-shrink: 0;
}

.cmp-dropdownBlueTabs .cmp-agendas__option-icon {
  background-color: var(--Primario-700);
  -webkit-mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: var(--icon-url);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.cmp-dropdownBlueTabs.cmp-dropdownGreenTabs .cmp-agendas__option-icon {
  background-color: #1F471E;
}

.cmp-dropdownBlueTabs .cmp-agendas__option-arrow {
  filter: brightness(0) invert(1);
  transform: rotate(0deg);
  transition: transform 0.25s ease;
}

.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-tabs__tab:not(.is-selected) .cmp-agendas__option-arrow {
  filter: brightness(0) saturate(100%) invert(24%) sepia(83%) saturate(1485%) hue-rotate(186deg) brightness(92%) contrast(96%);
}

@media (min-width: 64rem) {
  .cmp-dropdownBlueTabs .cmp-filteredTabs__inner-dd {
    display: grid;
    grid-template-columns: minmax(14px, 28%) minmax(0, 72%);
    align-items: start;
    column-gap: var(--space-3);
    max-width: var(--especiales-max-width-desktop);
    margin: var(--space-8) auto;
  }

  .cmp-dropdownBlueTabs .cmp-filteredTabs__inner {
    display: unset;
    grid-template-columns: unset;
    align-items: unset;
    column-gap: unset;
  }

  /* .cmp-filteredTabs__dropdown */
  .cmp-dropdownBlueTabs .cmp-filteredTabs__dropdown,
  .cmp-dropdownBlueTabs.cmp-dropdownGreenTabs .cmp-filteredTabs__dropdown {
    padding: 0;
    background: transparent;
    align-self: start;
    width: 100%;
  }

  /* .cmp-filteredTabs__dropdown-trigger */
  .cmp-dropdownBlueTabs .cmp-filteredTabs__dropdown-trigger {
    display: none;
  }

  /* .cmp-filteredTabs__tabs */
  .cmp-dropdownBlueTabs.cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-filteredTabs__tabs {
    position: static;
    left: auto;
    right: auto;
    padding: var(--space-7-5) 0;
    margin-bottom: var(--space-5);
    gap: var(--agendas-option-gap);
    max-height: none;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    box-shadow: none;
  }
  .cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-filteredTabs__dropdown.is-open .cmp-filteredTabs__tabs {
    max-height: none;
    overflow: visible;
    max-width: calc(100% - var(--space-11-5));
  }
  .cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-filteredTabs__tab::after {
    display: none;
  }

  /* .cmp-tabs__tab */
  .cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-tabs__tab {
    padding: var(--space-4);
    min-height: var(--agendas-option-height);
    justify-content: space-between;
    align-items: center;
    gap: var(--agendas-option-content-gap);
    border-radius: var(--radius-md);
    background: var(--Informacin-blue-50, #EEF5F8);
    box-shadow: var(--shadow-elev-1);
    max-width: none;
    width: 100%;
  }
  .cmp-dropdownBlueTabs.cmp-dropdownBlueTabs.cmp-dropdownGreenTabs .cmp-tabs__tab {
    background: #EDF6ED;
  }
  .cmp-dropdownBlueTabs .cmp-agendas__option-label {
    text-align: left;
    width: auto;
    flex: 1;
  }
  .cmp-dropdownBlueTabs.cmp-dropdownBlueTabs .cmp-tabs__tab.is-selected .cmp-agendas__option-arrow {
    transform: rotate(0deg);
  }
}

/* ------------------------ */
/* ------- Centered ------- */
/* ------------------------ */

/* .cmp-filteredTabs__tabs */
/* :not(.cmp-tabs__tabpanel *) evita que estas reglas se filtren hacia un filteredTabs anidado dentro de un tabpanel */
.cmp-baseCentered .cmp-filteredTabs__tabs:not(.cmp-tabs__tabpanel *) {
  all: unset;

  display: flex;
  flex-wrap: nowrap;
  padding: var(--space-1);
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  border-radius: var(--radius-full) 0 0 var(--radius-full);
  background: var(--color-secundario-50);
  margin-top: var(--space-4);
  width: 100%;
  max-width: none;
  align-self: center;
  box-sizing: border-box;
  margin-inline: auto;
  min-height: var(--space-9);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

@media (max-width: 63.9375rem) {
  .cmp-baseCentered .cmp-filteredTabs__tabs:not(.cmp-tabs__tabpanel *) {
    width: calc(100% + var(--space-4));
    margin-inline: 0;
    justify-content: flex-start;
  }
}

@media (min-width: 64rem) {
  .cmp-baseCentered .cmp-filteredTabs__tabs:not(.cmp-tabs__tabpanel *) {
    border-radius: var(--radius-full);
    width: auto;
    max-width: none;
    display: inline-flex;
    margin-inline: auto;
    justify-content: center;
  }
}

.cmp-baseCentered .cmp-filteredTabs__tabs:not(.cmp-tabs__tabpanel *)::-webkit-scrollbar {
  display: none;
}

/* .cmp-tabs__tab */
.cmp-baseCentered .cmp-filteredTabs__tabs:not(.cmp-tabs__tabpanel *) .cmp-tabs__tab {
  all: unset;

  margin: 0;
  padding: var(--space-3);
  font-family: var(--font-family-body);
  font-size: var(--fs-label-md);
  line-height: var(--lh-label-md);
  font-weight: var(--fw-regular);
  color: var(--color-secondary);
  white-space: nowrap;
  background: transparent;
  border: none;
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: background-color 150ms ease, color 150ms ease;
}
.cmp-baseCentered .cmp-filteredTabs__tabs:not(.cmp-tabs__tabpanel *) .cmp-tabs__tab[aria-pressed=true] {
  background-color: var(--color-aprende-filter);
  color: var(--color-secondary);
  font-weight: var(--fw-semibold);
}

/* .cmp-filteredTabs__inner */
.cmp-baseCentered .cmp-filteredTabs__inner:not(.cmp-tabs__tabpanel *) {
  all: unset;
}

/* .cmp-filteredTabs__title */
.cmp-baseCentered .cmp-filteredTabs__title:not(.cmp-tabs__tabpanel *) {
  display: none;
}

/* .cmp-filteredTabs__dropdown */
.cmp-baseCentered .cmp-filteredTabs__dropdown:not(.cmp-tabs__tabpanel *) {
  all: unset;

  display: grid;
  gap: var(--space-6);
  justify-items: flex-start;
}

/* ------------------------ */
/* -- Filtered Tabs Item -- */
/* ------------------------ */

/* .cmp-filteredTabs__panels */
.cmp-itemLinks .cmp-filteredTabs__panels {
  all: unset;

  display: flex;
  padding: var(--space-4);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-6);
  align-self: stretch;
  border-radius: var(--radius-md);
  background: var(--BN-white);
  box-shadow: var(--shadow-elev-1);
  margin-top: var(--space-4);
}

.cmp-itemWithoutBoxContent .cmp-filteredTabs__panels {
  all: unset;
  display: flex;
  padding: var(--space-4);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-6);
  align-self: stretch;
  border-radius: var(--radius-md);
  background: var(--BN-white);
  margin-top: var(--space-4);
}


.cmp-itemLinks .cmp-filteredTabs__panel,
  .cmp-itemWithoutBoxContent .cmp-filteredTabs__panels {
    padding: var(--space-4);
  }
@media (min-width: 64rem) {
  /* .cmp-filteredTabs__panel */
  .cmp-itemLinks .cmp-filteredTabs__panel,
  .cmp-itemWithoutBoxContent .cmp-filteredTabs__panels {
    all: unset;
    display: flex;
    padding: var(--space-6) var(--space-4);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    flex-direction: column;
  }
}

/* .cmp-agendas__panel-title */
.cmp-itemLinks .cmp-filteredTabs__panel-title,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__panel-title {
  all: unset;
  order: 1;
  color: var(--Colors-Primary-Slate-900);
  font-family: var(--Heading-Escritorio-H4-fontFamily);
  font-size: var(--Heading-Escritorio-H4-fontSize);
  font-style: normal;
  font-weight: var(--Weights-SemiBold);
  line-height: var(--Heading-Escritorio-H4-lineHeight);
  letter-spacing: var(--Heading-Escritorio-H4-letterSpacing);
}

/* .cmp-filteredTabs__panel-image */
.cmp-itemLinks .cmp-filteredTabs__panel-image,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__panel-image,
.cmp-itemLinks .cmp-filteredTabs__panel-image > div,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__panel-image > div {
  display: contents;
}

.cmp-itemLinks.cmp-itemLinks .cmp-filteredTabs__panel-image img,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__panel-image img {
  grid-column: unset;
  height: unset;
  order: 3;
  width: 100%;
  max-width: 100%;
  max-height: 18.5rem; /* 296px */
  display: block;
  object-fit: cover;
  margin-top: 0;
  margin-bottom: var(--space-9);
  border-radius: var(--radius-lg);
}

/* .cmp-filteredTabs__panel-description */
.cmp-itemLinks .cmp-filteredTabs__panel-description,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__panel-description {
  display: block;
  order: 2;
  width: 100%;
}

.cmp-itemLinks .cmp-filteredTabs__panel-description > p,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__panel-description > p {
  all: unset;

  display: block;
  margin: var(--space-5) 0 var(--space-9);
  color: var(--Colors-Others-Color-Gray-700);
  font-family: var(--Subheading-Mvil-XL-fontFamily);
  font-size: var(--Subheading-Mvil-XL-fontSize);
  font-style: normal;
  font-weight: var(--Weights-Regular);
  line-height: var(--Subheading-Mvil-XL-lineHeight);
  letter-spacing: var(--Subheading-Mvil-XL-letterSpacing);
}

/* .cmp-filteredTabs__related-title */
.cmp-itemLinks .cmp-filteredTabs__related-title,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__related-title {
  all: unset;
  order: 4;
  margin-bottom: var(--space-5);
  color: var(--Colors-Primary-Slate-900);
  font-family: var(--Heading-Escritorio-H4-fontFamily);
  font-size: var(--Heading-Escritorio-H4-fontSize);
  font-style: normal;
  font-weight: var(--Weights-SemiBold);
  line-height: var(--Heading-Escritorio-H4-lineHeight);
  letter-spacing: var(--Heading-Escritorio-H4-letterSpacing);
}

/* .cmp-filteredTabs__related */
.cmp-itemLinks .cmp-filteredTabs__related,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__related {
  display: unset;
  order: 5;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* .cmp-filteredTabs__related-list */
.cmp-itemLinks .cmp-filteredTabs__related-list,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__related-list {
  display: none;
}

/* .cmp-agendas__material-item */
.cmp-agendas__material-item {
  display: none;
}

.cmp-itemLinks .cmp-agendas__material-item,
.cmp-itemWithoutBoxContent .cmp-agendas__material-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-5);
  border: 0;
  border-bottom: var(--border-width-1) solid var(--Celeste-500-Marca);
  border-radius: 0;
  background: transparent;
  cursor: pointer;
}

.cmp-itemLinks .cmp-agendas__material-item:nth-child(2),
.cmp-itemWithoutBoxContent .cmp-agendas__material-item:nth-child(2) {
  background: var(--Informacin-blue-50);
}

/* .cmp-agendas__material-label */
.cmp-itemLinks .cmp-agendas__material-label,
.cmp-itemWithoutBoxContent .cmp-agendas__material-label {
  text-align: left;
  flex: 1;
}

/* .cmp-agendas__material-chevron */
.cmp-itemLinks .cmp-agendas__material-chevron,
.cmp-itemWithoutBoxContent .cmp-agendas__material-chevron {
  width: var(--space-6);
  height: var(--space-6);
  flex: 0 0 auto;
}

@media (min-width: 64rem) {
  /* .cmp-filteredTabs__panel-image */
  .cmp-itemLinks.cmp-itemLinks .cmp-filteredTabs__panel-image img,
  .cmp-itemWithoutBoxContent .cmp-filteredTabs__panel-image img {
    width: 100%;
    max-width: 100%;
  }

  /* .cmp-filteredTabs__related-title */
  .cmp-itemLinks .cmp-filteredTabs__related-title,
  .cmp-itemWithoutBoxContent .cmp-filteredTabs__related-title {
    margin-bottom: var(--agendas-related-title-margin-bottom);
  }
}

/* Nested container: visible only for the Links style */
.cmp-filteredTabs__item-container {
  display: none;
}

.cmp-itemLinks .cmp-filteredTabs__item-container,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__item-container {
  display: block;
  order: 6;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.cmp-itemLinks .cmp-filteredTabs__related:has(.cmp-agendas__material-item) + .cmp-filteredTabs__item-container,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__related:has(.cmp-agendas__material-item) + .cmp-filteredTabs__item-container {
  margin-top: var(--space-9);
}

.cmp-itemLinks .cmp-filteredTabs__item-container .cmp-container,
.cmp-itemLinks .cmp-filteredTabs__item-container .aem-Grid,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__item-container .cmp-container,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__item-container .aem-Grid {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.cmp-itemLinks .cmp-filteredTabs__item-container .aem-GridColumn,
.cmp-itemWithoutBoxContent .cmp-filteredTabs__item-container .aem-GridColumn {
  padding-left: 0;
  padding-right: 0;
}

/* ------------------------ */
/* --- Editorial Header --- */
/* Maqueta ref: cmp-experiencias-la-comunidad__heading / __tabs */
/* ------------------------ */

.cmp-editorialHeader.cmp-filteredTabs {
  width: 100%;
  box-sizing: border-box;
}

.cmp-editorialHeader .cmp-filteredTabs__editorial {
  max-width: 90rem;
  margin-inline: auto;
  width: 100%;
  /*padding: 3.75rem 7.5rem;*/
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-block: var(--space-11-5);
}

.cmp-editorialHeader .cmp-filteredTabs__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.cmp-editorialHeader .cmp-filteredTabs__heading-icon {
  width: 3.5rem;
  height: 3.5rem;
  padding: 1rem;
  border-radius: 1.25rem;
  background: var(--icon-bg-color, #f2b139);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.cmp-editorialHeader .cmp-filteredTabs__heading-icon::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--icon-color, #ffffff);
  -webkit-mask: var(--icon-url) no-repeat center;
  -webkit-mask-size: contain;
  mask: var(--icon-url) no-repeat center;
  mask-size: contain;
}

.cmp-editorialHeader .cmp-filteredTabs__heading-icon-image {
  width: 3.5rem;
  height: 3.5rem;
  padding: 1rem;
  border-radius: 1.25rem;
  background: var(--icon-bg-color, #f2b139);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cmp-editorialHeader .cmp-filteredTabs__heading-icon-image .cmp-image,
.cmp-editorialHeader .cmp-filteredTabs__heading-icon-image .cmp-image__image {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
  display: block;
}

.cmp-editorialHeader .cmp-filteredTabs__heading-title {
  width: 100%;
}

.cmp-editorialHeader .cmp-filteredTabs__heading-title .cmp-title__text,
.cmp-editorialHeader .cmp-filteredTabs__heading-title h1,
.cmp-editorialHeader .cmp-filteredTabs__heading-title h2,
.cmp-editorialHeader .cmp-filteredTabs__heading-title h3 {
  margin: 0;
  color: #02045e;
  font-family: var(--Heading-Escritorio-H2-fontFamily);
  font-size: var(--Heading-Escritorio-H2-fontSize);
  font-style: normal;
  font-weight: var(--Weights-SemiBold, 600);
  line-height: var(--Heading-Escritorio-H2-lineHeight);
  letter-spacing: var(--Heading-Escritorio-H2-letterSpacing);
}

.cmp-editorialHeader .cmp-filteredTabs__heading-description {
  width: 100%;
  margin: 0;
  color: #585a5d;
  font-family: var(--Body-Body-2-fontFamily);
  font-size: var(--Body-Body-2-fontSize);
  font-style: normal;
  font-weight: var(--Weights-Regular, 400);
  line-height: var(--Body-Body-2-lineHeight);
  letter-spacing: var(--Body-Body-2-letterSpacing);
}

.cmp-editorialHeader .cmp-filteredTabs__heading-description p {
  margin: 0;
}

.cmp-editorialHeader .cmp-filteredTabs__heading-link {
  color: #3b3b3b;
  font-family: var(--Body-Body-2-fontFamily);
  font-size: var(--Body-Body-2-fontSize);
  font-style: normal;
  font-weight: var(--Weights-Regular, 400);
  line-height: 1.5rem;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}

.cmp-filteredTabs__heading-title div {
    display: contents;
}

.cmp-editorialHeader .cmp-filteredTabs__heading-link:focus-visible {
  outline: 0.125rem solid #fd6337;
  outline-offset: 0.125rem;
}

.cmp-editorialHeader .cmp-filteredTabs__tabs-shell {
  width: fit-content;
  max-width: 100%;
  align-self: center;
}

.cmp-editorialHeader .cmp-filteredTabs__tabs {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 1.0625rem;
  margin: 0;
  padding: 0.5rem;
  list-style: none;
  border-radius: 62.4375rem;
  background: var(--tab-container-color, #f6eddb);
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  width: fit-content;
}

.cmp-editorialHeader .cmp-filteredTabs__tabs::-webkit-scrollbar {
  display: none;
}

.cmp-editorialHeader .cmp-filteredTabs__tab {
  margin: 0;
  padding: 0.75rem;
  border: 0;
  border-radius: 62.4375rem;
  background: transparent;
  color: #343537;
  font-family: var(--Label-Label-2-fontFamily);
  font-size: var(--Label-Label-2-fontSize);
  font-style: normal;
  font-weight: var(--Weights-Regular, 400);
  line-height: var(--Label-Label-2-lineHeight);
  letter-spacing: var(--Label-Label-2-letterSpacing);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease;
  max-width: none;
}

.cmp-editorialHeader .cmp-filteredTabs__tab:hover {
  background: var(--tab-hover-color, #fff2d2);
}

.cmp-editorialHeader .cmp-filteredTabs__tab.cmp-tabs__tab--active {
  background: var(--tab-active-color, #f2b139);
  color: var(--tab-active-text-color, #141516);
  font-weight: var(--Weights-Bold, 700);
}

.cmp-editorialHeader .cmp-filteredTabs__tab:focus-visible {
  outline: 0.125rem solid #fd6337;
  outline-offset: 0.125rem;
}

.cmp-editorialHeader .cmp-filteredTabs__tabpanel,
.cmp-editorialHeader .cmp-tabs__tabpanel {
  width: 100%;
}

@media (max-width: 63.99rem) {
  .cmp-editorialHeader .cmp-filteredTabs__editorial {
    gap: 2rem;
    padding-block: var(--space-6);
  }

  .cmp-editorialHeader .cmp-filteredTabs__heading-title .cmp-title__text,
  .cmp-editorialHeader .cmp-filteredTabs__heading-title h1,
  .cmp-editorialHeader .cmp-filteredTabs__heading-title h2,
  .cmp-editorialHeader .cmp-filteredTabs__heading-title h3 {
    width: 100%;
    font-family: var(--Heading-Mvil-H2-fontFamily);
    font-size: var(--Heading-Mvil-H2-fontSize);
    line-height: var(--Heading-Mvil-H2-lineHeight);
    letter-spacing: var(--Heading-Mvil-H2-letterSpacing);
  }

  .cmp-editorialHeader .cmp-filteredTabs__heading-description,
  .cmp-editorialHeader .cmp-filteredTabs__heading-description p {
    font-family: var(--Body-Body-3-fontFamily);
    font-size: var(--Body-Body-3-fontSize);
    line-height: var(--Body-Body-3-lineHeight);
    letter-spacing: var(--Body-Body-3-letterSpacing);
  }

  .cmp-editorialHeader .cmp-filteredTabs__tabs {
    gap: 0.5rem;
  }

  .cmp-editorialHeader .cmp-filteredTabs__tab {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: -0.0075rem;
    text-wrap: wrap;
  }
}

/* ------------------------ */
/* ---- Blue Tabs Arrow --- */
/* ------------------------ */

.cmp-blueTabsArrow .cmp-filteredTabs__inner-dd {
  padding-block: var(--space-10);
}

.cmp-blueTabsArrow .cmp-filteredTabs__select-label {
  margin: 0 0 var(--space-2);
  color: var(--Neutros-800, #343537);
  font-family: var(--Body-Body-3-fontFamily, "Raleway", sans-serif);
  font-size: var(--Body-Body-3-fontSize, 0.875rem);
  font-weight: var(--Weights-Regular, 400);
  line-height: var(--Body-Body-3-lineHeight, 1.25rem);
}

.cmp-blueTabsArrow .cmp-filteredTabs__dropdown {
  all: unset;
  display: flex;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: var(--space-2) var(--space-4);
  align-items: center;
  align-self: stretch;
  border-radius: var(--radius-sm);
  background: var(--Informacin-blue-50, #eef5f8);
}

.cmp-blueTabsArrow .cmp-filteredTabs__dropdown-trigger,
.cmp-blueTabsArrow .cmp-filteredTabs__dropdown-trigger.hidden {
  all: unset;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  border: 0;
  background: transparent;
  cursor: pointer;
  color: var(--Neutros-Grey-900, #1e1f21);
}

.cmp-blueTabsArrow .cmp-filteredTabs__dropdown-trigger:focus-visible {
  outline: 0.125rem solid var(--color-brand-turquoise-500);
  outline-offset: 0.125rem;
}

.cmp-blueTabsArrow .cmp-agendas__dropdown-leading {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1;
}

.cmp-blueTabsArrow .cmp-agendas__dropdown-selected-icon,
.cmp-blueTabsArrow .cmp-agendas__option-icon {
  display: none;
}

.cmp-blueTabsArrow .cmp-filteredTabs__dropdown-label {
  all: unset;
  color: var(--Neutros-Grey-900, #1e1f21);
  text-align: left;
  font-family: var(--Subheading-Escritorio-XL-fontFamily, "Raleway", sans-serif);
  font-size: var(--Subheading-Escritorio-XL-fontSize, 1rem);
  font-weight: var(--Weights-SemiBold, 600);
  line-height: var(--Subheading-Escritorio-XL-lineHeight, 1.5rem);
}

.cmp-blueTabsArrow .cmp-filteredTabs__dropdown-icon {
  width: 1.5rem;
  height: 1.5rem;
  flex: 0 0 auto;
  transition: transform 150ms ease;
}

.cmp-blueTabsArrow .cmp-filteredTabs__dropdown.is-open .cmp-filteredTabs__dropdown-icon {
  transform: rotate(180deg);
}

.cmp-blueTabsArrow .cmp-filteredTabs__tabs {
  all: unset;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100% + var(--space-2));
  left: calc(var(--agendas-dropdown-list-padding) * -1);
  right: calc(var(--agendas-dropdown-list-padding) * -1);
  box-sizing: border-box;
  padding: var(--agendas-dropdown-list-padding);
  gap: var(--agendas-option-gap);
  background: var(--color-white);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-elev-1);
  overflow: hidden;
  z-index: 2;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(calc(var(--space-1) * -1));
  transition: max-height var(--agendas-transition-duration) var(--agendas-transition-ease), opacity var(--agendas-transition-duration) var(--agendas-transition-ease), transform var(--agendas-transition-duration) var(--agendas-transition-ease), visibility 0ms linear var(--agendas-transition-duration);
}

.cmp-blueTabsArrow .cmp-filteredTabs__dropdown.is-open .cmp-filteredTabs__tabs {
  max-height: calc(var(--agendas-dropdown-max-height) + var(--agendas-dropdown-list-padding) * 2);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  overflow-y: auto;
  transition-delay: 0ms;
}

.cmp-blueTabsArrow .cmp-tabs__tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  flex: none;
  gap: 1rem;
  padding: var(--space-2) var(--space-4);
  min-height: var(--agendas-option-height);
  border: 0;
  border-radius: var(--radius-md);
  background: var(--Informacin-blue-50, #eef5f8);
  box-shadow: var(--shadow-elev-1);
  text-align: left;
  cursor: pointer;
  color: var(--Neutros-Grey-900, #1e1f21);
}

.cmp-blueTabsArrow .cmp-tabs__tab.is-selected,
.cmp-blueTabsArrow .cmp-tabs__tab.cmp-tabs__tab--active {
  background: var(--Primario-700, #004b87);
  color: var(--BN-white, #fdfdfd);
}

.cmp-blueTabsArrow .cmp-tabs__tab:focus-visible {
  outline: 0.125rem solid var(--color-brand-turquoise-500);
  outline-offset: 0.125rem;
}

.cmp-blueTabsArrow .cmp-tabs__tab[hidden] {
  display: none;
}

.cmp-blueTabsArrow .cmp-agendas__option-label {
  display: block;
  flex: 1;
  min-width: 0;
  text-align: left;
  color: inherit;
  font-family: var(--Subheading-Escritorio-XL-fontFamily, "Raleway", sans-serif);
  font-size: var(--Subheading-Escritorio-XL-fontSize, 1rem);
  font-weight: var(--Weights-SemiBold, 600);
  line-height: var(--Subheading-Escritorio-XL-lineHeight, 1.5rem);
  letter-spacing: var(--Subheading-Escritorio-XL-letterSpacing, 0);
}

.cmp-blueTabsArrow .cmp-agendas__option-arrow {
  display: none;
}

.cmp-blueTabsArrow .cmp-tabs__tab::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-inline: 1rem;
  flex: 0 0 auto;
  background: url("../../../../etc.clientlibs/caf/clientlibs/clientlib-site/resources/images/svg/arrow_right_alt.svg") no-repeat center / contain;
}

.cmp-blueTabsArrow .cmp-tabs__tab.is-selected::after,
.cmp-blueTabsArrow .cmp-tabs__tab.cmp-tabs__tab--active::after {
  filter: brightness(0) invert(1);
}

@media (min-width: 64rem) {
  .cmp-blueTabsArrow .cmp-filteredTabs__select-label {
    display: none;
  }

  .cmp-blueTabsArrow .cmp-itemLinks .cmp-filteredTabs__panels {
    margin-top: 0;
  }

  .cmp-blueTabsArrow .cmp-filteredTabs__inner-dd {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: start;
    column-gap: var(--space-13-1);
    max-width: var(--especiales-max-width-desktop);
    margin-inline: auto;
    padding-block: var(--space-11-5);
  }

  .cmp-blueTabsArrow .cmp-filteredTabs__inner {
    display: block;
    width: 100%;
  }

  .cmp-blueTabsArrow .cmp-filteredTabs__dropdown {
    padding: 0;
    background: transparent;
    align-self: start;
    width: 100%;
  }

  .cmp-blueTabsArrow .cmp-filteredTabs__dropdown-trigger,
  .cmp-blueTabsArrow .cmp-filteredTabs__dropdown-trigger.hidden {
    display: none;
  }

  .cmp-blueTabsArrow .cmp-filteredTabs__tabs,
  .cmp-blueTabsArrow .cmp-filteredTabs__dropdown.is-open .cmp-filteredTabs__tabs {
    position: static;
    left: auto;
    right: auto;
    padding: 0;
    margin: 0;
    gap: var(--agendas-option-gap);
    max-height: none;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    box-shadow: none;
    background: transparent;
  }
}