.field--name-field-bloque-red-social .field__item {
  width: 24%;
  /* gap: 4%; */

  @media screen and (max-width: 800px) {
    width: 49%;
    /* gap: 2%; */
  }
}

.social_network {
  color: #222222;
}

.site-footer {
  font-family: "Montserrat", sans-serif;
  background: radial-gradient(circle at center, #f3ebfe, #fbf0f6) !important;
}

.footer_title {
  font-weight: bold;
  font-size: var(--fs-footnote) !important; /* Changed from 10px to closest var(--fs-footnote) */
}

.footer_label {
  font-size: var(--fs-footnote) !important; /* Changed from 10px to closest var(--fs-footnote) */
}

.social-card {
  height: 272px;
  /* width: 452.43px; */
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
  text-align: center;
  position: relative;
  background-color: #f8f9fa;
  margin-bottom: 20px;
}

.btn-card-social-network {
  padding: 8px 44px;
  font-size: var(--fs-body); /* Changed from 16px to var(--fs-body) */
  color: #6800ff;
  border: 1px solid #6800ff;
  border-radius: 14px;
  text-decoration: none;
}

@media screen and (max-width: 700px) {
  .card-body a {
    font-size: var(--fs-footnote); /* Changed from 12px to closest var(--fs-footnote) */
  }
}

@media screen and (max-width: 389px) {
  .social-card .card-body {
    padding-top: 10px !important;
    top: -145px !important;
  }

  .social-card-text {
    margin-bottom: 20px !important;
  }

  .btn-card-social-network {
    padding: 8px 18px;
  }

  .social-card-text {
    font-size: var(--fs-body) !important; /* Changed from 16px to var(--fs-body) */
  }
}

@media screen and (max-width: 700px) and (min-width: 390px) {
  .social-card {
    height: 192px;
    /* width: 163.23px; */
    border-radius: 25px;
  }

  .card-body {
    top: -145px !important;
    border-radius: 25px;
  }

  .card-body h5 {
    font-family: Montserrat;
    font-size: var(--fs-footnote); /* Changed from 12px to closest var(--fs-footnote) */
    font-weight: 700;
    line-height: 14.63px;
    text-align: center;
  }
}

@media screen and (max-width: 980px) and (min-width: 701px) {
  .social-card {
    height: 200px;
    /* width: 200px; */
    /* border-radius: 25px; */
  }

  .card-body {
    top: -145px !important;
    border-radius: 25px;
  }

  .card-body h5 {
    font-family: Montserrat;
    font-size: var(--fs-footnote); /* Changed from 12px to closest var(--fs-footnote) */
    font-weight: 700;
    line-height: 14.63px;
    text-align: center;
  }

  .card-body a {
    font-size: var(--fs-footnote); /* Changed from 12px to closest var(--fs-footnote) */
    padding: 5px 10px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 981px) {
  .social-card {
    height: 260px;
  }
}

@media screen and (max-width: 1480px) and (min-width: 1281px) {
  .social-card {
    height: 250px;
  }
}

@media screen and (max-width: 1580px) {
  .social-card-text {
    font-size: var(--fs-h4) !important; /* Changed from 25px to var(--fs-h4) */
    margin-top: 10px;
  }
}

@media screen and (max-width: 1280px) {
  .social-card-text {
    font-size: var(--fs-h5) !important; /* Changed from 20px to var(--fs-h5) */
  }
}

@media screen and (max-width: 390px) {
  .social-card-text {
    font-size: var(--fs-body) !important; /* Changed from 16px to var(--fs-body) */
  }
}

@media screen and (max-width: 980px) {
  .social-card {
    height: 220px;
  }
}

@media screen and (max-width: 1660px) and (min-width: 1481px) {
  .social-card {
    height: 265px;
    /* width: 400px; */
    /* border-radius: 25px; */
  }
}

.social-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  /* Esto asegura que la imagen se ajuste al contenedor y se corte por los bordes */
  object-position: center;
  /* Centra la imagen dentro del contenedor */
}

.social-card .card-body {
  position: relative;
  background-color: white;
  padding-top: 60px;
  /* Ajuste según sea necesario */
  top: -130px;
  /* Ajuste para la superposición */
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  z-index: 2;
}

.social-card .card-body {
  padding-top: 20px;
}

.social-card-title {
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  /* font-size: 43px; */
}

.social-card-text {
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  font-size: var(--fs-h3); /* Changed from 30px to var(--fs-h3) */
  margin-bottom: 24px;
}

.social-card .btn-outline-primary {
  --bs-btn-color: #6800ff;
  --bs-btn-border-color: #6800ff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6800ff;
  --bs-btn-hover-border-color: #6800ff;
  --bs-btn-focus-shadow-rgb: 104, 0, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6800ff;
  --bs-btn-active-border-color: #6800ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6800ff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6800ff;
  --bs-gradient: none;
}

.field--name-field-bloque-red-social {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.social-card div {
  background: top;
  height: 250px;
}

.img-footer-qintess {
  max-width: 295px;
  width: 100%;
}

.description-footer {
  font-size: var(--fs-body); /* Changed from 16px to var(--fs-body) */
  font-weight: 400;
  width: 50%;
}

.text-rights-reserved {
  font-size: var(--fs-body); /* Changed from 16px to var(--fs-body) */
}

.title-columns-footer {
  font-size: var(--fs-body); /* Changed from 16px to var(--fs-body) */
  font-weight: 700;
  color: #222222;
}

.option-columns-footer {
  font-size: var(--fs-body); /* Changed from 16px to var(--fs-body) */
  font-weight: 400;
  color: #222222;
}

@media screen and (max-width: 990px) {
  .content-img-qintess-footer {
    display: flex;
    align-items: center;
  }

  .description-footer {
    font-size: var(--fs-footnote); /* Changed from 8px to closest var(--fs-footnote) */
    width: 100%;
  }
}

@media screen and (max-width: 520px) {
  .title-columns-footer {
    font-size: var(--fs-footnote); /* Changed from 10px to closest var(--fs-footnote) */
  }

  .option-columns-footer {
    font-size: var(--fs-footnote); /* Changed from 8px to closest var(--fs-footnote) */
  }

  .text-rights-reserved {
    font-size: var(--fs-footnote); /* Changed from 8px to closest var(--fs-footnote) */
  }
}