body.archive-filter-open {
  overflow: hidden;
}

.breadcrumb ol {
  display: flex;
  list-style: none;
  gap: 30px;
  padding: 0;
  margin: 0;
  align-items: center;
}
.breadcrumb ol li {
  font-size: 16px;
  color: #fff;
  position: relative;
}
.breadcrumb ol li:not(:last-child)::after {
  content: "";
  display: block;
  background: url('data:image/svg+xml,<svg width="5" height="7" viewBox="0 0 5 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.83203 3.04102C4.06055 3.25195 4.06055 3.62109 3.83203 3.83203L1.01953 6.64453C0.808594 6.87305 0.439453 6.87305 0.228516 6.64453C0 6.43359 0 6.06445 0.228516 5.85352L2.63672 3.42773L0.228516 1.01953C0 0.808594 0 0.439453 0.228516 0.228516C0.439453 0 0.808594 0 1.01953 0.228516L3.83203 3.04102Z" fill="white"/></svg>') no-repeat center/contain;
  width: 6px;
  height: 9px;
  left: calc(100% + 12px);
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.breadcrumb ol li a {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
}

.archive-cursos__filters-col {
  position: relative;
}
.archive-cursos__filter-dropdown {
  position: relative;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .archive-cursos__filter-dropdown {
    position: absolute;
    right: 0;
  }
}
.archive-cursos__filter-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-width: 132px;
  min-height: 36px;
  padding: 8px 12px;
  background-color: #fff;
  border: 1px solid #168189;
  border-radius: 8px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-content-default, #181C1C);
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}
.archive-cursos__filter-trigger:hover {
  background-color: rgba(22, 129, 137, 0.04);
}
.archive-cursos__filter-trigger-icon {
  font-size: 16px;
  color: #168189;
  transition: transform 0.2s;
}
.archive-cursos__filter-trigger[aria-expanded=true] .archive-cursos__filter-trigger-icon {
  transform: rotate(180deg);
}
.archive-cursos__filter-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgba(24, 24, 27, 0.4);
  z-index: 1040;
}
.archive-cursos__filter-backdrop[aria-hidden=false] {
  display: block;
}
.archive-cursos__filter-panel {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  width: 100%;
  max-width: 389px;
  min-height: 200px;
  max-height: min(557px, 80vh);
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #C8D0D0;
  border-radius: 8px;
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08);
  z-index: 1050;
}
@media screen and (max-width: 768px) {
  .archive-cursos__filter-panel {
    min-width: 80vw;
    left: auto !important;
  }
}
.archive-cursos__filter-panel[aria-hidden=false] {
  display: block;
}
.archive-cursos__filter-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 12px 11px 13px;
}
.archive-cursos__filter-panel-title {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--color-content-default, #181C1C);
}
.archive-cursos__filter-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  background: none;
  border: none;
  color: var(--color-content-default, #181C1C);
  cursor: pointer;
  font-size: 18px;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.archive-cursos__filter-close:hover {
  opacity: 1;
}
.archive-cursos__filter-panel-divider {
  height: 1px;
  background-color: #C8D0D0;
  margin: 0;
}
.archive-cursos__filter-panel-body {
  padding: 12px 12px 12px 36px;
}
.archive-cursos__filter-panel-body .filter-box {
  margin-bottom: 16px;
}
.archive-cursos__filter-panel-body .filter-box:last-child {
  margin-bottom: 0;
}
.archive-cursos__filter-panel-body .filter-box h4 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 12px;
  margin-bottom: 0;
  border: none;
}
.archive-cursos__filter-panel-body .filter-box ul {
  flex-direction: column;
  gap: 16px;
  margin-bottom: 0;
}
.archive-cursos__filter-panel-body .filter-box li {
  gap: 12px;
}
.archive-cursos__filter-panel-body .filter-box li label {
  font-size: 18px;
  font-weight: 500;
}
.archive-cursos__filter-panel-body .filter-box input[type=checkbox] + label::before {
  border-color: #168189;
  width: 24px;
  height: 24px;
}
.archive-cursos__filter-sidebar .filter-box {
  margin-bottom: 48px;
}
.archive-cursos #archive-curso-header {
  padding-top: 120px;
  background-color: #168189;
}
.archive-cursos #archive-curso-header h1 {
  color: var(--color-content-inverse, #FFF);
  font-family: Montserrat;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin: 0;
}
.archive-cursos .cursos-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media screen and (min-width: 572px) {
  .archive-cursos .cursos-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media screen and (min-width: 992px) {
  .archive-cursos .cursos-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 16px;
  }
}
.archive-cursos .cursos-grid .item-curso {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  position: relative;
  border-radius: 15px;
  height: 100%;
  float: unset;
  overflow: hidden;
}
.archive-cursos .cursos-grid .item-curso.with-border {
  border: 1px solid #C8D0D0;
}
.archive-cursos .cursos-grid .item-curso img {
  width: 100%;
  max-width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 15px 15px 0 0;
}
.archive-cursos .cursos-grid .item-curso .categories {
  position: absolute;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  left: 23px;
  top: 26px;
  display: flex;
  gap: 5px;
}
.archive-cursos .cursos-grid .item-curso .categories a {
  padding: 10px 15px;
  border-radius: 30px;
  font-family: Montserrat;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #181C1C;
  background-color: #fff;
  text-decoration: none;
  display: flex;
}
.archive-cursos .cursos-grid .item-curso .categories a img {
  width: 18px;
  height: auto;
  object-fit: cover;
}
.archive-cursos .cursos-grid .item-curso .categories a:first-of-type {
  background-color: #EDA960;
}
.archive-cursos .cursos-grid .item-curso__body {
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.archive-cursos .cursos-grid .item-curso__body .legend {
  color: #209AA2;
  font-family: Montserrat;
  font-size: 1.1875rem;
  font-weight: 600;
  line-height: 1.625rem;
  margin-bottom: 9px;
}
.archive-cursos .cursos-grid .item-curso__body .title {
  color: #0C1D48;
  font-family: Montserrat;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  padding-bottom: 33px;
  margin-bottom: 33px;
  border-bottom: 1px solid #DADFE5;
}
.archive-cursos .cursos-grid .item-curso__body .duration {
  padding-left: 30px;
  background: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.125 10.4297C18.125 7.53906 16.5625 4.88281 14.0625 3.39844C11.5234 1.95312 8.4375 1.95312 5.9375 3.39844C3.39844 4.88281 1.875 7.53906 1.875 10.4297C1.875 13.3594 3.39844 16.0156 5.9375 17.5C8.4375 18.9453 11.5234 18.9453 14.0625 17.5C16.5625 16.0156 18.125 13.3594 18.125 10.4297ZM0 10.4297C0 6.875 1.875 3.59375 5 1.79688C8.08594 0 11.875 0 15 1.79688C18.0859 3.59375 20 6.875 20 10.4297C20 14.0234 18.0859 17.3047 15 19.1016C11.875 20.8984 8.08594 20.8984 5 19.1016C1.875 17.3047 0 14.0234 0 10.4297ZM9.0625 5.11719C9.0625 4.60938 9.45312 4.17969 10 4.17969C10.5078 4.17969 10.9375 4.60938 10.9375 5.11719V9.96094L14.2578 12.1484C14.6875 12.4609 14.8047 13.0469 14.5312 13.4766C14.2188 13.9062 13.6328 14.0234 13.2031 13.7109L9.45312 11.2109C9.21875 11.0547 9.0625 10.7422 9.0625 10.4297V5.11719Z" fill="%23168189"/></svg>') no-repeat left/contain;
  color: #6A7380;
  font-family: Montserrat;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem;
}
.archive-cursos .cursos-grid .item-curso__body .price {
  color: #209AA2;
  font-family: Montserrat;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.625rem;
}
.archive-cursos .cursos-grid .item-curso__body .see-more {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 1px solid #209AA2;
  text-decoration: none;
  margin-top: 33px;
  height: 44px;
  transition: background-color 0.3s, border-color 0.3s;
}
.archive-cursos .cursos-grid .item-curso__body .see-more:hover {
  background-color: #209AA2;
}
.archive-cursos .cursos-grid .item-curso__body .see-more:hover span {
  color: #fff;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none"><path d="M5.30469 4.82031C5.55859 5.05469 5.55859 5.46484 5.30469 5.69922L1.55469 9.44922C1.32031 9.70312 0.910156 9.70312 0.675781 9.44922C0.421875 9.21484 0.421875 8.80469 0.675781 8.57031L3.97656 5.25L0.675781 1.94922C0.421875 1.71484 0.421875 1.30469 0.675781 1.07031C0.910156 0.816406 1.32031 0.816406 1.55469 1.07031L5.30469 4.82031Z" fill="%23fff"/></svg>') no-repeat right;
}
.archive-cursos .cursos-grid .item-curso__body .see-more span {
  color: #209AA2;
  font-family: Montserrat;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  padding-right: 20px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none"><path d="M5.30469 4.82031C5.55859 5.05469 5.55859 5.46484 5.30469 5.69922L1.55469 9.44922C1.32031 9.70312 0.910156 9.70312 0.675781 9.44922C0.421875 9.21484 0.421875 8.80469 0.675781 8.57031L3.97656 5.25L0.675781 1.94922C0.421875 1.71484 0.421875 1.30469 0.675781 1.07031C0.910156 0.816406 1.32031 0.816406 1.55469 1.07031L5.30469 4.82031Z" fill="%23209AA2"/></svg>') no-repeat right;
}
.archive-cursos .filter-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.archive-cursos .filter-box h4 {
  color: var(--color-content-default, #181C1C);
  font-family: Montserrat;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  padding-bottom: 16px;
  border-bottom: 1px solid #C8D0D0;
}
.archive-cursos .filter-box ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin-bottom: 48px;
  padding: 0;
}
.archive-cursos .filter-box ul li {
  display: flex;
  gap: 12px;
  position: relative;
}
.archive-cursos .filter-box ul li label {
  color: var(--color-content-default, #181C1C);
  /* body/b1-medium */
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 25.2px */
}
.archive-cursos .filter-box input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.archive-cursos .filter-box input[type=checkbox] + label {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  position: relative;
  padding-left: 0;
}
.archive-cursos .filter-box input[type=checkbox] + label::before {
  content: "";
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 2px solid var(--color-content-subtle, #5E6D6E);
  background-color: #fff;
  transition: border-color 0.2s, background-color 0.2s;
}
.archive-cursos .filter-box input[type=checkbox]:checked + label::before {
  background-color: #168189;
  border-color: #168189;
  background-image: url('data:image/svg+xml,%3Csvg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 5L5 9L13 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
}
.archive-cursos .filter-box input[type=checkbox]:focus-visible + label::before {
  outline: 2px solid #168189;
  outline-offset: 2px;
}
.archive-cursos .results {
  color: var(--color-content-subtle, #5E6D6E);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px; /* 25.2px */
  display: block;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #C8D0D0;
}
.archive-cursos .archive-cursos-pagination {
  margin-top: 48px;
  margin-bottom: 48px;
}
.archive-cursos .archive-cursos-pagination__list {
  display: flex;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.archive-cursos .archive-cursos-pagination__item {
  margin: 0;
}
.archive-cursos .archive-cursos-pagination__item .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 500px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  color: #168189;
  background-color: #fff;
  border: 1px solid #168189;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.archive-cursos .archive-cursos-pagination__item .page-numbers:hover {
  background-color: rgba(22, 129, 137, 0.08);
}
.archive-cursos .archive-cursos-pagination__item .page-numbers.current {
  background-color: #168189;
  color: #fff;
  border-color: #168189;
}
.archive-cursos .archive-cursos-pagination__item .page-numbers.dots {
  border: none;
  background: transparent;
  color: var(--color-content-subtle, #5E6D6E);
  cursor: default;
}
.archive-cursos .archive-cursos-pagination__item .page-numbers.dots:hover {
  background: transparent;
}
.archive-cursos .archive-cursos-pagination__item a.page-numbers:hover {
  color: #168189;
}