#livros .banner{
  margin-top: 10px;
}

#livros .banner-topo{
  height: 487px;
}

#livros .banner-topo .info-banner{
  padding: 135px;
  padding-top: 200px;
  color:#fff;
}

#livros .banner-topo .info-banner h1,
#livros .banner-topo .info-banner p{
  width: 50%;
}


/* ------- RESPONSIVO (MOBILE) ------- */

@media (max-width: 768px) {
  #livros .topo{
    padding: 0 20px;
  }

  #livros .banner-topo{
    height: auto; /* deixa crescer conforme o conteúdo */
    padding-bottom: 40px;
  }

  #livros .banner-topo .info-banner{
    padding: 40px 20px; /* muito mais leve */
  }

  #livros .banner-topo .info-banner h1,
  #livros .banner-topo .info-banner p{
    width: 100% !important; /* ocupa a largura do mobile */
  }

  #livros .banner-topo .info-banner h1{
    font-size: 28px;
    line-height: 1.2;
  }

  #livros .banner-topo .info-banner p{
    font-size: 16px;
    line-height: 1.4;
    margin-top: 10px;
  }
}

/* ------- RESPONSIVO (TELAS MUITO PEQUENAS) ------- */

@media (max-width: 480px) {
  #livros .banner-topo .info-banner{
    padding: 30px 15px;
  }

  #livros .banner-topo .info-banner h1{
    font-size: 24px;
  }

  #livros .banner-topo .info-banner p{
    font-size: 15px;
  }
}

#livros .section-livros-destaques{
  padding-bottom: 40px;
  padding-top: 20px;
}

#livros .section-livros-destaques h1 {
  font-size: 40px;
  color:#032A64;
  width: 55%;
  font-weight: bold;
  text-align: left;
  padding-top: 30px;
}

/* ------- MOBILE ------- */
@media (max-width: 768px) {
  #livros .section-livros-destaques h1 {
    width: 100%;       /* agora ocupa toda a largura */
    font-size: 28px;   /* mais confortável */
    line-height: 1.25;
    padding-top: 0px;
  }
}

/* ------- MOBILE PEQUENO ------- */
@media (max-width: 480px) {
  #livros .section-livros-destaques h1 {
    font-size: 24px;
  }
}

#livros .section-livros-destaques .benefit-box {
  border-radius: 15px;
  padding: 40px 20px;
  color: white;
  text-align: left;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 400px;
}

#livros .section-livros-destaques .box-3 a{
  display: inline-block; /* <<< isso resolve */
  width: auto;  
  padding: 8px 10px;
  margin-top: 25px;
  max-width: 140px;
  background: #0072BC;
  border-radius: 25px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-family: Open Sans;
  font-weight: 700;
  font-size: 15px;
  text-align: center;

  /* animação suave */
  transition: all 0.3s ease;
}
/* HOVER */
#livros .section-livros-destaques .box-3 a:hover {
  background: #008ce9;              /* cor um pouco mais clara */
  transform: scale(1.03);           /* aumenta levemente */
  box-shadow: 0 6px 20px rgba(0, 114, 188, 0.4);  /* brilho */
}

#livros .section-livros-destaques .box-1 { background-color: #E43470; }
#livros .section-livros-destaques .box-2 { background-color: #F2F2F4; color: #E43470; border: 2px solid #E43470; }
#livros .section-livros-destaques .box-3 { background-color: #032A64; }

#livros .section-livros-destaques .benefit-title {
height: 30px;
font-family: Open Sans;
font-weight: 700;
font-style: Bold;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;

}

#livros .section-livros-destaques .box-2{
  border: none;
  background-color: #E9E9E9;
}

#livros .section-livros-destaques .icon-box{
  position: relative;
  bottom: 80px;
  left: 5px;
}

#livros .section-livros-destaques .icon-box img{
  height: 170px;
  width: auto;
}

#livros .align-center{
  text-align: center !important;
}

#livros .section-livros-destaques .number-box{
  position: relative;
  bottom: 152px;
  left: 10px;
  font-size: 45px;
}

#livros .section-livros-destaques .passos-box {
  border-radius: 15px;
  padding: 40px 20px;
  color: white;
  text-align: left;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 400px;
}

#livros .section-livros-destaques .box-2 .passos-title{
  color: #E43470;
  height: auto;
}

#livros .section-livros-destaques .passos-title {
  font-weight: 700;
  font-size: 2.25rem;
  margin-bottom: 8px;
}

#livros .section-livros-destaques .passos-text {
  font-size: 1.2rem;
  color: inherit;
  font-weight: bold;
  height: 35px;
}

#livros .section-livros-destaques .box-2 .passos-text{
  color:#000;
}
#livros .section-livros {
    padding: 40px 0;
}
#livros .section-livros h1 {
  font-size: 40px;
  color:#032A64;
  width: 55%;
  font-weight: bold;
  text-align: left;
  padding-top: 30px;
}

/* ------- MOBILE ------- */
@media (max-width: 768px) {
  #livros .section-livros h1 {
    width: 100%;       /* agora ocupa toda a largura */
    font-size: 28px;   /* mais confortável */
    line-height: 1.25;
    padding-top: 0px;
  }
}

/* ------- MOBILE PEQUENO ------- */
@media (max-width: 480px) {
  #livros .section-livros h1 {
    font-size: 24px;
  }
}
#livros .livro-card {
    width: 100%;
    background: #E9E9E9;
    border-radius: 32px;
    padding: 25px;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    transition: 0.3s ease;
}

#livros .livro-card-img img {
    width: 240px;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
}

#livros .livro-card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#livros .livro-card-content h3 {
font-family: Open Sans;
margin-bottom: 15px;
font-weight: 700;
font-style: Bold;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;

}

#livros .livro-card-content p {
font-family: Open Sans;
font-weight: 400;
font-style: Regular;
font-size: 24px;
line-height: 149%;
letter-spacing: 0%;
vertical-align: middle;

}

#livros .livro-btn {
display: inline-block; /* <<< isso resolve */
  width: auto;  
  padding: 8px 10px;
  margin-top: 25px;
  max-width: 140px;
  background: #0072BC;
  border-radius: 25px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-family: Open Sans;
  font-weight: 700;
  font-size: 15px;
  text-align: center;

  /* animação suave */
  transition: all 0.3s ease;
}

#livros .livro-btn:hover {
background: #008ce9;              /* cor um pouco mais clara */
  transform: scale(1.03);           /* aumenta levemente */
  box-shadow: 0 6px 20px rgba(0, 114, 188, 0.4);  /* brilho */
}

@media (max-width: 768px) {
   #livros .livro-card {
        flex-direction: column;
        text-align: left;
    }

   #livros .livro-card-img img {
        width: 100%;
        max-width: 240px;
        margin: 0 auto;
    }
}