{"product_id":"fio-nautico-rami-malhafio","title":"Fio Náutico Rami Malhafio","description":"\u003cstyle\u003e\n  \/* Container principal *\/\n  .product-description-collapsible {\n    position: relative;\n    width: 100%;\n    margin-bottom: 20px;\n    font-family: inherit;\n  }\n\n  \/* Div interna onde o conteúdo fica *\/\n  .pdc-content {\n    max-height: 130px; \/* Altura inicial *\/\n    overflow: hidden;\n    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); \/* Transição mais suave *\/\n  }\n\n  \/* Quando está expandido, removemos a limitação de altura de forma suave *\/\n  .product-description-collapsible.is-expanded .pdc-content {\n    max-height: 5000px; \/* Valor alto para garantir que tudo apareça *\/\n    transition: max-height 1s ease-in-out;\n  }\n\n  \/* Efeito de degradê (fade) *\/\n  .pdc-overlay {\n    position: absolute;\n    bottom: 40px; \n    left: 0;\n    width: 100%;\n    height: 70px;\n    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));\n    transition: opacity 0.3s ease;\n    pointer-events: none; \n    z-index: 1;\n  }\n\n  .product-description-collapsible.is-expanded .pdc-overlay {\n    opacity: 0;\n    visibility: hidden;\n  }\n\n  \/* Botão *\/\n  .pdc-toggle-btn {\n    display: block;\n    width: 100%;\n    padding: 12px 0;\n    background: transparent;\n    border: none;\n    color: #3A84F7;\n    font-size: 1.1rem;\n    font-weight: 600;\n    text-align: left;\n    cursor: pointer;\n    text-decoration: underline;\n    margin-top: 5px;\n    z-index: 2;\n    position: relative;\n  }\n\n  .pdc-toggle-btn:hover { color: #266dd1; }\n\n  \/* Estilos da Tabela (Mantidos) *\/\n  .product-specs { margin: 20px 0; font-family: Arial, sans-serif; }\n  .product-specs .specs-title { font-size: 1.2rem; font-weight: 600; margin: 25px 0 10px; color: #333; }\n  .spec-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; font-size: 0.95rem; }\n  .spec-table th, .spec-table td { border: 1px solid #e5e5e5; padding: 10px 12px; text-align: left; }\n  .spec-table th { background: #f9f9f9; width: 35%; font-weight: 600; color: #444; }\n  .spec-table td { color: #555; }\n\n  @media (max-width: 600px) {\n    .spec-table th, .spec-table td { display: block; width: 100%; }\n    .spec-table th { border-bottom: none; background: #f4f4f4; }\n    .spec-table tr { margin-bottom: 10px; display: block; border: 1px solid #e8e8e8; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description-collapsible\" id=\"desc-container\"\u003e\n  \u003cdiv class=\"pdc-content\" id=\"desc-content\"\u003e\n    \u003cp\u003eO \u003cstrong\u003eFio Náutico Rami Malhafio\u003c\/strong\u003e é a escolha ideal para artesãs, designers e criadores que buscam alto desempenho, acabamento profissional e elevada resistência em projetos de crochê, tricô e macramê. Produzido pela Malhafio, este fio 100% poliéster oferece durabilidade superior, excelente estabilidade estrutural e cores intensas, garantindo resultados de alto padrão tanto em peças decorativas quanto funcionais.\u003c\/p\u003e\n    \n    \u003cp\u003eSua tonalidade \u003cstrong\u003erami\u003c\/strong\u003e transmite sofisticação, naturalidade e elegância atemporal, sendo perfeita para composições modernas, rústicas ou contemporâneas. É uma cor versátil que harmoniza facilmente com paletas neutras, terrosas ou contrastantes.\u003c\/p\u003e\n    \n    \u003cp\u003eDisponível em duas versões — \u003cstrong\u003e5 mm (Tex 2200)\u003c\/strong\u003e e \u003cstrong\u003e3 mm (Tex 1200)\u003c\/strong\u003e —, o Fio Náutico Rami Malhafio permite desenvolver desde peças robustas e estruturadas até trabalhos mais delicados e detalhados.\u003c\/p\u003e\n    \n    \u003ch3\u003eVersão 5 mm (Tex 2200)\u003c\/h3\u003e\n    \u003cp\u003eIndicada para agulhas de \u003cstrong\u003e4,5 mm a 5 mm\u003c\/strong\u003e.\u003cbr\u003eIdeal para cestos estruturados, bolsas firmes, tapetes, sousplats, capas de vasos, cachepôs grandes e itens utilitários que exigem sustentação e resistência.\u003c\/p\u003e\n\n    \u003csection class=\"product-specs\"\u003e\n      \u003ch2 class=\"specs-title\"\u003eEspecificações do produto\u003c\/h2\u003e\n      \u003ctable class=\"spec-table\"\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n\u003cth\u003eMarca\u003c\/th\u003e\n\u003ctd\u003eMalha Fio\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eComposição\u003c\/th\u003e\n\u003ctd\u003ePoliéster\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eEspessura\u003c\/th\u003e\n\u003ctd\u003e5 mm \/ 3 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003ePeso\u003c\/th\u003e\n\u003ctd\u003e500 g\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/section\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"pdc-overlay\"\u003e\u003c\/div\u003e\n  \u003cbutton class=\"pdc-toggle-btn\" id=\"desc-btn\" type=\"button\"\u003eVer descrição completa\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n  const initCollapsible = () =\u003e {\n    const container = document.getElementById('desc-container');\n    const content = document.getElementById('desc-content');\n    const btn = document.getElementById('desc-btn');\n    const collapsedHeight = 130;\n\n    if (!container || !content || !btn) return;\n\n    \/\/ Função para verificar altura\n    const checkHeight = () =\u003e {\n      if (content.scrollHeight \u003c= collapsedHeight) {\n        btn.style.display = 'none';\n        container.querySelector('.pdc-overlay').style.display = 'none';\n        content.style.maxHeight = 'none';\n      }\n    };\n\n    \/\/ Executa após carregamento de imagens para garantir precisão\n    window.addEventListener('load', checkHeight);\n    checkHeight();\n\n    btn.addEventListener('click', function() {\n      const isExpanded = container.classList.contains('is-expanded');\n\n      if (isExpanded) {\n        container.classList.remove('is-expanded');\n        content.style.maxHeight = collapsedHeight + 'px';\n        btn.textContent = 'Ver descrição completa';\n        \/\/ Scroll suave para o topo do container ao fechar\n        container.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      } else {\n        container.classList.add('is-expanded');\n        content.style.maxHeight = content.scrollHeight + 'px';\n        btn.textContent = 'Ver menos';\n      }\n    });\n  };\n\n  \/\/ Garante que o script rode mesmo se o DOM já estiver pronto\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initCollapsible);\n  } else {\n    initCollapsible();\n  }\n})();\n\u003c\/script\u003e","brand":"Malhafio","offers":[{"title":"5mm","offer_id":52761803423855,"sku":"SRQ-FIN-MLF-0092","price":39.9,"currency_code":"BRL","in_stock":false},{"title":"3mm","offer_id":52761803456623,"sku":"SRQ-FIN-MLF-0093","price":39.9,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/7759\/1407\/files\/fio-nautico-rami-malhafio-8245147.png?v=1772607248","url":"https:\/\/arielmalhas.com.br\/products\/fio-nautico-rami-malhafio","provider":"Ariel Malhas | Universo do Artesão","version":"1.0","type":"link"}