<!doctype html>
<html lang="pt-BR" data-motion="active">
<head>
  <script>
    if ('scrollRestoration' in history) history.scrollRestoration = 'manual';
    if (location.hash) history.replaceState(history.state, '', location.pathname + location.search);
    function startAtTop() {
      const root = document.documentElement;
      const previous = root.style.scrollBehavior;
      root.style.scrollBehavior = 'auto';
      window.scrollTo(0, 0);
      root.style.scrollBehavior = previous;
    }
    window.addEventListener('pageshow', startAtTop);
  </script>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
  <meta name="theme-color" content="#071321">
  <meta name="description" content="Ferragem armada em Atibaia conforme o seu projeto. Corte, dobra e montagem fora do canteiro. Conheça a Fercimcal e solicite seu orçamento pelo WhatsApp.">
  <meta name="robots" content="index, follow, max-image-preview:large">
  <link rel="canonical" href="https://www.fercimcal.com.br/">
  <link rel="alternate" hreflang="pt-BR" href="https://www.fercimcal.com.br/">
  <link rel="alternate" hreflang="x-default" href="https://www.fercimcal.com.br/">
  <link rel="icon" href="favicon.png" type="image/png">
  <link rel="apple-touch-icon" href="favicon.png">
  <link rel="manifest" href="manifest.webmanifest">
  <link rel="preload" href="assets/aco-barras-rolos-malhas-galpao-azul-v20-1536.webp" as="image" type="image/webp" imagesrcset="assets/aco-barras-rolos-malhas-galpao-azul-v20-640.webp 640w, assets/aco-barras-rolos-malhas-galpao-azul-v20-1024.webp 1024w, assets/aco-barras-rolos-malhas-galpao-azul-v20-1536.webp 1536w, assets/aco-barras-rolos-malhas-galpao-azul-v20.webp 2048w" imagesizes="100vw" fetchpriority="high">
  <meta property="og:type" content="website">
  <meta property="og:locale" content="pt_BR">
  <meta property="og:site_name" content="Fercimcal">
  <meta property="og:title" content="Fercimcal  ·  O aço chega pronto. A obra avança.">
  <meta property="og:description" content="Ferragem armada em Atibaia. Desde 1999, transformando projeto em execução.">
  <meta property="og:url" content="https://www.fercimcal.com.br/">
  <meta property="og:image" content="https://www.fercimcal.com.br/assets/aco-barras-rolos-malhas-galpao-azul-v20.webp">
  <meta property="og:image:type" content="image/webp">
  <meta property="og:image:width" content="2048">
  <meta property="og:image:height" content="768">
  <meta property="og:image:alt" content="Imagem conceitual de ferragem organizada em um ambiente industrial">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Ferragem Armada em Atibaia | Fercimcal">
  <meta name="twitter:description" content="O aço chega pronto. A obra avança.">
  <meta name="twitter:image" content="https://www.fercimcal.com.br/assets/aco-barras-rolos-malhas-galpao-azul-v20.webp">
  <meta name="twitter:image:alt" content="Ferragem armada organizada em um amplo ambiente industrial">
  <title>Ferragem Armada em Atibaia | Fercimcal</title>
  <link rel="preload" href="assets/inter-latin-variable.woff2" as="font" type="font/woff2" crossorigin>
  <link rel="stylesheet" href="styles-v21.css">
  <link rel="stylesheet" href="motion-v25.css">
  <link rel="stylesheet" href="responsive-v17.css">
  <script type="application/ld+json">
{"@context":"https://schema.org","@graph":[{"@type":"LocalBusiness","@id":"https://www.fercimcal.com.br/#empresa","name":"Fercimcal","foundingDate":"1999","url":"https://www.fercimcal.com.br/","sameAs":["https://www.fercimcal.com.br/"],"description":"Ferragem armada, soldada, corte e dobra para construção em Atibaia.","logo":{"@type":"ImageObject","url":"https://www.fercimcal.com.br/assets/fercimcal-f-logo-oficial.png","width":74,"height":76},"image":{"@type":"ImageObject","url":"https://www.fercimcal.com.br/assets/sede-fercimcal-ferragem-armada-atibaia.webp","width":1600,"height":925},"telephone":"+55-11-4411-2411","email":"contato@fercimcal.com.br","contactPoint":{"@type":"ContactPoint","contactType":"Orçamentos","telephone":"+55-11-94859-0080","availableLanguage":"pt-BR"},"address":{"@type":"PostalAddress","streetAddress":"Av. São Paulo, 427, Alvinópolis","addressLocality":"Atibaia","addressRegion":"SP","addressCountry":"BR"},"areaServed":[{"@type":"City","name":"Atibaia"},{"@type":"State","name":"São Paulo"}]},{"@type":"WebSite","@id":"https://www.fercimcal.com.br/#site","url":"https://www.fercimcal.com.br/","name":"Fercimcal","inLanguage":"pt-BR","publisher":{"@id":"https://www.fercimcal.com.br/#empresa"}},{"@type":"WebPage","@id":"https://www.fercimcal.com.br/#pagina","url":"https://www.fercimcal.com.br/","name":"Ferragem Armada em Atibaia | Fercimcal","description":"Ferragem armada em Atibaia conforme o seu projeto, com corte, dobra e montagem realizados antes de chegar ao canteiro.","inLanguage":"pt-BR","isPartOf":{"@id":"https://www.fercimcal.com.br/#site"},"about":{"@id":"https://www.fercimcal.com.br/#servico"},"primaryImageOfPage":{"@type":"ImageObject","url":"https://www.fercimcal.com.br/assets/aco-barras-rolos-malhas-galpao-azul-v20.webp","width":2048,"height":768}},{"@type":"Service","@id":"https://www.fercimcal.com.br/#servico","name":"Ferragem armada em Atibaia","serviceType":"Produção e fornecimento de ferragem para construção","description":"Ferragem produzida conforme o projeto estrutural, com corte, dobra e montagem antes da entrega na obra.","provider":{"@id":"https://www.fercimcal.com.br/#empresa"},"areaServed":{"@type":"City","name":"Atibaia"},"hasOfferCatalog":{"@type":"OfferCatalog","name":"Soluções em aço","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Ferragem armada"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Ferragem soldada"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Corte e dobra"}}]}},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Compensa comprar a ferragem armada ou montar na obra?","acceptedAnswer":{"@type":"Answer","text":"Sim. A vantagem aparece quando você considera o custo completo da execução: material, mão de obra, perdas e tempo de preparação. Com a ferragem armada, o corte, a dobra e a montagem já vêm feitos. Isso reduz o trabalho no canteiro, libera espaço e permite que sua equipe se concentre na execução. Envie seu projeto e compare o orçamento com o custo de realizar essas etapas na obra."}},{"@type":"Question","name":"Vocês fazem o levantamento do aço pelo projeto ou preciso enviar a lista pronta?","acceptedAnswer":{"@type":"Answer","text":"Sim, fazemos o levantamento. Você pode enviar o projeto estrutural diretamente pelo WhatsApp, sem precisar preparar uma lista antes. A partir dele, levantamos o aço necessário e organizamos o orçamento. Você ganha tempo e uma base clara para planejar a compra."}},{"@type":"Question","name":"Qual é o prazo entre fechar o pedido e receber na obra?","acceptedAnswer":{"@type":"Answer","text":"O prazo varia conforme a quantidade, a preparação das peças e as necessidades da obra. Conte quando precisa receber e quais etapas são prioridade. Vamos buscar a melhor programação possível para atender ao seu escopo, com o prazo combinado antes do fechamento. Assim, você pode organizar a execução sabendo o que esperar."}},{"@type":"Question","name":"Posso receber por etapas, começando pela fundação?","acceptedAnswer":{"@type":"Answer","text":"Sim. Você pode programar o fornecimento conforme a sequência da obra, começando pela fundação. Combinamos os lotes e as entregas para que o material acompanhe a execução. Isso facilita o recebimento, preserva espaço no canteiro e evita armazenar de uma vez peças que só serão utilizadas mais adiante."}},{"@type":"Question","name":"As peças chegam identificadas de acordo com o projeto?","acceptedAnswer":{"@type":"Answer","text":"Sim. As peças chegam identificadas para que sua equipe consiga relacioná-las ao projeto. Isso facilita a separação, a conferência e o posicionamento das armaduras, reduzindo o tempo gasto procurando cada peça e esclarecendo onde ela será utilizada."}},{"@type":"Question","name":"O frete e a descarga estão incluídos no orçamento?","acceptedAnswer":{"@type":"Answer","text":"Sim. O orçamento já contempla o frete e a descarga. Em muitos pedidos, esses serviços são gratuitos. Informe o endereço e as condições de acesso à obra para confirmarmos o benefício no seu caso. Você conhece o valor total e as condições de recebimento antes de fechar."}}]}]}
</script>
</head>
<body>
  <a class="skip-link" href="#conteudo">Ir para o conteúdo</a>
  <div class="page-progress" aria-hidden="true"><span></span></div>
  <header class="site-header">
    <a class="brand" href="#inicio" aria-label="Fercimcal, início"><img src="assets/fercimcal-f-logo-oficial.png" width="37" height="38" alt="Símbolo oficial Fercimcal"><span><strong>FERCIMCAL</strong><small>FERRAGEM PARA CONSTRUÇÃO</small></span></a>
    <nav id="site-nav" aria-label="Navegação principal"><a href="#solucoes">Soluções</a><a href="#estrutura">Estrutura</a><a href="#processo">Como funciona</a><a href="#historia">História</a></nav>
    <a class="button button-small button-light header-cta" href="#orcamento">Solicitar orçamento <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a>
    <button class="menu-toggle" aria-expanded="false" aria-controls="site-nav" aria-label="Abrir menu"><span></span><span></span></button>
  </header>
  <main id="conteudo">
    <div class="hero-runway">
    <section class="hero" id="inicio" aria-labelledby="hero-title">
      <div class="hero-media"><img src="assets/aco-barras-rolos-malhas-galpao-azul-v20-1536.webp" srcset="assets/aco-barras-rolos-malhas-galpao-azul-v20-640.webp 640w, assets/aco-barras-rolos-malhas-galpao-azul-v20-1024.webp 1024w, assets/aco-barras-rolos-malhas-galpao-azul-v20-1536.webp 1536w, assets/aco-barras-rolos-malhas-galpao-azul-v20.webp 2048w" sizes="100vw" width="2048" height="768" alt="Imagem conceitual de barras de aço, rolos e malhas POP organizados em um amplo galpão de paredes azuis" fetchpriority="high" loading="eager"></div>
      <div class="hero-content"><p class="eyebrow">FERRAGEM ARMADA EM ATIBAIA</p><h1 id="hero-title"><span class="hero-title-line">O aço chega pronto.</span><em>A obra avança.</em></h1><p class="hero-sub">Ferragem produzida conforme o seu projeto, com corte, dobra e montagem realizados antes de chegar ao canteiro.</p><div class="hero-actions"><a class="button button-primary" href="#orcamento">Solicitar orçamento <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a><a class="hero-discover" href="#solucoes">Conhecer as soluções <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M12 4v16m-7-7 7 7 7-7"/></svg></span></a></div></div>
      <div class="hero-bottom"><p>Fercimcal. Desde 1999.</p><div class="hero-tools"><a href="#manifesto" class="scroll-cue" aria-label="Continuar pela página"><span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M12 4v16m-7-7 7 7 7-7"/></svg></span></a></div></div>
    </section>

    </div>
    <section class="manifesto section" id="manifesto" aria-labelledby="manifesto-title">
      <div class="chapter-label reveal"><span>01</span><span>O VALOR DO PREPARO</span></div>
      <div class="manifesto-layout"><h2 id="manifesto-title" class="reveal" data-line-group="2">O canteiro<br>ganha espaço.<br><em>A equipe<br>ganha tempo.</em></h2><div class="manifesto-copy"><p class="large-copy reveal">Preparar ferragem exige bancadas, equipamentos e horas de trabalho.</p><p class="reveal">Na Fercimcal, corte, dobra e montagem acontecem antes da entrega. Sua obra recebe as peças armadas, com menos operações no local e menos sobras de corte no canteiro.</p><p class="manifesto-statement reveal"><span>O trabalho de preparação já está feito.</span><br><span>Sua equipe pode se concentrar na execução.</span></p></div></div>
    </section>

    <section class="solutions" id="solucoes" aria-labelledby="solutions-title">
      <div class="solutions-intro section"><div class="chapter-label reveal"><span>02</span><span>SOLUÇÕES</span></div><div class="solutions-heading"><h2 id="solutions-title" class="reveal">Do seu projeto.<br><em>Para a sua obra.</em></h2><nav class="solution-shortcuts reveal" aria-label="Escolher uma solução"><a href="#ferragem-armada">Ferragem armada <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a><a href="#ferragem-soldada">Ferragem soldada <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a><a href="#corte-dobra">Corte e dobra <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a></nav></div></div>
      <article class="armada-story" id="ferragem-armada" aria-labelledby="armada-title">
        <div class="armada-display">
          <div class="armada-copy"><p class="product-index reveal">01 / FERRAGEM ARMADA</p><h3 id="armada-title" class="reveal">Ferragem<br> armada</h3><p class="product-phrase reveal"><span>Cortada.</span> <span>Dobrada.</span> <span>Montada.</span></p><p class="product-description reveal">Brocas, blocos de coroamento, sapatas, vigas e pilares preparados conforme as especificações do projeto.</p><a class="text-link reveal" href="#orcamento" data-product="Ferragem armada">Orçar ferragem armada <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a></div>
          <figure class="armada-photo motion-media"><div class="motion-media-frame"><img src="assets/ferragem-armada-fiel-v12.webp" srcset="assets/ferragem-armada-fiel-v12-768.webp 768w, assets/ferragem-armada-fiel-v12.webp 1536w" sizes="(max-width: 760px) 100vw, 60vw" width="1536" height="1024" alt="Imagem conceitual de armação retangular com quatro barras longitudinais, estribos e amarrações de arame" loading="lazy" decoding="async"></div><figcaption>Ferragem armada</figcaption></figure>
        </div>
      </article>
      <article class="product-story welded-story" id="ferragem-soldada" aria-labelledby="soldada-title">
        <div class="product-story-copy reveal"><p class="product-index">02 / FERRAGEM SOLDADA</p><h3 id="soldada-title">Ferragem<br><em>soldada</em></h3><p class="product-phrase">O material previsto<br>para cada aplicação.</p><p class="product-description">Colunas POP, malhas POP e treliças. Converse com a equipe sobre as especificações e quantidades que precisa.</p><a class="text-link" href="#orcamento" data-product="Ferragem soldada">Orçar ferragem soldada <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a></div>
        <figure class="product-story-media motion-media"><div class="motion-media-frame"><img src="assets/malha-soldada-painel-unico-v12.webp" srcset="assets/malha-soldada-painel-unico-v12-768.webp 768w, assets/malha-soldada-painel-unico-v12.webp 1536w" sizes="(max-width: 760px) 100vw, 60vw" width="1536" height="1024" alt="Imagem conceitual de um único painel de malha soldada, com fios contínuos cruzados e todos os cantos visíveis" loading="lazy" decoding="async"></div><figcaption>Ferragem soldada</figcaption></figure>
      </article>
      <article class="product-story cut-story" id="corte-dobra" aria-labelledby="corte-title">
        <figure class="product-story-media motion-media"><div class="motion-media-frame"><img src="assets/corte-dobra-conceito-premium.webp" srcset="assets/corte-dobra-conceito-premium-768.webp 768w, assets/corte-dobra-conceito-premium.webp 1536w" sizes="(max-width: 760px) 100vw, 60vw" width="1536" height="1024" alt="Imagem conceitual de vergalhões cortados e dobrados, apresentados por inteiro" loading="lazy" decoding="async"></div><figcaption>Corte e dobra</figcaption></figure>
        <div class="product-story-copy reveal"><p class="product-index">03 / CORTE E DOBRA</p><h3 id="corte-title">Corte<br><em>e dobra</em></h3><p class="product-phrase">As medidas do projeto,<br>preparadas no aço.</p><p class="product-description">Vergalhões cortados e dobrados nas dimensões do pedido, para seguir com a montagem na obra.</p><a class="text-link" href="#orcamento" data-product="Corte e dobra">Orçar corte e dobra <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a></div>
      </article>
      <div class="complements section"><p>Vergalhões, barras de transferência, espaçadores, pregos e arames também fazem parte do nosso fornecimento.</p><a class="text-link" href="#orcamento" data-product="Aço e complementos">Solicitar orçamento <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a></div>
      <aside class="customer-proof section" aria-label="Depoimento de cliente">
        <p class="proof-kicker reveal">QUEM JÁ CONTA<br> COM A FERCIMCAL</p>
        <blockquote class="proof-quote reveal">
          <p class="proof-context">“Parceiros de longa data, sempre comprometidos com a satisfação de seus clientes!</p>
          <p class="proof-statement">Uma empresa em que <br>podemos confiar!!”</p>
          <cite>Studio Rozzanti</cite>
        </blockquote>
      </aside>

    </section>

    <section class="production" id="estrutura" aria-labelledby="production-title">
      <div class="production-heading section"><div class="chapter-label reveal"><span>03</span><span>A FERCIMCAL</span></div><div class="production-intro"><h2 id="production-title" class="reveal">Conheça quem prepara<br><em>a ferragem da sua obra.</em></h2><p class="reveal">Nossa produção está em Atibaia. É aqui que o trabalho de corte, dobra e montagem acontece, pelas mãos da equipe Fercimcal.</p></div></div>
      <figure class="production-photo production-video" style="width:calc(100% - 40px);max-width:1120px;margin:0 auto!important;min-width:0">
<div class="fercimcal-video-frame" style="position:relative;width:100%;height:0!important;padding:0 0 56.25%!important;min-height:0!important;overflow:hidden;background:#04101c">
<iframe src="https://www.youtube-nocookie.com/embed/0WMCy6iDRno?playsinline=1" title="Vídeo da Fercimcal" width="560" height="315" style="position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;min-height:0!important;max-width:100%;border:0;display:block" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div></figure>
      <div class="history section" id="historia"><div class="history-heading"><p class="reveal">Desde o início da nossa trajetória, em 1999, são mais de</p><p class="history-number reveal">100 mil<span>pedidos realizados.</span></p></div><div class="history-pair"><figure class="history-photo motion-media"><div class="motion-media-frame"><img src="assets/sede-fercimcal-ferragem-armada-atibaia.webp" width="1600" height="925" alt="Fachada real da Fercimcal na Avenida São Paulo, em Atibaia" loading="lazy" decoding="async"></div><figcaption>Nossa sede · Atibaia</figcaption></figure><div class="history-copy"><p class="eyebrow reveal">ATIBAIA · DESDE 1999</p><h3 class="history-title reveal">Conheça<br>de perto.</h3><p class="reveal">Nossa sede fica na Avenida São Paulo, 427, em Atibaia. Venha conhecer a empresa e conversar sobre sua obra.</p><a class="text-link reveal" href="#local">Veja como chegar <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a></div></div></div>
    </section>

    <section class="process section" id="processo" aria-labelledby="process-title"><div class="chapter-label reveal"><span>04</span><span>COMO FUNCIONA</span></div><h2 id="process-title" class="reveal">Do projeto à entrega.<br><em>Cada etapa,<br>combinada com você.</em></h2><div class="process-layout"><figure class="process-photo"><div class="process-window"><img src="assets/projeto-estrutural-brasileiro-v11.webp" srcset="assets/projeto-estrutural-brasileiro-v11-900.webp 900w, assets/projeto-estrutural-brasileiro-v11.webp 1536w" sizes="(max-width: 760px) 100vw, 45vw" width="1536" height="1024" alt="Imagem conceitual de revisão de uma prancha de detalhamento estrutural brasileiro com amostras de aço" loading="lazy" decoding="async"></div><div class="process-photo-meta"><figcaption data-process-caption>As informações do seu pedido</figcaption><span class="process-stage-count" aria-hidden="true">01 / 03</span></div></figure><div class="process-steps"><ol class="process-track">
          <li data-process-label="As informações do seu pedido"><span class="step-number">01</span><div class="reveal"><p class="process-kicker">PARA COMEÇAR</p><h3>O que precisamos<br>receber.</h3><p>Envie o projeto estrutural ou a lista de aço. Conte a cidade da obra e quando precisa do material.</p><p class="process-detail">Projeto ou lista · Cidade · Prazo</p></div></li>
          <li data-process-label="Os detalhes do seu orçamento"><span class="step-number">02</span><div class="reveal"><p class="process-kicker">ANTES DE APROVAR</p><h3>O que entra<br>no orçamento.</h3><p>Materiais, quantidades, valores e condições de fornecimento. Você confere os detalhes e esclarece as dúvidas antes de aprovar.</p><p class="process-detail">Materiais · Quantidades · Condições</p></div></li>
          <li data-process-label="Produção e entrega alinhadas"><span class="step-number">03</span><div class="reveal"><p class="process-kicker">PRÓXIMA ETAPA</p><h3>Como a entrega<br>é combinada.</h3><p>Alinhamos a programação do pedido e as condições de recebimento na obra. O prazo e o fornecimento ficam definidos na conversa com você.</p><p class="process-detail">Programação · Prazo · Recebimento</p></div></li>
        </ol><a class="text-link reveal" href="#orcamento">Solicitar meu orçamento <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a></div></div></section>

    <section class="planning section" id="planejamento" aria-labelledby="planning-title"><div class="planning-backdrop" aria-hidden="true"></div><div class="planning-copy"><p class="eyebrow reveal">O SEU MOMENTO</p><h2 id="planning-title" class="reveal">Ainda está planejando?<br><em>A conversa pode começar agora.</em></h2></div><div class="planning-side"><p class="large-copy reveal">Mesmo sem o projeto pronto, você pode conversar com a equipe e entender o que precisa reunir para orçar.</p><a class="button button-light reveal" href="#orcamento" data-project="not_ready">Conversar sobre minha obra <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a></div></section>

    <section class="questions section" id="duvidas" aria-labelledby="questions-title"><h2 id="questions-title" class="reveal">Algumas respostas<br><em>antes de começar.</em></h2><div class="faq-list"><details class="reveal" open><summary>Compensa comprar a ferragem armada ou montar na obra?<span aria-hidden="true">+</span></summary><p>Sim. A vantagem aparece quando você considera o custo completo da execução: material, mão de obra, perdas e tempo de preparação. Com a ferragem armada, o corte, a dobra e a montagem já vêm feitos. Isso reduz o trabalho no canteiro, libera espaço e permite que sua equipe se concentre na execução. Envie seu projeto e compare o orçamento com o custo de realizar essas etapas na obra.</p></details><details class="reveal"><summary>Vocês fazem o levantamento do aço pelo projeto ou preciso enviar a lista pronta?<span aria-hidden="true">+</span></summary><p>Sim, fazemos o levantamento. Você pode enviar o projeto estrutural diretamente pelo WhatsApp, sem precisar preparar uma lista antes. A partir dele, levantamos o aço necessário e organizamos o orçamento. Você ganha tempo e uma base clara para planejar a compra.</p></details><details class="reveal"><summary>Qual é o prazo entre fechar o pedido e receber na obra?<span aria-hidden="true">+</span></summary><p>O prazo varia conforme a quantidade, a preparação das peças e as necessidades da obra. Conte quando precisa receber e quais etapas são prioridade. Vamos buscar a melhor programação possível para atender ao seu escopo, com o prazo combinado antes do fechamento. Assim, você pode organizar a execução sabendo o que esperar.</p></details><details class="reveal"><summary>Posso receber por etapas, começando pela fundação?<span aria-hidden="true">+</span></summary><p>Sim. Você pode programar o fornecimento conforme a sequência da obra, começando pela fundação. Combinamos os lotes e as entregas para que o material acompanhe a execução. Isso facilita o recebimento, preserva espaço no canteiro e evita armazenar de uma vez peças que só serão utilizadas mais adiante.</p></details><details class="reveal"><summary>As peças chegam identificadas de acordo com o projeto?<span aria-hidden="true">+</span></summary><p>Sim. As peças chegam identificadas para que sua equipe consiga relacioná-las ao projeto. Isso facilita a separação, a conferência e o posicionamento das armaduras, reduzindo o tempo gasto procurando cada peça e esclarecendo onde ela será utilizada.</p></details><details class="reveal"><summary>O frete e a descarga estão incluídos no orçamento?<span aria-hidden="true">+</span></summary><p>Sim. O orçamento já contempla o frete e a descarga. Em muitos pedidos, esses serviços são gratuitos. Informe o endereço e as condições de acesso à obra para confirmarmos o benefício no seu caso. Você conhece o valor total e as condições de recebimento antes de fechar.</p></details></div></section>

    <div class="closing-frame"><section class="quote-section section" id="orcamento" aria-labelledby="quote-title"><div class="quote-intro"><h2 id="quote-title">Vamos preparar a ferragem<br> <em>da sua próxima etapa?</em></h2><p class="reveal">Conte o que precisa. A equipe da Fercimcal continua a conversa com você pelo WhatsApp.</p></div><div class="quote-actions reveal"><a class="button button-primary" href="#orcamento">Solicitar orçamento <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a><a class="text-link direct-whatsapp" href="https://wa.me/5511948590080?text=Oi%21%20Gostaria%20de%20conversar%20sobre%20a%20ferragem%20da%20minha%20obra.%20Podem%20me%20ajudar%3F" target="_blank" rel="noopener">Prefiro falar direto <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a></div></section></div>
    <dialog class="quote-modal" id="quote-modal" aria-labelledby="quote-step-1-title" aria-describedby="quote-step-1-description">
      <button class="modal-close" type="button" aria-label="Fechar orçamento"><span aria-hidden="true">×</span></button>
      <div class="quote-progress" aria-hidden="true"><span></span></div>
      <form class="quote-form" id="quote-form">
        <input id="quote-product" name="product" type="hidden" value="">
        <div class="quote-step active" data-step="1">
          <p class="eyebrow">ORÇAMENTO · 01/04</p>
          <h2 id="quote-step-1-title" tabindex="-1">O que você precisa orçar?</h2>
          <p class="sr-only" id="quote-step-1-description">Escolha uma opção para começar.</p>
          <div class="choice-grid"><button type="button" data-choice="Ferragem armada" aria-pressed="false">Ferragem armada <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M4 12h16m-7-7 7 7-7 7"/></svg></span></button><button type="button" data-choice="Ferragem soldada" aria-pressed="false">Ferragem soldada <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M4 12h16m-7-7 7 7-7 7"/></svg></span></button><button type="button" data-choice="Corte e dobra" aria-pressed="false">Corte e dobra <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M4 12h16m-7-7 7 7-7 7"/></svg></span></button><button type="button" data-choice="Aço e complementos" aria-pressed="false">Aço e complementos <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M4 12h16m-7-7 7 7-7 7"/></svg></span></button></div>
          <button class="quote-unsure" type="button" data-choice="Ainda não sei" aria-pressed="false">Ainda não sei. Quero uma orientação.</button>
        </div>
        <div class="quote-step" data-step="2" hidden>
          <p class="eyebrow">ORÇAMENTO · 02/04</p>
          <h2 id="quote-step-2-title" tabindex="-1">Onde e quando você precisa?</h2>
          <p class="sr-only" id="quote-step-2-description">Conte onde e quando você precisa do material.</p>
          <label for="quote-city">Cidade da obra<input id="quote-city" name="city" autocomplete="address-level2" placeholder="Ex.: Atibaia" maxlength="100"></label>
          <label for="quote-deadline">Quando precisa do material?<select id="quote-deadline" name="deadline"><option value="">Ainda estou planejando</option><option value="o quanto antes">O quanto antes</option><option value="nos próximos 7 dias">Nos próximos 7 dias</option><option value="nos próximos 30 dias">Nos próximos 30 dias</option></select></label>
          <button class="button button-primary quote-next" type="button" data-next="3">Continuar <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M4 12h16m-7-7 7 7-7 7"/></svg></span></button>
          <button class="quote-back" type="button" data-back="1"><span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M20 12H4m7-7-7 7 7 7"/></svg></span> Voltar</button>
        </div>
        <div class="quote-step" data-step="3" hidden>
          <p class="eyebrow">ORÇAMENTO · 03/04</p>
          <h2 id="quote-step-3-title" tabindex="-1">Seu projeto já está pronto?</h2>
          <p class="sr-only" id="quote-step-3-description">Isso ajuda nossa equipe a entender o seu momento.</p>
          <fieldset class="project-status"><legend>Projeto estrutural</legend><div class="project-options"><label><input type="radio" name="project_status" value="ready"><span>Sim, já está pronto. <b aria-hidden="true">✓</b></span></label><label><input type="radio" name="project_status" value="not_ready"><span>Ainda não. <b aria-hidden="true">✓</b></span></label></div></fieldset>
          <p class="project-help" id="project-help" aria-live="polite">Se já tiver o projeto, você poderá enviá-lo na conversa pelo WhatsApp.</p>
          <button class="button button-primary quote-next" type="button" data-next="4">Continuar <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M4 12h16m-7-7 7 7-7 7"/></svg></span></button>
          <button class="quote-back" type="button" data-back="2"><span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M20 12H4m7-7-7 7 7 7"/></svg></span> Voltar</button>
        </div>
        <div class="quote-step" data-step="4" hidden>
          <p class="eyebrow">ORÇAMENTO · 04/04</p>
          <h2 id="quote-step-4-title" tabindex="-1">Como podemos te chamar?</h2>
          <p class="sr-only" id="quote-step-4-description">Só falta o seu nome. A conversa continua no WhatsApp.</p>
          <label for="quote-name">Seu nome<input id="quote-name" name="name" autocomplete="given-name" placeholder="Pode ser só o primeiro nome" maxlength="80" enterkeyhint="go" aria-required="true" aria-describedby="quote-name-error"></label>
          <p class="field-error" id="quote-name-error" role="status" hidden>Digite seu nome para continuar.</p>
          <a class="button button-primary quote-send" href="https://wa.me/5511948590080?text=Oi%21%20Gostaria%20de%20conversar%20sobre%20a%20ferragem%20da%20minha%20obra.%20Podem%20me%20ajudar%3F" target="_blank" rel="noopener">Continuar no WhatsApp <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a>
          <button class="quote-back" type="button" data-back="3"><span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M20 12H4m7-7-7 7 7 7"/></svg></span> Voltar</button>
          
        </div>
      </form>
    </dialog>
  </main>
  <footer id="local" class="contact-footer" aria-label="Endereço e contato">
    <address>Av. São Paulo, 427 · Alvinópolis<br>Atibaia/SP</address>
    <a class="waze-link" href="https://waze.com/ul?q=Fercimcal%20Av.%20S%C3%A3o%20Paulo%20427%20Alvin%C3%B3polis%20Atibaia%20SP&amp;utm_source=fercimcal" target="_blank" rel="noopener">Abra no Waze <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a>
    <div class="contact-phones"><a href="tel:+551144112411">(11) 4411-2411</a><a class="direct-whatsapp" href="https://wa.me/5511948590080" target="_blank" rel="noopener">WhatsApp: (11) 94859-0080</a></div>
    <a href="mailto:contato@fercimcal.com.br">contato@fercimcal.com.br</a>
  </footer>
  <a class="floating-contact direct-whatsapp" href="https://wa.me/5511948590080?text=Oi%21%20Gostaria%20de%20conversar%20sobre%20a%20ferragem%20da%20minha%20obra.%20Podem%20me%20ajudar%3F" target="_blank" rel="noopener" aria-label="Falar com a Fercimcal pelo WhatsApp"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M20.2 11.6a8.2 8.2 0 0 1-11.9 7.3L4 20l1.1-4.1A8.2 8.2 0 1 1 20.2 11.6Z" stroke="currentColor" stroke-width="1.5"/><path d="M9 7.4c.3-.2.6.1.9.8l.5 1.2c.1.3-.4.7-.7 1 .5 1.3 1.5 2.3 2.9 2.9l1-1c.2-.1.4-.1.6 0l1.5.7c.3.2.3.4.2.8-.2.9-1 1.5-1.9 1.4-3.2-.3-6.4-3.2-6.8-6.2-.1-.8.7-1.8 1.8-1.6Z" fill="currentColor"/></svg><span>WhatsApp</span></a>
  <div class="mobile-quote-bar"><a class="button button-primary" href="#orcamento">Solicitar orçamento <span aria-hidden="true"><svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path d="M5 19 19 5M5 5h14v14"/></svg></span></a></div>
  <script src="app-v25.js" defer></script>
  <script src="scroll-motion-v25.js" defer></script>
</body>
</html>
