/* Breadcrumbs */
#breadcrumbs {
  padding: 50px 0;
  background-color: #eeedf9;
}
#breadcrumbs .page-title {
  color: #1B3A69;  
  font-family: var(--font-BaksoSapi);
  font-size: 50px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
#breadcrumbs .page-desc {
  max-width: 810px;
  color: #00376A;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin: 0 auto;
}




/* Recursos */
#recursos {
  padding: 0 0 50px 0;
  background-color: #eeedf9;
}
#recursos .card-recurso {
  display: flex;
  flex-direction: column;
}
#recursos .card-recurso .image {
  width: 100%;
  aspect-ratio: 16/10;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 35px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#recursos .card-recurso .image.--odd {
  border-radius: 32px 32px 32px 200px;
}
#recursos .card-recurso .image.--even {
  border-radius: 32px 200px 32px 32px;
}

#recursos .card-recurso .recurso-titulo {
  color: #0059A5;
  font-size: 40px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 20px 0;
  letter-spacing: 0.5px;
}
#recursos .card-recurso .recurso-texto {
  color: #1B3A69;
  font-size: 20px;
  font-weight: 400;
  text-align: justify;
  margin: 0 0 20px 0;
}
#recursos .card-recurso .recurso-texto:last-child {
  margin-bottom: 0;
}

@media (max-width: 992px) {
  #breadcrumbs {
    padding: 50px 0 25px 0;
  }
  #breadcrumbs .page-title {
    font-size: 32px;
    margin: 0 0 10px 0;
  }
  #breadcrumbs .page-desc {
    font-size: 16px;
    text-align: justify;
  }
  #recursos .card-recurso .image.--even {
    border-radius: 16px 64px 16px;
  }
  #recursos .card-recurso .image.--odd {
    border-radius: 16px 16px 16px 64px;
  }


  #recursos .card-recurso .recurso-titulo {
    font-size: 32px;
  }
  #recursos .card-recurso .recurso-texto {
    font-size: 16px;
  }

  /* #recursos {
    padding: 0 0 60px 0;
  }
  #recursos .card-recurso .image {
    aspect-ratio: 16/9;
    margin-bottom: 25px;
  }
  #recursos .card-recurso .image.--livro {
    border-radius: 24px 24px 24px 100px;
  }
  #recursos .card-recurso .image.--guia {
    border-radius: 24px 100px 24px 24px;
  }
  #recursos .card-recurso .recurso-titulo {
    font-size: 26px;
    margin-bottom: 15px;
  }
  #recursos .card-recurso .recurso-texto {
    font-size: 16px;
    margin-bottom: 15px;
  } */
}