/*
font-family: var(--e-global-typography-primary-font-family),Serif;
*/

.amuleto-recomendaciones {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}

.amuleto-card {
  display: flex;
  flex-direction: column;
  justify-content: center;

  h2 {
    font-family: var(--e-global-typography-primary-font-family), Serif;
    color: #12401C;
    font-size: 1.375rem;
    font-weight: 500;
  }

  ul {
    list-style-type: none;
    position: relative;
    padding: 0 0 24px;

    li {
      margin: 0;
    }
  }

  ul li a img {
    max-width: 100%;
    border-radius: 12px;
    height: 250px;
  }

  ul li:first-child {
    position: relative;
    z-index: 1;
  }

  ul li:nth-child(2),
  ul li:nth-child(3) {
    position: absolute;
    top: 10%;
    opacity: 0.5;
    z-index: 0;
  }

  ul li:nth-child(2) a img,
  ul li:nth-child(3) a img {
    height: 200px;
  }

  ul li:nth-child(2) {
    left: -45px;
  }

  ul li:nth-child(3) {
    right: -45px;
  }
}

.amuleto-recomendaciones .amuleto-card .amuleto-ver-todos {
  font-family: "Lato", Serif;
  color: #084211;
  font-weight: 700;
  margin-top: auto;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .amuleto-recomendaciones {
    gap: 30px;
  }

  .amuleto-recomendaciones {
    flex-direction: column;
  }

  .amuleto-card {
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;

    >ul {
      width: 100%;
      display: flex;
      justify-content: center;


      li:nth-child(2),
      li:nth-child(3) {
        top: 10%;
      }

      li:nth-child(2) {
        left: 5%;
      }

      li:nth-child(3) {
        right: 5%;
      }
    }
  }
}