{"id":661,"date":"2024-11-05T08:20:40","date_gmt":"2024-11-05T11:20:40","guid":{"rendered":"http:\/\/industrialtor1.hospedagemdesites.ws\/?page_id=661"},"modified":"2026-01-16T14:51:54","modified_gmt":"2026-01-16T17:51:54","slug":"escoramento","status":"publish","type":"page","link":"https:\/\/torcisao.ind.br\/en\/escoramento\/","title":{"rendered":"Formwork and\nshoring"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"661\" class=\"elementor elementor-661\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-175eec5 e-flex e-con-boxed e-con e-parent\" data-id=\"175eec5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d0cc36 elementor-widget elementor-widget-text-editor\" data-id=\"6d0cc36\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css?family=Montserrat:400,700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n.filtro-formas {\n    display: flex;\n    justify-content: flex-end; \/* Alinha \u00e0 direita *\/\n    gap: 18px;\n    margin-bottom: 32px;\n    margin-top: -54px; \/* Ajuste para subir o filtro, se necess\u00e1rio *\/\n}\n@media (max-width: 700px) {\n    .filtro-formas {\n        justify-content: center;\n        margin-top: 0;\n    }\n}\n.filtro-btn {\n    background: #fff;\n    color: #cc0000;\n    border: 2px solid #cc0000;\n    border-radius: 30px;\n    padding: 10px 32px;\n    font-size: 1.08em;\n    font-family: 'Montserrat', Arial, sans-serif;\n    font-weight: bold;\n    cursor: pointer;\n    transition: background 0.2s, color 0.2s, border-color 0.2s;\n    outline: none;\n    opacity: 0.7;\n    box-shadow: none;\n}\n.filtro-btn.active {\n    background: #cc0000;\n    color: #fff;\n    border-color: #ff0033;\n    opacity: 1;\n    box-shadow: 0 2px 8px #ff003322;\n}\n.filtro-btn:not(.active) {\n    opacity: 0.7;\n    border-style: dashed;\n}\n.geotecnia-cards-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin: 0 auto 40px auto;\n    padding: 0 10px;\n    transition: all 0.5s cubic-bezier(.4,1.4,.6,1);\n}\n.geotecnia-card {\n    background: #fff;\n    border-radius: 18px;\n    box-shadow: 0 4px 24px rgba(204,0,0,0.08);\n    border: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 20px 10px 18px 10px;\n    position: relative;\n    transition: transform 0.4s cubic-bezier(.4,1.4,.6,1), opacity 0.4s cubic-bezier(.4,1.4,.6,1);\n    overflow: hidden;\n    font-family: 'Montserrat', Arial, Helvetica, sans-serif;\n    opacity: 1;\n}\n.geotecnia-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: 18px;\n    pointer-events: none;\n    box-shadow: 0 0 0 0 #ff0033, 0 0 0 0 #ff003355;\n    opacity: 0;\n    transition: box-shadow 0.4s, opacity 0.3s;\n    z-index: 1;\n}\n.geotecnia-card:hover {\n    transform: translateY(-8px) scale(1.03);\n    border-color: #ff0033;\n    z-index: 2;\n}\n.geotecnia-card:hover::before {\n    opacity: 1;\n    animation: borderGlowRed 0.7s forwards;\n}\n@keyframes borderGlowRed {\n    0% {\n        box-shadow:\n            0 0 0 0 #ff0033,\n            0 0 0 0 #ff003355;\n    }\n    60% {\n        box-shadow:\n            0 0 24px 8px #ff0033,\n            0 0 48px 16px #ff003355;\n    }\n    100% {\n        box-shadow:\n            0 0 16px 4px #ff0033,\n            0 0 32px 8px #ff003355;\n    }\n}\n.geotecnia-card img {\n    width: 90%;\n    border-radius: 12px;\n    box-shadow: none;\n    margin-bottom: 14px;\n    background: #fff;\n    object-fit: contain;\n    transition: filter 0.3s;\n    z-index: 2;\n}\n.geotecnia-card:hover img {\n    filter: grayscale(0.1) brightness(1.08);\n}\n.geotecnia-card h3 {\n    margin: 0 0 12px 0;\n    font-size: 1.18em;\n    color: #cc0000;\n    font-family: 'Montserrat', Arial, Helvetica, sans-serif;\n    text-align: center;\n}\n.geotecnia-card h3 a {\n    color: #cc0000;\n    text-decoration: none;\n    transition: color 0.3s;\n}\n.geotecnia-card p {\n    font-size: 1em;\n    color: #333;\n    margin-bottom: 18px;\n    line-height: 1.5;\n    text-align: center;\n}\n.geotecnia-saiba-mais {\n    color: #fff;\n    background: #cc0000;\n    font-weight: bold;\n    text-decoration: none;\n    border-radius: 30px;\n    padding: 10px 32px;\n    font-size: 1em;\n    margin-top: auto;\n    box-shadow: 0 2px 12px rgba(204,0,0,0.13);\n    transition: background 0.25s, box-shadow 0.25s, transform 0.2s;\n    display: inline-block;\n    border: none;\n    cursor: pointer;\n    position: relative;\n    z-index: 2;\n}\n.geotecnia-saiba-mais:hover, .geotecnia-saiba-mais:focus {\n    background: #ff0033;\n    color: #fff;\n    box-shadow: 0 0 16px 2px #ff0033, 0 2px 12px rgba(204,0,0,0.18);\n    transform: scale(1.06);\n    text-decoration: none;\n}\n@media (max-width: 900px) {\n    .geotecnia-cards-grid {\n        grid-template-columns: 1fr 1fr;\n    }\n}\n@media (max-width: 600px) {\n    .geotecnia-cards-grid {\n        grid-template-columns: 1fr;\n    }\n    .geotecnia-card img {\n        width: 100%;\n        max-width: 320px;\n    }\n}\n.geotecnia-card.shuffle {\n    animation: shuffle 0.5s;\n}\n@keyframes shuffle {\n    0% { transform: scale(1) rotate(0deg); opacity: 1; }\n    30% { transform: scale(0.95) rotate(8deg); opacity: 0.7; }\n    60% { transform: scale(0.95) rotate(-8deg); opacity: 0.7; }\n    100% { transform: scale(1) rotate(0deg); opacity: 1; }\n}\n.geotecnia-cards-grid {\n    position: relative;\n}\n.geotecnia-card.shuffle-anim {\n    position: absolute !important;\n    z-index: 10;\n    transition: transform 0.5s cubic-bezier(.4,1.4,.6,1), opacity 0.5s;\n    pointer-events: none;\n}\n.geotecnia-card.shuffling {\n    opacity: 0;\n    transition: opacity 0.3s;\n}\n<\/style>\n\n<h2 style=\"color: #cc0000; font-size: 2.2em; margin-bottom: 24px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; text-align:left;\">\n    Formwork and Shoring Accessories\n<\/h2>\n\n<div class=\"filtro-formas\">\n    <button class=\"filtro-btn active\" id=\"btn-relevancia\" type=\"button\">Most Relevant<\/button>\n    <button class=\"filtro-btn\" id=\"btn-vendas\" type=\"button\">Best Sellers<\/button>\n<\/div>\n\n<div class=\"geotecnia-cards-grid\" id=\"formasGrid\">\n    <!-- Cada card recebe um data-produto para identifica\u00e7\u00e3o -->\n    <div class=\"geotecnia-card\" data-produto=\"escora-ultra\">\n        <a href=\"\/en\/escora-ultra-galvanizada-a-fogo\/\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/escora-ultra-tor-galvanizada.png\" title=\"escora-ultra-tor-galvanizada\" alt=\"escora-ultra-tor-galvanizada\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/escora-ultra-galvanizada-a-fogo\/\">Safetor Ultra Galvanized Prop<\/a><\/h3>\n        <p>The Safetot Ultra Prop is ideal for large-scale projects, providing maximum strength and durability even under the most severe conditions of use. Its robust structure is specially designed to support large loads safely and efficiently. In addition\u2026.<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/escora-ultra-galvanizada-a-fogo\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"escora-pro\">\n        <a href=\"\/en\/escora-safe-tor-pro\/\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/escora-safee-tor-pro.jpg\" title=\"escora-safee-tor-pro\" alt=\"escora-safee-tor-pro\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/escora-safe-tor-pro\/\">Escora Safetor PRO<\/a><\/h3>\n        <p>The Safetor Pro Anchor is the perfect choice for projects that require flexibility and efficiency. With a compact and easy-to-handle design, it is ideal for projects that require agility and practicality. Its structure is lightweight\u2026<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/escora-safe-tor-pro\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"barra-de-ancoragem\">\n        <a href=\"\/en\/barra-de-ancoragem\/\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/barra-de-ancoragem.jpg\" title=\"barra-de-ancoragem\" alt=\"barra-de-ancoragem\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/barra-de-ancoragem\/\">Anchor Bar<\/a><\/h3>\n        <p>Torcis\u00e3o is a reference in the anchor bar manufacturing market with the most advanced mechanical technology for plastic metal forming. Its thread is robust and easy to use in civil construction. Unlike the traditional market, the thread profile of the\u2026<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/barra-de-ancoragem\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"porca-flangeada\">\n        <a href=\"\/en\/trava-de-ajuste-5-8\u2033\/\">\n            <img decoding=\"async\" src=\"https:\/\/torcisao.ind.br\/wp-content\/uploads\/2024\/11\/porca-flangeada.png\" title=\"Trava de ajuste 5\/8\" alt=\"porca-de-ajuste\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/trava-de-ajuste-5-8\u2033\/\"\/>5\/8\u2033 adjustment lock<\/a><\/h3>\n        <p>5\/8\u2033 adjustment lock, used with anchor bars, easily replace any other locking system for formwork and pillars. Made of GGG-40 nodular cast iron, they support high tensile and impact loads\u2026<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/trava-de-ajuste-5-8\u2033\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"porca-s\">\n        <a href=\"\/en\/trava-s\/\">\n            <img decoding=\"async\" src=\"https:\/\/torcisao.ind.br\/wp-content\/uploads\/2025\/05\/porca-s.jpg\" title=\"porca-s\" alt=\"porca-s\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/trava-s\/\">Lock S<\/a><\/h3>\n        <p>The S Lock \u00f81.1\/4 or \u00f81.1\/2\u201d has a differentiated, patented shape and is manufactured in GGG-40 Nodular Cast Iron, supporting high compression and impact loads. Applied in shoring accessories and such as forks and shoes\u2026<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/trava-s\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"sapatas\">\n        <a href=\"\/en\/sapatas-ajustaveis\/\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/sapatas-regulaveis.jpg\" title=\"Sapatas-Ajustaveis\" alt=\"Sapatas-Ajustaveis\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/sapatas-ajustaveis\/\">Adjustable Base Jacks<\/a><\/h3>\n        <p>Adjustable base jacks are used for the support and leveling of shoring systems. They feature a \u00d8 1 \u00bc\u201d threaded rod, allowing precise height adjustment of the structure with the aid of the S nut.<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/sapatas-ajustaveis\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"viga-travamento\">\n        <a href=\"\/en\/viga-de-travamento\/\">\n            <img decoding=\"async\" src=\"https:\/\/torcisao.ind.br\/wp-content\/uploads\/2024\/11\/vigas-trav-e-escoramento-1-1000x675-1.png\" title=\"vigas-trav-e-escoramento-1-1000&#215;675\" alt=\"vigas-trav-e-escoramento-1-1000x675\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/viga-de-travamento\/\">Bracing Beam<\/a><\/h3>\n        <p>Locking Beam used for the alignment of beam, wall, and column formworks. It allows free passage of tie rods, with a width designed to accommodate rods with flanges and nuts. Manufactured from reinforced steel profiles for added rigidity.<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/viga-de-travamento\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"aprumador\">\n        <a href=\"\/en\/aprumador-de-pilar\/\">\n            <img decoding=\"async\" src=\"https:\/\/torcisao.ind.br\/wp-content\/uploads\/2025\/05\/aprumador-de-pilar.jpg\" title=\"aprumador-de-pilar\" alt=\"aprumador-de-pilar\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/aprumador-de-pilar\/\">Column Aligner<\/a><\/h3>\n        <p>The column aligner is used for the vertical leveling of concrete formwork panels for walls and columns, ensuring safety on the construction site. It is composed of base plates that allow fixation with screws, nails, or anchoring rods. Adjustment is made through...<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/aprumador-de-pilar\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"forcado-fixo\">\n        <a href=\"\/en\/forcado-unidirecional-ou-multidirecional\/\">\n            <img decoding=\"async\" src=\"https:\/\/torcisao.ind.br\/wp-content\/uploads\/2025\/05\/forcados.jpg\" title=\"forcados\" alt=\"forcados\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/forcado-unidirecional-ou-multidirecional\/\">Fixed Unidirectional Forkhead<\/a><\/h3>\n        <p>The forkhead works in conjunction with shoring props, being mounted at the top to provide support for joisting in concrete slab systems.<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/forcado-unidirecional-ou-multidirecional\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"viga-escoramento\">\n        <a href=\"\/en\/viga-de-escoramento\/\">\n            <img decoding=\"async\" src=\"https:\/\/torcisao.ind.br\/wp-content\/uploads\/2024\/11\/viga-de-escoramento.png\" title=\"viga-de-escoramento\" alt=\"viga-de-escoramento\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/viga-de-escoramento\/\">Shoring Beam<\/a><\/h3>\n        <p>Shoring beam, a horizontal structural element used to support and distribute the weight of beams and slabs during construction until these structures are able to support the weight on their own. It is an essential part of the system\u2026<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/viga-de-escoramento\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"tripe\">\n        <a href=\"\/en\/tripe-para-escoramento\/\">\n            <img decoding=\"async\" src=\"https:\/\/torcisao.ind.br\/wp-content\/uploads\/2024\/11\/tripes-1-1080x675-1.png\" title=\"Trip\u00e9-para-escoramento\" alt=\"Trip\u00e9-para-escoramento\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/tripe-para-escoramento\/\">Shoring Tripod<\/a><\/h3>\n        <p>The shoring tripod's function is to support and stabilize the props in a vertical position, facilitating the assembly of metal beams and leading to savings in labor and increased productivity. The attachment to the prop's tube is done in a simple and fast way,\u2026<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/tripe-para-escoramento\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"luva-de-vedacao\">\n        <a href=\"\/en\/luva-de-vedacao-water-stop-5-8\u2033\/\">\n            <img decoding=\"async\" src=\"https:\/\/torcisao.ind.br\/wp-content\/uploads\/2025\/05\/luva-vedacao.jpg\" title=\"Luva de Veda\u00e7\u00e3o 5\/8\" alt=\"Luva de Veda\u00e7\u00e3o 5\/8\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/luva-de-vedacao-water-stop-5-8\u2033\/\">Sealing sleeve (Water Stop) 5\/8\u2033<\/a><\/h3>\n        <p>The 5\/8\u2033 Sealing Sleeve (Water Stop) is made of nodular cast iron. Its function is to splice the tie rod at the formwork locking points, preventing water percolation at these points and significantly reducing costs with\u2026<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/luva-de-vedacao-water-stop-5-8\u2033\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"presilhas\">\n        <a href=\"\/en\/sistema-de-presilhas\/\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/presilhas.jpg\" title=\"presilhas\" alt=\"presilhas\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/sistema-de-presilhas\/\">Clamps<\/a><\/h3>\n        <p>The clamp system is used to embrace the wood batten of the beam's side forms, pressing it against the bottom and ensuring a perfect seal. It is composed of two clamps that move linearly along the tie rod. It is a practical and easy-to-use system\u2026<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/sistema-de-presilhas\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"bandeja-de-protecao\">\n        <a href=\"\/en\/bandeja-de-protecao\/\">\n            <img decoding=\"async\" src=\"https:\/\/torcisao.ind.br\/wp-content\/uploads\/2024\/11\/bandeja-de-protecao.png\" title=\"bandeja de prote\u00e7\u00e3o\" alt=\"bandeja de prote\u00e7\u00e3o\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/bandeja-de-protecao\/\">Safety Platform<\/a><\/h3>\n        <p>The Safety Platform provides greater safety on the construction site against falling debris and objects from the upper floors. They comply with standard NR18 with dimensions and strength to withstand the impact of falling objects on the flooring of the\u2026<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/bandeja-de-protecao\/\">Read more<\/a>\n    <\/div>\n    <div class=\"geotecnia-card\" data-produto=\"cruzeta\">\n        <a href=\"\/en\/cruzeta-para-escora-metalica\/\">\n            <img decoding=\"async\" src=\"https:\/\/torcisao.ind.br\/wp-content\/uploads\/2024\/11\/cruzeta-para-escora-metalica.png\" title=\"cruzeta-para-escora-metalica\" alt=\"cruzeta-para-escora-metalica\" loading=\"lazy\" \/>\n        <\/a>\n        <h3><a href=\"\/en\/cruzeta-para-escora-metalica\/\">Crosshead for Metal Prop<\/a><\/h3>\n        <p>The Crosshead is mounted on the upper tube of the prop. Its main purpose is the shoring or reshoring of the side and bottom panels of the shoring beams. It adapts to metal props with an outer tube diameter of 48 to 64 mm.<\/p>\n        <a class=\"geotecnia-saiba-mais\" href=\"\/en\/cruzeta-para-escora-metalica\/\">Read more<\/a>\n    <\/div>\n<\/div>\n\n<script>\n\/\/ Ordem dos produtos por relev\u00e2ncia\nconst ordemRelevancia = [\n    \"escora-ultra\",\n    \"escora-pro\",\n    \"barra-de-ancoragem\",\n    \"porca-flangeada\",\n    \"porca-s\",\n    \"sapatas\",\n    \"viga-travamento\",\n    \"aprumador\",\n    \"forcado-fixo\",\n    \"viga-escoramento\",\n    \"tripe\",\n    \"luva-de-vedacao\",\n    \"presilhas\",\n    \"bandeja-de-protecao\",\n    \"cruzeta\"\n];\n\n\/\/ Ordem dos produtos mais vendidos (apenas os que existem nos cards)\nconst ordemMaisVendidos = [\n    \"barra-de-ancoragem\",\n    \"escora-ultra\",\n    \"escora-pro\",\n    \"sapatas\",\n    \"viga-travamento\",\n    \"aprumador\",\n    \"forcado-fixo\",\n    \"viga-escoramento\",\n    \"tripe\",\n    \"luva-de-vedacao\",\n    \"presilhas\",\n    \"bandeja-de-protecao\",\n    \"cruzeta\",\n    \"porca-flangeada\",\n    \"porca-s\"\n];\n\nconst grid = document.getElementById('formasGrid');\nconst cards = Array.from(grid.children);\n\nfunction reordenarCards(ordem) {\n    \/\/ Adiciona a anima\u00e7\u00e3o de shuffle\n    cards.forEach(card => {\n        card.classList.add('shuffle');\n    });\n\n    \/\/ Remove a anima\u00e7\u00e3o ap\u00f3s o tempo da keyframe\n    setTimeout(() => {\n        cards.forEach(card => {\n            card.classList.remove('shuffle');\n        });\n\n        \/\/ Agora sim, reordena os cards\n        ordem.forEach(produto => {\n            const card = cards.find(c => c.dataset.produto === produto);\n            if (card) grid.appendChild(card);\n        });\n    }, 500); \/\/ tempo igual ao da anima\u00e7\u00e3o\n}\n\nfunction embaralharCards(ordem) {\n    \/\/ Pega a posi\u00e7\u00e3o original dos cards\n    const rects = cards.map(card => card.getBoundingClientRect());\n    const gridRect = grid.getBoundingClientRect();\n\n    \/\/ Deixa todos os cards em posi\u00e7\u00e3o absoluta sobre o grid\n    cards.forEach((card, i) => {\n        card.style.position = 'absolute';\n        card.style.top = (rects[i].top - gridRect.top) + \"px\";\n        card.style.left = (rects[i].left - gridRect.left) + \"px\";\n        card.style.width = rects[i].width + \"px\";\n        card.style.height = rects[i].height + \"px\";\n        card.classList.add('shuffle-anim');\n    });\n\n    \/\/ Gera posi\u00e7\u00f5es aleat\u00f3rias para embaralhar visualmente\n    const randomOffsets = cards.map(() => ({\n        x: (Math.random() - 0.5) * 120,\n        y: (Math.random() - 0.5) * 80\n    }));\n\n    \/\/ Move cada card para uma posi\u00e7\u00e3o aleat\u00f3ria\n    cards.forEach((card, i) => {\n        card.style.transform = `translate(${randomOffsets[i].x}px, ${randomOffsets[i].y}px) rotate(${(Math.random() - 0.5) * 40}deg)`;\n    });\n\n    \/\/ Ap\u00f3s um tempo, volta cada card para o lugar final na nova ordem\n    setTimeout(() => {\n        ordem.forEach((produto, idx) => {\n            const card = cards.find(c => c.dataset.produto === produto);\n            const targetRect = rects[idx];\n            card.style.transform = `translate(${targetRect.left - gridRect.left}px, ${targetRect.top - gridRect.top}px) scale(1)`;\n        });\n\n        \/\/ Depois, remove a posi\u00e7\u00e3o absoluta e coloca na ordem correta\n        setTimeout(() => {\n            ordem.forEach(produto => {\n                const card = cards.find(c => c.dataset.produto === produto);\n                card.classList.add('shuffling');\n                grid.appendChild(card);\n            });\n            \/\/ Limpa estilos e classes\n            setTimeout(() => {\n                cards.forEach(card => {\n                    card.style.position = '';\n                    card.style.top = '';\n                    card.style.left = '';\n                    card.style.width = '';\n                    card.style.height = '';\n                    card.style.transform = '';\n                    card.classList.remove('shuffle-anim', 'shuffling');\n                });\n            }, 300);\n        }, 500);\n    }, 500);\n}\n\nfunction fadeCards(ordem) {\n    \/\/ Aplica fade out\n    cards.forEach(card => {\n        card.style.transition = 'opacity 0.35s';\n        card.style.opacity = '0';\n    });\n\n    setTimeout(() => {\n        \/\/ Reordena os cards\n        ordem.forEach(produto => {\n            const card = cards.find(c => c.dataset.produto === produto);\n            if (card) grid.appendChild(card);\n        });\n\n        \/\/ Aplica fade in\n        cards.forEach(card => {\n            card.style.transition = 'opacity 0.35s';\n            card.style.opacity = '1';\n        });\n    }, 350);\n}\n\n\/\/ Troque as chamadas para fadeCards:\ndocument.getElementById('btn-relevancia').onclick = function() {\n    this.classList.add('active');\n    document.getElementById('btn-vendas').classList.remove('active');\n    fadeCards(ordemRelevancia);\n};\ndocument.getElementById('btn-vendas').onclick = function() {\n    this.classList.add('active');\n    document.getElementById('btn-relevancia').classList.remove('active');\n    fadeCards(ordemMaisVendidos);\n};\n\n\/\/ Inicializa normalmente, sem anima\u00e7\u00e3o\nordemRelevancia.forEach(produto => {\n    const card = cards.find(c => c.dataset.produto === produto);\n    if (card) grid.appendChild(card);\n});\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Acess\u00f3rios para F\u00f4rmas e Escoramentos Mais Relevantes Mais Vendidos Escora Safetor Ultra Galvanizada A Escora Safetot Ultra \u00e9 ideal para projetos de grande porte, proporcionando m\u00e1xima resist\u00eancia e durabilidade mesmo sob as mais severas condi\u00e7\u00f5es de uso. Sua estrutura robusta \u00e9 especialmente projetada para suportar grandes cargas com seguran\u00e7a e efici\u00eancia. Al\u00e9m disso&#8230;. Saiba mais [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-661","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/torcisao.ind.br\/en\/wp-json\/wp\/v2\/pages\/661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/torcisao.ind.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/torcisao.ind.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/torcisao.ind.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/torcisao.ind.br\/en\/wp-json\/wp\/v2\/comments?post=661"}],"version-history":[{"count":200,"href":"https:\/\/torcisao.ind.br\/en\/wp-json\/wp\/v2\/pages\/661\/revisions"}],"predecessor-version":[{"id":3323,"href":"https:\/\/torcisao.ind.br\/en\/wp-json\/wp\/v2\/pages\/661\/revisions\/3323"}],"wp:attachment":[{"href":"https:\/\/torcisao.ind.br\/en\/wp-json\/wp\/v2\/media?parent=661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}