.banner-calidad {
  position: relative;
  width: 90%;
  max-width: 1132px;
  margin: 0 auto 40px;
}

.banner-calidad img {
  display: block;
  width: 100%;
}

.banner-calidad a {
  position: absolute;
  height: 80px;
  width: 202px;
  right: 80px;
  bottom: 0;
}

/* -------- Seccion Cards Ofertas --------- */

.offers-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}

.offers-section_title {
  text-align: center;
  margin-bottom: 20px;
  padding: 0 10px;
}

.offers-section_title p {
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.2;
}

.offer-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 6px;
  width: 86%;
  max-width: 359px;
}

.offer-card .icon-cards {
  font-size: 1.8rem;
  color: var(--blue);
  margin-bottom: 10px;
}

.offer-card .offer-title,
.offer-card .offer-subtitle,
.offers-section_title h1 {
  font-family: var(--f4);
  font-weight: bold;
  font-size: clamp(26px, 2vw, 32px);
}

.offer-card .offer-subtitle {
  font-size: 1rem;
}

.offer-card .offer-button {
  background-color: var(--blue2);
  color: var(--white);
  padding: 8px 0;
  width: 90%;
  max-width: 270px;
  text-align: center;
  border-radius: 6px;
  margin-top: 20px;
}

.offer-card .offer-button:hover {
  background-color: rgb(from var(--blue2) r g b / 0.8);
}

.offer-card__call {
  width: 90%;
  max-width: 270px;
  margin-top: 8px;
}

.offer-button_see-more {
  text-decoration: underline;
  color: var(--blue);
  margin-top: 10px;
}

.offer-image {
  display: none;
}

@media (min-width: 768px) {
  .banner-calidad a {
    right: 0;
    bottom: 0;
  }

  .offers-section {
    flex-direction: row;
  }

  .offer-image {
    display: block;
    margin-top: 16px;
  }
}