.resultados-busqueda-page {

  .container-fluid {
    padding: 0;
  }

  .heroint2 {
    background-image: url('../img/bg-resultados-busqueda.webp');
  }

  section.resultados-busqueda {
    width: 100%;
    height: auto;
    border-radius: 0px;

    .resultados-busqueda-content {
      padding: 3rem 1.5rem;

      h2 {
        color: var(--secondary-color);
        font-family: var(--font-semibold-600);
        font-size: clamp(2.813rem, 5vw + 1rem, 3.75rem);
        font-style: normal;
        font-weight: 600;
        line-height: 64px;
        margin-bottom: 3rem;
      }
    }

    .search-result-card {
      background-color: var(--color-gris-claro);
      border-radius: 1rem;
      padding: 2rem;
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
      display: flex;
      flex-direction: row;
      gap: 50px;
      margin-bottom: 2.5rem;

      .search-result-text {
        flex: 1;
        color: var(--secondary-color);

        a:hover {
          text-decoration: underline;
        }

        .title-search {
          color: var(--primary-color);
          font-family: var(--font-semibold-600);
          font-size: 32px;
          font-style: normal;
          font-weight: 600;
          line-height: 44px;
        }

        .description-search,
        p {
          color: var(--black-color);
          font-family: var(--font-regular-400);
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          line-height: 32px;
        }

      }

      .search-result-image {
        width: 25%;
        background-image: url('../img/ico-pos-image.svg');
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #D7D7D7;
        border-radius: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #adb5bd;
        max-height: 200px;
        overflow: hidden;
      }

    }

  }

}

.pagination {
  .page-item {

    &.active {
      .page-link {
        background-color: var(--primary-color);
        color: var(--white-color);
      }
    }

    .page-link {
      color: var(--primary-color);
    }

  }
}


/* Responsive Styles */
@media (max-width: 1200px) {}

@media (max-width: 1024px) {}

@media (max-width: 992px) {

  .resultados-busqueda-page {

    section.resultados-busqueda {
      .search-result-card {
        .search-result-image {
          width: 40%;
        }

      }

    }

  }

}

@media (max-width: 768px) {}

@media (max-width: 600px) {

  .resultados-busqueda-page {
    section.resultados-busqueda {

      .search-result-card {
        flex-direction: column-reverse;
        flex-wrap: nowrap;

        .search-result-image {
          width: 100%;
          background-size: cover;
        }

        .search-result-text {
          .title-search {
            font-size: 30px;
            line-height: 40px;
          }

          .description-search {
            font-size: 17px;
            line-height: 29px;
          }

        }

      }

    }

  }

}

@media (max-width: 560px) {}

@media (max-width: 480px) {}

@media (max-width: 320px) {

  .resultados-busqueda-page {

    section.resultados-busqueda {

      .resultados-busqueda-content {
        padding: 1.5rem;

        .search-result-card {
          padding: 1rem;
          margin-bottom: 2rem;
        }

      }

    }

  }

}