Home 1,30m Monza Cinamomo/Off White para TV até 55" - Valdemóveis R$ 1.020,00 Em 10x de R$ 102,00 sem juros ou R$ 918,00 no PIX Comprar Home 1,30m Monza Cinamomo/Off White para TV até 55" - Valdemóveis Ver vídeo × Pronta Entrega 0 avaliações | Dê a sua avaliação! Referência: 100165070 Estoque reforçado R$ 1.020,00 Em 10x de R$ 102,00 sem juros ou R$ 918,00 no PIX Esse produto encontra-se indisponível. Deixe seu contato que avisaremos quando chegar. Seu nome: Seu e-mail: Desejo receber e-mails com lançamentos e promoções. Avise-me quando disponível Opções de pagamento Detalhes Entrega em mãos / Contra entrega Descrição <script> /* Medidas em destaque abaixo do titulo: a descricao traz "Largura: 1.20m", "Comprimento: 1,88m", "Prof.: 64cm", "Assento aberto: 1.30m"... sem barras invertidas: a plataforma remove barras invertidas do bloco ao renderizar */ document.addEventListener("DOMContentLoaded", function () { var desc = document.querySelector("section.description"); var specs = document.getElementById("cdm-specs"); if (!desc || !specs) return; var text = desc.innerText || ""; var num = "([0-9]+(?:[.,][0-9]+)?)[ ]*(m|cm)(?![a-z])"; var rules = [ { label: "Largura", re: new RegExp("Larg(?:ura|[.])?[ ]*(?:total)?[ ]*:?[ ]*" + num, "i") } , /* colchoes e camas: "Comprimento: 1,88m" no lugar de profundidade */ { label: "Comprimento", re: new RegExp("Compr(?:imento|[.])?[ ]*(?:total)?[ ]*:?[ ]*" + num, "i") } , { label: "Profundidade", re: new RegExp("Prof(?:undidade|[.])?[ ]*(?:total)?[ ]*:?[ ]*" + num, "i") } , { label: "Assento aberto", re: new RegExp("Assento[ ]*aberto[ ]*:?[ ]*" + num, "i") } , { label: "Altura", re: new RegExp("Alt(?:ura|[.])?[ ]*(?:total)?[ ]*:?[ ]*" + num, "i") } ]; rules.forEach(function (r) { var m = text.match(r.re); if (!m) return; var li = document.createElement("li"); li.innerHTML = r.label + " <b>" + m[1].replace(".", ",") + " " + m[2] + "</b>"; specs.appendChild(li); } ); } );</script> <style> section.product-reviews ul.reviews li { margin-bottom: 10px; border-bottom: 1px solid var(--color-txt-20); padding: 10px; color: var(--color-txt-80); } .open-reviews .product-reviews ul.reviews li > div.comment { border-left: 1px solid var(--color-txt-20); padding-left: 10px; margin-left: 10px; } section.product-reviews .content ul { border-radius: 3px; } .box_products_reviews .title, .open-reviews .title{ letter-spacing:.35em; text-transform: uppercase; margin-bottom: 15px; } .box_products_reviews .content { border: 1px solid var(--color-txt-20); color: var(--cor-txt-nome-prto); width: 80%; border-radius: 3px; margin: auto; padding: 30px; } .box_products_reviews .content ul.rating{ list-style:none; padding:0; margin:0; text-transform:uppercase; letter-spacing:-1px; } #box-product-payment-methods .label-left { max-width: 75%; display: inline-block; } .box_products_reviews .content ul.rating li .pb{ display:block; } .box_products_reviews .content .rating li span.progress{ width: 20%; } #average div { font-size: 14px; color: var(--cor-txt-nome-prto); } .percent-count { min-width: 65px; font-size: 14px; color: var(--cor-txt-nome-prto); } @media (max-width:1000px) { .box_products_reviews .content { flex-direction: column; gap: 20px; } .box_products_reviews .content .flex[width='4'] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } } @media (max-width:600px) { .open-reviews section.product-reviews .product-reviews-header select { width: 100% !important; } } /* Open-riviews */ .open-reviews section.product-reviews .product-reviews-header select { background: var(--cor-bg-blcs-gp); outline: inherit; padding: 8px 13px; border: 1px solid var(--color-bg-40); border-radius: 5px; width: fit-content; color: var(--cor-txt-nome-prto); } .open-reviews section.product-reviews ul.reviews li { margin-bottom: 10px; border-bottom: 1px solid var(--color-txt-20); padding: 10px; } .open-reviews .rating i svg path { fill: #ffb503; } .open-reviews span.open-reviews-btn { text-align: center; } @media (max-width:500px) { .open-reviews .product-reviews ul.reviews li > div.comment { font-size: 0.825em; } } /* End-Open-riviews */</style><div class="box_products_reviews"> <div class="title text-center">Opinião dos consumidores </div> <div class="content flex template-cards" align-items="center" wrap="true"> <div id="ratings" class="flex" width="4"> <ul class="rating flex w-100 collection-grid mode-grid" gap="10" direction="column" align-items="center"> <li class="flex w-100 collection-grid mode-grid" gap="10" justify-content="center" align-items="center"> <span> <span class="stars"> <i class="fas fa-star"> </i> <i class="fas fa-star"> </i> <i class="fas fa-star"> </i> <i class="fas fa-star"> </i> <i class="fas fa-star"> </i> </span> </span> <span class="progress"> <span class="pb small"> <span style="width:0%"> <i> </i> </span> </span> </span> <span class="percent-count">0% | 0 </span> </li> <li class="flex w-100 collection-grid mode-grid" gap="10" justify-content="center" align-items="center"> <span> <span class="stars"> <i class="fas fa-star"> </i> <i class="fas fa-star"> </i> <i class="fas fa-star"> </i> <i class="fas fa-star"> </i> <i class="far fa-star"> </i> </span> </span> <span class="progress"> <span class="pb small"> <span style="width:0%"> <i> </i> </span> </span> </span> <span class="percent-count">0% | 0 </span> </li> <li class="flex w-100 collection-grid mode-grid" gap="10" justify-content="center" align-items="center"> <span> <span class="stars"> <i class="fas fa-star"> </i> <i class="fas fa-star"> </i> <i class="fas fa-star"> </i> <i class="far fa-star"> </i> <i class="far fa-star"> </i> </span> </span> <span class="progress"> <span class="pb small"> <span style="width:0%"> <i> </i> </span> </span> </span> <span class="percent-count">0% | 0 </span> </li> <li class="flex w-100 collection-grid mode-grid" gap="10" justify-content="center" align-items="center"> <span> <span class="stars"> <i class="fas fa-star"> </i> <i class="fas fa-star"> </i> <i class="far fa-star"> </i> <i class="far fa-star"> </i> <i class="far fa-star"> </i> </span> </span> <span class="progress"> <span class="pb small"> <span style="width:0%"> <i> </i> </span> </span> </span> <span class="percent-count">0% | 0 </span> </li> <li class="flex w-100 collection-grid mode-grid" gap="10" justify-content="center" align-items="center"> <span> <span class="stars"> <i class="fas fa-star"> </i> <i class="far fa-star"> </i> <i class="far fa-star"> </i> <i class="far fa-star"> </i> <i class="far fa-star"> </i> </span> </span> <span class="progress"> <span class="pb small"> <span style="width:0%"> <i> </i> </span> </span> </span> <span class="percent-count">0% | 0 </span> </li> </ul> </div> <div id="average" class="flex" width="4"> <div class="text-center flex w-100 middle collection-grid mode-grid" gap="10" direction="column" align-items="center"> <span>Avaliação geral: </span> <span> <i class="far fa-star"> </i> <i class="far fa-star"> </i> <i class="far fa-star"> </i> <i class="far fa-star"> </i> <i class="far fa-star"> </i> </span> <span>0 de 5 estrelas </span> <span> <a data-fancybox data-options='{"type":"iframe","modal":false, "iframe" : {"css" : {"width" : "700px","height" : "400px"}}}' data-src="/product/3659/reviews">Ver todos os comentários </a> </span> </div> </div> <div id="btn_rating" class="text-center flex w-100 collection-grid mode-grid" gap="10" width="4" direction="column" align-items="center"> <span> <i class="fas fa-comments" style="font-size:40px;color:#ccc;"> </i> <br> <small>Este produto ainda não tem avaliações. </small> </span> <span> <button type="button" class="button-style-primary btn btn-primary" data-action="productInfo.rating" data-type="buttonAction"> <span> <i class="fa-duotone fa-comments"> </i>Seja o primeiro a avaliar!</span> </button> </span> </div> </div></div> <style> section.recommendations .product-card-quickview { display: none; } section.recommendations div.title { font-size: initial; text-transform: uppercase; letter-spacing: 0.025em; line-height: 3em; border-bottom: 2px solid; display: flex; margin: 50px 0; } section.recommendations div.title h2 { top: -25px; background-color: var(--cor-bg-corpo); color: var(--cor-txt-gerais); padding: 0 15px; } section.recommendations div.wishlist button { border: none; } @media (max-width: 600px) { section.recommendations div.title { margin: 30px 0; } section.recommendations div.title h2 { position: relative; font-size: 1em; top: 0; white-space: break-spaces; } .recommendations .product-card .countdown { bottom: 100px; margin: 0 auto; } }</style><section class="recommendations"> <div class="title flex position-relative w-100" align-items="center" justify-content="center"> <h2 class="position-absolute">Aproveite e veja também </h2> </div> <div class="content w-100"> <div class="carousel-products-wrapper collection-grid mode-grid flex" direction="row" wrap="false" data-element="carousel-products" data-auto-play="true" data-loop="true" data-nav="false" data-dots="true" data-speed="1000" data-timeout="5000" data-items-mobile="2" data-items="" data-margin="15" > <div data-element="carousel-products-item"> <div class="storefront-cards collection-grid-card product-card position-relative template-cards h-100 flex" direction="column" justify-content="space-between" data-id="162"> <a href="https://www.catalogodemoveis.com.br/buffet-requinte-naturale-off-com-led-larg-1-60m-gelius-p162" title="Buffet Requinte Naturale/Off com LED Larg. 1.60m - Gelius" class="flex product-link w-100 position-relative" align-items="center" justify-space="between" direction="column"> <figure class="flex product-card-thumbnail text-center w-100 position-relative" direction="column" align-items="center"> <img class="img-fluid product-primary-img" loading="lazy" data-element="product-image" data-subpath="162" data-file="10bdeff1d10c0b5d48bc9e66a6559c8269af20055fc56.jpeg" data-width="400" width="400" data-height="400" height="400" src="https://cdn.entrypoint.directory/assets/73084/produtos/162/thumb_400-400-10bdeff1d10c0b5d48bc9e66a6559c8269af20055fc56.jpeg" alt="Buffet Requinte Naturale/Off com LED Larg. 1.60m - Gelius"/> <img class="img-fluid product-secondary-img position-absolute" loading="lazy" data-element="product-image" data-subpath="162" data-file="e9415cf7a77acd2256b0213152aeb9bb69af200727b13.jpeg" data-width="400" width="400" data-height="400" height="400" src="https://cdn.entrypoint.directory/assets/73084/produtos/162/thumb_400-400-e9415cf7a77acd2256b0213152aeb9bb69af200727b13.jpeg" alt="Buffet Requinte Naturale/Off com LED Larg. 1.60m - Gelius"/> <span class="cdm-video-badge" hidden><i class="fa-solid fa-play" aria-hidden="true"></i> Vídeo</span> </figure> </a> <div class="card-body flex" wrap="true" align-items="center"> <div class="product-card-title flex text-center grid-only w-100" justify-content="center"> <a href="https://www.catalogodemoveis.com.br/buffet-requinte-naturale-off-com-led-larg-1-60m-gelius-p162">Buffet Requinte Naturale/Off com LED Larg. 1.60m - Gelius</a> </div> <div class="product-card-rating-buttons flex w-100" justify-content="center"> <div class="product-card-rating flex" direction="row" wrap="false" align-items="center" justify-content="center"> </div> </div> <ul class="product-card-marks position-absolute flex" direction="column"> <li class="mark-exclusive text-center"> <span>100% MDF </span> </li> </ul> <div class="product-card-information-add"> <div class="immediate-delivery"> <a href="javascript:void(0)" data-fancybox data-type="ajax" data-src="https://www.catalogodemoveis.com.br//popup/p.php?page=entrega_imediata"> <span>Pronta Entrega </span> </a> </div> </div> </div> <div class="foot-card flex" direction="column" justify-content="center"> <div class="product-card-price"> <div class="currentPrice" data-element="price"> <div class="price" data-element="sale-price">R$ 2.009,00</div> <div class="installment-plan"> <span>Em <strong>10x de R$ 200,90</strong> sem juros <span class="cdm-pix">ou <strong>R$ 1.808,10</strong> no <strong>PIX</strong></span> </span> </div> </div> </div> <div class="product-card-action w-100"> </div> </div></div> </div> <div data-element="carousel-products-item"> <div class="storefront-cards collection-grid-card product-card position-relative template-cards h-100 flex" direction="column" justify-content="space-between" data-id="2419"> <a href="https://www.catalogodemoveis.com.br/home-2-00m-apego-cinamomo-off-com-detalhe-ripado-e-led-para-tv-ate-65-jcm-p2419" title="Home 2,00m Apego Cinamomo/Off com Detalhe Ripado e LED para TV até 65" - JCM" class="flex product-link w-100 position-relative" align-items="center" justify-space="between" direction="column"> <figure class="flex product-card-thumbnail text-center w-100 position-relative" direction="column" align-items="center"> <img class="img-fluid product-primary-img" loading="lazy" data-element="product-image" data-subpath="2419" data-file="home-apego-cinamomo-off-.png" data-width="400" width="400" data-height="400" height="400" src="https://cdn.entrypoint.directory/assets/73084/produtos/2419/thumb_400-400-home-apego-cinamomo-off-.png" alt="Home 2,00m Apego Cinamomo/Off com Detalhe Ripado e LED para TV até 65" - JCM"/> <img class="img-fluid product-secondary-img position-absolute" loading="lazy" data-element="product-image" data-subpath="2419" data-file="home-apego-cinamomo-off-1-.jpg" data-width="400" width="400" data-height="400" height="400" src="https://cdn.entrypoint.directory/assets/73084/produtos/2419/thumb_400-400-home-apego-cinamomo-off-1-.jpg" alt="Home 2,00m Apego Cinamomo/Off com Detalhe Ripado e LED para TV até 65" - JCM"/> <span class="cdm-video-badge" hidden><i class="fa-solid fa-play" aria-hidden="true"></i> Vídeo</span> </figure> </a> <div class="card-body flex" wrap="true" align-items="center"> <div class="product-card-title flex text-center grid-only w-100" justify-content="center"> <a href="https://www.catalogodemoveis.com.br/home-2-00m-apego-cinamomo-off-com-detalhe-ripado-e-led-para-tv-ate-65-jcm-p2419">Home 2,00m Apego Cinamomo/Off com Detalhe Ripado e LED para TV até 65" - JCM</a> </div> <div class="product-card-rating-buttons flex w-100" justify-content="center"> <div class="product-card-rating flex" direction="row" wrap="false" align-items="center" justify-content="center"> </div> </div> <ul class="product-card-marks position-absolute flex" direction="column"> </ul> <div class="product-card-information-add"> <div class="immediate-delivery"> <a href="javascript:void(0)" data-fancybox data-type="ajax" data-src="https://www.catalogodemoveis.com.br//popup/p.php?page=entrega_imediata"> <span>Pronta Entrega </span> </a> </div> </div> </div> <div class="foot-card flex" direction="column" justify-content="center"> <div class="product-card-price"> <div class="currentPrice" data-element="price"> <div class="price" data-element="sale-price">R$ 2.120,00</div> <div class="installment-plan"> <span>Em <strong>10x de R$ 212,00</strong> sem juros <span class="cdm-pix">ou <strong>R$ 1.908,00</strong> no <strong>PIX</strong></span> </span> </div> </div> </div> <div class="product-card-action w-100"> </div> </div></div> </div> <div data-element="carousel-products-item"> <div class="storefront-cards collection-grid-card product-card position-relative template-cards h-100 flex" direction="column" justify-content="space-between" data-id="3025"> <a href="https://www.catalogodemoveis.com.br/mesa-de-jantar-bali-160x80-vidro-off-base-madeira-6-cadeiras-londres-veludo-chumbo-minas-plac-entregue-montada-p3025" title="Mesa de Jantar Bali 160x80 Vidro Off Base Madeira + 6 Cadeiras Londres Veludo Chumbo Minas Plac - Entregue Montada" class="flex product-link w-100 position-relative" align-items="center" justify-space="between" direction="column"> <figure class="flex product-card-thumbnail text-center w-100 position-relative" direction="column" align-items="center"> <img class="img-fluid product-primary-img" loading="lazy" data-element="product-image" data-subpath="3025" data-file="bc6730b7c1bf50e744c2a6862dea3a7769af402194c8a.png" data-width="400" width="400" data-height="400" height="400" src="https://cdn.entrypoint.directory/assets/73084/produtos/3025/thumb_400-400-bc6730b7c1bf50e744c2a6862dea3a7769af402194c8a.png" alt="Mesa de Jantar Bali 160x80 Vidro Off Base Madeira + 6 Cadeiras Londres Veludo Chumbo Minas Plac - Entregue Montada"/> <img class="img-fluid product-secondary-img position-absolute" loading="lazy" data-element="product-image" data-subpath="3025" data-file="9884506734d37746713f51d717a8efcf69af4023baf4a.png" data-width="400" width="400" data-height="400" height="400" src="https://cdn.entrypoint.directory/assets/73084/produtos/3025/thumb_400-400-9884506734d37746713f51d717a8efcf69af4023baf4a.png" alt="Mesa de Jantar Bali 160x80 Vidro Off Base Madeira + 6 Cadeiras Londres Veludo Chumbo Minas Plac - Entregue Montada"/> <span class="cdm-video-badge" hidden><i class="fa-solid fa-play" aria-hidden="true"></i> Vídeo</span> </figure> </a> <div class="card-body flex" wrap="true" align-items="center"> <div class="product-card-title flex text-center grid-only w-100" justify-content="center"> <a href="https://www.catalogodemoveis.com.br/mesa-de-jantar-bali-160x80-vidro-off-base-madeira-6-cadeiras-londres-veludo-chumbo-minas-plac-entregue-montada-p3025">Mesa de Jantar Bali 160x80 Vidro Off Base Madeira + 6 Cadeiras Londres Veludo Chumbo Minas Plac - Entregue Montada</a> </div> <span class="cdm-badge"><i class="fa-duotone fa-screwdriver-wrench" aria-hidden="true"></i> Entregue montada</span> <div class="product-card-rating-buttons flex w-100" justify-content="center"> <div class="product-card-rating flex" direction="row" wrap="false" align-items="center" justify-content="center"> </div> </div> <ul class="product-card-marks position-absolute flex" direction="column"> </ul> <div class="product-card-information-add"> <div class="immediate-delivery"> <a href="javascript:void(0)" data-fancybox data-type="ajax" data-src="https://www.catalogodemoveis.com.br//popup/p.php?page=entrega_imediata"> <span>Pronta Entrega </span> </a> </div> </div> </div> <div class="foot-card flex" direction="column" justify-content="center"> <div class="product-card-price"> <div class="currentPrice" data-element="price"> <div class="price" data-element="sale-price">R$ 3.142,00</div> <div class="installment-plan"> <span>Em <strong>10x de R$ 314,20</strong> sem juros <span class="cdm-pix">ou <strong>R$ 2.827,80</strong> no <strong>PIX</strong></span> </span> </div> </div> </div> <div class="product-card-action w-100"> </div> </div></div> </div> </div> </div></section> </div> </div></section><style> /*== RODAPE CATALOGO: faixa do canal no YouTube + colunas + faixa legal (paleta clara) ==*/ footer.foot { margin-top: 0; } .cdm-foot { --cf-bg: #fbf7f3; --cf-legal: #f3ebe4; --cf-brand: #f96a1b; --cf-ink: #3b2a22; --cf-text: #5b4a42; --cf-muted: #76645b; --cf-line: #eadfd6; --cf-hover: #c2410c; background: var(--cf-bg); color: var(--cf-text); border-top: 1px solid var(--cf-line); } .cdm-foot-wrap { max-width: 1300px; margin: 0 auto; padding: 0 24px; } /*-- faixa do YouTube (texto escuro: branco sobre #f96a1b nao passa contraste) --*/ .cdm-foot-cta { background: var(--cf-brand); } .cdm-foot-cta-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 48px; padding-top: 36px; padding-bottom: 36px; } .cdm-foot-cta h2 { margin: 0 0 6px; font-size: 1.5rem; line-height: 1.2; font-weight: 700; color: #2b1a13; } .cdm-foot-cta p { max-width: 80ch; font-size: 0.9375rem; line-height: 1.5; color: #3a2418; } .cdm-foot .cdm-foot-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 22px; border-radius: 999px; background: #fff; color: #2b1a13; font-size: 0.9375rem; font-weight: 600; line-height: 1; white-space: nowrap; transition: background-color .2s ease; } .cdm-foot .cdm-foot-btn svg, .cdm-foot .cdm-foot-btn i { font-size: 1.125rem; color: #e00000; } .cdm-foot .cdm-foot-btn:hover { background: #fff7f1; color: #2b1a13; } .cdm-foot a:focus-visible { outline: 2px solid #2b1a13; outline-offset: 3px; } /*-- colunas --*/ .cdm-foot-main { padding: 56px 0 48px; } .cdm-foot-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 40px 56px; } .cdm-foot-logo { display: inline-block; } /* o PNG do logo tem fundo branco: multiply apaga o branco sobre o off-white sem mexer nas cores */ .cdm-foot-logo img { display: block; width: 190px; height: auto; mix-blend-mode: multiply; } .cdm-foot-brand p { max-width: 34ch; margin: 16px 0 20px; font-size: 0.875rem; line-height: 1.55; color: var(--cf-muted); } .cdm-foot-social { display: flex; gap: 10px; } .cdm-foot .cdm-foot-social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--cf-line); border-radius: 50%; background: #fff; font-size: 1.125rem; color: var(--cf-ink); transition: background-color .2s ease, border-color .2s ease, color .2s ease; } .cdm-foot .cdm-foot-social a:hover { background: var(--cf-brand); border-color: var(--cf-brand); color: #fff; } .cdm-foot-col h3 { margin: 0 0 16px; font-size: 0.9375rem; font-weight: 700; color: var(--cf-ink); } .cdm-foot-col li { margin-bottom: 10px; font-size: 0.875rem; line-height: 1.5; } .cdm-foot .cdm-foot-col a { color: var(--cf-text); } .cdm-foot .cdm-foot-col a:hover { color: var(--cf-hover); text-decoration: underline; text-underline-offset: 3px; } /*-- faixa legal --*/ .cdm-foot-legal { background: var(--cf-legal); border-top: 1px solid var(--cf-line); } .cdm-foot-legal-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 28px; padding-top: 18px; padding-bottom: 18px; font-size: 0.8125rem; line-height: 1.5; color: var(--cf-muted); } .cdm-foot-legal b { font-weight: 600; color: var(--cf-ink); } .cdm-foot-nowrap { white-space: nowrap; } @media (max-width: 900px) { .cdm-foot-cta-inner { padding-top: 28px; padding-bottom: 28px; } .cdm-foot-cta h2 { font-size: 1.25rem; } .cdm-foot .cdm-foot-btn { width: 100%; } .cdm-foot-main { padding: 40px 0 32px; } .cdm-foot-grid { grid-template-columns: 1fr; gap: 32px; } .cdm-foot-legal-inner { flex-direction: column; align-items: flex-start; /* folga pro botao flutuante de voltar ao topo nao cobrir o texto */ padding-bottom: 80px; } }</style><a href="#" id="back2Top" title="Back to top"> <i class="fa-duotone fa-circle-arrow-up fa-2x"> </i></a><style type="text/css"> #back2Top { z-index: 5; cursor: pointer; position: fixed; bottom: 50px; left: 10px; color: #e8590c !important; --fa-primary-color: #fff; --fa-secondary-color: #e8590c; --fa-secondary-opacity: 1; opacity: 0.9; transition: all .2s ease-in-out; } #back2Top:hover { opacity: 0.9; }</style><footer class="foot cdm-foot"> <section class="cdm-foot-cta" aria-label="Canal do YouTube"> <div class="cdm-foot-wrap cdm-foot-cta-inner"> <div> <h2>Veja nossos móveis em vídeo</h2> <p>Acompanhe as novidades e confira os detalhes de cada móvel no nosso canal do YouTube.</p> </div> <a class="cdm-foot-btn" href="https://www.youtube.com/@catalogo-de-moveis/videos" target="_blank" rel="noopener"> <i class="fa-brands fa-youtube" aria-hidden="true"> </i> Inscrever-se no canal </a> </div> </section> <div class="cdm-foot-main"> <div class="cdm-foot-wrap cdm-foot-grid"> <div class="cdm-foot-brand"> <a class="cdm-foot-logo" href="/index.php" aria-label="Catálogo de Móveis - página inicial"> <img src="https://cdn.entrypoint.directory/assets/73084/imagens/catalogo-moveis.png" alt="Catálogo de Móveis" width="190" height="70" loading="lazy" /> </a> <p>Catálogo online de móveis para todos os cômodos da casa.</p> <ul class="cdm-foot-social"> <li><a href="https://www.youtube.com/@catalogo-de-moveis/videos" target="_blank" rel="noopener" aria-label="YouTube"><i class="fa-brands fa-youtube" aria-hidden="true"></i></a></li> </ul> </div> <div class="cdm-foot-col" role="navigation" aria-label="Informações"> <h3>Informações</h3> <ul> <li><a href="https://www.catalogodemoveis.com.br/quem-somos/">Quem Somos</a></li> <li><a href="https://www.catalogodemoveis.com.br/como-comprar-na-loja/">Como comprar na Loja</a></li> <li><a href="https://www.catalogodemoveis.com.br/perguntas-frequentes/">Perguntas Frequentes</a></li> <li><a href="https://www.catalogodemoveis.com.br/formas-de-pagamento/">Formas de Pagamento</a></li> <li><a href="https://www.catalogodemoveis.com.br/novidade/">Novidade</a></li> </ul> </div> <div class="cdm-foot-col" role="navigation" aria-label="Categorias"> <h3>Categorias</h3> <ul> <li><a href="/">Início</a></li> <li><a href="/novidade/">Novidades</a></li> <li><a href="https://www.catalogodemoveis.com.br/estofados/">Estofados</a></li> <li><a href="https://www.catalogodemoveis.com.br/mesa-de-jantar/">Mesa de Jantar</a></li> <li><a href="https://www.catalogodemoveis.com.br/sala-de-tv/">Sala de TV</a></li> <li><a href="https://www.catalogodemoveis.com.br/quarto-solteiro/">Quarto Solteiro</a></li> <li><a href="https://www.catalogodemoveis.com.br/quarto-casal/">Quarto Casal</a></li> <li><a href="https://www.catalogodemoveis.com.br/modulados/">Modulados</a></li> <li><a href="https://www.catalogodemoveis.com.br/cozinhas/">Cozinhas</a></li> <li><a href="https://www.catalogodemoveis.com.br/combos/">Combos</a></li> </ul> </div> </div> </div> <div class="cdm-foot-legal"> <div class="cdm-foot-wrap cdm-foot-legal-inner"> <span><b>Catálogo de Móveis</b></span> <span>Todos os direitos reservados.</span> </div> </div> </footer><style> div#popups #popup-blank{ display: none; } div#popups { position: fixed; top: 0; right: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: -1; background-color: transparent; transition: background-color ease-in-out 300ms, z-index 600ms; } div#popups.show { background-color: #00000099; z-index: 10; } #popups .banner { position: absolute; margin: 30%; max-width: 600px; max-height: 600px; opacity: 0; transform: scaleY(0%); transition: transform 300ms, opacity ease-in-out 300ms; } #popups .banner.show { opacity: 1; transform: scaleY(100%); } #popups .content { /*box-shadow: rgb(0 0 0 / 30%) 0px 10px 30px 0px;*/ } #popups .close { display: flex; justify-content: center; align-items: center; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; border-radius: 100%; cursor: pointer; background-color: var(--cor-bg-bt-cancel); color: var(--cor-txt-bt-cancel); opacity: 0.8; z-index: 10; } /* Medias */ @media (max-width: 600px){ #popups .banner { position: absolute; margin: 0; max-width: 85%; } } #alert, #lgpd{ position: fixed; max-width: 80%; min-width: 800px; opacity: 0; transform: scaleY(0%) translateX(-50%); transition: transform 300ms, opacity ease-in-out 300ms; bottom: 32px; left: 50%; background-color: white; box-shadow: 0px 5px 15px -10px #000000, 0px 0px 10px 10px rgb(0 0 0 / 0%); z-index: 10; } #alert.show, #lgpd.show { opacity: 0.9; transform: scaleY(100%) translateX(-50%); } #alert.show:hover, #lgpd.show:hover{ opacity: 1; } #alert .content, #lgpd .content{ display: grid; grid-template-columns: 1fr 180px; min-height: 80px; align-items: center; background-color: var(--cor-bg-blcs-gp); color: var(--cor-txt-nome-prto, #333); } #alert .close button, #lgpd .close button{ height: 60px; margin-right: 10px; width: 170px; } #alert .banners.tag-alerta, #lgpd .banners.tag-lgpd{ padding: 10px; } #alert .banners.tag-alerta a, #lgpd .banners.tag-lgpd a{ position: relative; font-weight: 500; } #alert .banners.tag-alerta a:after, #lgpd .banners.tag-lgpd a:after{ content: ''; background: var(--cor-txt-nome-prto); width: 0; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out; } #alert .banners.tag-alerta a:hover:after, #lgpd .banners.tag-lgpd a:hover:after{ width: 100%; } @media (max-width: 800px) { #alert, #lgpd { min-width: 100%; max-width: 100%; bottom: 0px; } #alert.show, #lgpd.show{ opacity: 1; } #alert .content, #lgpd .content{ display: block; } #alert .close button, #lgpd .close button{ height: 50px; margin: 0px; width: 100%; } }</style><div id="popups" onclick="closePopups()"> <div id="popup-blank" class="banner"> <div class="content"> <div class="close"> <i class="fal fa-times"> </i> </div> </div> </div></div><div id="alert"> <div class="content flex"> <div class="close" onclick="closeAlert('alert')"> <button class="btn btn-secondary button-style-secondary"><span>Estou de acordo!</span> </button> </div> </div> </div><div id="lgpd" onclick="closeAlert('lgpd')"> <div class="content"> <div class="close"> <button class="btn btn-secondary button-style-secondary"><span>Entendi!</span> </button> </div> </div> </div><script> var popupIds = new Array(); $(document).ready(function () { loadPopups(); setTimeout(() => { openAlerts() } , 1000); } ); function openAlerts(){ if ($("#alert .banners.tag-alert").length > 0){ if (!getCookie("alert")){ $("#alert").addClass("show"); setCookie("alert", 24); } } if ($("#lgpd .banners.tag-lgpd").length > 0){ if (!getCookie("lgpd")){ $("#lgpd").addClass("show"); setCookie("lgpd", 24); } } } function closeAlert(alert){ $("#"+alert).removeClass('show'); setTimeout(() => { $("#"+alert).remove(); } , 1000); } function loadPopups(){ $(".banners.tag-popup-entrada, .banners.tag-popup-saida, .banners.tag-popup-produto").hide(); var popups = $(".banners.tag-popup-entrada, .banners.tag-popup-saida, .banners.tag-popup-produto"); popups.each(function( index ) { /*create new popup element*/ const popupId = "popup-" + $(this).attr('id'); const type = $(this).hasClass("tag-popup-saida") ? "exit" : "enter"; $("#popups").append('<div id="'+popupId+'" class="banner '+type+'"></div>'); $("#"+popupId).html($("#popup-blank").html()); /*move banner element to new popup element content*/ $($(this).detach()).appendTo("#"+popupId+" .content"); $("#"+popupId+" .content .close").click(function(){ closePopup(popupId); } ); /*Check if is enter or exit*/ if (type == "exit") addExitIntent(popupId); else setTimeout(() => { openPopup(popupId) } , 5000); } ); $(".banners.tag-popup-entrada, .banners.tag-popup-saida, .banners.tag-popup-produto").show(); } function addExitIntent(popupId){ document.addEventListener('mouseout', e => { if (!e.toElement && !e.relatedTarget) { openPopup(popupId); } } ); } function openPopup(popupId){ if ($("#"+popupId).length == 0) return; if (!getCookie(popupId)){ popupIds.push(popupId); setCookie(popupId, 6); $("body").addClass("flow-y"); $("#popups").show(); $("#popups").addClass("show"); $("#"+popupId).addClass("show"); } } function closePopups(){ for (var i = 0; i < popupIds.length; i++) closePopup(popupIds[i]); } function closePopup(popupId){ $("#"+popupId).removeClass("show"); if ($("#popups .banner.enter").length <= 2){ $("#popups").removeClass("show"); $("body").removeClass("flow-y"); } setTimeout(() => { deletePopup(popupId) } , 500); } function deletePopup(popupId){ $("#"+popupId).remove(); if ($("#popups .banner.enter").length <= 1) $("#popups").hide(); } function setCookie(popupId, expHours) { let date = new Date(); date.setTime(date.getTime() + expHours * 60 * 60 * 1000); const expires = "expires=" + date.toUTCString(); document.cookie = popupId + "=" + popupId + "; " + expires + "; path=/"; } function getCookie(popupId) { const name = popupId + "="; const cDecoded = decodeURIComponent(document.cookie); const cArr = cDecoded.split("; "); let res; cArr.forEach((val) => { if (val.indexOf(name) === 0) res = val.substring(name.length); } ); return res; }</script><script> /* BACKTO-TOP */ $(document).ready(function () { $(window).scroll(function () { var height = $(window).scrollTop(); if (height > 100) { $("#back2Top").fadeIn(); } else { $("#back2Top").fadeOut(); } } ); $("#back2Top").click(function (event) { event.preventDefault(); $("html, body").animate( { scrollTop: 0, } , "slow" ); return false; } ); } ); function consoleDebug(file, func, msg){ const debug = false; if (debug){ const now = new Date(); const time = now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds() + "." + (now.getMilliseconds() < 100 ? "0" + now.getMilliseconds() : now.getMilliseconds()); const debugInfo = file + (func ? "::"+ func : "") + (msg ? " => " + msg : ""); console.log(time + " | " + debugInfo); } } function handleImgError(imgElement, altImgSrc) { imgElement.onerror = ""; imgElement.src = altImgSrc; return true; } function closeFancybox(){ try{ $.fancybox.close(true); } catch (e) { } }</script><script> /* Selo "Video" nos cards (snippets/collection/product-card.tpl). O card da listagem nao recebe product.videos (so a PDP recebe), entao quando o card entra na tela buscamos o quickview do produto e lemos o marcador "cdm-video-check" (dialogs/product_quickview.tpl). Resultado fica 24h no localStorage. Sem regex literal aqui: o render da plataforma remove barras invertidas. */ (function () { if (!("IntersectionObserver" in window) || !window.fetch) return; var KEY = "cdmVideoCards"; var TTL = 86400000; var MAX_PARALLEL = 3; var cache = {}; try { cache = JSON.parse(window.localStorage.getItem(KEY)) || {}; } catch (e) { cache = {}; } var now = Date.now(); for (var id in cache) { if (!cache[id] || now - cache[id].t > TTL) delete cache[id]; } var sandbox = new URLSearchParams(window.location.search).get("sandbox"); var pending = {}; var queue = []; var running = 0; function save() { try { window.localStorage.setItem(KEY, JSON.stringify(cache)); } catch (e) {} } function reveal(pid) { var badges = document.querySelectorAll('.product-card[data-id="' + pid + '"] .cdm-video-badge'); for (var i = 0; i < badges.length; i++) badges[i].hidden = false; } function run(job) { running++; fetch(job.url, { credentials: "same-origin" }) .then(function (r) { return r.ok ? r.text() : null; }) .then(function (html) { /* resposta com erro (WAF, 404) nao entra no cache: tenta de novo na proxima visita */ if (html === null) return; /* sem o marcador = HTML de antes deste tema (cache do CDN/navegador): nao grava nada */ if (html.indexOf("cdm-video-check") === -1) return; var hasVideo = html.indexOf('cdm-video-check" data-video="1"') > -1; cache[job.pid] = { v: hasVideo ? 1 : 0, t: Date.now() }; save(); if (hasVideo) reveal(job.pid); }) .catch(function () {}) .then(function () { running--; pump(); }); } function pump() { while (running < MAX_PARALLEL && queue.length) run(queue.shift()); } var io = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (!entry.isIntersecting) return; var card = entry.target; io.unobserve(card); var pid = card.getAttribute("data-id"); if (cache[pid]) { if (cache[pid].v) reveal(pid); return; } if (pending[pid]) return; var link = card.querySelector("a.product-link[href]"); if (!link) return; var url = link.getAttribute("href"); url += (url.indexOf("?") > -1 ? "&" : "?") + "quickview=1"; if (sandbox) url += "&sandbox=" + encodeURIComponent(sandbox); pending[pid] = true; queue.push({ pid: pid, url: url }); pump(); }); }, { rootMargin: "200px 0px" }); function scan() { var badges = document.querySelectorAll(".cdm-video-badge:not([data-watched])"); for (var i = 0; i < badges.length; i++) { badges[i].setAttribute("data-watched", "1"); var card = badges[i].closest(".product-card[data-id]"); if (card) io.observe(card); } } scan(); /* cards que chegam depois (carrosseis clonados, paginacao) */ var timer = null; new MutationObserver(function () { clearTimeout(timer); timer = setTimeout(scan, 200); }).observe(document.body, { childList: true, subtree: true }); })();</script><script> /* Setas prev/next nas galerias de produtos da vitrine (home): controlam o Swiper que a plataforma ja inicializa em cada .swiper (data-element="gallery-products"). Estilo em catalogo_ajustes.css (.cdm-gal-arrow). */ (function () { function build(box) { var sw = box.querySelector('.swiper'); if (!sw || !sw.swiper || box.getAttribute('data-cdm-nav')) return; box.setAttribute('data-cdm-nav', '1'); box.classList.add('cdm-gal'); var swiper = sw.swiper; var prev = document.createElement('button'); var next = document.createElement('button'); prev.type = next.type = 'button'; prev.className = 'cdm-gal-arrow cdm-gal-prev'; next.className = 'cdm-gal-arrow cdm-gal-next'; prev.setAttribute('aria-label', 'Produtos anteriores'); next.setAttribute('aria-label', 'Proximos produtos'); prev.innerHTML = '‹'; next.innerHTML = '›'; box.appendChild(prev); box.appendChild(next); prev.addEventListener('click', function () { swiper.slidePrev(); }); next.addEventListener('click', function () { swiper.slideNext(); }); function place() { /* centraliza as setas na foto do primeiro card */ var fig = box.querySelector('.swiper-slide figure') || box.querySelector('.swiper-slide img'); if (!fig) return; var f = fig.getBoundingClientRect(); var b = box.getBoundingClientRect(); if (f.height > 0) { var top = f.top - b.top + f.height / 2; prev.style.top = next.style.top = top + 'px'; } } function update() { var single = swiper.snapGrid.length <= 1; prev.hidden = next.hidden = single; prev.disabled = swiper.isBeginning; next.disabled = swiper.isEnd; place(); } swiper.on('slideChange', update); swiper.on('resize', update); swiper.on('update', update); window.addEventListener('resize', update); window.addEventListener('load', update); update(); } function scan() { var pending = 0; document.querySelectorAll('[data-element="gallery-products"]').forEach(function (g) { var box = g.closest('.element-container'); if (!box || box.getAttribute('data-cdm-nav')) return; build(box); if (!box.getAttribute('data-cdm-nav')) pending++; }); return pending; } var tries = 0; var iv = setInterval(function () { tries++; if (scan() === 0 || tries > 40) clearInterval(iv); }, 250); })();</script><style type="text/css"> .jc-popup { position: fixed; inset: 0; z-index: 2147483000; display: none; align-items: center; justify-content: center; padding: 16px; background: rgba(17, 17, 17, .55); } .jc-popup.is-open { display: flex; } html.jc-popup-lock, html.jc-popup-lock body { overflow: hidden !important; } .jc-popup-dialog { position: relative; display: flex; flex-direction: column; width: 100%; max-width: 900px; max-height: calc(100vh - 32px); background: #fff; border-radius: var(--jc-raio, 6px); box-shadow: 0 12px 40px rgba(0, 0, 0, .25); overflow: hidden; } .jc-popup-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--jc-borda-suave, rgba(51, 51, 51, .1)); } .jc-popup-title { margin: 0; font-size: 1rem; font-weight: 700; color: var(--jc-marrom, #4a2e22); } .jc-popup-close { flex: 0 0 auto; width: 36px; height: 36px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: var(--jc-marca-claro, #fff1e8); color: var(--jc-marca, #f96a1b); font-size: 22px; line-height: 36px; text-transform: none; cursor: pointer; } .jc-popup-close:hover { background: var(--jc-marca-borda, #f5d3bd); } .jc-popup-body { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } /* Lista de produtos (Ver todas as cores): cards da busca com o CSS da loja */ .jc-popup-list { display: none; padding: 16px; } .jc-popup.is-list .jc-popup-list { display: block; } .jc-popup.is-list .jc-popup-host { display: none; } .jc-popup-list .collection-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; width: 100%; margin: 0; } .jc-popup-list .collection-grid > .product-card { width: auto !important; max-width: none !important; margin: 0 !important; } .jc-popup-status { padding: 40px 16px; text-align: center; color: var(--jc-texto-suave, #666); font-size: .9rem; } @media (max-width: 768px) { .jc-popup { padding: 0; align-items: flex-end; } .jc-popup-dialog { max-width: none; max-height: 92vh; border-radius: 12px 12px 0 0; } .jc-popup-list .collection-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } }</style><script> (function () { if (window.jcPopupReady) { return; } window.jcPopupReady = true; var cache = {}; var modal = null; var lastFocus = null; function build() { if (modal) { return modal; } var wrap = document.createElement("div"); wrap.className = "jc-popup"; wrap.setAttribute("aria-hidden", "true"); wrap.innerHTML = '<div class="jc-popup-dialog" role="dialog" aria-modal="true" aria-labelledby="jc-popup-title">' + '<div class="jc-popup-head"><p class="jc-popup-title" id="jc-popup-title"></p>' + '<button type="button" class="jc-popup-close" aria-label="Fechar">×</button></div>' + '<div class="jc-popup-body"><div class="jc-popup-host"></div><div class="jc-popup-list"></div></div>' + "</div>"; document.body.appendChild(wrap); wrap.addEventListener("click", function (ev) { if (ev.target === wrap || (ev.target.closest && ev.target.closest(".jc-popup-close"))) { close(); } }); document.addEventListener("keydown", function (ev) { if (ev.key === "Escape" && wrap.classList.contains("is-open")) { close(); } }); var host = wrap.querySelector(".jc-popup-host"); modal = { wrap: wrap, title: wrap.querySelector(".jc-popup-title"), body: wrap.querySelector(".jc-popup-body"), list: wrap.querySelector(".jc-popup-list"), root: host.attachShadow ? host.attachShadow({ mode: "open" }) : host }; return modal; } function setContent(html) { modal.root.innerHTML = html; modal.body.scrollTop = 0; } function status(txt) { setContent('<div class="jc-popup-status" style="padding:40px 16px;text-align:center;color:#666;font-family:Arial, sans-serif">' + txt + "</div>"); } /* A tag "cores" vem com a URL absoluta do www: usa o host da pagina atual (no preview o host e outro e o fetch seria cross-origin) e repassa o ?sandbox= pra WAF nao pedir captcha. A query nao e reparseada (o keywords vem em latin1 percent-encoded e o URLSearchParams estragaria os acentos). */ function resolve(href, mode) { var u; try { u = new URL(href, window.location.href); } catch (e) { return href; } if (mode === "produtos" && u.host !== window.location.host) { u.protocol = window.location.protocol; u.host = window.location.host; } var sandbox = new URLSearchParams(window.location.search).get("sandbox"); if (sandbox && u.host === window.location.host && u.search.indexOf("sandbox=") === -1) { u.search += (u.search ? "&" : "?") + "sandbox=" + encodeURIComponent(sandbox); } return u.toString(); } /* Lista de produtos (data-jc-popup="produtos"): usa os cards da pagina de busca/categoria */ function listData(doc) { var grid = doc.querySelector(".search-results-page .collection-grid") || doc.querySelector(".collection-grid"); if (!grid || !grid.querySelector(".product-card")) { throw new Error("sem produtos"); } var scripts = grid.querySelectorAll("script"); for (var i = 0; i < scripts.length; i++) { scripts[i].parentNode.removeChild(scripts[i]); } /* CSS proprio da pagina de listagem (os cards usam classes definidas nela) */ var css = ""; var section = grid.closest("section") || doc.body; var styles = section.querySelectorAll("style"); for (var s = 0; s < styles.length; s++) { css += styles[s].outerHTML; } grid.classList.remove("mode-list"); return { list: true, html: css + grid.outerHTML }; } /* Miniaturas dos cards sao geradas sob demanda pela plataforma (/newThumb) quando a imagem falha; nos cards inseridos no popup esse gatilho nao existe, entao repetimos a chamada aqui */ function fixThumbs(container) { var imgs = container.querySelectorAll('img[data-element="product-image"]'); Array.prototype.forEach.call(imgs, function (img) { function gerar() { if (img.getAttribute("data-jc-thumb")) { return; } img.setAttribute("data-jc-thumb", "1"); var body = new URLSearchParams(); body.append("file", img.getAttribute("data-file") || ""); body.append("path", img.getAttribute("data-path") || "produtos"); body.append("subpath", img.getAttribute("data-subpath") || ""); body.append("w", img.getAttribute("data-width") || ""); body.append("h", img.getAttribute("data-height") || ""); fetch("/newThumb?origin=bind&v=" + Date.now(), { method: "POST", credentials: "same-origin", body: body }) .then(function (r) { return r.ok ? r.text() : ""; }) .then(function (src) { if (src) { img.setAttribute("src", src.trim()); } }) .catch(function () {}); } img.removeAttribute("loading"); if (img.complete && !img.naturalWidth) { gerar(); } else { img.addEventListener("error", gerar); } }); } /* Busca a pagina e devolve so o conteudo (respeita o charset da loja) */ function load(url, mode) { var key = mode + "|" + url; if (cache[key]) { return Promise.resolve(cache[key]); } return fetch(url, { credentials: "same-origin" }).then(function (r) { if (!r.ok) { throw new Error("HTTP " + r.status); } var m = /charset=([^;]+)/i.exec(r.headers.get("content-type") || ""); var charset = m ? m[1].trim().toLowerCase() : "utf-8"; return r.arrayBuffer().then(function (buf) { var txt; try { txt = new TextDecoder(charset === "iso-8859-1" ? "windows-1252" : charset).decode(buf); } catch (e) { txt = new TextDecoder("utf-8").decode(buf); } var doc = new DOMParser().parseFromString(txt, "text/html"); if (mode === "produtos") { cache[key] = listData(doc); return cache[key]; } var content = doc.querySelector(".page-content") || doc.querySelector("main"); if (!content) { throw new Error("sem conteudo"); } var scripts = content.querySelectorAll("script"); for (var i = 0; i < scripts.length; i++) { scripts[i].parentNode.removeChild(scripts[i]); } var h1 = doc.querySelector(".page-content h1, h1"); var data = { title: (h1 ? h1.textContent : doc.title.split("|")[0]).trim(), /* :root do CSS da pagina vira :host (fica restrito ao popup); fonte e cor base da loja */ html: "<style>:host{display:block;font-family:inherit;color:#333;line-height:1.5}" + ".jc-popup-page{padding:16px}.jc-popup-page img,.jc-popup-page iframe{max-width:100%}</style>" + '<div class="jc-popup-page">' + content.innerHTML.split(":root").join(":host") + "</div>" }; cache[key] = data; return data; }); }); } function open(link) { var mode = link.getAttribute("data-jc-popup") || ""; var url = resolve(link.getAttribute("href"), mode); build(); lastFocus = document.activeElement; modal.title.textContent = link.getAttribute("data-jc-popup-title") || link.textContent.trim(); modal.wrap.classList.remove("is-list"); modal.list.innerHTML = ""; status("Carregando..."); modal.wrap.classList.add("is-open"); modal.wrap.setAttribute("aria-hidden", "false"); document.documentElement.classList.add("jc-popup-lock"); modal.wrap.querySelector(".jc-popup-close").focus(); load(url, mode).then(function (data) { if (!modal.wrap.classList.contains("is-open")) { return; } if (data.list) { modal.list.innerHTML = data.html; fixThumbs(modal.list); modal.wrap.classList.add("is-list"); modal.body.scrollTop = 0; return; } setContent(data.html); }).catch(function () { /* Sem conteudo: segue o link normalmente */ close(); window.location.href = url; }); } function close() { if (!modal) { return; } modal.wrap.classList.remove("is-open"); modal.wrap.setAttribute("aria-hidden", "true"); document.documentElement.classList.remove("jc-popup-lock"); if (lastFocus && lastFocus.focus) { lastFocus.focus(); } } document.addEventListener("click", function (ev) { var link = ev.target && ev.target.closest ? ev.target.closest("a[data-jc-popup]") : null; if (!link || ev.defaultPrevented || ev.button !== 0 || ev.ctrlKey || ev.metaKey || ev.shiftKey || ev.altKey) { return; } ev.preventDefault(); ev.stopPropagation(); open(link); }, true); })();</script><style type="text/css"> /*== JORNADA - PDP da Catalogo de Moveis: cabecalho do produto em card (portado do jornada_ui.css da Rufer) == Paleta adaptada a marca: laranja #f96a1b (menu/login), marrom #4a2e22 (texto do menu), tons dos selos cdm-badge. Carregado no fim do footer.tpl para sobrepor o CSS inline dos blocos. ATENCAO: este arquivo e Twig - nunca usar chave+porcentagem, chave dupla ou chave+cerquilha juntas. */ :root { --jc-marca: #f96a1b; --jc-marca-escuro: #e8590c; --jc-marca-claro: #fff1e8; --jc-marca-borda: #f5d3bd; --jc-marca-suave: #fb9a5f; --jc-marca-suave-escuro: #f98a45; --jc-marrom: #4a2e22; --jc-verde: #61b32b; --jc-verde-escuro: #4f9622; --jc-verde-claro: #eef7e8; --jc-texto: #333333; --jc-texto-suave: #666666; --jc-fundo: #fafafa; --jc-card: #ffffff; --jc-borda: rgba(51, 51, 51, .2); --jc-borda-suave: rgba(51, 51, 51, .1); --jc-raio: 6px; --jc-raio-botao: 3px; --jc-sombra: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(74, 46, 34, .06); --jc-espaco: 20px; } /* ---------- Componentes base ---------- */ .jc-card { background: var(--jc-card); border: 1px solid var(--jc-borda); border-radius: var(--jc-raio); box-shadow: var(--jc-sombra); padding: var(--jc-espaco); margin: 0 0 16px; width: 100%; box-sizing: border-box; } .jc-card-title, .jc-section-title { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 1rem; font-weight: 700; color: var(--jc-marrom); text-transform: none; letter-spacing: 0; } .jc-card-title::before, .jc-section-title::before { content: ""; width: 4px; height: 18px; border-radius: 2px; background: var(--jc-marca); } /* ---------- PDP: colunas em cards ---------- */ section.product-page .product-details-content { gap: 24px; align-items: flex-start; background: transparent; border: 0; box-shadow: none; } section.product-page .product-gallery { background: var(--jc-card); border: 1px solid var(--jc-borda); border-radius: var(--jc-raio); padding: 16px; box-sizing: border-box; } /* header fixo da Catalogo mede 105px */ @media (min-width: 1001px) { section.product-page .product-gallery { position: sticky; top: 120px; } } /* o tema aplica "padding: 20px 0" + borda inferior nos filhos diretos da coluna: devolve o respiro e a borda do card */ section.product-page .product-details-content .procuct-detail > div.jc-card { padding: var(--jc-espaco) !important; border: 1px solid var(--jc-borda) !important; } .jc-card .header-title { gap: 0 !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; border: 0 !important; } .jc-card .header-title .marks-details-content:empty, .jc-card .header-title .marks-details-content:not(:has(*)) { display: none; } /* ---------- Card 1 - identificacao ---------- */ .jc-card--head .header-title h1 { margin: 0; font-size: 1.2rem; line-height: 1.35; font-weight: 700; color: var(--jc-texto); } /* Nome do produto + favorito (coracao) a direita (so renderiza se wishlist.status) */ .jc-card--head .jc-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; width: 100%; margin: 0 0 12px; } .jc-card--head .jc-title-row h1 { flex: 1 1 auto; min-width: 0; } .jc-card--head .jc-title-wishlist { flex: 0 0 40px; display: flex; align-items: flex-start; justify-content: flex-end; position: static; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; } .jc-card--head .jc-title-wishlist button.btn-wishlist { margin: 0 !important; flex: 0 0 auto; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid var(--jc-borda-suave); border-radius: 50%; background: #fff; color: var(--jc-texto-suave); font-size: 1.1rem; line-height: 1; box-shadow: 0 1px 3px rgba(0, 0, 0, .06); cursor: pointer; transition: color .15s ease, border-color .15s ease, background-color .15s ease, transform .15s ease; } .jc-card--head .jc-title-wishlist button.btn-wishlist i { color: inherit; } .jc-card--head .jc-title-wishlist button.btn-wishlist:hover, .jc-card--head .jc-title-wishlist button.btn-wishlist:focus-visible, .jc-card--head .jc-title-wishlist button.btn-wishlist.active { color: #e0245e; border-color: rgba(224, 36, 94, .35); background: #fff5f8; } .jc-card--head .jc-title-wishlist button.btn-wishlist:hover { transform: scale(1.05); } /* Selos Entregue montada / Molas ensacadas: pilula, mesma paleta laranja dos selos do card */ .jc-card--head .cdm-badge { margin: 0; padding: 3px 10px; border-radius: 20px; font-size: .8rem; font-weight: 700; } .jc-card--head .cdm-badge + .cdm-badge { margin-top: 6px; } /* Medidas: grade de 3 chips */ .jc-card--head .cdm-specs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 14px 0 4px; padding: 0; list-style: none; } .jc-card--head .cdm-specs:empty { display: none; } .jc-card--head .cdm-specs li { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 10px 12px; border: 1px solid var(--jc-marca-borda); border-radius: var(--jc-raio); background: var(--jc-marca-claro); font-size: .75rem; text-transform: uppercase; letter-spacing: .02em; color: var(--jc-texto-suave); } .jc-card--head .cdm-specs li b { font-size: 1.05rem; text-transform: none; letter-spacing: 0; color: var(--jc-marrom); } /* Acoes do produto: Ver todas as cores | Ver video | Pronta Entrega / Frete gratis (lado a lado, mesma altura) */ .jc-card--head .jc-head-actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px; margin: 14px 0 0; } .jc-card--head .jc-head-actions:not(:has(*)) { display: none; } .jc-card--head .jc-head-action { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; height: auto; min-height: 40px; margin: 0; padding: 0 14px; border: 1px solid transparent; border-radius: var(--jc-raio); background: #fff; font-size: .875rem; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none !important; white-space: nowrap; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, color .15s ease; } .jc-card--head .jc-head-action span { font-size: inherit; color: inherit; } .jc-card--head .jc-head-action i, .jc-card--head .jc-head-action svg { margin: 0; font-size: 1.05rem; } /* Ver todas as cores: laranja mais claro que o da marca, texto escuro (contraste ~8:1) */ .jc-card--head .jc-head-action--cores, .jc-card--head .jc-head-action--cores:visited { background: var(--jc-marca-suave); border-color: var(--jc-marca-suave); color: #2b1a13 !important; } .jc-card--head .jc-head-action--cores:hover, .jc-card--head .jc-head-action--cores:focus-visible { background: var(--jc-marca-suave-escuro); border-color: var(--jc-marca-suave-escuro); color: #2b1a13 !important; } /* Ver video: contorno neutro com icone do YouTube */ .jc-card--head .jc-head-action--video { border-color: var(--jc-borda); color: var(--jc-texto) !important; } .jc-card--head .jc-head-action--video i, .jc-card--head .jc-head-action--video svg { color: #ff0000; } .jc-card--head .jc-head-action--video:hover, .jc-card--head .jc-head-action--video:focus-visible { border-color: var(--jc-texto); background: var(--jc-fundo); } /* Pronta Entrega / Frete gratis: selo verde de confirmacao */ .jc-card--head .jc-head-action--estoque, .jc-card--head .jc-head-action--frete { background: var(--jc-verde-claro); border-color: rgba(97, 179, 43, .35); color: var(--jc-verde-escuro) !important; } .jc-card--head .jc-head-action--estoque:hover, .jc-card--head .jc-head-action--estoque:focus-visible { border-color: var(--jc-verde); } .jc-card--head .jc-head-action--frete { cursor: default; } /* Celular/tablet: Ver video e Pronta Entrega lado a lado (2 colunas); Ver todas as cores ocupa a linha inteira. O .header-title e flex (classe .flex do tema): sem width:100% a div encolhia pro conteudo e, com a base de 50% + nowrap, o par nao cabia e cada botao caia numa linha. */ @media (max-width: 768px) { .jc-card--head .jc-head-actions { width: 100%; justify-content: center; } .jc-card--head .jc-head-action { flex: 1 1 calc(50% - 4px); min-width: 0; padding: 0 8px; white-space: normal; } .jc-card--head .jc-head-action--cores { flex-basis: 100%; } } /* Descricao curta e avaliacoes (quando existem) ficam depois das acoes */ .jc-card--head .header-title > p { margin: 14px 0 0; } .jc-card--head .product-rating { margin: 12px 0 0; } /* Referencia / Modelo / Estoque / Fabricante */ .jc-card--head .product-information { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 14px 0 0; padding: 12px 0 0; border-top: 1px solid var(--jc-borda-suave); list-style: none; font-size: .875rem; color: var(--jc-texto-suave); } .jc-card--head .product-information li { margin: 0; padding: 0; border: 0; } .jc-card--head .product-information .produto_fabricante { margin-top: 0; } /* ---------- Card 2 - preco e demais blocos (so o container; visual interno segue o do tema) ---------- */ .jc-card--buy > div + div, .jc-card--buy > div + section, .jc-card--buy > section + div { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--jc-borda-suave); } /* sem botao de compra nem favorito o bloco de acao vem vazio */ .jc-card--buy .product-details-action:not(:has(button, input, a)) { display: none; } .jc-card--buy .currentPrice { margin: 0; padding: 0; border: 0; } /* ---------- Responsivo ---------- */ @media (max-width: 1000px) { /* o tema centraliza tudo no mobile/tablet: nos cards fica alinhado a esquerda e ocupando a largura */ section.product-page .jc-card, section.product-page .jc-card .header-title, section.product-page .jc-card h1, section.product-page .jc-card .currentPrice, section.product-page .jc-card .product-information { text-align: left !important; align-items: flex-start !important; justify-content: flex-start !important; } section.product-page .jc-card--head .cdm-specs { width: 100%; } section.product-page .jc-card--head .cdm-badge { margin-left: 0; margin-right: 0; } } @media (max-width: 600px) { /* padding dos cards no celular: a regra dos filhos da coluna usa a variavel com !important, entao e ela que muda */ :root { --jc-espaco: 16px; } .jc-card--head .header-title h1 { font-size: 1.05rem; } /* "Pronta Entrega" precisa caber em metade de ~280px (Android 360px) ao lado de "Ver video" */ .jc-card--head .jc-head-action { gap: 6px; padding: 0 6px; font-size: .8125rem; } .jc-card--head .jc-title-wishlist { flex-basis: 36px; width: 36px !important; height: 36px !important; } .jc-card--head .jc-title-wishlist button.btn-wishlist { width: 36px; height: 36px; font-size: 1rem; } .jc-card--head .cdm-specs li { padding: 8px; min-width: 0; font-size: .7rem; letter-spacing: 0; text-transform: none; } .jc-card--head .cdm-specs li b { font-size: .95rem; } } /* Ver vídeo: anel pulsante sutil pra chamar atenção (para no hover) */ .jc-card--head .jc-head-action--video { animation: jc-video-pulse 2s ease-out infinite; } .jc-card--head .jc-head-action--video:hover, .jc-card--head .jc-head-action--video:focus-visible { animation: none; } @keyframes jc-video-pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, .35); } 70% { box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); } } @media (prefers-reduced-motion: reduce) { .jc-card--head .jc-head-action--video { animation: none; } }</style><script type="text/javascript"> var _paq = _paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']);_paq.push(['setEcommerceView','3659','Home 1,30m Monza Cinamomo/Off White para TV até 55 - Valdemóveis', '',]);(function() { var u='//analytics.iset.io/', d=document; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', 6980]); var g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); window._paq = _paq;</script><script>(function(){document.addEventListener("click",function(ev){var a=ev.target.closest("[data-iset-banner]");if(!a){return;}var b=a.getAttribute("data-iset-banner"),s=a.getAttribute("data-iset-slide")||0;if(!b){return;}var u="/redirect.php?action=click&goto="+encodeURIComponent(b)+"&s="+encodeURIComponent(s);try{if(navigator.sendBeacon){navigator.sendBeacon(u);}else{fetch(u,{method:"GET",keepalive:true,credentials:"omit"});}}catch(e){}},true);})();</script> </body> </html>
