{"id":3450,"date":"2024-04-16T01:37:30","date_gmt":"2024-04-16T04:37:30","guid":{"rendered":"https:\/\/multipedras.com.br\/?page_id=3450"},"modified":"2025-11-11T15:20:05","modified_gmt":"2025-11-11T18:20:05","slug":"sobre-nos","status":"publish","type":"page","link":"https:\/\/multipedras.com.br\/?page_id=3450","title":{"rendered":"Sobre n\u00f3s"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3450\" class=\"elementor elementor-3450\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-13819d2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"13819d2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d32c9a\" data-id=\"6d32c9a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a5d4bc4 elementor-fixed elementor-widget elementor-widget-global elementor-global-7333 elementor-widget-button\" data-id=\"a5d4bc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjcxOTciLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-838fb4a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"838fb4a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e0049af\" data-id=\"e0049af\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ee9934e elementor-widget elementor-widget-html\" data-id=\"ee9934e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Sobre N\u00f3s - Multipedras | 26 Anos de Excel\u00eancia<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --color-black: #1a1a1a;\r\n            --color-white: #ffffff;\r\n            --color-gold: #d4af37;\r\n            --color-light-gray: #f5f5f5;\r\n            --color-dark-gray: #333333;\r\n            --transition: all 0.3s ease;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--color-dark-gray);\r\n            background-color: var(--color-white);\r\n            \r\n        }\r\n\r\n        \/* ===== SE\u00c7\u00c3O PRINCIPAL ===== *\/\r\n        .multipedras-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 60px 20px;\r\n            \r\n        }\r\n\r\n        \/* ===== HEADER SE\u00c7\u00c3O ===== *\/\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-size: 2.5rem;\r\n            color: var(--color-black);\r\n            margin-bottom: 15px;\r\n            font-weight: 700;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .section-header p {\r\n            font-size: 1.1rem;\r\n            color: var(--color-gold);\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n        }\r\n\r\n        \/* ===== SOBRE A EMPRESA ===== *\/\r\n        .about-section {\r\n            background: linear-gradient(135deg, var(--color-black) 0%, #2a2a2a 100%);\r\n            color: var(--color-white);\r\n            padding: 60px;\r\n            border-radius: 8px;\r\n            margin-bottom: 80px;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .about-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 50px;\r\n            align-items: center;\r\n        }\r\n\r\n        .about-text h3 {\r\n            font-size: 2rem;\r\n            color: var(--color-gold);\r\n            margin-bottom: 25px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .about-text p {\r\n            font-size: 1rem;\r\n            line-height: 1.8;\r\n            margin-bottom: 20px;\r\n            color: #e0e0e0;\r\n        }\r\n\r\n        .about-text p strong {\r\n            color: var(--color-gold);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .about-highlight {\r\n            background: rgba(212, 175, 55, 0.1);\r\n            border-left: 4px solid var(--color-gold);\r\n            padding: 20px;\r\n            margin: 25px 0;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .about-highlight p {\r\n            margin: 0;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .about-stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 20px;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .stat-box {\r\n            text-align: center;\r\n            padding: 20px;\r\n            background: rgba(212, 175, 55, 0.05);\r\n            border-radius: 8px;\r\n            border: 1px solid rgba(212, 175, 55, 0.2);\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: 2.5rem;\r\n            color: var(--color-gold);\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 0.9rem;\r\n            color: #b0b0b0;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        \/* ===== TIMELINE EM DUAS COLUNAS ===== *\/\r\n        .timeline-section {\r\n            margin-bottom: 80px;\r\n            \r\n        }\r\n\r\n        .timeline-container {\r\n            position: relative;\r\n            padding: 40px 0;\r\n        }\r\n\r\n        \/* Grid de duas colunas *\/\r\n        .timeline-items {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px;\r\n            position: relative;\r\n            z-index: 0;\r\n        }\r\n\r\n        \/* Linha vertical central (apenas em desktop) *\/\r\n        .timeline-items::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 2px;\r\n            height: 100%;\r\n            background: linear-gradient(to bottom, var(--color-gold), var(--color-gold) 50%, rgba(212, 175, 55, 0.3));\r\n            z-index: 0;\r\n        }\r\n\r\n        .timeline-item {\r\n            position: relative;\r\n            opacity: 0;\r\n            animation: fadeInUp 0.6s ease forwards;\r\n            z-index: 1;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .timeline-item:nth-child(1) { animation-delay: 0.1s; }\r\n        .timeline-item:nth-child(2) { animation-delay: 0.15s; }\r\n        .timeline-item:nth-child(3) { animation-delay: 0.2s; }\r\n        .timeline-item:nth-child(4) { animation-delay: 0.25s; }\r\n        .timeline-item:nth-child(5) { animation-delay: 0.3s; }\r\n        .timeline-item:nth-child(6) { animation-delay: 0.35s; }\r\n        .timeline-item:nth-child(7) { animation-delay: 0.4s; }\r\n        .timeline-item:nth-child(8) { animation-delay: 0.45s; }\r\n\r\n        \/* Ponto da timeline *\/\r\n        .timeline-dot {\r\n            position: absolute;\r\n            width: 20px;\r\n            height: 20px;\r\n            background: var(--color-gold);\r\n            border: 4px solid var(--color-white);\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 0 3px var(--color-gold), 0 0 20px rgba(212, 175, 55, 0.4);\r\n            z-index: 10;\r\n            transition: var(--transition);\r\n            top: 30px;\r\n        }\r\n\r\n        \/* Ponto na coluna esquerda *\/\r\n        .timeline-item:nth-child(odd) .timeline-dot {\r\n            right: -30px;\r\n        }\r\n\r\n        \/* Ponto na coluna direita *\/\r\n        .timeline-item:nth-child(even) .timeline-dot {\r\n            left: -30px;\r\n        }\r\n\r\n        .timeline-item:hover .timeline-dot {\r\n            width: 28px;\r\n            height: 28px;\r\n            box-shadow: 0 0 0 4px var(--color-gold), 0 0 30px rgba(212, 175, 55, 0.6);\r\n        }\r\n\r\n        \/* Conte\u00fado da timeline *\/\r\n        .timeline-content {\r\n            padding: 30px;\r\n            background: var(--color-light-gray);\r\n            border-radius: 8px;\r\n            border-left: 4px solid var(--color-gold);\r\n            transition: var(--transition);\r\n            cursor: pointer;\r\n        }\r\n\r\n        .timeline-item:hover .timeline-content {\r\n            background: var(--color-white);\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .timeline-year {\r\n            font-size: 1.8rem;\r\n            color: var(--color-gold);\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .timeline-title {\r\n            font-size: 1.3rem;\r\n            color: var(--color-black);\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .timeline-description {\r\n            font-size: 0.95rem;\r\n            color: var(--color-dark-gray);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* ===== MILESTONE ESPECIAL (26 ANOS) ===== *\/\r\n        .milestone-special {\r\n            background: linear-gradient(135deg, var(--color-black) 0%, #2a2a2a 100%);\r\n            color: var(--color-white);\r\n            padding: 40px;\r\n            border-radius: 8px;\r\n            text-align: center;\r\n            border: 2px solid var(--color-gold);\r\n            margin-top: 50px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .milestone-special::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);\r\n            animation: pulse 4s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% { transform: scale(1); }\r\n            50% { transform: scale(1.1); }\r\n        }\r\n\r\n        .milestone-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .milestone-year {\r\n            font-size: 3.5rem;\r\n            color: var(--color-gold);\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .milestone-text {\r\n            font-size: 1.3rem;\r\n            color: #e0e0e0;\r\n            margin-bottom: 15px;\r\n            font-weight: 300;\r\n        }\r\n\r\n        .milestone-subtitle {\r\n            font-size: 0.95rem;\r\n            color: var(--color-gold);\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n        }\r\n\r\n        \/* ===== RESPONSIVO ===== *\/\r\n        @media (max-width: 1024px) {\r\n            .timeline-items {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 30px;\r\n            }\r\n\r\n            .timeline-dot {\r\n                width: 16px;\r\n                height: 16px;\r\n                border-width: 3px;\r\n            }\r\n\r\n            .timeline-item:nth-child(odd) .timeline-dot {\r\n                right: -24px;\r\n            }\r\n\r\n            .timeline-item:nth-child(even) .timeline-dot {\r\n                left: -24px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .multipedras-container {\r\n                padding: 40px 15px;\r\n            }\r\n\r\n            .section-header h2 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .about-section {\r\n                padding: 40px 20px;\r\n            }\r\n\r\n            .about-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n\r\n            .about-stats {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            \/* Em tablet, manter duas colunas mas com ajustes *\/\r\n            .timeline-items {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 25px;\r\n            }\r\n\r\n            .timeline-items::before {\r\n                left: 50%;\r\n            }\r\n\r\n            .timeline-dot {\r\n                top: 25px;\r\n            }\r\n\r\n            .timeline-item:nth-child(odd) .timeline-dot {\r\n                right: -20px;\r\n            }\r\n\r\n            .timeline-item:nth-child(even) .timeline-dot {\r\n                left: -20px;\r\n            }\r\n\r\n            .timeline-content {\r\n                padding: 25px;\r\n            }\r\n\r\n            .timeline-year {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .timeline-title {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .timeline-description {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .milestone-year {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .milestone-text {\r\n                font-size: 1.1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .multipedras-container {\r\n                padding: 30px 10px;\r\n            }\r\n\r\n            .section-header h2 {\r\n                font-size: 1.6rem;\r\n            }\r\n\r\n            .about-section {\r\n                padding: 25px 15px;\r\n            }\r\n\r\n            .about-text h3 {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .about-text p {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .stat-number {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            \/* Em mobile, uma coluna *\/\r\n            .timeline-items {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n\r\n            .timeline-items::before {\r\n                left: 15px;\r\n                width: 2px;\r\n            }\r\n\r\n            .timeline-dot {\r\n                left: 0;\r\n                top: 25px;\r\n            }\r\n\r\n            .timeline-item:nth-child(odd) .timeline-dot,\r\n            .timeline-item:nth-child(even) .timeline-dot {\r\n                left: 0;\r\n                right: auto;\r\n            }\r\n\r\n            .timeline-content {\r\n                padding: 20px;\r\n                padding-left: 50px;\r\n                margin-left: 0;\r\n            }\r\n\r\n            .timeline-year {\r\n                font-size: 1.3rem;\r\n            }\r\n\r\n            .timeline-title {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .timeline-description {\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            .milestone-year {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .milestone-text {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n\r\n        \/* ===== EFEITOS HOVER ===== *\/\r\n        .timeline-content:hover .timeline-title {\r\n            color: var(--color-gold);\r\n        }\r\n\r\n        \/* ===== ANIMA\u00c7\u00c3O DE ENTRADA ===== *\/\r\n        .fade-in {\r\n            animation: fadeIn 0.8s ease;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n            }\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"multipedras-container\">\r\n        <!-- HEADER DA SE\u00c7\u00c3O -->\r\n        <div class=\"section-header\">\r\n            <p>Nossa Jornada<\/p>\r\n            <h2>26 Anos de Excel\u00eancia em Revestimentos<\/h2>\r\n        <\/div>\r\n\r\n        <!-- SE\u00c7\u00c3O SOBRE A EMPRESA -->\r\n        <div class=\"about-section\">\r\n            <div class=\"about-content\">\r\n                <div class=\"about-text\">\r\n                    <h3>A Multipedras<\/h3>\r\n                    <p>A <strong>Multipedras \u00e9 uma empresa alto padr\u00e3o<\/strong> em revestimentos em pedras naturais nacionais e importadas exclusivas de mais de <strong>13 pa\u00edses<\/strong>.<\/p>\r\n                    \r\n                    <p>Com <strong>26 anos de experi\u00eancia<\/strong> e s\u00f3lida infraestrutura, a Multipedras \u00e9 <strong>a maior importadora de refer\u00eancia nacional<\/strong> e possui o <strong>maior centro log\u00edstico da Am\u00e9rica Latina<\/strong>, oferecendo entrega para todo Brasil.<\/p>\r\n\r\n                    <div class=\"about-highlight\">\r\n                        <p>Conhe\u00e7a o showroom da Multipedras Concept e encante-se com as variedades de revestimento naturais. Fa\u00e7a parte dessa experi\u00eancia Multipedras.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"about-stats\">\r\n                        <div class=\"stat-box\">\r\n                            <div class=\"stat-number\">26<\/div>\r\n                            <div class=\"stat-label\">Anos de Experi\u00eancia<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-box\">\r\n                            <div class=\"stat-number\">13+<\/div>\r\n                            <div class=\"stat-label\">Pa\u00edses Importados<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-box\">\r\n                            <div class=\"stat-number\">600m\u00b2<\/div>\r\n                            <div class=\"stat-label\">Showroom<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"about-text\">\r\n                    <h3>Nossa Experi\u00eancia<\/h3>\r\n                    <p>Multipedras com 26 anos atuando com rochas naturais, criando um novo conceito para o setor de design, arquitetura e tecnologias.<\/p>\r\n\r\n                    <p>Contamos com uma loja de mais de <strong>600m\u00b2 com produtos exclusivos de 13 pa\u00edses<\/strong>, al\u00e9m do <strong>maior centro log\u00edstico da Am\u00e9rica Latina<\/strong>, possu\u00edmos \u00f3tima infraestrutura, moderna, confort\u00e1vel e climatizada.<\/p>\r\n\r\n                    <p>Tudo isso para trazer a melhor experi\u00eancia para voc\u00ea. Aqui voc\u00ea encontra qualidade em revestimentos para a sua casa ou \u00e1rea comercial, seja para construir ou reformar.<\/p>\r\n\r\n                    <div class=\"about-highlight\">\r\n                        <p><strong>Trabalhamos com os maiores arquitetos do Brasil<\/strong> e vendemos para os maiores clientes do pa\u00eds. Possu\u00edmos o <strong>maior centro log\u00edstico de pedras naturais da Am\u00e9rica Latina<\/strong>, consolidando nossa posi\u00e7\u00e3o como refer\u00eancia global no mercado.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SE\u00c7\u00c3O TIMELINE -->\r\n        <div class=\"timeline-section\">\r\n            <div class=\"section-header\">\r\n                <p>Hist\u00f3rico<\/p>\r\n                <h2>De 1999 ao Futuro - Nossa Hist\u00f3ria<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"timeline-container\">\r\n                <div class=\"timeline-items\">\r\n                    <!-- 1999 - FUNDA\u00c7\u00c3O -->\r\n                    <div class=\"timeline-item\">\r\n                        <div class=\"timeline-dot\"><\/div>\r\n                        <div class=\"timeline-content\">\r\n                            <div class=\"timeline-year\">1999<\/div>\r\n                            <div class=\"timeline-title\">Funda\u00e7\u00e3o da Multipedras<\/div>\r\n                            <div class=\"timeline-description\">O primeiro sonho de Arien e Jairo Fran\u00e7a, uma nova importadora de pedras naturais. Nascia a base do que seria o maior grupo de pedras da Am\u00e9rica Latina.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- 2017 - CURADORIA INTERNACIONAL -->\r\n                    <div class=\"timeline-item\">\r\n                        <div class=\"timeline-dot\"><\/div>\r\n                        <div class=\"timeline-content\">\r\n                            <div class=\"timeline-year\">2017<\/div>\r\n                            <div class=\"timeline-title\">Curadoria Internacional<\/div>\r\n                            <div class=\"timeline-description\">Viagens \u00e0 Gr\u00e9cia, Egito e Turquia consolidam o achar global da marca. O Grupo amplia parcerias e se torna refer\u00eancia em curadoria mundial de pedras raras.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- 2018 - IMPORTA\u00c7\u00d5ES -->\r\n                    <div class=\"timeline-item\">\r\n                        <div class=\"timeline-dot\"><\/div>\r\n                        <div class=\"timeline-content\">\r\n                            <div class=\"timeline-year\">2018<\/div>\r\n                            <div class=\"timeline-title\">In\u00edcio das Importa\u00e7\u00f5es<\/div>\r\n                            <div class=\"timeline-description\">Chegada dos primeiros navios importadores da Gr\u00e9cia, It\u00e1lia e Egito. Um marco que elevou o portf\u00f3lio de exclusividade.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- 2018 - CONSOLIDA\u00c7\u00c3O -->\r\n                    <div class=\"timeline-item\">\r\n                        <div class=\"timeline-dot\"><\/div>\r\n                        <div class=\"timeline-content\">\r\n                            <div class=\"timeline-year\">2018<\/div>\r\n                            <div class=\"timeline-title\">Consolida\u00e7\u00e3o Nacional<\/div>\r\n                            <div class=\"timeline-description\">Crescimento da estrutura, fornecimento de novas equipes e entrada em novos mercados. A Multipedras se consolida como refer\u00eancia em pedras naturais no Brasil.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- 2019 - LOJA CONCEPT -->\r\n                    <div class=\"timeline-item\">\r\n                        <div class=\"timeline-dot\"><\/div>\r\n                        <div class=\"timeline-content\">\r\n                            <div class=\"timeline-year\">2019<\/div>\r\n                            <div class=\"timeline-title\">Inaugura\u00e7\u00e3o da Loja Multipedras Concept<\/div>\r\n                            <div class=\"timeline-description\">Nasce o showroom conceito, unindo arte, design e experi\u00eancia sensorial. A loja Concept apresenta a express\u00e3o do luxo acess\u00edvel e da est\u00e9tica contempor\u00e2nea.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- 2019 - NASCIMENTO TECHRIP -->\r\n                    <div class=\"timeline-item\">\r\n                        <div class=\"timeline-dot\"><\/div>\r\n                        <div class=\"timeline-content\">\r\n                            <div class=\"timeline-year\">2019<\/div>\r\n                            <div class=\"timeline-title\">Lan\u00e7amento dos pain\u00e9is de bambu Techrip<\/div>\r\n                            <div class=\"timeline-description\">A linha pain\u00e9is de bambu e revestimentos naturais sustentaveis. Um passo decisivo rumo \u00e0 sustentabilidade e inova\u00e7\u00e3o natural.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- 2024 - CENTRO LOG\u00cdSTICO -->\r\n                    <div class=\"timeline-item\">\r\n                        <div class=\"timeline-dot\"><\/div>\r\n                        <div class=\"timeline-content\">\r\n                            <div class=\"timeline-year\">2024<\/div>\r\n                            <div class=\"timeline-title\">Inaugura\u00e7\u00e3o do Centro Log\u00edstico Multipedras<\/div>\r\n                            <div class=\"timeline-description\">Nasce o maior Centro Log\u00edstico de pedras naturais da Am\u00e9rica Latina. O cora\u00e7\u00e3o do Grupo, unindo infraestrutura de classe mundial ao legado de 25 anos sobre ganha um novo nome: Grupo Multipedras.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- 2025 - VIS\u00c3O DE FUTURO -->\r\n                    <div class=\"timeline-item\">\r\n                        <div class=\"timeline-dot\"><\/div>\r\n                        <div class=\"timeline-content\">\r\n                            <div class=\"timeline-year\">2025<\/div>\r\n                            <div class=\"timeline-title\">Vis\u00e3o de Futuro<\/div>\r\n                            <div class=\"timeline-description\">O Grupo Multipedras toma o s\u00edmbolo de confian\u00e7a, arte e conex\u00e3o global. Transformar a natureza em legado, expandindo fronteiras e consolidando a excel\u00eancia profissional em todo o mundo.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- MILESTONE ESPECIAL - 26 ANOS -->\r\n            <div class=\"milestone-special\">\r\n                <div class=\"milestone-content\">\r\n                    <div class=\"milestone-year\">26<\/div>\r\n                    <div class=\"milestone-text\">Anos de Excel\u00eancia<\/div>\r\n                    <div class=\"milestone-subtitle\">Nossa Hist\u00f3ria \u00e9 Feita de Coragem, Prop\u00f3sito e Legado<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Efeito de anima\u00e7\u00e3o ao scroll\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Observar todos os itens da timeline\r\n        document.querySelectorAll('.timeline-item').forEach(item => {\r\n            observer.observe(item);\r\n        });\r\n\r\n        \/\/ Efeito de interatividade nos itens\r\n        document.querySelectorAll('.timeline-content').forEach(content => {\r\n            content.addEventListener('click', function() {\r\n                this.style.transform = 'scale(1.02)';\r\n                setTimeout(() => {\r\n                    this.style.transform = '';\r\n                }, 200);\r\n            });\r\n        });\r\n\r\n        \/\/ Smooth scroll para links internos\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({ behavior: 'smooth' });\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sobre N\u00f3s &#8211; Multipedras | 26 Anos de Excel\u00eancia Nossa Jornada 26 Anos de Excel\u00eancia em Revestimentos A Multipedras A Multipedras \u00e9 uma empresa alto padr\u00e3o em revestimentos em pedras naturais nacionais e importadas exclusivas de mais de 13 pa\u00edses. Com 26 anos de experi\u00eancia e s\u00f3lida infraestrutura, a Multipedras \u00e9 a maior importadora de [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-3450","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/multipedras.com.br\/index.php?rest_route=\/wp\/v2\/pages\/3450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multipedras.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/multipedras.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/multipedras.com.br\/index.php?rest_route=\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/multipedras.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3450"}],"version-history":[{"count":31,"href":"https:\/\/multipedras.com.br\/index.php?rest_route=\/wp\/v2\/pages\/3450\/revisions"}],"predecessor-version":[{"id":7599,"href":"https:\/\/multipedras.com.br\/index.php?rest_route=\/wp\/v2\/pages\/3450\/revisions\/7599"}],"wp:attachment":[{"href":"https:\/\/multipedras.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}