@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Extra+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&family=Sofia+Sans+Extra+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap');

.hero-portal-marketing {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #006fbe 0%, #0a78c7 100%);
  min-height: 420px;
  border: 1px solid #d9d9d9;
  z-index: 9999;
}

.hero-portal-marketing__container {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  min-height: 420px;
}

.hero-portal-marketing__content {
  width: 50%;
  padding: 46px 58px;
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-portal-marketing__title {
  margin: 0 0 18px;
  color: #fff;
  font-size: 60px;
  line-height: 90%;
  font-weight: 400;
  letter-spacing: 0%;
  text-transform: uppercase;
  font-family: "Sofia Sans Extra Condensed", Arial, sans-serif;
}

.hero-portal-marketing__text {
  max-width: 520px;
  margin-bottom: 28px;
  color: #fff;
  font-size: 18px;
  line-height: 1.6;
  font-family: "Schibsted Grotesk Variablefont Wght", Arial, sans-serif;
}

.hero-portal-marketing__text p {
  margin: 0;
}

.hero-portal-marketing__search {
  margin-bottom: 18px;
}

.hero-portal-marketing__search-box {
  display: flex;
  align-items: center;
  max-width: 574px;
  height: 56px;
  background: #f1f1f1;
  border: 1px solid #cfcfcf;
  padding: 0 16px;
}

.hero-portal-marketing__search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #006fbe;
  margin-right: 10px;
  flex-shrink: 0;
}

.hero-portal-marketing__search-box input {
  width: 100%;
  border: none;
  background: transparent;
  outline: none;
  color: #7a7a7a;
  font-size: 16px;
  font-family: "Schibsted Grotesk Variablefont Wght", Arial, sans-serif;
}

.hero-portal-marketing__search-box input::placeholder {
  color: #8c8c8c;
}

.hero-portal-marketing__note {
  margin: 0 0 20px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Schibsted Grotesk Variablefont Wght", Arial, sans-serif;
}

.hero-portal-marketing__button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #003b73;
  color: #fff;
  text-decoration: none;
  padding: 14px 22px;
  font-size: 15px;
  font-weight: 500;
  width: fit-content;
}

.hero-portal-marketing__button:hover {
  background: #002d58;
  color: #fff;
}

.hero-portal-marketing__button span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-portal-marketing__media {
  width: 50%;
  min-height: 420px;
  position: relative;
  overflow: hidden;
}

.hero-portal-marketing__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.portal-marketing-section {
  padding: 32px 0 115px;
  background: #efeff1;
}

.portal-marketing-container {
  width: min(100% - 40px, 1277px);
  margin: 0 auto;
}

.portal-filters {
  background: #ffffff;
  padding: 18px 18px 14px;
  margin-bottom: 18px;
}

.portal-filters__title {
  margin: 0 0 14px;
  color: #006fc0;
  font-size: 20px;
  font-weight: 500;
  font-family: "Schibsted Grotesk Variablefont Wght";
  text-transform: none;
}

.portal-filters__row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  margin-bottom: 16px;
}

.portal-filters__field {
  position: relative;
}

.portal-filters__field select {
    width: 100%;
    height: 48px;
    padding: 0 44px 0 42px;
    border: 1px solid #D2D7DB;
    background-color: #fff;
    color: #D2D7DB;
    font-size: 15px;
    outline: none;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-family: "Schibsted Grotesk Variablefont Wght";
}

/* 🔥 foco */
.portal-filters__field select:focus,
.portal-filters__field select:focus-visible {
    border-color: #0072C3;
    color: #0072C3;
    box-shadow: 0 0 0 2px rgba(0, 114, 195, 0.15); /* opcional, dá efeito premium */
}

.portal-filters__field.has-icon::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
}

.portal-filters__field.has-icon::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 8px;
  height: 8px;
  transform: translateY(-60%) rotate(45deg);
  pointer-events: none;
  z-index: 2;
}

.portal-filters__field.icon-lang::before {
  background-image: url("https://mwm-homolog.com/wp-content/uploads/2026/04/filtro.svg");
}

.portal-filters__field.icon-order::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><rect x='3.5' y='5.5' width='17' height='15' rx='1.5' stroke='%23939ba7' stroke-width='1.8'/><path d='M7 3.5V7.5' stroke='%23939ba7' stroke-width='1.8' stroke-linecap='round'/><path d='M17 3.5V7.5' stroke='%23939ba7' stroke-width='1.8' stroke-linecap='round'/><path d='M3.5 10.5H20.5' stroke='%23939ba7' stroke-width='1.8'/></svg>");
}

.portal-filters__field.icon-filter::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M4 7H20' stroke='%23939ba7' stroke-width='1.8' stroke-linecap='round'/><path d='M7 12H17' stroke='%23939ba7' stroke-width='1.8' stroke-linecap='round'/><path d='M10 17H14' stroke='%23939ba7' stroke-width='1.8' stroke-linecap='round'/></svg>");
}

.portal-filters__types {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  font-family: "Schibsted Grotesk Variablefont Wght";
}

.portal-filters__type,
.portal-filters__clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 89px;
  height: 48px;
  text-decoration: none;
  font-size: 14px;
}

.portal-filters__type {
  position: relative;
  gap: 8px;
  padding: 0 14px 0 14px;
  background: #dfeaf3;
  color: #006fc0;
}

.portal-filters__type::before {
  content: "";
  width: 15px;
  height: 19px;
  display: inline-block;
  background: url('../imagem/azul.svg') no-repeat center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}

.portal-filters__type.is-active {
  background: #006fc0;
  color: #fff;
}

.portal-filters__type.is-active::before {
  background: url('../imagem/download-icon.svg') no-repeat center;
  background-size: contain;
}

.portal-filters__clear {
  padding: 0 14px;
  background: transparent;
  color: #006fc0;
}

.portal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.portal-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 457px;
  padding: 24px;
  gap: 1px;
  overflow: hidden;
  background-color: #2d95dd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* camada azul por cima da imagem */
.portal-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(120, 183, 228, 0.78) 0%, rgba(45, 149, 221, 0.82) 100%);
  z-index: 1;
}

/* conteúdo acima do overlay */
.portal-card > * {
  position: relative;
  z-index: 2;
}

.portal-card__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.portal-card__langs {
  display: flex;
  gap: 6px;
}

.portal-card__lang {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 34px;
    padding: 0 8px;
    background: #eef6fc;
    color: #003052;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
}

.portal-card__icon {
  width: 30px;
  height: 30px;
  border: 0;
  background: #eef6fc;
  color: #003052;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  flex-shrink: 0;
  padding: 0;
  cursor: pointer;
  transition: 0.2s ease;
}

.portal-card__icon:hover {
  background: #dfeaf3;
}

.portal-card__icon svg {
  display: block;
  width: 18px;
  height: 18px;
}

.portal-card__icon.is-copied {
  background: #cfe5f7;
  color: #006fc0;
}

.portal-card__types {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: auto;
  margin-bottom: 12px;
}

.portal-card__type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 8px;
    background: #eef6fc;
    color: #003052;
    font-size: 14px;
    line-height: 1;
    width: 56px;
    font-weight: 500;
}

.portal-card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.portal-card__title {
  margin: 15px 0 16px;
  color: #fff;
  font-family: "Sofia Sans Extra Condensed", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  line-height: 90%;
  text-transform: uppercase;
}

.portal-card__more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 94px;
    height: 40px;
    background: #006fc0;
    color: #fff;
    text-decoration: none;
    padding: 0 10px;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    margin: 20px 0px;
}

.portal-card__more span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.portal-card__footer {
  position: relative;
  z-index: 2;
  margin: 0 -24px -24px;
  height: 48px;
  background: #006fc0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
}

.portal-card__download {
    font-family: "Schibsted Grotesk Variablefont Wght";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    font-weight: 500;
}

.portal-card__download svg,
.portal-card__icon svg,
.portal-card__more svg {
  display: block;
}

.portal-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 22px;
}

.portal-pagination__prev a,
.portal-pagination__next a,
.portal-pagination__prev span,
.portal-pagination__next span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid #8fb4d6;
  text-decoration: none;
  color: #006fc0;
  background: transparent;
}

.portal-pagination__prev .is-disabled,
.portal-pagination__next .is-disabled {
  opacity: 0.5;
}

.portal-pagination__dots {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pagination-dot {
  width: 16px;
  height: 16px;
  border: 2px solid #838E9F;
  background: transparent;
  display: inline-block;
}

.pagination-dot.is-active {
    background: #33B1FF;
    border-color: #33B1FF;
}


.portal-search {
  position: relative;
  width: 100%;
  max-width: 575px;
  z-index: 20;
}

.portal-search__box {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 56px;
  background: #f3f3f3;
  border: 1px solid transparent;
  transition: 0.2s ease;
}

.portal-search.is-open .portal-search__box {
  border-color: #68a6e8;
  box-shadow: 0 0 0 2px #68a6e8 inset;
}

.portal-search__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  color: #0b77c5;
  flex-shrink: 0;
}

.portal-search__input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 16px;
  color: #3b3b3b;
  padding: 0 18px 0 4px;
}

.portal-search__input::placeholder {
  color: #8a8a8a;
}

.portal-search__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #f3f3f3;
  border: 1px solid #d3d3d3;
  border-top: 0;
  padding: 22px 18px 20px;
  display: none;
  z-index: 999;
}

.portal-search.is-open .portal-search__dropdown {
  display: block;
}

.portal-search__section {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.portal-search__label {
  font-size: 14px;
  color: #8a8a8a;
}

.portal-search__item {
  text-decoration: none;
  color: #2f2f2f;
  font-size: 16px;
  line-height: 1.35;
  transition: 0.2s ease;
}

.portal-search__item:hover {
  color: #0b77c5;
}


.hero-portal-marketing,
.hero-portal-marketing__container,
.hero-portal-marketing__content {
  position: relative;
  overflow: visible;
}

.hero-portal-marketing {
  z-index: 0;
}

.hero-portal-marketing__content {
  z-index: 30;
}

.portal-search {
  position: relative;
  width: 100%;
  max-width: 575px;
  z-index: 50;
}

.portal-search__box {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 56px;
  background: #f3f3f3;
  border: 1px solid transparent;
  transition: 0.2s ease;
  z-index: 51;
}

.portal-search.is-open .portal-search__box {
  border-color: #68a6e8;
  box-shadow: 0 0 0 2px #68a6e8 inset;
}

.portal-search__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  color: #0b77c5;
  flex-shrink: 0;
}

.portal-search__input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 16px;
  color: #3b3b3b;
  padding: 0 12px 0 4px;
}

.portal-search__input::placeholder {
  color: #8a8a8a;
}

.portal-search__clear {
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  color: #8a8a8a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease;
  flex-shrink: 0;
}

.portal-search.has-value .portal-search__clear {
  opacity: 1;
  pointer-events: auto;
}

.portal-search__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #f3f3f3;
  border: 1px solid #d3d3d3;
  border-top: 0;
  padding: 20px 18px 22px;
  display: none;
  z-index: 999;
}

.portal-search.is-open .portal-search__dropdown {
  display: block;
}

.portal-search__section {
  display: flex;
  flex-direction: column;
}

.portal-search__label {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  color: #8a8a8a;
  margin-bottom: 12px;
}

.portal-search__quick,
.portal-search__suggestions {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.portal-search__quick {
  margin-bottom: 0;
}

.portal-search__suggestions {
  display: none;
}

.portal-search__link,
.portal-search__suggestion {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 4px 0;
  text-decoration: none;
  color: #2f2f2f;
  font-size: 16px;
  line-height: 1.4;
  transition: color 0.2s ease;
}

.portal-search__link:hover,
.portal-search__suggestion:hover {
  color: #0b77c5;
}

.portal-search__suggestion-icon {
  width: 16px;
  height: 16px;
  color: #b2b2b2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.portal-search__suggestion-text {
  color: inherit;
  line-height: 1.4;
}

.portal-search__suggestion-text strong {
  font-weight: 700;
}

.portal-search__empty {
  display: none;
  margin-top: 8px;
  color: #8a8a8a;
  font-size: 15px;
  line-height: 1.4;
}



.portal-card__icon {
  position: relative;
}

.portal-copy-feedback {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: #0f172a;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  padding: 7px 10px;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 20;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
}

.portal-card__icon.is-copied {
  transform: scale(0.98);
}


/* =========================================================
   RESPONSIVO AJUSTADO
========================================================= */

/* desktop menor */
@media (max-width: 1280px) {
  .hero-portal-marketing__content {
    padding: 40px 40px;
  }

  .hero-portal-marketing__title {
    font-size: 42px;
  }

  .hero-portal-marketing__text {
    font-size: 17px;
  }

  .portal-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* notebook */
@media (max-width: 1200px) {
  .hero-portal-marketing {
    min-height: 380px;
  }

  .hero-portal-marketing__container {
    min-height: 380px;
  }

  .hero-portal-marketing__content {
    width: 52%;
    padding: 36px 32px;
  }

  .hero-portal-marketing__media {
    width: 48%;
    min-height: 380px;
  }

  .hero-portal-marketing__title {
    font-size: 38px;
    line-height: 1;
    margin-bottom: 16px;
  }

  .hero-portal-marketing__text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 22px;
  }

  .portal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .portal-card {
    min-height: 430px;
  }
}

/* tablet */
@media (max-width: 991px) {
  .hero-portal-marketing {
    min-height: auto;
    border: 0;
  }

  .hero-portal-marketing,
.hero-portal-marketing__container,
.hero-portal-marketing__content {
  position: relative;
  overflow: visible;
  width: 100%;
}

  .hero-portal-marketing__container {
    flex-direction: column;
    min-height: auto;
  }

  .hero-portal-marketing__content,
  .hero-portal-marketing__media {
    width: 100%;
    max-width: 100%;
    display: block;
  }

  .hero-portal-marketing__content {
    padding: 34px 24px 26px;
  }

  .hero-portal-marketing__media {
    min-height: 300px;
  }

  .hero-portal-marketing__title {
    font-size: 34px;
    line-height: 0.98;
    margin-bottom: 14px;
  }

  .hero-portal-marketing__text {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
  }

  .hero-portal-marketing__search,
  .portal-search,
  .hero-portal-marketing__search-box {
    max-width: 100%;
    width: 100%;
  }

  .hero-portal-marketing__note {
    font-size: 14px;
    margin-bottom: 16px;
  }

  .hero-portal-marketing__button {
    width: 100%;
    justify-content: center;
  }

  .portal-marketing-section {
    padding: 26px 0 72px;
  }

  .portal-marketing-container {
    width: min(100% - 28px, 1277px);
  }

  .portal-filters {
    padding: 16px;
    margin-bottom: 16px;
  }

  .portal-filters__title {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .portal-filters__row {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .portal-filters__types {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .portal-filters__type,
  .portal-filters__clear {
    width: 100%;
    min-width: 0;
    height: 44px;
    padding: 0 10px;
    font-size: 13px;
  }

  .portal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .portal-card {
    min-height: 390px;
    padding: 18px;
  }

  .portal-card__title {
    font-size: 24px;
    line-height: 0.95;
    margin: 14px 0 14px;
  }

  .portal-card__more {
    min-width: 100%;
    height: 40px;
    margin: 14px 0;
    font-size: 12px;
  }

  .portal-card__footer {
    margin: 0 -18px -18px;
    padding: 0 18px;
    height: 46px;
  }

  .portal-card__download {
    font-size: 14px;
  }

  .portal-pagination {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 18px;
  }

  .portal-pagination__dots {
    width: 100%;
    justify-content: center;
    order: 3;
  }
}

/* mobile */
@media (max-width: 767px) {
  .hero-portal-marketing__content {
    padding: 26px 18px 22px;
  }

  .hero-portal-marketing__media {
    min-height: 220px;
    display: none;
  }

  .hero-portal-marketing__title {
    font-size: 28px;
    line-height: 0.95;
    margin-bottom: 12px;
  }

  .hero-portal-marketing__text {
    font-size: 15px;
    line-height: 1.45;
    margin-bottom: 18px;
  }

  .hero-portal-marketing__search-box,
  .portal-search__box {
    min-height: 50px;
  }

  .portal-search__icon,
  .hero-portal-marketing__search-icon {
    width: 48px;
  }

  .portal-search__input {
    font-size: 15px;
    padding-right: 10px;
  }

  .portal-search__dropdown {
    padding: 16px 14px 18px;
  }

  .portal-search__link,
  .portal-search__suggestion {
    font-size: 14px;
    min-height: 34px;
  }

  .portal-marketing-section {
    padding: 22px 0 60px;
  }

  .portal-marketing-container {
    width: min(100% - 20px, 1277px);
  }

  .portal-filters {
    padding: 14px;
  }

  .portal-filters__title {
    font-size: 17px;
  }

  .portal-filters__field select {
    height: 44px;
    padding: 0 38px 0 38px;
    font-size: 14px;
    font-family: "Schibsted Grotesk Variablefont Wght";
  }

  .portal-filters__field.has-icon::before {
    left: 12px;
    width: 16px;
    height: 16px;
  }

  .portal-filters__field.has-icon::after {
    right: 14px;
  }

  .portal-filters__types {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .portal-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .portal-card {
    min-height: auto;
    padding: 16px;
  }

  .portal-card__top {
    gap: 10px;
    align-items: flex-start;
  }

  .portal-card__langs {
    gap: 10px;
  }

  .portal-card__lang,
  .portal-card__type {
    height: 32px;
    min-width: auto;
    padding: 0 10px;
    font-size: 13px;
  }

  .portal-card__types {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .portal-card__title {
    font-size: 22px;
    line-height: 0.94;
    margin: 12px 0;
  }

  .portal-card__more {
    width: 40%;
    min-width: 0;
    height: 42px;
    font-size: 13px;
    margin: 14px 0;
    padding: 0 12px;
  }

  .portal-card__footer {
    margin: 0 -16px -16px;
    padding: 0 16px;
    height: 44px;
    width: 50%;
  }

  .portal-card__download {
    font-size: 14px;
    gap: 6px;
  }

  .portal-pagination__prev,
  .portal-pagination__next {
    width: 100%;
  }

  .portal-pagination__prev a,
  .portal-pagination__next a,
  .portal-pagination__prev span,
  .portal-pagination__next span {
    width: 100%;
  }
}

/* mobile pequeno */
@media (max-width: 480px) {
  .hero-portal-marketing__content {
    padding: 22px 16px 20px;
  }

  .hero-portal-marketing__media {
    min-height: 180px;
  }

  .hero-portal-marketing__title {
    font-size: 24px;
    line-height: 0.94;
  }

  .hero-portal-marketing__text {
    font-size: 14px;
  }

  .portal-marketing-container {
    width: min(100% - 16px, 1277px);
  }

  .portal-filters {
    padding: 12px;
  }

  .portal-filters__types {
    grid-template-columns: 1fr 1fr;
  }

  .portal-filters__type,
  .portal-filters__clear {
    height: 42px;
    font-size: 12px;
  }

  .portal-card {
    padding: 14px;
  }

  .portal-card__icon {
    width: 28px;
    height: 28px;
  }

  .portal-card__icon svg {
    width: 16px;
    height: 16px;
  }

  .portal-card__title {
    font-size: 20px;
  }

  .portal-card__footer {
    margin: 0 0px 0px;
    padding: 0 14px;
    width: 45%;
  }

  .portal-card__download {
    font-size: 13px;
  }
}