/* ===================================================
   SLIDER 37A BIBLIOTECA - ESTILOS COMPLETOS (v1.2.0)
   =================================================== */

.slider-37a-wrapper {
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 15px 54px;
  box-sizing: border-box;
}

.slider-37a-swiper {
  width: 100%;
  overflow: hidden;
  padding: 20px 8px 30px 8px !important;
}

/* Transição fluida e elegante das imagens */
.slider-37a-swiper .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1) !important;
  will-change: transform;
}

.slider-37a-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  box-sizing: border-box;
}

.slider-37a-item-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* Card do Livro */
.slider-37a-card {
  display: inline-block;
  text-decoration: none;
  outline: none;
  width: 100%;
  text-align: center;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.slider-37a-image-wrap {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: inherit;
  line-height: 0;
}

/* IMAGEM LIMPA: TODAS AS SOMBRAS ARTIFICIAIS FORAM REMOVIDAS */
.slider-37a-card img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 4px;
  filter: none !important;
  box-shadow: none !important;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  box-sizing: border-box;
}

/* ---------------------------------------------------
   1. MODELOS DE TAMANHO DE IMAGEM
   --------------------------------------------------- */
/* Tamanho Pequeno */
.slider-37a-wrapper.size-small .slider-37a-card img {
  max-width: 180px;
}

/* Tamanho Médio (Padrão Original) */
.slider-37a-wrapper.size-medium .slider-37a-card img {
  max-width: 240px;
}

/* Tamanho Grande */
.slider-37a-wrapper.size-large .slider-37a-card img {
  max-width: 320px;
}

/* ---------------------------------------------------
   2. OS 3 EFEITOS DE ANIMAÇÃO AO PASSAR O MOUSE (HOVER)
   --------------------------------------------------- */

/* Efeito 1: Elevação Suave (Float / Lift Up) */
.slider-37a-wrapper.hover-lift .slider-37a-card:hover {
  transform: translateY(-10px);
}

/* Efeito 2: Zoom Suave (Scale Up) */
.slider-37a-wrapper.hover-zoom .slider-37a-card:hover img {
  transform: scale(1.06);
}

/* Efeito 3: Reflexo de Luz Metálico (Shine Effect) */
.slider-37a-wrapper.hover-shine .slider-37a-image-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: -140%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.45) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  pointer-events: none;
}
.slider-37a-wrapper.hover-shine .slider-37a-card:hover .slider-37a-image-wrap::after {
  left: 170%;
  transition: left 0.75s ease-in-out;
}
.slider-37a-wrapper.hover-shine .slider-37a-card:hover {
  transform: translateY(-6px);
}

/* Efeito Nenhum */
.slider-37a-wrapper.hover-none .slider-37a-card:hover {
  transform: none;
}
.slider-37a-wrapper.hover-none .slider-37a-card:hover img {
  transform: none;
}

/* ---------------------------------------------------
   3. TÍTULO DO LIVRO (ABAIXO DA IMAGEM)
   --------------------------------------------------- */
.slider-37a-title {
  margin: 12px 0 0 0;
  padding: 0 4px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  color: #192949;
  text-align: center;
  transition: color 0.3s ease;
  word-break: break-word;
}

/* ---------------------------------------------------
   4. SETAS LATERAIS DE NAVEGAÇÃO
   --------------------------------------------------- */
.slider-37a-wrapper .slider-37a-prev,
.slider-37a-wrapper .slider-37a-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background-color: #192949;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 99 !important;
  box-shadow: 0 4px 14px rgba(25, 41, 73, 0.28);
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  user-select: none;
}

.slider-37a-wrapper .slider-37a-prev {
  left: 4px;
}

.slider-37a-wrapper .slider-37a-next {
  right: 4px;
}

.slider-37a-wrapper .slider-37a-prev:hover,
.slider-37a-wrapper .slider-37a-next:hover {
  background-color: #c5a467;
  box-shadow: 0 6px 18px rgba(197, 164, 103, 0.5);
  transform: translateY(-50%) scale(1.1);
}

.slider-37a-wrapper .slider-37a-prev:active,
.slider-37a-wrapper .slider-37a-next:active {
  transform: translateY(-50%) scale(0.95);
}

.slider-37a-wrapper .slider-37a-prev svg,
.slider-37a-wrapper .slider-37a-next svg {
  width: 20px;
  height: 20px;
  fill: #ffffff;
  pointer-events: none;
  transition: transform 0.2s ease, fill 0.3s ease;
}

.slider-37a-wrapper .slider-37a-prev:hover svg {
  transform: translateX(-2px);
}

.slider-37a-wrapper .slider-37a-next:hover svg {
  transform: translateX(2px);
}

/* ---------------------------------------------------
   5. PONTOS DE PAGINAÇÃO (BULLETS) - COM ÁREA DE CLIQUE AUMENTADA
   --------------------------------------------------- */
.slider-37a-wrapper .swiper-pagination {
  position: relative;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.slider-37a-wrapper .swiper-pagination-bullet {
  background-color: #192949;
  opacity: 0.35;
  width: 12px;
  height: 12px;
  margin: 0 7px;
  border-radius: 6px;
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  cursor: pointer !important;
  display: inline-block;
  outline: none;
  position: relative;
}

/* Área de clique expandida invisível: facilita clicar tanto no mouse quanto no toque */
.slider-37a-wrapper .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
  cursor: pointer;
}

.slider-37a-wrapper .swiper-pagination-bullet:hover {
  opacity: 0.8;
  transform: scale(1.15);
}

.slider-37a-wrapper .swiper-pagination-bullet-active {
  background-color: #c5a467;
  opacity: 1;
  width: 28px;
  border-radius: 6px;
}

/* ---------------------------------------------------
   6. RESPONSIVIDADE
   --------------------------------------------------- */
@media (max-width: 768px) {
  .slider-37a-wrapper {
    padding: 10px 42px;
  }
  .slider-37a-wrapper .slider-37a-prev,
  .slider-37a-wrapper .slider-37a-next {
    width: 38px;
    height: 38px;
  }
  .slider-37a-wrapper .slider-37a-prev svg,
  .slider-37a-wrapper .slider-37a-next svg {
    width: 16px;
    height: 16px;
  }
}