{"id":49,"date":"2026-03-05T20:29:55","date_gmt":"2026-03-05T20:29:55","guid":{"rendered":"https:\/\/rochaautopecas.com.br\/?page_id=49"},"modified":"2026-03-17T22:09:58","modified_gmt":"2026-03-17T22:09:58","slug":"empresa","status":"publish","type":"page","link":"https:\/\/rochaautopecas.com.br\/?page_id=49","title":{"rendered":"Empresa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"49\" class=\"elementor elementor-49\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5c026f e-flex e-con-boxed e-con e-parent\" data-id=\"f5c026f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-76a2a67 e-con-full e-flex e-con e-child\" data-id=\"76a2a67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adcb10f elementor-widget elementor-widget-text-editor\" data-id=\"adcb10f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tDesde 1992, trabalhando com <span class=\"qld\">qualidade e confian\u00e7a!<\/span>\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<div class=\"elementor-element elementor-element-ca9a094 e-flex e-con-boxed e-con e-parent\" data-id=\"ca9a094\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-baeba20 e-con-full e-flex e-con e-child\" data-id=\"baeba20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-004eb62 e-con-full e-flex e-con e-child\" data-id=\"004eb62\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a52728e elementor-widget elementor-widget-text-editor\" data-id=\"a52728e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>H\u00e1 mais de 33 anos, a<strong> Rocha Auto Pe\u00e7as<\/strong> constr\u00f3i uma hist\u00f3ria s\u00f3lida no mercado de reposi\u00e7\u00e3o, unindo <strong>pe\u00e7as de qualidade, marcas confi\u00e1veis e pre\u00e7os justos<\/strong> \u2014 do jeito que o mec\u00e2nico e o motorista precisam. Nascemos em Campinas, em 1992, e evolu\u00edmos acompanhando as mudan\u00e7as do setor automotivo, sempre com um objetivo claro: facilitar o dia a dia de quem vive da manuten\u00e7\u00e3o e de quem precisa do carro pronto para rodar.<\/p><p>Hoje, contamos com um time de mais de 180 colaboradores, nossa opera\u00e7\u00e3o \u00e9 sustentada por estoque amplo, mix completo e log\u00edstica bem estruturada, com um Centro de Distribui\u00e7\u00e3o que ajuda a agilizar a reposi\u00e7\u00e3o e manter as lojas sempre abastecidas. Assim, conseguimos oferecer um atendimento abrangente, com disponibilidade e consist\u00eancia, sem abrir m\u00e3o do cuidado em cada pedido.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5b780f e-con-full e-flex e-con e-child\" data-id=\"d5b780f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60f99b6 elementor-widget elementor-widget-image\" data-id=\"60f99b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"452\" height=\"582\" src=\"https:\/\/rochaautopecas.com.br\/wp-content\/uploads\/2026\/03\/03.png\" class=\"attachment-full size-full wp-image-95\" alt=\"\" srcset=\"https:\/\/rochaautopecas.com.br\/wp-content\/uploads\/2026\/03\/03.png 452w, https:\/\/rochaautopecas.com.br\/wp-content\/uploads\/2026\/03\/03-233x300.png 233w\" sizes=\"(max-width: 452px) 100vw, 452px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73be640 e-con-full e-flex e-con e-child\" data-id=\"73be640\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86d3f0e elementor-widget elementor-widget-text-editor\" data-id=\"86d3f0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Com presen\u00e7a regional e estrutura em expans\u00e3o, a <b>Rocha Auto Pe\u00e7as<\/b> atende por meio de <b>7 lojas<\/b> \u2014 em Campinas, Indaiatuba, Jundia\u00ed, Araraquara e Hortol\u00e2ndia \u2014 mantendo o mesmo padr\u00e3o de qualidade e compromisso que marca nossa trajet\u00f3ria. E seguimos olhando para frente: com novos projetos em andamento, evolu\u00edmos para entregar ainda mais efici\u00eancia, inova\u00e7\u00e3o e proximidade com nossos clientes.<\/p>\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<div class=\"elementor-element elementor-element-ebb3436 e-flex e-con-boxed e-con e-parent\" data-id=\"ebb3436\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-34672cf e-con-full e-flex e-con e-child\" data-id=\"34672cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ddb3cc8 e-con-full e-flex e-con e-child\" data-id=\"ddb3cc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5558bc elementor-widget elementor-widget-text-editor\" data-id=\"c5558bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>MISS\u00c3O<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4ac21f e-con-full e-flex e-con e-child\" data-id=\"d4ac21f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6399a52 elementor-widget elementor-widget-text-editor\" data-id=\"6399a52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tAtender com excel\u00eancia nossos clientes, gerando satisfa\u00e7\u00e3o e fidelidade.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-086fb61 e-con-full e-flex e-con e-child\" data-id=\"086fb61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4064c9f e-con-full e-flex e-con e-child\" data-id=\"4064c9f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb5aff8 elementor-widget elementor-widget-text-editor\" data-id=\"bb5aff8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>VIS\u00c3O<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-223eff2 e-con-full e-flex e-con e-child\" data-id=\"223eff2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-678de5c elementor-widget elementor-widget-text-editor\" data-id=\"678de5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Estar entre as melhores distribuidoras de autope\u00e7as do Estado de S\u00e3o Paulo, \u0003reconhecida por sua parceria e dedica\u00e7\u00e3o aos clientes, \u0003colaboradores e sociedade.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3304858 e-con-full e-flex e-con e-child\" data-id=\"3304858\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1390f78 e-con-full e-flex e-con e-child\" data-id=\"1390f78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32b349a elementor-widget elementor-widget-text-editor\" data-id=\"32b349a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>VALORES<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a2f93f e-con-full e-flex e-con e-child\" data-id=\"8a2f93f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-237ba48 elementor-widget elementor-widget-text-editor\" data-id=\"237ba48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Honestidade, transpar\u00eancia e respeito \u2014 com dinamismo e comprometimento em tudo o que fazemos.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-ed7123d e-flex e-con-boxed e-con e-parent\" data-id=\"ed7123d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e9ebd69 e-con-full e-flex e-con e-child\" data-id=\"e9ebd69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fc2501 elementor-widget elementor-widget-text-editor\" data-id=\"0fc2501\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Um pouco de nossa<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af97255 elementor-widget elementor-widget-text-editor\" data-id=\"af97255\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>hist\u00f3ria<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85643e6 e-con-full e-flex e-con e-child\" data-id=\"85643e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a398e1b elementor-widget elementor-widget-html\" data-id=\"a398e1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"timeline-widget\" style=\"margin-bottom: -80px\">\r\n  <div class=\"timeline-container\">\r\n\r\n    <!-- Primeira Linha - Top -->\r\n    <div class=\"timeline-row timeline-row-top\">\r\n      <div class=\"timeline-item\">\r\n        <div class=\"timeline-year\"><\/div>\r\n        <div class=\"timeline-circle\">\r\n          <img decoding=\"async\" src=\"https:\/\/rochaautopecas.com.br\/wp-content\/uploads\/2026\/03\/FOTO-ROBERTO-FACULDADE.png\" alt=\"Roberto Rocha\">\r\n          <div class=\"timeline-dot\"><\/div>\r\n        <\/div>\r\n        <div class=\"timeline-description\">\r\n          <p class=\"timeline-text\"><strong>Roberta Rocha<\/strong><\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"timeline-line\"><\/div>\r\n      <div class=\"timeline-item\">\r\n        <div class=\"timeline-year\">1992<\/div>\r\n        <div class=\"timeline-circle\">\r\n          <img decoding=\"async\" src=\"https:\/\/rochaautopecas.com.br\/wp-content\/uploads\/2026\/03\/FOTO-LOJA-1-ANTIGA-2.png\" alt=\"1992\">\r\n          <div class=\"timeline-dot\"><\/div>\r\n        <\/div>\r\n        <div class=\"timeline-description\">\r\n          <p class=\"timeline-text\">Inaugura\u00e7\u00e3o da <strong>primeira loja<\/strong> no bairro Vila Nova em Campinas<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"timeline-line\"><\/div>\r\n      <div class=\"timeline-item\">\r\n        <div class=\"timeline-year\">1993<\/div>\r\n        <div class=\"timeline-circle\">\r\n          <img decoding=\"async\" src=\"https:\/\/rochaautopecas.com.br\/wp-content\/uploads\/2026\/03\/loja-2_.png\" alt=\"1993\">\r\n          <div class=\"timeline-dot\"><\/div>\r\n        <\/div>\r\n        <div class=\"timeline-description\">\r\n          <p class=\"timeline-text\">Inaugura\u00e7\u00e3o da <strong>loja 2<\/strong> em Indaiatuba<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"timeline-line\"><\/div>\r\n      <div class=\"timeline-item\" id=\"item-2005\">\r\n        <div class=\"timeline-year\">2005<\/div>\r\n        <div class=\"timeline-circle\">\r\n          <img decoding=\"async\" src=\"https:\/\/rochaautopecas.com.br\/wp-content\/uploads\/2026\/03\/loja-3.png\" alt=\"2005\">\r\n          <div class=\"timeline-dot\"><\/div>\r\n        <\/div>\r\n        <div class=\"timeline-description\">\r\n          <p class=\"timeline-text\">Inaugura\u00e7\u00e3o da <strong>loja 3<\/strong> em Campinas na Jd dos Oliveiras<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Segunda Linha - Bottom -->\r\n    <div class=\"timeline-row timeline-row-bottom\">\r\n      <div class=\"timeline-item\" id=\"item-2009\">\r\n        <div class=\"timeline-year\">2009<\/div>\r\n        <div class=\"timeline-circle\">\r\n          <img decoding=\"async\" src=\"https:\/\/rochaautopecas.com.br\/wp-content\/uploads\/2026\/03\/Campos-Eliseos.png\" alt=\"2009\">\r\n          <div class=\"timeline-dot\"><\/div>\r\n        <\/div>\r\n        <div class=\"timeline-description\">\r\n          <p class=\"timeline-text\">Inaugura\u00e7\u00e3o da loja 4 em Campinas no Jd Campos El\u00edseos<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"timeline-line\"><\/div>\r\n      <div class=\"timeline-item\">\r\n        <div class=\"timeline-year\">2012<\/div>\r\n        <div class=\"timeline-circle\">\r\n          <img decoding=\"async\" src=\"https:\/\/rochaautopecas.com.br\/wp-content\/uploads\/2026\/03\/Cd-fachada.png\" alt=\"2012\">\r\n          <div class=\"timeline-dot\"><\/div>\r\n        <\/div>\r\n        <div class=\"timeline-description\">\r\n          <p class=\"timeline-text\">Implanta\u00e7\u00e3o do CD no bairro Vila Nova<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"timeline-line\"><\/div>\r\n      <div class=\"timeline-item\">\r\n        <div class=\"timeline-year\">2016<\/div>\r\n        <div class=\"timeline-circle\">\r\n          <img decoding=\"async\" src=\"https:\/\/rochaautopecas.com.br\/wp-content\/uploads\/2026\/03\/DSC_2171.png\" alt=\"2016\">\r\n          <div class=\"timeline-dot\"><\/div>\r\n        <\/div>\r\n        <div class=\"timeline-description\">\r\n          <p class=\"timeline-text\">In\u00edcio da opera\u00e7\u00e3o em Jundia\u00ed com a <strong>Loja 5<\/strong><\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"timeline-line\"><\/div>\r\n      <div class=\"timeline-item\" id=\"item-2020\">\r\n        <div class=\"timeline-year\">2020<\/div>\r\n        <div class=\"timeline-circle\">\r\n          <img decoding=\"async\" src=\"https:\/\/rochaautopecas.com.br\/wp-content\/uploads\/2026\/03\/DSC_2029.png\" alt=\"2020\">\r\n          <div class=\"timeline-dot\"><\/div>\r\n        <\/div>\r\n        <div class=\"timeline-description\">\r\n          <p class=\"timeline-text\">Inaugura\u00e7\u00e3o da <strong>loja 6<\/strong> em Araraquara<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Terceira Linha - Centro -->\r\n    <div class=\"timeline-row timeline-row-center\">\r\n      <div style=\"max-width: 180px;\" class=\"timeline-item timeline-item-center\" id=\"item-2025\">\r\n        <div class=\"timeline-year\">2025<\/div>\r\n        <div class=\"timeline-circle\">\r\n          <img decoding=\"async\" src=\"https:\/\/rochaautopecas.com.br\/wp-content\/uploads\/2026\/03\/66IMG_9761.png\" alt=\"2025\">\r\n          <div class=\"timeline-dot\"><\/div>\r\n        <\/div>\r\n        <div class=\"timeline-description\">\r\n          <p class=\"timeline-text\">Chegamos em Hortol\u00e2ndia com a <strong>loja 7<\/strong><\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"timeline-center-rest\">\r\n        <div class=\"timeline-character\">\r\n          <img decoding=\"async\" src=\"https:\/\/rochaautopecas.com.br\/wp-content\/uploads\/2026\/03\/04.png\" alt=\"Personagem\">\r\n        <\/div>\r\n        <div class=\"timeline-info-box\">\r\n          <h3>A CAMINHO:<\/h3>\r\n          <ul>\r\n            <li>Novo centro de distribui\u00e7\u00e3o<\/li>\r\n            <li>Novo pr\u00e9dio do administrativo<\/li>\r\n            <li>Nova loja 1<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap');\r\n\r\n  .timeline-widget {\r\n    width: 100%;\r\n    padding: 0px;\r\n    font-family: 'Poppins', sans-serif;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .timeline-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n  }\r\n\r\n  .timeline-row {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 80px;\r\n    gap: 0px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .timeline-row-top  { flex-direction: row; }\r\n\r\n  .timeline-row-bottom {\r\n    flex-direction: row-reverse;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .timeline-row-center {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: flex-end;\r\n    gap: 0;\r\n    flex-wrap: wrap;\r\n    margin-top: 80px;\r\n  }\r\n\r\n  .timeline-item-center {\r\n    flex: 1;\r\n    max-width: 200px;\r\n    align-self: flex-start;\r\n  }\r\n\r\n  .timeline-center-rest {\r\n    flex: 3;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: flex-end;\r\n    gap: 60px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .timeline-item {\r\n    flex: 1;\r\n    min-width: 180px;\r\n    max-width: 200px;\r\n    text-align: center;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .timeline-year {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin-bottom: 15px;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .timeline-circle {\r\n    width: 140px;\r\n    height: 140px;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n    border: 4px solid #ffffff;\r\n    margin-bottom: 15px;\r\n    position: relative;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n  }\r\n\r\n  .timeline-circle img {\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  .timeline-circle:hover {\r\n    transform: scale(1.15);\r\n    box-shadow: 0 8px 25px rgba(255,107,107,0.4);\r\n  }\r\n  .timeline-circle:hover img { transform: scale(1.1); }\r\n\r\n  .timeline-dot {\r\n    position: absolute;\r\n    width: 16px; height: 16px;\r\n    background: #ffffff;\r\n    border: 3px solid #ff6b6b;\r\n    border-radius: 50%;\r\n    top: -8px; right: -8px;\r\n    transition: all 0.3s ease;\r\n  }\r\n  .timeline-circle:hover .timeline-dot {\r\n    width: 24px; height: 24px;\r\n    top: -12px; right: -12px;\r\n    box-shadow: 0 0 20px rgba(255,107,107,0.8);\r\n  }\r\n\r\n  .timeline-description { margin-top: 0; }\r\n  .timeline-label {\r\n    font-size: 14px; font-weight: 400;\r\n    color: #ffffff; margin: 0; line-height: 1.4;\r\n  }\r\n  .timeline-text {\r\n    font-size: 12px; font-weight: 400;\r\n    color: #e0e0e0; margin: 5px 0 0; line-height: 1.4;\r\n  }\r\n\r\n  .timeline-line {\r\n    flex: 1; min-width: 80px;\r\n    height: 2px;\r\n    border-top: 2px dashed #ffffff;\r\n  }\r\n\r\n  .timeline-character {\r\n    max-width: 280px;\r\n    text-align: center;\r\n    align-self: flex-end;\r\n  }\r\n  .timeline-character img {\r\n    max-width: 100%; height: auto;\r\n    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));\r\n    display: block;\r\n  }\r\n\r\n  .timeline-info-box {\r\n    background: rgba(255,255,255,0.1);\r\n    border: 2px dashed #ffffff;\r\n    border-radius: 8px;\r\n    padding: 25px;\r\n    max-width: 400px;\r\n    backdrop-filter: blur(10px);\r\n    align-self: flex-start;\r\n  }\r\n  .timeline-info-box h3 {\r\n    font-size: 18px; font-weight: 700;\r\n    color: #ffffff; margin: 0 0 15px; letter-spacing: 1px;\r\n  }\r\n  .timeline-info-box ul { list-style: none; padding: 0; margin: 0; }\r\n  .timeline-info-box li {\r\n    font-size: 14px; font-weight: 400;\r\n    color: #e0e0e0; margin-bottom: 10px;\r\n    padding-left: 20px; position: relative;\r\n  }\r\n  .timeline-info-box li::before {\r\n    content: '\u2212'; position: absolute; left: 0;\r\n    color: #ff6b6b; font-weight: 700;\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsividade \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  @media (max-width: 768px) {\r\n    .timeline-widget { padding: 30px 15px; }\r\n\r\n    .timeline-row {\r\n      flex-direction: row !important;\r\n      flex-wrap: wrap;\r\n      align-items: flex-start;\r\n      margin-bottom: 50px;\r\n      gap: 0;\r\n      justify-content: flex-start;\r\n    }\r\n    .timeline-row-bottom { margin-bottom: 30px; }\r\n\r\n    .timeline-item {\r\n      flex: 0 0 calc(50% - 25px);\r\n      max-width: calc(50% - 25px);\r\n      min-width: unset;\r\n    }\r\n\r\n    .timeline-line {\r\n      display: block;\r\n      flex: 0 0 50px;\r\n      min-width: 50px;\r\n      align-self: flex-start;\r\n      margin-top: 90px;\r\n    }\r\n\r\n    .timeline-row > .timeline-line:nth-child(4) {\r\n      display: none !important;\r\n      flex: 0 0 0 !important;\r\n      min-width: 0 !important;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* 2025 alinhado \u00e0 esquerda, mesma largura que item-2020 *\/\r\n    .timeline-row-center {\r\n      flex-direction: column;\r\n      gap: 40px;\r\n      align-items: flex-start; \/* era center \u2014 agora esquerda, igual ao 2020 *\/\r\n      margin-top: 40px;\r\n    }\r\n\r\n    .timeline-item-center {\r\n      flex: 0 0 auto;\r\n      width: calc(50% - 25px);     \/* mesma largura dos outros itens *\/\r\n      max-width: calc(50% - 25px);\r\n      align-self: auto;\r\n    }\r\n\r\n    .timeline-center-rest {\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 30px;\r\n      width: 100%;\r\n    }\r\n\r\n    .timeline-circle { width: 110px; height: 110px; }\r\n    .timeline-year   { font-size: 18px; }\r\n    .timeline-text   { font-size: 11px; }\r\n\r\n    .timeline-character {\r\n      max-width: 220px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .timeline-info-box { max-width: 100%; width: 100%; }\r\n\r\n    #timeline-svg-connectors { display: none; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .timeline-widget { padding: 20px 10px; }\r\n    .timeline-circle { width: 90px; height: 90px; }\r\n    .timeline-year   { font-size: 15px; }\r\n    .timeline-text   { font-size: 10px; }\r\n    .timeline-line   { margin-top: 78px; }\r\n    .timeline-info-box { padding: 20px; }\r\n    .timeline-info-box h3 { font-size: 16px; }\r\n    .timeline-info-box li { font-size: 12px; }\r\n  }\r\n\r\n  \/* \u2500\u2500 Anima\u00e7\u00f5es \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  @keyframes fadeInUp {\r\n    from { opacity: 0; transform: translateY(30px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n  @keyframes pulse {\r\n    0%   { box-shadow: 0 0 0 0    rgba(255,107,107,0.7); }\r\n    70%  { box-shadow: 0 0 0 15px rgba(255,107,107,0); }\r\n    100% { box-shadow: 0 0 0 0    rgba(255,107,107,0); }\r\n  }\r\n\r\n  .timeline-item                { animation: fadeInUp 0.6s ease-out forwards; }\r\n  .timeline-item:nth-child(1)   { animation-delay: 0.1s; }\r\n  .timeline-item:nth-child(2)   { animation-delay: 0.2s; }\r\n  .timeline-item:nth-child(3)   { animation-delay: 0.3s; }\r\n  .timeline-item:nth-child(4)   { animation-delay: 0.4s; }\r\n  .timeline-item:nth-child(5)   { animation-delay: 0.5s; }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n\r\n  document.querySelectorAll('.timeline-circle').forEach((circle, i) => {\r\n    circle.setAttribute('data-index', i);\r\n    circle.addEventListener('mouseenter', function () {\r\n      this.style.animation = 'none';\r\n      setTimeout(() => { this.style.animation = 'pulse 0.6s ease-out'; }, 10);\r\n    });\r\n  });\r\n\r\n  const obs = new IntersectionObserver(\r\n    entries => entries.forEach(e => {\r\n      if (e.isIntersecting) {\r\n        e.target.style.opacity   = '1';\r\n        e.target.style.transform = 'translateY(0)';\r\n      }\r\n    }),\r\n    { threshold: 0.2, rootMargin: '0px 0px -50px 0px' }\r\n  );\r\n  document.querySelectorAll('.timeline-item').forEach(item => obs.observe(item));\r\n\r\n  function drawConnectors () {\r\n    const container = document.querySelector('.timeline-container');\r\n    if (!container) return;\r\n\r\n    const old = document.getElementById('timeline-svg-connectors');\r\n    if (old) old.remove();\r\n\r\n    const cRect = container.getBoundingClientRect();\r\n\r\n    const el2005 = document.getElementById('item-2005');\r\n    const el2009 = document.getElementById('item-2009');\r\n    const el2020 = document.getElementById('item-2020');\r\n    const el2025 = document.getElementById('item-2025');\r\n    if (!el2005 || !el2009 || !el2020 || !el2025) return;\r\n\r\n    function itemBounds(item) {\r\n      const r = item.getBoundingClientRect();\r\n      return {\r\n        top:    r.top    - cRect.top,\r\n        bottom: r.bottom - cRect.top,\r\n        cx:     r.left + r.width \/ 2 - cRect.left,\r\n      };\r\n    }\r\n\r\n    const b2005 = itemBounds(el2005);\r\n    const b2009 = itemBounds(el2009);\r\n    const b2020 = itemBounds(el2020);\r\n    const b2025 = itemBounds(el2025);\r\n\r\n    const svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\r\n    svg.id = 'timeline-svg-connectors';\r\n    svg.setAttribute('width',  cRect.width);\r\n    svg.setAttribute('height', cRect.height);\r\n    svg.style.cssText =\r\n      `position:absolute;top:0;left:0;` +\r\n      `width:${cRect.width}px;height:${cRect.height}px;` +\r\n      `pointer-events:none;overflow:visible;`;\r\n\r\n    const defs   = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'defs');\r\n    const marker = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'marker');\r\n    marker.setAttribute('id', 'tl-arrow');\r\n    marker.setAttribute('markerWidth',  '10');\r\n    marker.setAttribute('markerHeight', '7');\r\n    marker.setAttribute('refX', '5');\r\n    marker.setAttribute('refY', '7');\r\n    marker.setAttribute('orient', 'auto-start-reverse');\r\n    marker.setAttribute('markerUnits', 'userSpaceOnUse');\r\n    const tri = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'polygon');\r\n    tri.setAttribute('points', '0,0 10,0 5,7');\r\n    tri.setAttribute('fill', '#ffffff');\r\n    marker.appendChild(tri);\r\n    defs.appendChild(marker);\r\n    svg.appendChild(defs);\r\n\r\n    function addPath(d, withArrow) {\r\n      const path = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n      path.setAttribute('d', d);\r\n      path.setAttribute('fill', 'none');\r\n      path.setAttribute('stroke', '#ffffff');\r\n      path.setAttribute('stroke-width', '2');\r\n      path.setAttribute('stroke-dasharray', '8,6');\r\n      if (withArrow) path.setAttribute('marker-end', 'url(#tl-arrow)');\r\n      svg.appendChild(path);\r\n    }\r\n\r\n    const gap = 8;\r\n\r\n    \/* Conector 1: 2005 \u2192 2009 \u2014 curva bezier entre os centros *\/\r\n    const x1    = b2005.cx;\r\n    const y1    = b2005.bottom + gap;\r\n    const x2    = b2009.cx;\r\n    const y2    = b2009.top - gap;\r\n    const midY1 = (y1 + y2) \/ 2;\r\n    addPath(`M ${x1},${y1} C ${x1},${midY1} ${x2},${midY1} ${x2},${y2}`, false);\r\n\r\n    \/* Conector 2: 2020 \u2192 2025 \u2014 linha reta vertical, x = m\u00e9dia dos dois centros *\/\r\n    const vertX = (b2020.cx + b2025.cx) \/ 2;\r\n    addPath(\r\n      `M ${vertX},${b2020.bottom + gap} L ${vertX},${b2025.top - gap}`,\r\n      false\r\n    );\r\n\r\n    container.appendChild(svg);\r\n  }\r\n\r\n  if (document.readyState === 'complete') {\r\n    drawConnectors();\r\n  } else {\r\n    window.addEventListener('load', drawConnectors);\r\n  }\r\n\r\n  window.addEventListener('resize', drawConnectors);\r\n  setTimeout(drawConnectors, 900);\r\n\r\n})();\r\n<\/script>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Desde 1992, trabalhando com qualidade e confian\u00e7a! H\u00e1 mais de 33 anos, a Rocha Auto Pe\u00e7as constr\u00f3i uma hist\u00f3ria s\u00f3lida no mercado de reposi\u00e7\u00e3o, unindo pe\u00e7as de qualidade, marcas confi\u00e1veis e pre\u00e7os justos \u2014 do jeito que o mec\u00e2nico e o motorista precisam. Nascemos em Campinas, em 1992, e evolu\u00edmos acompanhando as mudan\u00e7as do setor [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rochaautopecas.com.br\/index.php?rest_route=\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rochaautopecas.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rochaautopecas.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rochaautopecas.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rochaautopecas.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=49"}],"version-history":[{"count":0,"href":"https:\/\/rochaautopecas.com.br\/index.php?rest_route=\/wp\/v2\/pages\/49\/revisions"}],"wp:attachment":[{"href":"https:\/\/rochaautopecas.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}