{ header }}

<style type="text/css">
/* ==========================================================
   ABC LIVRO - NOVO VISUAL DA PÁGINA DO PRODUTO
   SOMENTE VISUAL - NÃO ALTERA PREÇOS, FRETE, CARRINHO OU ZOOM
   ========================================================== */
#product-product .page-product{padding:0!important;background:#fff}
#product-product .page-product > .row{display:flex;flex-wrap:wrap;align-items:flex-start;margin-left:13px!important;margin-right:13px!important;box-sizing:border-box}
#product-product .page-product > .row > [class*="col-"]{padding-left:10px;padding-right:10px}

/* Breadcrumb */
.breadcrumb-product{background:#fff!important;border:0!important}
.breadcrumb-product .breadcrumb{background:#fff!important;border:1px solid #e7edf5!important;border-radius:10px!important;padding:11px 16px!important;margin:12px 0 18px!important;font-size:12px!important;color:#64748b!important}
.breadcrumb-product .breadcrumb a{color:#64748b!important;text-decoration:none!important}
.breadcrumb-product .breadcrumb a:hover{color:#0056b3!important}

/* Coluna da capa */
#product-product .lado2{background:#f8fafc;border:1px solid #e5ebf3;border-radius:16px;padding:22px 16px 18px!important;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
#product-product .lado2 #product-thumbs{width:100%;margin:0;padding:0;text-align:center}
#product-product .lado2 #product-thumbs>li:first-child{display:block!important;width:100%;margin:0!important;padding:0!important}
#product-product .lado2 #main-image{max-height:455px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;display:block!important;margin:0 auto!important;box-shadow:0 10px 28px rgba(15,23,42,.10);border-radius:4px}
#product-product .lado2 .thumbnail{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
#product-product .lado2 .btn-ampliar-imagem{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#0056b3!important;font-size:12px;font-weight:600;text-decoration:none}

/* Coluna central */
#product-product .lado3-middle{padding:8px 22px 0!important}
#product-product .lado3-middle .title-product{font-size:34px!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-.6px!important;color:#0f172a!important;margin:5px 0 10px!important}
#product-product .code-and-reviews-row{gap:12px!important;margin-bottom:12px!important}
#product-product .code-and-reviews-row .model{font-size:12px!important;color:#64748b!important}
#product-product .code-and-reviews-row .rating i{font-size:15px!important}
#product-product .code-and-reviews-row #vermaiscomments{font-size:12px!important;color:#0056b3!important;text-decoration:none!important}
#product-product .author-publisher-block{font-size:14px!important;line-height:1.7!important;margin-bottom:12px!important;color:#64748b!important}
#product-product .author-publisher-block span{color:#0056b3!important;font-weight:700!important}
#product-product .stock{display:inline-flex!important;align-items:center;gap:7px;padding:7px 12px!important;border-radius:7px!important;background:#ecfdf3!important;color:#16803c!important;font-size:12px!important;font-weight:700!important;margin:5px 0 18px!important}
#product-product .stock.sob-encomenda,#product-product .stock.pre-venda{background:#eff6ff!important;color:#1d4ed8!important}
#product-product .stock.esgotado{display:none!important}

/* Cards técnicos no centro */
.abc-product-tech-title{display:flex;align-items:center;gap:7px;margin:4px 0 7px;color:#0f172a;font-size:14px;font-weight:700}
.abc-product-tech-title i{color:#0056b3;font-size:14px}
.abc-product-tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}
.abc-tech-card{display:flex;align-items:center;gap:8px;min-height:42px;padding:5px 7px;background:#fff;border:1px solid #e4eaf2;border-radius:6px;transition:.18s ease}
.abc-tech-card:hover{border-color:#cbd9ea;box-shadow:0 4px 14px rgba(15,23,42,.05)}
.abc-tech-icon{width:26px;height:26px;min-width:26px;border-radius:6px;background:#eef5ff;display:flex;align-items:center;justify-content:center;color:#0056b3}
.abc-tech-icon i{font-size:11px}
.abc-tech-text{display:flex;flex-direction:column;min-width:0}
.abc-tech-label{font-size:10px;color:#64748b;font-weight:600;line-height:1.1}
.abc-tech-value{font-size:14px;color:#0f172a;font-weight:700;line-height:1.15;word-break:break-word}

/* Coluna de compra */
#product-product .lado3-box-compra{padding:0 10px!important}
#product-product .box-compra-container{border:1px solid #dfe6ef!important;border-radius:16px!important;padding:21px!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important;background:#fff!important}
#product-product .wish-product-top{top:15px!important;right:15px!important}
#product-product .button-wishlist-circle{background:#fff!important;border:1px solid #d9e1eb!important;color:#334155!important;width:34px!important;height:34px!important}
#product-product .button-wishlist-circle:hover{background:#f8fbff!important;color:#0056b3!important}
#product-product .price-content-box{padding-top:3px!important;padding-right:34px!important;border-bottom:0!important;padding-bottom:8px;margin-bottom:8px}
#product-product .price-old-box{font-size:13px!important;color:#94a3b8!important}
#product-product .price-pix-box{margin:5px 0 4px!important}
#product-product .valor-desconto-box{font-size:38px!important;font-weight:800!important;color:#16803c!important;letter-spacing:-.6px}
#product-product .pix-badge{background:#eaf8ef!important;color:#16803c!important;border-radius:20px!important;padding:4px 8px!important;font-size:10px!important}
#product-product .price-alternative{font-size:13px!important;color:#475569!important;margin-bottom:2px!important}
#product-product .parcelamento-box{font-size:12px!important;color:#64748b!important}
#product-product .quantity-selector{height:43px!important;border:1px solid #d5deea!important;border-radius:8px!important}
#product-product .qty-btn{background:#fff!important;color:#334155!important;width:24%!important}
#product-product .qty-btn:hover{background:#f1f5f9!important}
#product-product .qty-input{width:52%!important;font-size:14px!important}
#product-product .btn-buy-now{background:#22c55e!important;border-radius:8px!important;height:50px!important;font-size:17px!important;font-weight:800!important;box-shadow:none!important;color:#fff!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
#product-product .btn-buy-now:hover{background:#16a34a!important}
#product-product .frete-box-sidebar{border-top:1px solid #e8edf3!important;margin-top:18px!important;padding-top:17px!important}
#product-product .frete-box-sidebar input{border-radius:7px!important;border:1px solid #d7e0eb!important;height:40px!important}
#product-product .frete-box-sidebar button{border-radius:7px!important}

/* Remove excesso de espaçamento antigo da área principal */
#product-product .lado3-middle>div[style*="margin-top: 15px"]{margin-top:0!important}

/* Marca da editora abaixo de Páginas */
.abc-tech-brand-link{display:block!important;margin-top:4px;color:#0056b3!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important;line-height:1.25!important}
.abc-tech-brand-link:hover{color:#003f80!important;text-decoration:underline!important}
.abc-tech-pages-card .abc-tech-text{align-self:stretch}

/* Link da editora abaixo de Autor */
.abc-publisher-link{display:inline-flex!important;align-items:center;gap:4px;color:#0056b3!important;font-weight:700!important;text-decoration:none!important}
.abc-publisher-link:hover{color:#003f80!important;text-decoration:underline!important}
.abc-publisher-link-text{display:inline!important}

/* Link da categoria: usa exatamente a categoria exibida no breadcrumb */
.abc-category-link{
  color:#0056b3!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.abc-category-link:hover{
  color:#003f80!important;
  text-decoration:underline!important;
}
/* ==========================================================
   ABC LIVRO - PÁGINA DO PRODUTO
   REMOVE FUNDO CINZA, BORDA E SOMBRA DA CAPA
   ========================================================== */

/* Área inteira onde fica a capa */
#product-product .col-product-image,
#product-product .photo-full,
#product-product .page-product,
#product-product .page-product .lado-left,
#product-product .page-product .thumbnail {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

/* Remove qualquer fundo/cinza da área da imagem */
#product-product .page-product .thumbnail,
#product-product .page-product .thumbnail a,
#product-product .page-product .thumbnail img {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

/* A CAPA */
#product-product .page-product .thumbnail img,
#product-product .page-product .lado-left img,
#product-product .photo-full img {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}

/* Remove borda que o tema coloca nos links da imagem */
#product-product .image-additional a {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Remove arredondamento da capa principal */
#product-product .page-product .thumbnail img {
    border-radius: 0 !important;
}

/* Mantém o espaço externo branco */
#product-product .col-product-image {
    background: #ffffff !important;
}

/* ==========================================================
   GARANTE QUE NÃO APAREÇA BORDA DE BOOTSTRAP
   ========================================================== */

#product-product .img-thumbnail,
#product-product img.img-thumbnail {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* ==========================================================
   MINIATURAS
   ========================================================== */

#product-product .image-additional,
#product-product .image-additional img {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ==========================================================
   GALERIA / LIGHTBOX
   ========================================================== */

#product-product .gallery-main {
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

#product-product #lb-main {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
/* ==========================================================
   ABC LIVRO - AJUSTES DA PÁGINA DO PRODUTO
   CAPA SEM ARREDONDAMENTO + AUTOR/EDITORA PRETOS
   ========================================================== */

/* CAPA DO PRODUTO - SEM CANTOS ARREDONDADOS */
#product-product .page-product img,
#product-product .page-product .thumbnail,
#product-product .page-product .thumbnail img,
#product-product .photo-full img,
#product-product .lado-left img {
    border-radius: 0 !important;
}

/* Remove qualquer arredondamento do container da capa */
#product-product .col-product-image,
#product-product .photo-full,
#product-product .page-product,
#product-product .page-product .thumbnail {
    border-radius: 0 !important;
}

/* AUTOR E EDITORA - TEXTO PRETO */
#product-product .author-publisher-block {
    color: #000 !important;
}

/* NOME DO AUTOR */
#product-product .author-publisher-block a,
#product-product .author-publisher-block span,
#product-product .author-publisher-block strong,
#product-product .author-publisher-block b {
    color: #000 !important;
}

/* QUALQUER LINK DENTRO DE AUTOR/EDITORA */
#product-product .author-publisher-block a:link,
#product-product .author-publisher-block a:visited,
#product-product .author-publisher-block a:hover,
#product-product .author-publisher-block a:active {
    color: #000 !important;
    text-decoration: none !important;
}

/* REMOVE QUALQUER FUNDO CINZA DA ÁREA DA IMAGEM */
#product-product .lado2 #product-thumbs,
#product-product .lado2 #product-thumbs > li,
#product-product .lado2 #product-thumbs > li:first-child {
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
}

/* MANTÉM A CAPA COM BOA QUALIDADE E TAMANHO */
#product-product .lado2 #main-image {
    max-height: 455px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}
/* ==========================================================
   AJUSTE MOBILE - PÁGINA DO PRODUTO
   DIMINUIR CAPA, PREÇO E BOTÃO
   ========================================================== */

@media (max-width: 767px) {

    /* CAPA DO PRODUTO */
    #product-product .product-image,
    #product-product .thumbnails,
    #product-product .image {
        max-width: 280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #product-product .product-image img,
    #product-product .thumbnails img,
    #product-product .image img {
        max-width: 280px !important;
        width: 100% !important;
        height: auto !important;
    }

    /* BLOCO DO PREÇO */
    #product-product .product-right,
    #product-product .price-box,
    #product-product .product-price {
        font-size: 14px !important;
    }

    /* PREÇO PRINCIPAL */
    #product-product .price-new,
    #product-product .price,
    #product-product .price-normal {
        font-size: 30px !important;
        line-height: 1.1 !important;
    }

    /* BOTÃO ADICIONAR AO CARRINHO */
    #product-product #button-cart,
    #product-product .button-cart,
    #product-product .btn-cart {
        height: 46px !important;
        min-height: 46px !important;
        font-size: 15px !important;
        padding: 10px 15px !important;
        border-radius: 7px !important;
    }

    /* QUANTIDADE */
    #product-product .quantity,
    #product-product .input-group {
        min-height: 42px !important;
    }

    /* DIMINUI O ESPAÇO DO BLOCO DE COMPRA */
    #product-product .product-buy,
    #product-product .product-info {
        padding: 15px !important;
    }
}


/* BOTÃO DE AMPLIAR */
#product-product .lado2 .btn-ampliar-imagem {
    color: #000 !important;
}
/* FRETE - alinhamento definitivo do campo CEP + botão CALCULAR */
#product-product #frete-container-main .input-group{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

#product-product #frete-container-main .input-group > .form-control,
#product-product #frete-container-main .input-group > input.form-control{
  flex:1 1 auto!important;
  width:1%!important;
  min-width:0!important;
  max-width:none!important;
  height:40px!important;
  margin:0!important;
  float:none!important;
  box-sizing:border-box!important;
  border-radius:7px 0 0 7px!important;
}

#product-product #frete-container-main .input-group > .input-group-btn{
  position:static!important;
  display:flex!important;
  flex:0 0 88px!important;
  width:88px!important;
  min-width:88px!important;
  max-width:88px!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  vertical-align:top!important;
  box-sizing:border-box!important;
}

#product-product #frete-container-main .input-group > .input-group-btn > *,
#product-product #frete-container-main .input-group > .input-group-btn button,
#product-product #frete-container-main .input-group > .input-group-btn .btn,
#product-product #frete-container-main .input-group > button,
#product-product #frete-container-main .input-group > input[type="button"],
#product-product #frete-container-main .input-group > input[type="submit"]{
  position:static!important;
  display:flex!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:40px!important;
  margin:0!important;
  padding:0 8px!important;
  float:none!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  border-radius:0 7px 7px 0!important;
  line-height:40px!important;
}

/* Caso o módulo use o botão diretamente no container */
#product-product #frete-container-main > .input-group-btn{
  position:static!important;
  display:flex!important;
  width:88px!important;
  min-width:88px!important;
  max-width:88px!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
}

/* Remove posicionamentos antigos do Bootstrap que empurram o botão */
#product-product #frete-container-main .input-group-btn:before,
#product-product #frete-container-main .input-group-btn:after{
  display:none!important;
}
/* Responsivo */
@media (max-width:1199px){
  #product-product .lado2{min-height:490px}
  #product-product .lado3-middle .title-product{font-size:29px!important}
  #product-product .lado3-middle{padding-left:14px!important;padding-right:14px!important}
  #product-product .box-compra-container{padding:17px!important}
}
@media (max-width:991px){
  #product-product .page-product > .row{display:block;margin-left:0!important;margin-right:0!important}
  #product-product .lado2,#product-product .lado3-middle,#product-product .lado3-box-compra{width:100%!important;float:none!important}
  #product-product .lado2{margin-bottom:20px;min-height:0}
  #product-product .lado3-middle{padding:0 10px 20px!important}
  #product-product .lado3-box-compra{padding:0 10px!important}
  #product-product .lado3-middle .title-product{font-size:28px!important}
}
@media (max-width:575px){
  #product-product .lado2{padding:15px 10px!important;border-radius:12px}
  #product-product .lado2 #main-image{max-height:390px!important}
  #product-product .lado3-middle .title-product{font-size:25px!important}
  .abc-product-tech-grid{grid-template-columns:1fr}
  #product-product .box-compra-container{border-radius:12px!important}
}


/* ==========================================================
   CORREÇÃO FINAL DO CALCULADOR DE FRETE
   O módulo injeta sua própria estrutura; esta regra atua
   diretamente no elemento renderizado, somente no visual.
   ========================================================== */
#product-product #frete-container-main .abc-frete-row-fix{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  position:relative!important;
}
#product-product #frete-container-main .abc-frete-row-fix input[type="text"],
#product-product #frete-container-main .abc-frete-row-fix input[type="tel"],
#product-product #frete-container-main .abc-frete-row-fix input[type="number"]{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:40px!important;
  margin:0!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
  border-radius:7px 0 0 7px!important;
}
#product-product #frete-container-main .abc-frete-row-fix .abc-frete-calcular-fix,
#product-product #frete-container-main .abc-frete-row-fix button.abc-frete-calcular-fix,
#product-product #frete-container-main .abc-frete-row-fix input.abc-frete-calcular-fix{
  position:static!important;
  flex:0 0 88px!important;
  width:88px!important;
  min-width:88px!important;
  max-width:88px!important;
  height:40px!important;
  margin:0!important;
  padding:0 6px!important;
  box-sizing:border-box!important;
  border-radius:0 7px 7px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  line-height:40px!important;
}
#product-product #frete-container-main .abc-frete-calcular-fix:hover{position:static!important}

/* === AJUSTE FINAL FRETE - ESTILO EFÁCIL === */
#product-product #frete-container-main .abc-frete-row-fix{
  display:flex!important;
  align-items:stretch!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  max-width:100%!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:1px solid #d5deea!important;
  border-radius:7px!important;
  background:#fff!important;
  overflow:hidden!important;
  transition:border-color .15s ease, box-shadow .15s ease!important;
}

#product-product #frete-container-main .abc-frete-row-fix:focus-within{
  border-color:#22c55e!important;
  box-shadow:0 0 0 1px #22c55e!important;
}

#product-product #frete-container-main .abc-frete-row-fix input[type="text"],
#product-product #frete-container-main .abc-frete-row-fix input[type="tel"],
#product-product #frete-container-main .abc-frete-row-fix input[type="number"]{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  outline:none!important;
  border-radius:0!important;
  background:#fff!important;
  color:#222!important;
  box-shadow:none!important;
  font-size:13px!important;
}

#product-product #frete-container-main .abc-frete-row-fix input::placeholder{
  color:#8b95a1!important;
  opacity:1!important;
}

#product-product #frete-container-main .abc-frete-row-fix .abc-frete-calcular-fix{
  flex:0 0 82px!important;
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  height:40px!important;
  margin:0!important;
  padding:0 7px!important;
  border:0!important;
  border-left:1px solid #d5deea!important;
  border-radius:0!important;
  background:#fff!important;
  color:#222!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:all .15s ease!important;
}

#product-product #frete-container-main .abc-frete-row-fix:focus-within .abc-frete-calcular-fix,
#product-product #frete-container-main .abc-frete-row-fix .abc-frete-calcular-fix.abc-frete-ready{
  background:#22c55e!important;
  border-left-color:#22c55e!important;
  color:#fff!important;
  font-weight:700!important;
}

#product-product #frete-container-main .abc-frete-row-fix .abc-frete-calcular-fix:hover{
  background:#16a34a!important;
  border-left-color:#16a34a!important;
  color:#fff!important;
}

/* Não altera o seletor de quantidade + / - */
#product-product .quantity-selector,
#product-product .qty-btn,
#product-product .qty-input{
  /* intencionalmente preservados */
}

/* AJUSTES FINAIS SOLICITADOS - 21/08/2026 */
#product-product .lado3-box-compra{flex:0 0 28%!important;width:28%!important;max-width:28%!important;}
#product-product .lado3-middle{flex:0 0 47%!important;width:47%!important;max-width:47%!important;}
@media (max-width:991px){
  #product-product .lado3-middle,
  #product-product .lado3-box-compra{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
  }
}

/* Frete com a mesma borda clara do seletor + / - */
#product-product #frete-container-main .abc-frete-row-fix{
  border:1px solid #d5deea!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
#product-product #frete-container-main .abc-frete-row-fix:focus-within{
  border-color:#22c55e!important;
  box-shadow:0 0 0 1px #22c55e!important;
}
#product-product #frete-container-main .abc-frete-row-fix .abc-frete-calcular-fix{
  border-left:1px solid #d5deea!important;
  background:#fff!important;
  color:#222!important;
}
#product-product #frete-container-main .abc-frete-row-fix:focus-within .abc-frete-calcular-fix,
#product-product #frete-container-main .abc-frete-row-fix .abc-frete-calcular-fix.abc-frete-ready{
  background:#22c55e!important;
  border-left-color:#22c55e!important;
  color:#fff!important;
}
/* ==========================================================
   AJUSTE FINAL - TAMANHO DA CAPA E TÍTULO
   ========================================================== */

/* CAPA DO LIVRO - MENOR */
#product-product .lado2 {
    min-height: 400px !important;
}

#product-product .lado2 #product-thumbs {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
}

#product-product .lado2 #product-thumbs > li:first-child {
    display: flex !important;
    justify-content: center !important;
}

/* IMAGEM PRINCIPAL */
#product-product .lado2 #main-image {
    max-height: 340px !important;
    max-width: 240px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

/* Impede regras antigas de aumentar a imagem */
#product-product .photo-full .img-popup img {
    max-height: 340px !important;
    max-width: 240px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* TÍTULO DO PRODUTO */
#product-product .lado3-middle .title-product {
    font-size: 27px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.3px !important;
}

/* Tablet */
@media (max-width: 1199px) {
    #product-product .lado2 #main-image,
    #product-product .photo-full .img-popup img {
        max-height: 330px !important;
        max-width: 230px !important;
    }

    #product-product .lado3-middle .title-product {
        font-size: 27px !important;
    }
}

/* Celular */
@media (max-width: 767px) {
    #product-product .lado2 {
        min-height: auto !important;
    }

    #product-product .lado2 #main-image,
    #product-product .photo-full .img-popup img {
        max-height: 320px !important;
        max-width: 220px !important;
    }

    #product-product .lado3-middle .title-product {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }
}

</style>


<!-- ========================================================== -->
<!-- BREADCRUMB (NAVEGAÇÃO RESTRITA)                            -->
<!-- ========================================================== -->
<div class="breadcrumb-product">
  <div class="breadcrumb-product-int">
    <div class="container">
      <div class="row">
        <div class="col-xs-12">
          <ul class="breadcrumb">
                        <li><a href="https://abclivro.com.br/">Home</a></li>
            <li><span><i class="icofont-rounded-right"></i></span></li>
                        <li><a href="https://abclivro.com.br/artes-e-cultura">Artes E Cultura</a></li>
            <li><span><i class="icofont-rounded-right"></i></span></li>
                        <li><a href="https://abclivro.com.br/strike-pose-aprenda-posar-fotos">Strike A Pose: Aprenda A Posar Para Fotos E A Valorizar Sua Imagem Em Um Mundo Digital</a></li>
            <li><span><i class="icofont-rounded-right"></i></span></li>
                      </ul>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- ========================================================== -->
<!-- CORPO PRINCIPAL DA PÁGINA DO PRODUTO                       -->
<!-- ========================================================== -->
<div id="product-product" class="container">
  <div class="row">
                <div id="content" class="col-sm-12 page-product">
      
      <div class="row"> 

        <!-- ========================================== -->
        <!--  COLUNA 1: IMAGEM DO LIVRO (SEM BADGES)    -->
        <!-- ========================================== -->
        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 photo-full lado2">
          <style type="text/css">
            .photo-full li { list-style: none; }
            .photo-full { position: relative; }
            .photo-full .icon-search { display: none !important; }
            .photo-full .img-popup img { max-height: 420px; width: 100%; height: auto; object-fit: contain; }
</style>
                
          <ul class="thumbnails" id="product-thumbs">
                          <li>
                <a class="thumbnail max-image zoom-shot open-lightbox img-popup"
                   href="image/catalog/livros/9786559321773.jpg"
                   title="Strike A Pose: Aprenda A Posar Para Fotos E A Valorizar Sua Imagem Em Um Mundo Digital"
                   data-large="image/catalog/livros/9786559321773.jpg"
                   data-index="0">
                  <img id="main-image"
                       src="image/catalog/livros/9786559321773.jpg"
                       title="Strike A Pose: Aprenda A Posar Para Fotos E A Valorizar Sua Imagem Em Um Mundo Digital"
                       alt="Strike A Pose: Aprenda A Posar Para Fotos E A Valorizar Sua Imagem Em Um Mundo Digital" />
                </a>
              </li>
            
                      </ul>
        </div>

        <!-- ========================================== -->
        <!--  COLUNA 2: DETALHES E INFORMAÇÕES          -->
        <!-- ========================================== -->
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 lado3-middle">
<h1 class="title-product" style="font-size: 26px; font-weight: 700; margin-top: 5px; line-height: 1.2; margin-bottom: 8px;">Strike A Pose: Aprenda A Posar Para Fotos E A Valorizar Sua Imagem Em Um Mundo Digital</h1>
          
          <div class="code-and-reviews-row" style="display: flex; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 15px;">
                          <span class="model" style="color:#777; margin: 0; font-size: 14px;">Cód: <b>9786559321773</b></span>
            
                          <div class="rating" style="display: inline-flex; align-items: center; margin: 0;">
                <span style="display: flex; margin-right: 6px;">
                                                            <i class="fa fa-star-o" style="color:#ccc; font-size: 14px; margin-right: 2px;"></i>
                                                                                <i class="fa fa-star-o" style="color:#ccc; font-size: 14px; margin-right: 2px;"></i>
                                                                                <i class="fa fa-star-o" style="color:#ccc; font-size: 14px; margin-right: 2px;"></i>
                                                                                <i class="fa fa-star-o" style="color:#ccc; font-size: 14px; margin-right: 2px;"></i>
                                                                                <i class="fa fa-star-o" style="color:#ccc; font-size: 14px; margin-right: 2px;"></i>
                                                      </span>
                <a href="" id="vermaiscomments" onclick="$('a[href=\'#tab-review\']').trigger('click'); return false;" style="font-size: 13px; color: #4a5568; text-decoration: underline;">Ver avaliações</a>
              </div>
                      </div>

          <div class="author-publisher-block" style="margin-bottom: 20px; font-size: 15px; line-height: 1.6; color: #4a5568;">
                          <div class="author-row">
                Autor: <span style="font-weight: 600; color: #2d3748;">Borges, Tay</span>
              </div>
                                      <div class="publisher-row" style="margin-top: 4px; color: #2d3748;">
                Editora:
                                    <a class="abc-publisher-link" href="https://abclivro.com.br/letramento-editora">Letramento Editora</a>
                              </div>
                      </div>

          <div style="margin-top: 15px;">
                          <div class="stock em-estoque" style="color:#28a745; font-weight:700; font-size: 15px;"><i class="fa fa-check-circle"></i> DISPONIBILIDADE: ENVIO IMEDIATO</div>
                      </div>

          <div class="abc-product-tech-title"><i class="fa fa-list-alt"></i> Informações técnicas</div>
          <div class="abc-product-tech-grid">
                        <div class="abc-tech-card abc-tech-pages-card">
              <div class="abc-tech-icon"><i class="fa fa-file-text-o"></i></div>
              <div class="abc-tech-text">
                <span class="abc-tech-label">Páginas</span>
                <span class="abc-tech-value">190</span>
              </div>
            </div>
                        <div class="abc-tech-card"><div class="abc-tech-icon"><i class="fa fa-barcode"></i></div><div class="abc-tech-text"><span class="abc-tech-label">ISBN</span><span class="abc-tech-value">9786559321773</span></div></div>            <div class="abc-tech-card"><div class="abc-tech-icon"><i class="fa fa-calendar"></i></div><div class="abc-tech-text"><span class="abc-tech-label">Ano</span><span class="abc-tech-value">2022</span></div></div>            <div class="abc-tech-card"><div class="abc-tech-icon"><i class="fa fa-bookmark"></i></div><div class="abc-tech-text"><span class="abc-tech-label">Tipo</span><span class="abc-tech-value">Brochura</span></div></div>          </div>

        </div>

        <!-- ========================================== -->
        <!--  COLUNA 3: BOX DE COMPRA + FRETE LOCAL     -->
        <!-- ========================================== -->
        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 lado3-box-compra">
          <div class="box-compra-container">
            
            <div class="wish-product-top">
              <button type="button" data-toggle="tooltip" class="button-wishlist-circle" title="Adicionar aos Favoritos" onclick="wishlist.add('107380');">
                <i class="fa fa-heart-o"></i>
              </button>
            </div>

            <div class="price-content-box">
                              
                <div class="price-pix-box">
                  <span
                    class="valor-desconto-box"
                    id="abc-preco-pix"
                    data-preco-base="R&#x24;&#x20;119,90"                  >R$ 119,90</span>
                  <span class="pix-badge">no PIX</span>
                </div>

                <div class="price-alternative">
                                      ou <span class="price-card-box">R$ 119,90</span>
                                  </div>

                <script>
                (function () {
                  var el = document.getElementById('abc-preco-pix');
                  if (!el) return;

                  var texto = el.getAttribute('data-preco-base') || '';
                  var numero = parseFloat(
                    texto
                      .replace(/[^0-9,.-]/g, '')
                      .replace(/\./g, '')
                      .replace(',', '.')
                  );

                  if (!isNaN(numero)) {
                    var precoPix = Math.round((numero * 0.97 + Number.EPSILON) * 100) / 100;

                    el.textContent = precoPix.toLocaleString('pt-BR', {
                      style: 'currency',
                      currency: 'BRL'
                    });
                  }
                })();
                </script>

                <span class="parcelamento-box">em até <b>2x</b> de <b>R$ 59,95</b> sem juros</span>
                          </div>

                          <div id="product" class="buy-actions-box">
                
                
                <div class="quantity-add-row" style="margin-bottom: 12px;">
                  <div class="quantity-selector">
                    <button type="button" class="qty-btn minus">-</button>
                    <input type="number" name="quantity" value="1" size="2" id="input-quantity" class="qty-input" />
                    <button type="button" class="qty-btn plus">+</button>
                  </div>
                  <input type="hidden" name="product_id" value="107380" />
                </div>

                <button type="button" id="button-cart" data-loading-text="Carregando..." class="btn-buy-now">
                  Adicionar ao carrinho
                </button>
              </div>
            
            <div class="frete-box-sidebar" id="frete-container-main" style="margin-top: 15px; border-top: 0; padding-top: 0;">
              <div id="box-estimate-tax">
    <div class="wellx">

        <p><img src="catalog/view/theme/default/image/icon-truck.png" alt="CALCULAR FRETE" class="imgt" /> CALCULAR FRETE</p>
        <form name="frmCalculaFrete" method="post" onsubmit="return false;" class="clearfix">

    <div class="form-content">
    <input type="text" value="" class="form-control" name="postcode" id="postcode" placeholder="Digite seu CEP" />
    <script type="text/javascript">$("#postcode").mask("99999-999");</script>
   <button id="estimate_tax" class="hvr-pop" title="Pesquisar" data-loading-text="Carregando...">Calcular</button>
    </div>


        </form>
            </div>

    <div class="row">
        <div id="results-taxes" class="col-md-12"></div>
    </div>
        
        </div><!--box-estimate-tax-->
<script type="text/javascript">
    $('#estimate_tax').click(function () {
        $.ajax({
            url: 'index.php?route=extension/module/joseanmatias_simulador_frete/quote&pid=107380',
            type: 'post',
            data: $('input[type="text"], input[type="number"], input[type="hidden"], input[type="radio"]:checked, input[type="checkbox"]:checked, select'),
            dataType: 'json',
            beforeSend: function () {
                $('#box-estimate-tax .alert').remove();
                $('#estimate_tax').button('loading');
            },
            success: function (json) {
                $('#estimate_tax').button('reset');

                if (json['error']) {
                    if (json['error']['postcode']) {
                        $('#results-taxes').html('<span class="alert alert-danger">' + json['error']['postcode'] + '</span>').slideDown('slow');
                    }
                    if (json['error']['product']) {
                        $('#results-taxes').html('<span class="alert alert-danger">' + json['error']['product'] + '</span>').slideDown('slow');
                    }
                    if (json['error']['warning']) {
                        $('#results-taxes').html('<span class="alert alert-danger">' + json['error']['warning'] + '</span>').slideDown('slow');
                    }
                }

                if (json['shipping_method']) {
                    html = '<h4>Opções de transporte disponíveis para este produto</h4>';
                    for (i in json['shipping_method']) {
                        html += '  <div class="panel panel-default">';
                        html += '<div class="panel-heading"><b>' + json['shipping_method'][i]['title'] + '</b></div>';

                        if (!json['shipping_method'][i]['error']) {
                            html += '<div class="panel-body">';
                            for (j in json['shipping_method'][i]['quote']) {
                                html += '<div class="row">';
                                html += '  <div class="col-md-9 col-sm-9 col-xs-8 text-left"><input type="radio" name="shipping_method" value="' + json['shipping_method'][i]['quote'][j]['code'] + '" data-product_total="'+ json['shipping_method'][i]['quote'][j]['product_total'] +'" class="hidden"> <span>' + json['shipping_method'][i]['quote'][j]['title'] + '</span></div>';
                                html += '  <div class="col-md-3 col-sm-3 col-xs-4 text-right"><strong>' + json['shipping_method'][i]['quote'][j]['text'] + '</strong></div>';
                                html += '</div>';
                            }
                            html += '</div>';
                        } else {
                            html += '<div class="panel-body">';
                            html += '  <div class="text-danger">' + json['shipping_method'][i]['error'] + '</div>';
                            html += '</div>';
                        }
                        html += '  </div>';
                    }
                    html += '  <div class="panel panel-default hidden">';
                    html += '  <div class="panel-footer">';                    
                    html += '        <input type="button" value="Compre agora!" id="button-shipping" data-loading-text="Carregando..." class="btn btn-primary" disabled="disabled" />';
                    html += '        <br class="visible-xs"><strong id="product-total" style="display:none;margin-left:10px;"></strong>';
                    html += '  </div>';
                    html += '  </div>';

                    $('#results-taxes').html(html).slideDown('slow');

                    $('input[name=\'shipping_method\']').bind('change', function() {
                        var product_total = $(this).data('product_total');
                        $('#product-total').fadeOut(500, function(){                            
                            if(product_total) {                            
                                $('#product-total').html('Total a pagar: '+ product_total).fadeIn(500);
                                $('#button-shipping').attr('disabled', false);
                            } 
                        });
                    });
                }
            },
            error: function (erro) {
                //document.write(JSON.stringify(erro));
            }
        });

        return false;
    });

    $(document).delegate('#button-shipping', 'click', function () {
        $.ajax({
            url: 'index.php?route=checkout/cart/add&simulador',
            type: 'post',
            data: $('#product input[type=\'text\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea'),
            dataType: 'json',
            success: function (json) {
                $('.alert, .text-danger').remove();
                $('.form-group').removeClass('has-error');

                if (json['error']) {
                    if (json['error']['option']) {
                        for (i in json['error']['option']) {
                            var element = $('#input-option' + i.replace('_', '-'));

                            if (element.parent().hasClass('input-group')) {
                                element.parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
                            } else {
                                element.after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
                            }
                        }
                    }

                    if (json['error']['recurring']) {
                        $('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>');
                    }

                    $('.text-danger').parent().addClass('has-error');
                    $('html, body').animate({scrollTop: $('#product').offset().top}, 'slow');
                }

                if (json['success']) {
                    $.ajax({
                        url: 'index.php?route=extension/total/shipping/shipping',
                        type: 'post',
                        data: 'shipping_method=' + encodeURIComponent($('input[name=\'shipping_method\']:checked').val()),
                        dataType: 'json',
                        beforeSend: function () {
                            $('#button-shipping').button('loading');
                        },
                        complete: function () {
                            $('#button-shipping').button('reset');
                        },
                        success: function (json) {
                            if (json['redirect']) {
                                window.location = 'https://abclivro.com.br/index.php?route=checkout/cart';
                            }
                        }
                    });
                }
            }
        });
    });
</script>
              
              <div id="endereco-dinamico-frete" style="display: none; margin-top: 12px; padding: 6px 8px; font-size: 13px; color: #1e3a8a; font-weight: 600; align-items: center; gap: 6px; background: #eff6ff; border-radius: 6px;">
                <i class="fa fa-map-marker" style="color: #2563eb; font-size: 16px;"></i>
                <span id="texto-endereco-localizacao"></span>
              </div>
            </div>

          </div>

          <style>
            .esgotado-box {
              width: 100%;
              min-height: 46px;
              padding: 0 14px;
              margin: 4px 0 10px;
              box-sizing: border-box;
              display: flex;
              align-items: center;
              justify-content: center;
              background: #e52525;
              border: 1px solid #e52525;
              border-radius: 8px;
              color: #ffffff;
              font-family: inherit;
              font-size: 15px;
              font-weight: 700;
              letter-spacing: .15px;
              line-height: 1;
              text-align: center;
              white-space: nowrap;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
            }

            #product-product .price-content-box {
              border-bottom: 0 !important;
            }
            #product-product .stock.esgotado {
              display: none !important;
            }
            #product-product .esgotado-box {
              border-bottom: 0 !important;
              box-shadow: none !important;
              text-shadow: none !important;
            }

            .box-compra-container {
              background: #ffffff;
              border: 1px solid #e2e8f0;
              border-radius: 16px;
              padding: 20px;
              box-shadow: 0 4px 12px rgba(0,0,0,0.03);
              position: relative;
            }
            .wish-product-top { position: absolute; top: 15px; right: 15px; }
            .button-wishlist-circle {
              background: #f8f9fa; border: none; width: 36px; height: 36px; border-radius: 50%;
              display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s;
            }
            .button-wishlist-circle:hover { background: #ffe3e3; color: #e53e3e; }
            .price-old-box { text-decoration: line-through; color: #a0aec0; font-size: 14px; }
            .price-pix-box { margin: 5px 0; }
            .valor-desconto-box { font-size: 38px !important; font-weight: 800; color: #16803c !important; }
            .pix-badge { font-size: 12px; background: #e6fffa; color: #234e52; padding: 2px 6px; border-radius: 4px; font-weight: 700; margin-left: 4px; }
            .price-alternative { font-size: 14px; color: #4a5568; margin-bottom: 4px; }
            .parcelamento-box { font-size: 13px; color: #718096; display: block; margin-bottom: 15px; }
            
            .quantity-selector { display: flex; width: 100%; border: 1px solid #cbd5e0; border-radius: 8px; overflow: hidden; background: #fff; height: 36px; }
            .qty-btn { background: #f1f5f9; color: #475569; border: none; width: 22%; height: 100%; font-size: 16px; font-weight: bold; cursor: pointer; transition: background 0.2s; }
            .qty-btn:hover { background: #e2e8f0; }
            .qty-input { width: 56%; border: none; text-align: center; font-size: 15px; font-weight: 600; background: #ffffff; height: 100%; -moz-appearance: textfield; }
            .qty-input::-webkit-outer-spin-button,
            .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
            
            .btn-buy-now {
              background: #22c55e; color: #fff; border: none; width: 100%; padding: 12px; border-radius: 8px; font-size: 17px; font-weight: 800;
              cursor: pointer; transition: background 0.2s; display: flex; align-items: center; justify-content: center;
            }
            .btn-buy-now:hover { background: #16a34a; }
            .frete-box-sidebar table { width: 100% !important; }
            .frete-box-sidebar table tr { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; border-bottom: 1px dashed #edf2f7; padding-bottom: 6px; }
            .frete-box-sidebar table td { border: none !important; padding: 0 !important; }
            .frete-box-sidebar table td:first-child { text-align: left; max-width: 75%; font-size: 12px; color: #4a5568; }
            .frete-box-sidebar table td:last-child { text-align: right; font-weight: 700; color: #1a202c; font-size: 13px; }
            /* Evita que o valor fique por baixo do WhatsApp */
 }
/* ==========================================
   FRETE - ALINHAR PREÇO NA MESMA LINHA
   ========================================== */

/* Transforma a linha inteira em Flexbox */
#box-estimate-tax .panel-body > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    width: 100% !important;
    margin-bottom: 8px !important;
}

/* Deixa o texto da transportadora/prazo flexível à esquerda */
#box-estimate-tax .panel-body > .row > [class*="col-"] {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
}

/* Força a coluna do preço a se alinhar na mesma linha e ir para a direita */
#box-estimate-tax .panel-body > .row > div:last-child,
#box-estimate-tax .panel-body > .row .col-md-3,
#box-estimate-tax .panel-body > .row .col-sm-3,
#box-estimate-tax .panel-body > .row .col-xs-4 {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    text-align: right !important;
    margin-left: auto !important;
}

/* Mantém o R$ e o número juntos na mesma linha */
#box-estimate-tax .panel-body > .row .col-md-3 strong,
#box-estimate-tax .panel-body > .row .col-sm-3 strong,
#box-estimate-tax .panel-body > .row .col-xs-4 strong,
#box-estimate-tax .panel-body > .row .col-md-3 span,
#box-estimate-tax .panel-body > .row .col-sm-3 span {
    display: inline !important;
    white-space: nowrap !important;
    font-weight: 700 !important;
}
            
          </style>

          <script>
            $(document).ready(function() {
              $('.qty-btn.plus').click(function() {
                var input = $(this).prev('input');
                input.val(parseInt(input.val()) + 1);
              });
              $('.qty-btn.minus').click(function() {
                var input = $(this).next('input');
                var val = parseInt(input.val());
                if (val > 1) { input.val(val - 1); }
              });

              function buscarEnderecoFrete() {
                var cepInput = $('#frete-container-main input').filter(function() {
                  return $(this).val() && $(this).val().length >= 8;
                }).first();
                var cep = cepInput.val();
                if(!cep && window.localStorage) { cep = localStorage.getItem('shipping_postcode'); }
                if (cep) {
                  cep = cep.replace(/\D/g, '');
                  if (cep.length === 8) {
                    $.getJSON('https://viacep.com.br/ws/' + cep + '/json/', function(dados) {
                      if (!("erro" in dados)) {
                        var enderecoCompleto = dados.logradouro + " - " + dados.localidade + " - " + dados.uf;
                        $('#texto-endereco-localizacao').text(enderecoCompleto);
                        if ($('#endereco-dinamico-frete').length > 0) { $('#endereco-dinamico-frete').css('display', 'flex'); }
                      }
                    });
                  }
                }
              }

              $(document).ajaxComplete(function(event, xhr, settings) {
                if (settings.url && (settings.url.indexOf('quote') !== -1 || settings.url.indexOf('frete') !== -1 || settings.url.indexOf('shipping') !== -1)) {
                  setTimeout(function() { buscarEnderecoFrete(); }, 400);
                }
              });
              $(document).on('click', '#frete-container-main button, #frete-container-main a', function() {
                setTimeout(function() { buscarEnderecoFrete(); }, 500);
              });
            });
          
(function(){
  function atualizarEstadoFrete(){
    var box = document.getElementById('frete-container-main');
    if(!box) return;

    var row = box.querySelector('.abc-frete-row-fix');
    if(!row) return;

    var input = row.querySelector('input[type="text"], input[type="tel"], input[type="number"]');
    var botao = row.querySelector('.abc-frete-calcular-fix');
    if(!input || !botao) return;

    var valor = (input.value || '').replace(/\D/g,'');
    botao.classList.toggle('abc-frete-ready', valor.length >= 8);
  }

  function iniciarFreteFinal(){
    atualizarEstadoFrete();

    var box = document.getElementById('frete-container-main');
    if(!box) return;

    box.addEventListener('input', function(){
      atualizarEstadoFrete();
    });

    box.addEventListener('focusin', function(){
      atualizarEstadoFrete();
    });

    box.addEventListener('focusout', function(){
      setTimeout(atualizarEstadoFrete, 50);
    });
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', iniciarFreteFinal);
  }else{
    iniciarFreteFinal();
  }

  if(window.jQuery){
    jQuery(document).ajaxComplete(function(){
      setTimeout(atualizarEstadoFrete, 100);
      setTimeout(atualizarEstadoFrete, 500);
    });
  }

  setTimeout(atualizarEstadoFrete, 300);
  setTimeout(atualizarEstadoFrete, 800);
  setTimeout(atualizarEstadoFrete, 1500);
})();
</script>
          <script>
          (function(){
            function corrigirBotaoCalcularFrete(){
              var box=document.getElementById('frete-container-main');
              if(!box) return;

              var candidatos=box.querySelectorAll('button, input[type="button"], input[type="submit"], a');
              var botao=null;
              for(var i=0;i<candidatos.length;i++){
                var el=candidatos[i];
                var texto=((el.innerText||el.textContent||el.value||'')+'').trim().toUpperCase();
                if(texto.indexOf('CALCULAR')!==-1){ botao=el; break; }
              }
              if(!botao) return;

              var entrada=box.querySelector('input[type="text"], input[type="tel"], input[type="number"]');
              if(!entrada) return;

              var pai=botao.parentElement;
              while(pai && pai!==box){
                if(pai.contains(entrada) && pai.contains(botao)) break;
                pai=pai.parentElement;
              }
              if(!pai || pai===box) pai=entrada.parentElement;

              pai.classList.add('abc-frete-row-fix');
              botao.classList.add('abc-frete-calcular-fix');
              botao.style.setProperty('position','static','important');
              botao.style.setProperty('float','none','important');
              botao.style.setProperty('margin','0','important');
              botao.style.setProperty('transform','none','important');
              entrada.style.setProperty('float','none','important');
              entrada.style.setProperty('position','static','important');

              if(botao.parentElement!==pai){
                pai.appendChild(botao);
              }
            }

            function executar(){
              corrigirBotaoCalcularFrete();
              setTimeout(corrigirBotaoCalcularFrete,300);
              setTimeout(corrigirBotaoCalcularFrete,800);
              setTimeout(corrigirBotaoCalcularFrete,1500);
            }

            if(document.readyState==='loading'){
              document.addEventListener('DOMContentLoaded',executar);
            }else{
              executar();
            }

            if(window.jQuery){
              jQuery(document).ajaxComplete(function(){
                setTimeout(corrigirBotaoCalcularFrete,100);
                setTimeout(corrigirBotaoCalcularFrete,500);
              });
            }
          })();
          </script>
        </div>
      </div>

      <!-- ========================================== -->
      <!-- MODAL DA GALERIA DO PRODUTO (LIGHTBOX)     -->
      <!-- ========================================== -->
      <div class="modal fade" id="galleryModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" style="width:95%; max-width:900px;">
          <div class="modal-content gallery-modal">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
            <div class="gallery-wrap">
              <main class="gallery-main">
                <img id="lb-main" src="" alt="">
              </main>
            </div>
            <p class="text-center" style="margin-bottom: 15px;"><small>Role o scroll do mouse para ampliar</small></p>
          </div>
        </div>
      </div>

      <style>
        .zoom-shot{ position:relative; overflow:hidden; border-radius:12px; background:#fff; cursor:zoom-in; }
        .zoom-shot img{ transition:transform .35s cubic-bezier(.2,.6,.2,1); transform-origin:center; }
        .gallery-modal{ background:#fff; border:none; border-radius:12px; position:relative; }
        .gallery-modal .close{ position:absolute; right:14px; top:10px; z-index:5; font-size:32px; color:#c00; opacity:.9; }
        .gallery-wrap{ display:flex; justify-content:center; padding:18px; min-height:50vh; }
        .gallery-main{ position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; width: 100%; }
        #lb-main { max-width:100%; max-height:70vh; width:auto; height:auto; border-radius:12px; transition: transform 0.2s ease; cursor: grab; user-select: none; }
        #lb-main.dragging { cursor: grabbing; }
      </style>

      <script>
      (function($){
        try { if ($.fn.magnificPopup && $('.thumbnails').data('magnificPopup')) { $('.thumbnails').magnificPopup('destroy'); } } catch(e){}
        var gallery = []; var current = 0; var built = false;
        function buildGallery(){
          gallery = [];
          $('#product-thumbs a.thumbnail').each(function(){
            var $a = $(this); var large = $a.attr('href'); var thumb = $a.find('img').attr('src');
            if (large) gallery.push({thumb: thumb, large: large});
          });
        }
        function openModalAt(idx){
          if (!built){ buildGallery(); built = true; }
          current = idx; if (gallery[idx]) { $('#lb-main').attr('src', gallery[idx].large); }
          $('#galleryModal').modal('show'); resetZoom();
        }
        $('#product-thumbs').on('click', 'a.thumbnail', function(e){
          e.preventDefault(); var idx = $('#product-thumbs a.thumbnail').index(this); openModalAt(idx); return false;
        });
        var scale = 1, posX = 0, posY = 0, isDragging = false, startX, startY;
        var $img = $('#lb-main'); var $container = $('.gallery-main');
        function applyTransform() { $img.css('transform', 'translate(' + posX + 'px,' + posY + 'px) scale(' + scale + ')'); }
        function resetZoom() { scale = 1; posX = 0; posY = 0; applyTransform(); }
        $container.on('wheel', '#lb-main', function(e){
          e.preventDefault(); var delta = e.originalEvent.deltaY;
          if (delta < 0) scale *= 1.1; else scale /= 1.1;
          if (scale < 1) scale = 1; if (scale > 5) scale = 5; if (scale === 1) { posX = 0; posY = 0; }
          applyTransform();
        });
        function clamp(val, min, max){ return Math.min(Math.max(val, min), max); }
        $img.on('mousedown', function(e){
          if (scale <= 1) return; isDragging = true; $img.addClass('dragging');
          startX = e.clientX - posX; startY = e.clientY - posY; e.preventDefault();
        });
        $(document).on('mousemove', function(e){
          if (!isDragging) return;
          var containerW = $container.width(), containerH = $container.height(), imgW = $img[0].naturalWidth * scale, imgH = $img[0].naturalHeight * scale;
          posX = e.clientX - startX; posY = e.clientY - startY;
          var maxX = Math.max(0, (imgW - containerW) / 2), maxY = Math.max(0, (imgH - containerH) / 2);
          posX = clamp(posX, -maxX, maxX); posY = clamp(posY, -maxY, maxY); applyTransform();
        });
        $(document).on('mouseup', function(){ if (isDragging){ isDragging = false; $img.removeClass('dragging'); } });
      })(jQuery);
      </script>


      <!-- ========================================================== -->
      <!--  CONTEÚDO DAS ABAS CUSTOMIZADAS E CENTRALIZADAS            -->
      <!-- ========================================================== -->
      <div class="col-xs-12" style="margin-top: 50px; margin-bottom: 20px;">
        <div class="block-description">
          <script type="text/javascript">
            $("#vermaiscomments").click(function(){
                $("html, body").delay(500).animate({ scrollTop: $('#tabcomments').offset().top }, 1000);
            });
          </script>

          <a name="tabcomments" id="tabcomments"></a>
          <a name="tabdescription" id="tabdescription"></a>

          <ul class="nav nav-tabs custom-product-tabs">
            <li class="active">
              <a href="#tab-description" data-toggle="tab">
                <i class="fa fa-file-text-o"></i> Descrição
              </a>
            </li>
            <li>
              <a href="#tab-specification" data-toggle="tab">
                <i class="fa fa-copy"></i> Informações Adicionais
              </a>
            </li>
                        <li>
              <a href="#tab-review" data-toggle="tab">
                <i class="fa fa-star-o"></i> Avaliações (0)
              </a>
            </li>
                      </ul>

          <!-- ========================================================== -->
          <!-- SANFONA MOBILE - MESMO CONTEÚDO DAS ABAS DESKTOP           -->
          <!-- ========================================================== -->
          <div class="abc-mobile-accordion" aria-label="Informações do produto">

            <button type="button"
                    class="abc-accordion-header is-open"
                    data-accordion-target="#tab-description"
                    aria-expanded="true">
              <span class="abc-accordion-title">
                <i class="fa fa-file-text-o"></i>
                <span>Descrição</span>
              </span>
              <i class="fa fa-chevron-down abc-accordion-chevron"></i>
            </button>

            <button type="button"
                    class="abc-accordion-header"
                    data-accordion-target="#tab-specification"
                    aria-expanded="false">
              <span class="abc-accordion-title">
                <i class="fa fa-copy"></i>
                <span>Informações Adicionais</span>
              </span>
              <i class="fa fa-chevron-down abc-accordion-chevron"></i>
            </button>

                        <button type="button"
                    class="abc-accordion-header"
                    data-accordion-target="#tab-review"
                    aria-expanded="false">
              <span class="abc-accordion-title">
                <i class="fa fa-star-o"></i>
                <span>Avaliações (0)</span>
              </span>
              <i class="fa fa-chevron-down abc-accordion-chevron"></i>
            </button>
            
          </div>

          <style>
            .custom-product-tabs {
              border-bottom: 1px solid #e2e8f0 !important;
              display: flex !important;
              justify-content: center !important;
              background: transparent !important;
              padding: 0 !important;
              margin: 0 0 25px 0 !important;
              list-style: none !important;
              gap: 20px !important;
            }
            .custom-product-tabs > li { 
              float: none !important; 
              display: inline-block !important;
              margin: 0 !important; 
              padding: 0 !important;
              position: relative !important;
            }
            .custom-product-tabs > li > a {
              display: flex !important;
              align-items: center !important;
              gap: 8px !important;
              margin: 0 !important;
              border: none !important;
              border-radius: 0 !important;
              padding: 12px 10px !important;
              font-size: 16px !important;
              font-weight: 600 !important;
              color: #475569 !important;
              background-color: transparent !important;
              transition: all 0.2s ease !important;
              line-height: 1.4 !important;
              outline: none !important;
              box-shadow: none !important;
            }
            .custom-product-tabs > li > a:focus,
            .custom-product-tabs > li > a:active,
            .custom-product-tabs > li.active > a:focus,
            .custom-product-tabs > li.active > a:active {
              outline: none !important;
              box-shadow: none !important;
              border: none !important;
            }
            .custom-product-tabs > li > a i {
              font-size: 16px;
              color: #0056b3;
            }
            .custom-product-tabs > li > a:hover {
              color: #0056b3 !important;
              background-color: transparent !important;
              border: none !important;
            }
            .custom-product-tabs > li.active > a,
            .custom-product-tabs > li.active > a:hover,
            .custom-product-tabs > li.active > a:focus {
              border: none !important;
              background-color: transparent !important;
              color: #0056b3 !important;
            }
            .custom-product-tabs > li.active::after {
              content: '';
              position: absolute;
              bottom: -1px;
              left: 0;
              width: 100%;
              height: 3px;
              background-color: #0056b3;
              border-radius: 4px 4px 0 0;
            }
            .custom-product-tabs > li.active > a i {
              color: #0056b3 !important;
            }

            .tab-content {
              background: #ffffff;
              border: none;
              padding: 10px 0;
            }

            .specs-grid-container {
              display: grid;
              grid-template-columns: repeat(3, 1fr);
              gap: 20px;
              width: 100%;
            }
            .specs-column-box {
              background: #ffffff;
              display: flex;
              flex-direction: column;
              gap: 16px;
            }
            .spec-item-card {
              display: flex;
              align-items: center;
              gap: 14px;
              padding: 12px 0;
              border-bottom: 1px solid #f1f5f9;
            }
            .spec-item-card:last-child {
              border-bottom: none;
            }
            .spec-icon-wrapper {
              width: 44px;
              height: 44px;
              border-radius: 8px;
              background: #f0f4ff;
              display: flex;
              align-items: center;
              justify-content: center;
              flex-shrink: 0;
            }
            .spec-icon-wrapper i {
              font-size: 18px;
              color: #0056b3;
            }
            .spec-meta-info {
              display: flex;
              flex-direction: column;
            }
            .spec-meta-label {
              font-size: 13px;
              color: #64748b;
              font-weight: 500;
              margin-bottom: 2px;
            }
            .spec-meta-value {
              font-size: 15px;
              color: #0f172a;
              font-weight: 700;
            }
            @media (max-width: 767px) {
              .specs-grid-container { grid-template-columns: 1fr; gap: 10px; }
            }

            /* ==========================================================
               SANFONA NO CELULAR
               No desktop as abas continuam iguais.
               No celular as mesmas áreas viram uma sanfona.
               ========================================================== */

            .abc-mobile-accordion {
              display: none;
            }

            .abc-accordion-header {
              -webkit-appearance: none;
              appearance: none;
              width: 100%;
              border: 0;
              background: #fff;
              color: #0f172a;
              padding: 16px 14px;
              margin: 0;
              display: flex;
              align-items: center;
              justify-content: space-between;
              text-align: left;
              font-family: inherit;
              font-size: 15px;
              font-weight: 700;
              line-height: 1.3;
              cursor: pointer;
              outline: none !important;
              box-shadow: none !important;
            }

            .abc-accordion-title {
              display: flex;
              align-items: center;
              gap: 11px;
              min-width: 0;
            }

            .abc-accordion-title > i {
              width: 22px;
              min-width: 22px;
              text-align: center;
              color: #0056b3;
              font-size: 16px;
            }

            .abc-accordion-chevron {
              color: #64748b !important;
              font-size: 12px !important;
              transition: transform .22s ease;
            }

            .abc-accordion-header.is-open .abc-accordion-chevron {
              transform: rotate(180deg);
              color: #0056b3 !important;
            }

            .abc-accordion-header:focus,
            .abc-accordion-header:active {
              outline: none !important;
              box-shadow: none !important;
            }

            @media (max-width: 767px) {

              /* Esconde as abas horizontais somente no celular */
              .custom-product-tabs {
                display: none !important;
              }

              /* Mostra a sanfona */
              .abc-mobile-accordion {
                display: block;
                width: 100%;
                margin: 0 0 12px 0;
                background: #fff;
                border-top: 1px solid #e2e8f0;
                border-bottom: 1px solid #e2e8f0;
              }

              .abc-accordion-header {
                border-top: 1px solid #e2e8f0;
              }

              .abc-accordion-header:first-child {
                border-top: 0;
              }

              .abc-accordion-header.is-open {
                color: #0056b3;
                background: #fff;
              }

              /* No celular os conteúdos passam a funcionar como painéis */
              .tab-content {
                padding: 0 !important;
                margin: 0 !important;
                background: #fff !important;
                border: 0 !important;
              }

              .tab-content > .tab-pane {
                display: none !important;
                padding: 0 !important;
                margin: 0 !important;
                border-bottom: 1px solid #e2e8f0;
              }

              .tab-content > .tab-pane.abc-mobile-open {
                display: block !important;
              }

              .description-block {
                padding: 17px 14px 20px !important;
                font-size: 15px !important;
                line-height: 1.75 !important;
                color: #334155 !important;
                overflow-wrap: anywhere;
              }

              .specs-grid-container {
                display: block !important;
                padding: 5px 14px 15px !important;
              }

              .specs-column-box {
                gap: 0 !important;
              }

              .spec-item-card {
                padding: 13px 0 !important;
                gap: 12px !important;
              }

              .spec-icon-wrapper {
                width: 40px !important;
                height: 40px !important;
                min-width: 40px !important;
              }

              .spec-icon-wrapper i {
                font-size: 16px !important;
              }

              .spec-meta-label {
                font-size: 12px !important;
              }

              .spec-meta-value {
                font-size: 14px !important;
                line-height: 1.35 !important;
              }

              .reviews-split-container {
                grid-template-columns: 1fr !important;
                gap: 12px !important;
                padding: 14px !important;
                margin: 0 !important;
              }

              .review-card-panel {
                padding: 22px 16px !important;
              }

              #form-review-wrapper-box {
                margin: 0 14px 20px !important;
                padding-top: 20px !important;
              }
            }
            
          </style>
          
          <div class="tab-content">
            <div class="tab-pane active" id="tab-description">
              <div class="description-block" id="tab-descriptionint" style="line-height:1.7; color:#334155; font-size:15px;"><p><strong>Strike A Pose: Aprenda A Posar Para Fotos E A Valorizar Sua Imagem Em Um Mundo Digital</strong></p>  <p> Borges, Tay</p>  <p>"Falar do poder da imagem pode parecer clichê, mas no mundo hiperconectado em que vivemos é imprescindível. Somente no Instagram, o aplicativo de fotos e vídeos mais popular, são publicados 95 milhões de posts diariamente.  Inspirada em sua experiência como modelo, consultora de estilo, stylist e influenciadora digital, Tay Borges convida a leitora a descobrir técnicas, práticas e truques para alavancar sua carreira e sua vida.  Com uma abordagem inédita, o livro é um verdadeiro guia sobre imagem pessoal, fotografia e estilo. Mais do que poses de poder, aobra promete ajudar a leitora a transformar a câmera em uma aliada, compondo retratos que expressem sua verdadeira identidade, estilo e objetivo. A obra conta, ainda, com o depoimento de profissionais consagrados."</p>  <p>Livro recomendado para literatura, leitura, conhecimento, educação, aprendizado, cultura e desenvolvimento pessoal.</p>  <p>Obra recomendada para ampliar horizontes e enriquecer a experiência de leitura.</p></div>
            </div>

            <div class="tab-pane" id="tab-specification">
              <div class="specs-grid-container">
                
                <!-- COLUNA 1 -->
                <div class="specs-column-box">
                                    <div class="spec-item-card">
                    <div class="spec-icon-wrapper"><i class="fa fa-user"></i></div>
                    <div class="spec-meta-info">
                      <span class="spec-meta-label">Autor</span>
                      <span class="spec-meta-value">Borges, Tay</span>
                    </div>
                  </div>
                  
                                    <div class="spec-item-card">
                    <div class="spec-icon-wrapper"><i class="fa fa-book"></i></div>
                    <div class="spec-meta-info">
                      <span class="spec-meta-label">Editora</span>
                      <span class="spec-meta-value">Letramento Editora</span>
                    </div>
                  </div>
                  
                                    <div class="spec-item-card">
                    <div class="spec-icon-wrapper"><i class="fa fa-globe"></i></div>
                    <div class="spec-meta-info">
                      <span class="spec-meta-label">Idioma</span>
                      <span class="spec-meta-value">Portugues</span>
                    </div>
                  </div>
                  
                                    <div class="spec-item-card">
                    <div class="spec-icon-wrapper"><i class="fa fa-barcode"></i></div>
                    <div class="spec-meta-info">
                      <span class="spec-meta-label">ISBN</span>
                      <span class="spec-meta-value">9786559321773</span>
                    </div>
                  </div>
                                  </div>

                <!-- COLUNA 2 -->
                <div class="specs-column-box">
                                    <div class="spec-item-card">
                    <div class="spec-icon-wrapper"><i class="fa fa-file-text-o"></i></div>
                    <div class="spec-meta-info">
                      <span class="spec-meta-label">Páginas</span>
                      <span class="spec-meta-value">190</span>
                    </div>
                  </div>
                  
                                    <div class="spec-item-card">
                    <div class="spec-icon-wrapper"><i class="fa fa-calendar"></i></div>
                    <div class="spec-meta-info">
                      <span class="spec-meta-label">Ano de publicação</span>
                      <span class="spec-meta-value">2022</span>
                    </div>
                  </div>
                  
                                    <div class="spec-item-card">
                    <div class="spec-icon-wrapper"><i class="fa fa-bookmark"></i></div>
                    <div class="spec-meta-info">
                      <span class="spec-meta-label">Tipo de capa</span>
                      <span class="spec-meta-value">Brochura</span>
                    </div>
                  </div>
                  
                  <div class="spec-item-card">
                    <div class="spec-icon-wrapper"><i class="fa fa-shopping-bag"></i></div>
                    <div class="spec-meta-info">
                      <span class="spec-meta-label">Peso</span>
                      <span class="spec-meta-value">450 g</span>
                    </div>
                  </div>
                </div>

                <!-- COLUNA 3 -->
                <div class="specs-column-box">
                  <div class="spec-item-card">
                    <div class="spec-icon-wrapper"><i class="fa fa-arrows-v"></i></div>
                    <div class="spec-meta-info">
                      <span class="spec-meta-label">Dimensões</span>
                      <span class="spec-meta-value">16 x 23 cm</span>
                    </div>
                  </div>

                  <div class="spec-item-card">
                    <div class="spec-icon-wrapper"><i class="fa fa-print"></i></div>
                    <div class="spec-meta-info">
                      <span class="spec-meta-label">Formato</span>
                      <span class="spec-meta-value">Impressão</span>
                    </div>
                  </div>

                  <div class="spec-item-card">
                    <div class="spec-icon-wrapper"><i class="fa fa-tags"></i></div>
                    <div class="spec-meta-info">
                      <span class="spec-meta-label">Categoria</span>
                      <span class="spec-meta-value">
                                                                            <a href="https://abclivro.com.br/artes-e-cultura" class="abc-category-link">
                            Artes E Cultura
                          </a>
                                              </span>
                    </div>
                  </div>

                  <div class="spec-item-card">
                    <div class="spec-icon-wrapper"><i class="fa fa-cog"></i></div>
                    <div class="spec-meta-info">
                      <span class="spec-meta-label">Código do Produto</span>
                      <span class="spec-meta-value">107380</span>
                    </div>
                  </div>
                </div>

              </div>
            </div>

                        <div class="tab-pane" id="tab-review">
              
              <div class="reviews-split-container">
                
                <div class="review-card-panel text-center">
                  <h3 class="panel-review-title">Ainda não há avaliações para este produto.</h3>
                  <div class="stars-placeholder-row">
                    <i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>
                  </div>
                  <p class="panel-review-subtitle">Seja o primeiro a avaliar e ajude outros leitores!</p>
                  <button type="button" class="btn-trigger-write-form" onclick="$('#form-review-wrapper-box').slideToggle();">Escrever avaliação</button>
                </div>

                <div class="review-card-panel">
                  <h4 class="panel-stat-title">Avaliação do produto</h4>
                  <div class="stat-score-row">
                    <div class="score-number-big">0.0</div>
                    <div class="score-meta-stars">
                      <div class="stars-placeholder-row" style="margin:0; justify-content:flex-start;">
                        <i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i><i class="fa fa-star-o"></i>
                      </div>
                      <span class="total-reviews-count-txt">Baseado em 0 avaliações</span>
                    </div>
                  </div>

                  <div class="stat-bars-wrapper-list">
                    <div class="bar-rating-line"><span>5 <i class="fa fa-star" style="color:#ffcc00;"></i></span> <div class="progress-bg-bar"><div class="progress-fill-bar" style="width:0%;"></div></div> <span>0</span></div>
                    <div class="bar-rating-line"><span>4 <i class="fa fa-star" style="color:#ffcc00;"></i></span> <div class="progress-bg-bar"><div class="progress-fill-bar" style="width:0%;"></div></div> <span>0</span></div>
                    <div class="bar-rating-line"><span>3 <i class="fa fa-star" style="color:#ffcc00;"></i></span> <div class="progress-bg-bar"><div class="progress-fill-bar" style="width:0%;"></div></div> <span>0</span></div>
                    <div class="bar-rating-line"><span>2 <i class="fa fa-star" style="color:#ffcc00;"></i></span> <div class="progress-bg-bar"><div class="progress-fill-bar" style="width:0%;"></div></div> <span>0</span></div>
                    <div class="bar-rating-line"><span>1 <i class="fa fa-star" style="color:#ffcc00;"></i></span> <div class="progress-bg-bar"><div class="progress-fill-bar" style="width:0%;"></div></div> <span>0</span></div>
                  </div>
                </div>

              </div>

              <style>
                .reviews-split-container {
                  display: grid;
                  grid-template-columns: 1fr 1fr;
                  gap: 25px;
                  margin-bottom: 30px;
                }
                .review-card-panel {
                  background: #fdfefe;
                  border: 1px solid #e2e8f0;
                  border-radius: 12px;
                  padding: 35px;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                }
                .panel-review-title { font-size: 18px; font-weight: 700; color: #0f172a; margin-bottom: 12px; }
                .stars-placeholder-row { display: flex; justify-content: center; gap: 4px; font-size: 20px; color: #cbd5e1; margin-bottom: 12px; }
                .panel-review-subtitle { font-size: 14px; color: #64748b; margin-bottom: 20px; }
                
                .btn-trigger-write-form {
                  background: #0056b3; color: #ffffff; border: none; padding: 12px 30px; font-size: 15px;
                  font-weight: 600; border-radius: 8px; cursor: pointer; transition: background 0.2s; width: 100%; max-width: 240px; margin: 0 auto;
                }
                .btn-trigger-write-form:hover { background: #004494; }

                .panel-stat-title { font-size: 16px; font-weight: 700; color: #0056b3; margin-top: 0; margin-bottom: 15px; }
                .stat-score-row { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
                .score-number-big { font-size: 44px; font-weight: 800; color: #0f172a; line-height: 1; }
                .score-meta-stars { display: flex; flex-direction: column; gap: 4px; }
                .total-reviews-count-txt { font-size: 13px; color: #64748b; font-weight: 500; }
                
                .stat-bars-wrapper-list { display: flex; flex-direction: column; gap: 8px; }
                .bar-rating-line { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: #334155; }
                .bar-rating-line > span:first-child { width: 25px; display: flex; align-items: center; gap: 3px; }
                .progress-bg-bar { flex-grow: 1; height: 8px; background: #e2e8f0; border-radius: 4px; overflow: hidden; }
                .progress-fill-bar { height: 100%; background: #cbd5e1; }
                @media (max-width: 767px) { .reviews-split-container { grid-template-columns: 1fr; } }
              </style>

              <div id="form-review-wrapper-box" style="display: none; border-top: 1px solid #e2e8f0; padding-top: 25px; margin-top: 15px;">
                <form class="form-horizontal" id="form-review">
                  <div id="review"></div>
                  <h2 style="font-size:18px; font-weight:700; margin-bottom:15px;">Avaliar este Produto</h2>
                  
                                    <div class="form-group required">
                    <div class="col-sm-12">
                      <label class="control-label" for="input-name" style="font-weight:700; text-transform:uppercase; font-size:12px;">Seu Nome</label>
                      <input type="text" name="name" value="" id="input-name" class="form-control" style="border-radius:6px; height:42px;" />
                    </div>
                  </div>
                  <div class="form-group required">
                    <div class="col-sm-12">
                      <label class="control-label" for="input-review" style="font-weight:700; text-transform:uppercase; font-size:12px;">Sua Avaliação</label>
                      <textarea name="text" rows="5" id="input-review" class="form-control" style="border-radius:6px;"></textarea>
                      <div class="help-block"><span class="text-danger">Nota:</span> HTML não suportado.</div>
                    </div>
                  </div>
                  <div class="form-group required">
                    <div class="col-sm-12 labels-review">
                      <label class="control-label" style="font-weight:700; text-transform:uppercase; font-size:12px;">Avaliação</label><br />
                      <label style="margin-right:15px; font-weight:500;"><input type="radio" name="rating" value="1" /> Não era o que eu esperava <i class="fa fa-star" style="color:#ffcc00"></i></label>
                      <label style="margin-right:15px; font-weight:500;"><input type="radio" name="rating" value="2" /> Satisfeito <i class="fa fa-star" style="color:#ffcc00"></i><i class="fa fa-star" style="color:#ffcc00"></i></label>
                      <label style="margin-right:15px; font-weight:500;"><input type="radio" name="rating" value="3" /> Gostei Muito <i class="fa fa-star" style="color:#ffcc00"></i><i class="fa fa-star" style="color:#ffcc00"></i><i class="fa fa-star" style="color:#ffcc00"></i></label>
                      <label style="margin-right:15px; font-weight:500;"><input type="radio" name="rating" value="4" /> Muito Satisfeito <i class="fa fa-star" style="color:#ffcc00"></i><i class="fa fa-star" style="color:#ffcc00"></i><i class="fa fa-star" style="color:#ffcc00"></i><i class="fa fa-star" style="color:#ffcc00"></i></label>
                      <label style="margin-right:15px; font-weight:500;"><input type="radio" name="rating" value="5" /> Incrível <i class="fa fa-star" style="color:#ffcc00"></i><i class="fa fa-star" style="color:#ffcc00"></i><i class="fa fa-star" style="color:#ffcc00"></i><i class="fa fa-star" style="color:#ffcc00"></i><i class="fa fa-star" style="color:#ffcc00"></i></label>
                    </div>
                  </div>
                  
            
			<div id="recaptcha-badge"></div>
			<input type="hidden" name="recaptcha_response">
			
			<script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=getRecaptcha" type="text/javascript"></script>			
            <script type="text/javascript">
				
			function getRecaptcha()
			{
				var grecaptchaID = grecaptcha.render("recaptcha-badge", {
					"sitekey": "6LdRVCcsAAAAANtyypAxuwen0V50R4uy-ycaJt5w",
					"badge": "bottomright",
					"size": "invisible"
				});
							
				grecaptcha.ready(function() {
					grecaptcha.execute(grecaptchaID, {
						action: "productproduct"
					}).then(function(token) {
						document.querySelector("input[name='recaptcha_response']").value = token;
					});
				}); 
			}
                
			</script>
			
			
                  <div class="buttons clearfix">
                    <div class="pull-right">
                      <button type="button" id="button-review" data-loading-text="Carregando..." class="btn btn-primary hvr-bounce-to-right" style="background:#0056b3; border:none; padding:10px 25px; border-radius:6px; font-weight:600;">Enviar Avaliação <i class="icofont-long-arrow-right"></i></button>
                    </div>
                  </div>
                                  </form>
              </div>

            </div>
                      </div>
          <script type="text/javascript">
          (function($){
            function atualizarSanfonaMobile(){
              var mobile = window.matchMedia('(max-width: 767px)').matches;
              var $headers = $('.abc-mobile-accordion .abc-accordion-header');
              var $panes = $('.tab-content > .tab-pane');

              if (!mobile) {
                /* No desktop o Bootstrap continua controlando as abas normalmente. */
                $panes.removeClass('abc-mobile-open');
                return;
              }

              var $open = $headers.filter('.is-open').first();

              if (!$open.length) {
                $open = $headers.first().addClass('is-open').attr('aria-expanded','true');
              }

              $headers.each(function(){
                var $header = $(this);
                var target = $header.attr('data-accordion-target');
                var aberto = $header.hasClass('is-open');

                $header.attr('aria-expanded', aberto ? 'true' : 'false');

                if (target) {
                  $(target).toggleClass('abc-mobile-open', aberto);
                }
              });
            }

            $(document).on('click', '.abc-mobile-accordion .abc-accordion-header', function(e){
              e.preventDefault();

              if (!window.matchMedia('(max-width: 767px)').matches) {
                return false;
              }

              var $header = $(this);
              var target = $header.attr('data-accordion-target');
              var jaAberto = $header.hasClass('is-open');

              $('.abc-mobile-accordion .abc-accordion-header')
                .removeClass('is-open')
                .attr('aria-expanded','false');

              $('.tab-content > .tab-pane').removeClass('abc-mobile-open');

              if (!jaAberto) {
                $header.addClass('is-open').attr('aria-expanded','true');

                if (target) {
                  $(target).addClass('abc-mobile-open');
                }
              }

              return false;
            });

            $(document).ready(function(){
              /* Descrição aberta por padrão no celular. */
              var $first = $('.abc-mobile-accordion .abc-accordion-header').first();

              if ($first.length) {
                $('.abc-mobile-accordion .abc-accordion-header')
                  .removeClass('is-open')
                  .attr('aria-expanded','false');

                $first.addClass('is-open').attr('aria-expanded','true');
              }

              atualizarSanfonaMobile();

              $(window).on('resize', function(){
                atualizarSanfonaMobile();
              });
            });
          })(jQuery);
          </script>
        </div>
      </div>

      <!-- ========================================== -->

    <!--if products related--> 


<div class="container">
  <div class="row">
        
  </div>
    </div>

<hr />

<link href="catalog/view/javascript/jquery/owl-carousel/owl.carousel.css" type="text/css" rel="stylesheet" media="screen" />
<link href="catalog/view/javascript/jquery/owl-carousel/owl.transitions.css" type="text/css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>

  <div class="bg-related">
      <div class="container">


<div class="col-xs-12">
<div class="box-heading"><h3><i class="glyphicon glyphicon-link"></i> Quem viu, também viu...</h3></div>
</div>

  <div class="clear"></div>

<div id="sameProducts" class="owl-carousel">
                <div class="item">
          <div class="product-layout">

<div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/poder-mito-joseph" class="hvr-pop1"><img src="image/catalog/livros/9788572420082.jpg" data-thumb="image/catalog/livros/9788572420082.jpg" data-thumb2="" alt="O Poder Do Mito" title="O Poder Do Mito" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
<p class="manufacturer"><span>Palas Athena</span></p>
 

                <h4><a href="https://abclivro.com.br/poder-mito-joseph">O Poder Do Mito</a></h4>
                <p class="description"></p>


<div class="product-badges">

    <span class="infos-prod pronta-entrega">Pronta-Entrega</span>






</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('120313');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 119,31</span> no PIX<br />
</span>


          <span class="price-normal">R$ 123,00</span>
            

<span class="content_parcelamento_produto">
 <b>2x</b> de <b>R$ 61,50</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('120313', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/poder-mito-joseph';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->     		
          </div><!--layout-->
            </div><!--item-->
                <div class="item">
          <div class="product-layout">

<div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/piadas-sacanear-corintiano" class="hvr-pop1"><img src="image/catalog/livros/9788574782447.jpg" data-thumb="image/catalog/livros/9788574782447.jpg" data-thumb2="" alt="Piadas De Sacanear Corintiano" title="Piadas De Sacanear Corintiano" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
<p class="manufacturer"><span>Mauad</span></p>
 

                <h4><a href="https://abclivro.com.br/piadas-sacanear-corintiano">Piadas De Sacanear Corintiano</a></h4>
                <p class="description"></p>


<div class="product-badges">

    <span class="infos-prod pronta-entrega">Pronta-Entrega</span>






</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('180868');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 20,37</span> no PIX<br />
</span>


          <span class="price-normal">R$ 21,00</span>
            

<span class="content_parcelamento_produto">
 <b>1x</b> de <b>R$ 21,00</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>  

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('180868', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/piadas-sacanear-corintiano';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->     		
          </div><!--layout-->
            </div><!--item-->
                <div class="item">
          <div class="product-layout">

<div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/iron-maiden-run-to-the" class="hvr-pop1"><img src="image/catalog/livros/9788563993663.jpg" data-thumb="image/catalog/livros/9788563993663.jpg" data-thumb2="" alt="Iron Maiden: Run To The Hills - A Biografia Autorizada" title="Iron Maiden: Run To The Hills - A Biografia Autorizada" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
<p class="manufacturer"><span>Generale</span></p>
 

                <h4><a href="https://abclivro.com.br/iron-maiden-run-to-the">Iron Maiden: Run To The Hills - A Biografia Autorizada</a></h4>
                <p class="description"></p>


<div class="product-badges">

    <span class="infos-prod pronta-entrega">Pronta-Entrega</span>






</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('186555');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 135,70</span> no PIX<br />
</span>


          <span class="price-normal">R$ 139,90</span>
            

<span class="content_parcelamento_produto">
 <b>2x</b> de <b>R$ 69,95</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('186555', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/iron-maiden-run-to-the';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->     		
          </div><!--layout-->
            </div><!--item-->
                <div class="item">
          <div class="product-layout">

<div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/nem-mesmo-todo-oceano" class="hvr-pop1"><img src="image/catalog/livros/9788560965816.jpg" data-thumb="image/catalog/livros/9788560965816.jpg" data-thumb2="" alt="Nem Mesmo Todo O Oceano" title="Nem Mesmo Todo O Oceano" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
<p class="manufacturer"><span>Cobogo Editora</span></p>
 

                <h4><a href="https://abclivro.com.br/nem-mesmo-todo-oceano">Nem Mesmo Todo O Oceano</a></h4>
                <p class="description"></p>


<div class="product-badges">

    <span class="infos-prod pronta-entrega">Pronta-Entrega</span>






</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('132185');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 56,26</span> no PIX<br />
</span>


          <span class="price-normal">R$ 58,00</span>
            

<span class="content_parcelamento_produto">
 <b>1x</b> de <b>R$ 58,00</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>  

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('132185', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/nem-mesmo-todo-oceano';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->     		
          </div><!--layout-->
            </div><!--item-->
                <div class="item">
          <div class="product-layout">

<div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/olafur-eliasson-seu-corpo-obra" class="hvr-pop1"><img src="image/catalog/livros/9788579950278.jpg" data-thumb="image/catalog/livros/9788579950278.jpg" data-thumb2="" alt="Olafur Eliasson - Seu Corpo Da Obra" title="Olafur Eliasson - Seu Corpo Da Obra" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
<p class="manufacturer"><span>Sesc</span></p>
 

                <h4><a href="https://abclivro.com.br/olafur-eliasson-seu-corpo-obra">Olafur Eliasson - Seu Corpo Da Obra</a></h4>
                <p class="description"></p>


<div class="product-badges">

    <span class="infos-prod pronta-entrega">Pronta-Entrega</span>






</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('202643');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 38,80</span> no PIX<br />
</span>


          <span class="price-normal">R$ 40,00</span>
            

<span class="content_parcelamento_produto">
 <b>1x</b> de <b>R$ 40,00</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>  

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('202643', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/olafur-eliasson-seu-corpo-obra';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->     		
          </div><!--layout-->
            </div><!--item-->
                <div class="item">
          <div class="product-layout">

<div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/historia-musica-ocidental-classicismo-contemporaneo" class="hvr-pop1"><img src="image/catalog/livros/9788522703739.jpg" data-thumb="image/catalog/livros/9788522703739.jpg" data-thumb2="" alt="História Da Musica Ocidental - Do Classicismo Ao Contemporaneo" title="História Da Musica Ocidental - Do Classicismo Ao Contemporaneo" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
<p class="manufacturer"><span>Intersaberes</span></p>
 

                <h4><a href="https://abclivro.com.br/historia-musica-ocidental-classicismo-contemporaneo">História Da Musica Ocidental - Do Classicismo Ao Contemporaneo</a></h4>
                <p class="description"></p>


<div class="product-badges">



    <span class="infos-prod sob-encomenda">Sob-Encomenda</span>




</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('184820');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 96,03</span> no PIX<br />
</span>


          <span class="price-normal">R$ 99,00</span>
            

<span class="content_parcelamento_produto">
 <b>1x</b> de <b>R$ 99,00</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>  

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('184820', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/historia-musica-ocidental-classicismo-contemporaneo';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->     		
          </div><!--layout-->
            </div><!--item-->
                <div class="item">
          <div class="product-layout">

<div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/songbook-joao-donato" class="hvr-pop1"><img src="image/catalog/livros/9788574072609.jpg" data-thumb="image/catalog/livros/9788574072609.jpg" data-thumb2="" alt="Songbook João Donato" title="Songbook João Donato" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
<p class="manufacturer"><span>Irmaos Vitale Editores</span></p>
 

                <h4><a href="https://abclivro.com.br/songbook-joao-donato">Songbook João Donato</a></h4>
                <p class="description"></p>


<div class="product-badges">

    <span class="infos-prod pronta-entrega">Pronta-Entrega</span>






</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('171747');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 118,34</span> no PIX<br />
</span>


          <span class="price-normal">R$ 122,00</span>
            

<span class="content_parcelamento_produto">
 <b>2x</b> de <b>R$ 61,00</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('171747', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/songbook-joao-donato';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->     		
          </div><!--layout-->
            </div><!--item-->
                <div class="item">
          <div class="product-layout">

<div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/cena-dr-dapertutto" class="hvr-pop1"><img src="image/catalog/livros/9788527308595.jpg" data-thumb="image/catalog/livros/9788527308595.jpg" data-thumb2="" alt="Na Cena Do Dr. Dapertutto" title="Na Cena Do Dr. Dapertutto" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
<p class="manufacturer"><span>Perspectiva</span></p>
 

                <h4><a href="https://abclivro.com.br/cena-dr-dapertutto">Na Cena Do Dr. Dapertutto</a></h4>
                <p class="description"></p>


<div class="product-badges">

    <span class="infos-prod pronta-entrega">Pronta-Entrega</span>






</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('149932');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 140,55</span> no PIX<br />
</span>


          <span class="price-normal">R$ 144,90</span>
            

<span class="content_parcelamento_produto">
 <b>2x</b> de <b>R$ 72,45</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('149932', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/cena-dr-dapertutto';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->     		
          </div><!--layout-->
            </div><!--item-->
                <div class="item">
          <div class="product-layout">

<div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/aprenda-tocar-orgao-teclado-1" class="hvr-pop1"><img src="image/catalog/livros/9788585188481.jpg" data-thumb="image/catalog/livros/9788585188481.jpg" data-thumb2="" alt="Aprenda A Tocar Orgão E Teclado - 1 Volume" title="Aprenda A Tocar Orgão E Teclado - 1 Volume" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
<p class="manufacturer"><span>Irmaos Vitale Editores</span></p>
 

                <h4><a href="https://abclivro.com.br/aprenda-tocar-orgao-teclado-1">Aprenda A Tocar Orgão E Teclado - 1 Volume</a></h4>
                <p class="description"></p>


<div class="product-badges">

    <span class="infos-prod pronta-entrega">Pronta-Entrega</span>






</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('171679');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 118,34</span> no PIX<br />
</span>


          <span class="price-normal">R$ 122,00</span>
            

<span class="content_parcelamento_produto">
 <b>2x</b> de <b>R$ 61,00</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('171679', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/aprenda-tocar-orgao-teclado-1';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->     		
          </div><!--layout-->
            </div><!--item-->
                <div class="item">
          <div class="product-layout">

<div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/excelsior-giancarlo" class="hvr-pop1"><img src="image/catalog/livros/9788571262393.jpg" data-thumb="image/catalog/livros/9788571262393.jpg" data-thumb2="" alt="Excelsior" title="Excelsior" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
<p class="manufacturer"><span>Ubu Editora</span></p>
 

                <h4><a href="https://abclivro.com.br/excelsior-giancarlo">Excelsior</a></h4>
                <p class="description"></p>


<div class="product-badges">

    <span class="infos-prod pronta-entrega">Pronta-Entrega</span>






</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('290500');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 241,53</span> no PIX<br />
</span>


          <span class="price-normal">R$ 249,00</span>
            

<span class="content_parcelamento_produto">
 <b>4x</b> de <b>R$ 62,25</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('290500', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/excelsior-giancarlo';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->     		
          </div><!--layout-->
            </div><!--item-->
                <div class="item">
          <div class="product-layout">

<div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/diarios-kurt-cobain-capa-dura" class="hvr-pop1"><img src="image/catalog/livros/9786555371338.jpg" data-thumb="image/catalog/livros/9786555371338.jpg" data-thumb2="" alt="Diarios De Kurt Cobain - Capa Dura" title="Diarios De Kurt Cobain - Capa Dura" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
<p class="manufacturer"><span>Belas Letras Editora</span></p>
 

                <h4><a href="https://abclivro.com.br/diarios-kurt-cobain-capa-dura">Diarios De Kurt Cobain - Capa Dura</a></h4>
                <p class="description"></p>


<div class="product-badges">

    <span class="infos-prod pronta-entrega">Pronta-Entrega</span>






</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('136051');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 193,90</span> no PIX<br />
</span>


          <span class="price-normal">R$ 199,90</span>
            

<span class="content_parcelamento_produto">
 <b>3x</b> de <b>R$ 66,63</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('136051', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/diarios-kurt-cobain-capa-dura';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->     		
          </div><!--layout-->
            </div><!--item-->
                <div class="item">
          <div class="product-layout">

<div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/diario-viagem-cavaliere-bernini-franca" class="hvr-pop1"><img src="image/catalog/livros/9788526816237.jpg" data-thumb="image/catalog/livros/9788526816237.jpg" data-thumb2="" alt="Diario Da Viagem Do Cavaliere Bernini A Franca" title="Diario Da Viagem Do Cavaliere Bernini A Franca" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
<p class="manufacturer"><span>Unicamp Editora</span></p>
 

                <h4><a href="https://abclivro.com.br/diario-viagem-cavaliere-bernini-franca">Diario Da Viagem Do Cavaliere Bernini A Franca</a></h4>
                <p class="description"></p>


<div class="product-badges">

    <span class="infos-prod pronta-entrega">Pronta-Entrega</span>






</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('182624');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 152,29</span> no PIX<br />
</span>


          <span class="price-normal">R$ 157,00</span>
            

<span class="content_parcelamento_produto">
 <b>3x</b> de <b>R$ 52,33</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('182624', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/diario-viagem-cavaliere-bernini-franca';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->     		
          </div><!--layout-->
            </div><!--item-->
        </div><!--owl-carousel-->



</div>
	</div>
<style type="text/css">
#sameProducts .item {
  margin:1rem 1rem;
}
#sameProducts.owl-carousel {
  background: transparent;
}
/*#sameProducts .product-thumb .image img {
  height: auto
}*/
</style>
<script type="text/javascript"><!--
$('#sameProducts').owlCarousel({
  items: 5,
  autoPlay: 3000,
  navigation: true,
  navigationText: ['<i class="icofont-rounded-left"></i>', '<i class="icofont-rounded-right"></i>'],
  pagination: false,
  stopOnHover : true,


  // NOVOS
  itemsDesktop : [1367, 4],
  itemsDesktopSmall : [992, 4],
  itemsTablet : [768, 3],
  itemsTabletSmall : [699, 2],
  itemsMobile : [479, 2]
});
--></script>




<script type="text/javascript"><!--
$('select[name=\'recurring_id\'], input[name="quantity"]').change(function(){
	$.ajax({
		url: 'index.php?route=product/product/getRecurringDescription',
		type: 'post',
		data: $('input[name=\'product_id\'], input[name=\'quantity\'], select[name=\'recurring_id\']'),
		dataType: 'json',
		beforeSend: function() {
			$('#recurring-description').html('');
		},
		success: function(json) {
			$('.alert-dismissible, .text-danger').remove();

			if (json['success']) {
				$('#recurring-description').html(json['success']);
			}
		}
	});
});
//--></script> 
<script type="text/javascript"><!--
$('#button-cart').on('click', function() {
	$.ajax({
		url: 'index.php?route=checkout/cart/add',
		type: 'post',
		data: $('#product input[type=\'text\'], #product input[type=\'number\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea'),
		dataType: 'json',
		beforeSend: function() {
			$('#button-cart').button('loading');
		},
		complete: function() {
			$('#button-cart').button('reset');
		},
		success: function(json) {
			$('.alert-dismissible, .text-danger').remove();
			$('.form-group').removeClass('has-error');

			if (json['error']) {
				if (json['error']['option']) {
					for (i in json['error']['option']) {
						var element = $('#input-option' + i.replace('_', '-'));

						if (element.parent().hasClass('input-group')) {
							element.parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
						} else {
							element.after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
						}
					}
				}

				if (json['error']['recurring']) {
					$('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>');
				}

				$('.text-danger').parent().addClass('has-error');
			}

			if (json['success']) {
        $('.breadcrumb').after('<div class="alert alert-success alert-dismissible">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

        $('#cart > button').html('<img src="catalog/view/theme/default/image/icon-cart.png" alt="Cart" class="img-cart" /> <span id="cart-total">' + json['total'] + '</span>');

        (function(){
          var itemsText = '';
          if (json['total_items'] !== undefined && json['total_items'] !== null) {
            itemsText = json['total_items'];
          } else if (json['total']) {
            var m = String(json['total']).match(/\d+/);
            itemsText = m ? m[0] : '';
          }

          if (itemsText !== '') {
            $('.js-open-minicart .item').text(itemsText);
          }
        })();

        if (window.MiniCartCH) {
          window.MiniCartCH.open();
        } else {
          $('#cart > .box-cart').load('index.php?route=common/cart/info .box-cart');
        }

        setTimeout(function(){ $('.alert-success').fadeOut() }, 1000);
      }
		},
        error: function(xhr, ajaxOptions, thrownError) {
            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
        }
	});
});
//--></script> 
<script type="text/javascript"><!--
$('.date').datetimepicker({
	language: 'pt-br',
	pickTime: false
});

$('.datetime').datetimepicker({
	language: 'pt-br',
	pickDate: true,
	pickTime: true
});

$('.time').datetimepicker({
	language: 'pt-br',
	pickDate: false
});

$('button[id^=\'button-upload\']').on('click', function() {
	var node = this;

	$('#form-upload').remove();

	$('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input type="file" name="file" /></form>');

	$('#form-upload input[name=\'file\']').trigger('click');

	if (typeof timer != 'undefined') {
    	clearInterval(timer);
	}

	timer = setInterval(function() {
		if ($('#form-upload input[name=\'file\']').val() != '') {
			clearInterval(timer);

			$.ajax({
				url: 'index.php?route=tool/upload',
				type: 'post',
				dataType: 'json',
				data: new FormData($('#form-upload')[0]),
				cache: false,
				contentType: false,
				processData: false,
				beforeSend: function() {
					$(node).button('loading');
				},
				complete: function() {
					$(node).button('reset');
				},
				success: function(json) {
					$('.text-danger').remove();

					if (json['error']) {
						$(node).parent().find('input').after('<div class="text-danger">' + json['error'] + '</div>');
					}

					if (json['success']) {
						alert(json['success']);

						$(node).parent().find('input').val(json['code']);
					}
				},
				error: function(xhr, ajaxOptions, thrownError) {
					alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
				}
			});
		}
	}, 500);
});
//--></script> 
<script type="text/javascript"><!--
$('#review').delegate('.pagination a', 'click', function(e) {
    e.preventDefault();

    $('#review').fadeOut('slow');

    $('#review').load(this.href);

    $('#review').fadeIn('slow');
});

$('#review').load('index.php?route=product/product/review&product_id=107380');

$('#button-review').on('click', function() {
	$.ajax({
		url: 'index.php?route=product/product/write&product_id=107380',
		type: 'post',
		dataType: 'json',
		data: $("#form-review").serialize(),
		beforeSend: function() {
			$('#button-review').button('loading');
		},
		complete: function() {
			$('#button-review').button('reset');
		},
		success: function(json) {
			$('.alert-dismissible').remove();

			if (json['error']) {
				$('#review').after('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
			}

			if (json['success']) {
				$('#review').after('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

				$('input[name=\'name\']').val('');
				$('textarea[name=\'text\']').val('');
				$('input[name=\'rating\']:checked').prop('checked', false);
			}
		}
	});
});
//--></script> 
<!--xml strat-->
  <div class="modal modal-wide fade" id="help-modal2" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>      
  <script>
  function tmdFormPopup(formid) {
    tmdhref = '';
        var href = tmdhref+formid;
    $('#help-modal2 .modal-content').html('<div class="loader-if centered"></div>');
    $('#help-modal2').load(href);
  }       
  </script> 

<style type="text/css">
@media only screen and (min-width: 768px) {
  .modal.modal-wide .modal-dialog {
    width: 50%;
  }
}
.modal-backdrop {
  position: relative;
}
</style>
<!--xml end-->

<div class="bg-newsfoot"></div>

<div class="newsfoot">
  <div class="newsfoot-int">
    <div class="container-fluid">
      <div class="row">
<!--
* Ci Newsletter Starts
-->

<div class="main_newsletter">
  <div id="container" class="j-container">
    <div class="footer-newsletter padding_section" id="footer-newsletter">


        <div class="col-xs-12 col-sm-12 col-md-7 col-lg-6 text-lef4t">
                    <h3>Cadastre-se e receba primeiro as nossas novidades e promoções</h3>
          
                    <p><br></p>
          
                  </div>

        <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 pull-right inputs">
          
                                
          <div class=" email-field">

<div class="newsletter-mail">
<button type="button" class="button-subscribe" id="btn_footer_subscribe"><span class="hidden-xs">OK</span> <i class="icofont-rounded-right"></i></button>
<input type="text" name="email" value="" class="form-control" placeholder="Digite seu e-mail" />
</div>


            <div class="notify error-notify"></div>
            <div class="notify success-notify"></div>
          </div>
        </div>




        <div class="clear"></div>
        


  </div>
</div>
<script type="text/javascript"><!--
$('#footer-newsletter #btn_footer_subscribe').click(function() {
  $.ajax({
    url: 'index.php?route=newsletter/footer/addSubscriber',
    dataType: 'json',
    data: $('#footer-newsletter input[name="name"], #footer-newsletter input[name="email"]'),
    type: 'post',
    beforeSend: function() {
      $('#footer-newsletter #btn_footer_subscribe').button('loading');
    },
    complete: function() {
      $('#footer-newsletter #btn_footer_subscribe').button('reset');
    },
    success: function(json) {
      $('#footer-newsletter .text-danger, #footer-newsletter .text-success, #footer-newsletter .alert').remove();

      if(json['error']) {
        if(json['error']['name']) {
          $('#footer-newsletter input[name="name"]').after('<div class="text-danger txt-danger"><i class="fa fa-exclamation-circle"></i> '+ json['error']['name'] +'<button type="button" class="close" onclick="$(\'.txt-danger\').remove();"> &times; </button></div>');
        }

        if(json['error']['warning']) {
          $('#footer-newsletter .error-notify').html('<div class="text-danger txt-danger"><i class="fa fa-exclamation-circle"></i> '+ json['error']['warning'] +'<button type="button" class="close" onclick="$(\'.txt-danger\').remove();"> &times; </button></div>');
        }
      }

      if(json['success']) {
        $('#footer-newsletter input[name="name"], #footer-newsletter input[name="email"]').val('');

        $('#footer-newsletter .success-notify').html('<div class="text-success txt-success"><i class="fa fa-check-circle"></i> '+ json['success'] +'<button type="button" class="close" onclick="$(\'.txt-success\').remove();"> &times; </button></div>');
      }
    }
  });
});
//--></script>
<style>
.footer-newsletter {
  
  }
</style>
</div>

<!--
* Ci Newsletter Ends
-->
    </div>
      </div>
        </div>
          </div>


<footer>
  <div class="foot1">
    <div class="container">
      <div class="row">


  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 logo-content">

<img src="https://abclivro.com.br/image/catalog/banners/logo-abclivro-1.png" alt="ABC Livro – Sua Livraria Online de Cultura e Conhecimento" />

 <div class="redes-sociais">

<h5>Siga nos nas Redes Sociais</h5>
<div class="bols hvr-float hidden" data-toggle="tooltip" data-placement="top" title="Instagram">
<a href="https://www.instagram.com/" target="_blank"><i class="icofont-instagram"></i></a>
</div>
<div class="bols hvr-float" data-toggle="tooltip" data-placement="top" title="Facebook">
<a href="https://www.facebook.com/abclivro" target="_blank"><i class="icofont-facebook"></i></a>
</div>
<div class="bols hvr-float hidden" data-toggle="tooltip" data-placement="top" title="YouTube">
<a href="https://www.youtube.com/" target="_blank"><i class="icofont-youtube"></i></a>
</div>
<div class="bols hvr-float" data-toggle="tooltip" data-placement="top" title="Chat WhatsApp">
<a href="https://wa.me/1196064-6230?text=Olá%20tudo%20bem?%20Vim%20pelo%20site%20e%20gostaria%20de%20um%20atendimento." target="_blank"><i class="icofont-whatsapp"></i></a>
</div>

<div class="clear"></div>
  </div>

    </div><!--logo-content-->


            <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3 nav-foot">
        <h5>Informações</h5>
        <ul class="list-unstyled">
                    <li><a href="https://abclivro.com.br/autores">Autores de Livros</a></li>
                    <li><a href="https://abclivro.com.br/guia-de-leitura">Guia de Leitura ABC Livro</a></li>
                    <li><a href="https://abclivro.com.br/politica-de-trocas-e-devolucoes">Política de Trocas e Devoluções</a></li>
                    <li><a href="https://abclivro.com.br/prazo-de-frete">Prazo de Frete</a></li>
                    <li><a href="https://abclivro.com.br/quem-somos">Quem Somos</a></li>
                    <li><a href="https://abclivro.com.br/politica-de-privacidade">Política de Privacidade</a></li>
                    <li><a href="https://abclivro.com.br/como-comprar">Como Comprar</a></li>
                    <li><a href="https://abclivro.com.br/formas-de-pagamento">Formas de Pagamento</a></li>
                    <li><a href="https://abclivro.com.br/conta/minha-conta">Minha conta</a></li>
          <li><a href="https://abclivro.com.br/conta/historico">Histórico de pedidos</a></li>
          <li><a href="https://abclivro.com.br/conta/lista-desejos">Meus Favoritos</a></li>
          <li><a href="#" data-toggle="modal" data-target="#ModalRastreio">Rastrear Pedido</a></li>
          <li><a href="https://abclivro.com.br/contato">Atendimento</a></li>
        </ul>
      </div>
      

      <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3 nav-foot">
        <h5>Navegue Aqui</h5>
        <ul class="list-unstyled">
   

  
    
        <li>
      <a href="https://abclivro.com.br/administracao">Administração</a>
    </li>
      

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
          
    

  
          
    

  
          
    

  
          
    

  
          
    

  
          
    

  
          
    

  
          
    

  
          
    

  
          
    

  
          
    

  
          
    

  
          
    

  
    
        <li>
      <a href="https://abclivro.com.br/arquitetura">Arquitetura</a>
    </li>
      

  
    
        <li>
      <a href="https://abclivro.com.br/artes-e-cultura">Artes E Cultura</a>
    </li>
      

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
          
    

  
          
    

  
    
    

  
          
    

  
    
    

  
    
        <li>
      <a href="https://abclivro.com.br/assuntos-diversos">Assuntos Diversos</a>
    </li>
      

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
        <li>
      <a href="https://abclivro.com.br/autoajuda">Autoajuda</a>
    </li>
      

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
          
    

  
    
        <li>
      <a href="https://abclivro.com.br/biografias">Biografias</a>
    </li>
      

  
          
    

  
        
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
        <li>
      <a href="https://abclivro.com.br/ciencias-biologicas-e-naturais">Ciências Biológicas e Naturais</a>
    </li>
      

  
    
    

  
    
    

  
    
        <li>
      <a href="https://abclivro.com.br/ciencias-exatas">Ciências Exatas</a>
    </li>
      

  
    
    

  
    
    

  
    
    

  
    
        <li>
      <a href="https://abclivro.com.br/ciencias-humanas-e-sociais">Ciências Humanas e Sociais</a>
    </li>
      

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
        <li>
      <a href="https://abclivro.com.br/comunicacao">Comunicação</a>
    </li>
      

  
    
    

  
    
    

  
    
    

  
    
    

  
    
        <li>
      <a href="https://abclivro.com.br/concursos">Concursos</a>
    </li>
      

  
    
        <li>
      <a href="https://abclivro.com.br/contabilidade">Contabilidade</a>
    </li>
      

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

  
    
    

 
        <li><a href="https://abclivro.com.br/index.php?route=product/allcategories">Ver todas as categorias</a></li>
        <li><a href="https://abclivro.com.br/promocoes">Ofertas</a></li>
        <li><a href="https://abclivro.com.br/marcas">Editoras</a></li>
      </ul>
    </div>



  <div class="col-xs-12 col-sm-5 col-md-4 col-lg-3 fone-foot">

  <div class="bg-fone">
    <a href="tel:(11) 9 6064-6230">Central Atendimento <span>(11) 9 6064-6230</span></a> <i class="icon icofont-ui-dial-phone"></i>
      <div class="clear"></div>
  </div>

    <div class="bg-fone">
    <a href="https://api.whatsapp.com/send?1=pt_BR&phone=551196064-6230&text=Olá%20vim%20pelo%20site%20e%20gostaria%20de%20um%20atendimento." target="_blank">Atendimento WhatsApp <span>Inicie uma conversa</span></a> <i class="icon icofont-brand-whatsapp"></i>
      <div class="clear"></div>
  </div>
  
  <div class="bg-fone">
    <a href="https://abclivro.com.br/contato">Formulário de Contato <span>Envie sua mensagem</span></a> <i class="icon icofont-envelope"></i>
      <div class="clear"></div>
  </div>


  </div>

<div class="clear"></div>

<div class="col-xs-12 col-sm-6 seal pay">
<h5 class="hidden-xs">Formas Pagamento</h5>
<img src="catalog/view/theme/default/image/seal-pay.png" alt="Meios de Pagamento">
</div>


<div class="col-xs-12 col-sm-6 seal safe hidden-xs">
<h5>Selos e Segurança</h5>
  <img src="catalog/view/theme/default/image/seal-google.png" alt="Seal Safe" />
  <img src="catalog/view/theme/default/image/seal-lets.png" alt="Seal Safe" />
  <img src="catalog/view/theme/default/image/seal-seguro.png" alt="Seal Safe" />
</div>




    </div>
      </div>
        </div>


<div class="powered">
  <div class="container">
      <div class="row">

<div class="col-xs-12 col-sm-9">
<p class="power"><b>ABC Livro – Sua Livraria Online de Cultura e Conhecimento &copy; 2026</b> <span>A loja reserva-se no direito de corrigir ou alterar informações como: preços, promoções e disponibilidade de estoque a qualquer momento.</span></p>
</div>

<div class="col-xs-12 col-sm-3 chamons">
  <a href="https://www.chamons.com.br/" target="_blank" data-toggle="tooltip" title="AGÊNCIA DIGITAL CHAMONS" data-placement="bottom"><img src="catalog/view/theme/default/image/assinatura-chamons.png" alt="CHAMONS" /></a>
</div>

<div class="col-xs-12 cnpj-block">
  <p><b>ABC LIVRO</b> - R. JUAZEIRO, 445 - BAIRRO PARAISO - SANTO ANDRÉ - SP / 09190-620 - CNPJ 087397520001-80</p>
</div>


    </div>
      </div>
        </div>



</footer>


<div class="cookie-consent">
    <div class="cookie-consent-text"><b>ABC Livro – Sua Livraria Online de Cultura e Conhecimento</b> e os cookies: a gente usa cookies para personalizar anúncios e melhorar a sua experiência no site. Ao continuar navegando, você concorda com a nossa <a href="#" data-toggle="modal" data-target="#ModalLGPD">Política de Privacidade.</a></div>
    <button type="button" class="cookie-button" onclick="cookies.setCookieConsent()">Continuar e Fechar</button>
    <div class="clear"></div>
</div>



<!-- Modal -->
<div class="modal fade" id="ModalLGPD" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Política de Privacidade</h4>
      </div>
      <div class="modal-body">

<p>
Na <b>ABC Livro – Sua Livraria Online de Cultura e Conhecimento</b>, privacidade e segurança são prioridades e nos comprometemos com a transparência do tratamento de dados pessoais dos nossos usuários/clientes. Por isso, esta presente Política de Privacidade estabelece como é feita a coleta, uso e transferência de informações de clientes ou outras pessoas que acessam ou usam nosso site.
</p>
<p>Ao utilizar nossos serviços, você entende que <u>coletaremos e usaremos suas informações pessoais nas formas descritas nesta Política</u>, sob as normas de <b>Proteção de Dados (LGPD, Lei Federal 13.709/2018)</b>, das disposições consumeristas da Lei Federal 8078/1990 e as demais normas do ordenamento jurídico brasileiro aplicáveis.
</p>

<br />
<p><a href="politica-de-privacidade" target="_self" class="cookie-button-lendo"><i class="icofont icofont-caret-right"></i> Continue Lendo</a></p>


      </div>
    </div>
  </div>
</div>




<link href="catalog/view/javascript/cookieslgpd/scripts/css/cookie_consent.css" rel="stylesheet">
<script type="text/javascript" src="catalog/view/javascript/cookieslgpd/scripts/js/cookie_consent.min.js"></script>


<!-- WhatsApp flutuante -->
<a href="https://api.whatsapp.com/send?1=pt_BR&phone=551196064-6230&text=Olá%20vim%20pelo%20site%20e%20gostaria%20de%20um%20atendimento." data-toggle="tooltip" data-placement="top" title="Converse agora no WhatsApp" class="whatsappicon" target="_blank"><img src="catalog/view/theme/default/image/icon-whatsapp.png" alt="WhatsApp"></a>

<style type="text/css">
@media only screen and (min-width: 250px) {
.whatsappicon {
  bottom: 5%;
}
}
@media only screen and (min-width: 768px) {
.whatsappicon {
  bottom: 8%;
}
}
.whatsappicon {
  position: fixed;
  right: 0;
  z-index: 99;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  transition:all 0.5s ease;
}
@media only screen and (min-width: 250px) {
.whatsappicon img {
  width: 170px;
}
}
@media only screen and (min-width: 768px) {
.whatsappicon img {
  width: 170px;
}
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('.product-thumb h4 a').forEach(function(el) {
    el.textContent = el.textContent
      .toLowerCase()
      .replace(/\b\w/g, function(l) { return l.toUpperCase(); });
  });
});
</script>

<!-- Rollover -->
<script type="text/javascript">
  $('.product-thumb .image img').on('mouseenter', function() {
    if ($(this).data('thumb2')) {
      $(this).attr('src', $(this).data('thumb2'));
    }
  });

  $('.product-thumb .image img').on('mouseleave', function() {

    if ($(this).data('thumb2')) {
      $(this).attr('src', $(this).data('thumb'));
    }
  })  
</script>

<!--
OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donation.
Please donate via PayPal to donate@opencart.com
//-->

<script type="text/javascript" src="https://sdk.mercadopago.com/js/v2"></script>
<script type="text/javascript">
const mpLoja5 = new MercadoPago('APP_USR-88d78789-6655-4b42-a8c8-74a29a4f166f');
</script>

</body></html>


<style type="text/css">
/* ==========================================================
   ABC LIVRO - CAPA DO PRODUTO MAIOR
   Mantém proporção e não deforma a imagem
   ========================================================== */
#product-product .lado2 {
    min-height: 520px !important;
    padding: 18px 10px 20px !important;
    overflow: visible !important;
}

#product-product .lado2 #product-thumbs,
#product-product .lado2 #product-thumbs > li:first-child {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
}

#product-product .lado2 #main-image,
#product-product .lado2 .photo-full .img-popup img,
#product-product .photo-full .img-popup img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 500px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

#product-product .lado2 .thumbnail {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Em telas menores */
@media (max-width: 1199px) {
    #product-product .lado2 {
        min-height: 440px !important;
    }

    #product-product .lado2 #main-image,
    #product-product .photo-full .img-popup img {
        max-height: 420px !important;
        max-width: 100% !important;
    }
}

@media (max-width: 767px) {
    #product-product .lado2 {
        min-height: auto !important;
        padding: 12px 8px 18px !important;
    }

    #product-product .lado2 #main-image,
    #product-product .photo-full .img-popup img {
        max-height: 380px !important;
        max-width: 100% !important;
    }
}
</style>