{"id":7,"date":"2025-08-19T12:39:42","date_gmt":"2025-08-19T12:39:42","guid":{"rendered":"https:\/\/guerraegaspar.com.br\/?page_id=7"},"modified":"2025-09-01T13:49:23","modified_gmt":"2025-09-01T13:49:23","slug":"guerra-e-gaspar","status":"publish","type":"page","link":"https:\/\/guerraegaspar.com.br\/","title":{"rendered":"Guerra e Gaspar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d1e948 e-con-full e-flex e-con e-parent\" data-id=\"6d1e948\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34e3148 elementor-widget elementor-widget-html\" data-id=\"34e3148\" data-element_type=\"widget\" data-widget_type=\"html.default\">\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>Guerra & Gaspar - Port\u00f5es Autom\u00e1ticos e Seguran\u00e7a Eletr\u00f4nica no Rio de Janeiro<\/title>\r\n    <meta name=\"description\" content=\"25 anos em instala\u00e7\u00e3o, manuten\u00e7\u00e3o e serralheria de port\u00f5es autom\u00e1ticos e seguran\u00e7a eletr\u00f4nica no Rio de Janeiro. Atendimento r\u00e1pido e confi\u00e1vel para condom\u00ednios, resid\u00eancias e com\u00e9rcios.\">\r\n    \r\n    <!-- Open Graph \/ Facebook -->\r\n    <meta property=\"og:type\" content=\"website\">\r\n    <meta property=\"og:url\" content=\"https:\/\/www.guerraegaspar.com.br\/\">\r\n    <meta property=\"og:title\" content=\"Guerra & Gaspar - Port\u00f5es Autom\u00e1ticos e Seguran\u00e7a Eletr\u00f4nica no Rio de Janeiro\">\r\n    <meta property=\"og:description\" content=\"31 anos em instala\u00e7\u00e3o, manuten\u00e7\u00e3o e serralheria de port\u00f5es autom\u00e1ticos e seguran\u00e7a eletr\u00f4nica no Rio de Janeiro.\">\r\n    <meta property=\"og:image\" content=\"https:\/\/www.guerraegaspar.com.br\/images\/og-image.jpg\">\r\n    \r\n    <!-- Twitter -->\r\n    <meta property=\"twitter:card\" content=\"summary_large_image\">\r\n    <meta property=\"twitter:url\" content=\"https:\/\/www.guerraegaspar.com.br\/\">\r\n    <meta property=\"twitter:title\" content=\"Guerra & Gaspar - Port\u00f5es Autom\u00e1ticos e Seguran\u00e7a Eletr\u00f4nica no Rio de Janeiro\">\r\n    <meta property=\"twitter:description\" content=\"31 anos em instala\u00e7\u00e3o, manuten\u00e7\u00e3o e serralheria de port\u00f5es autom\u00e1ticos e seguran\u00e7a eletr\u00f4nica no Rio de Janeiro.\">\r\n    <meta property=\"twitter:image\" content=\"https:\/\/www.guerraegaspar.com.br\/images\/og-image.jpg\">\r\n    \r\n    <!-- Preconnect -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- Font Awesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        'gg-orange': '#F15A29',\r\n                        'gg-black': '#000000',\r\n                        'gg-dark-gray': '#5A5A5A',\r\n                        'gg-light-gray': '#F5F5F5',\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    },\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    \r\n    <style>\r\n        \/* Custom styles *\/\r\n        .hero-gradient {\r\n            background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);\r\n        }\r\n        .focus-ring {\r\n            @apply focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gg-orange;\r\n        }\r\n        .card-hover {\r\n            @apply transition-all duration-300 hover:shadow-lg hover:-translate-y-1;\r\n        }\r\n        .image-overlay {\r\n            @apply absolute inset-0 bg-black bg-opacity-0 transition-all duration-300 group-hover:bg-opacity-30 flex items-center justify-center;\r\n        }\r\n        .sr-only {\r\n            position: absolute;\r\n            width: 1px;\r\n            height: 1px;\r\n            padding: 0;\r\n            margin: -1px;\r\n            overflow: hidden;\r\n            clip: rect(0, 0, 0, 0);\r\n            white-space: nowrap;\r\n            border-width: 0;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"font-sans text-gg-dark-gray bg-gg-light-gray\">\r\n    <!-- Skip link for accessibility -->\r\n    <a href=\"#main-content\" class=\"sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-50 focus:bg-white focus:px-4 focus:py-2 focus:rounded focus:shadow-lg\">\r\n        Pular para conte\u00fado principal\r\n    <\/a>\r\n    \r\n    <!-- WhatsApp Floating Button -->\r\n    <a href=\"https:\/\/wa.me\/5521964787009\" \r\n       class=\"fixed bottom-6 right-6 bg-green-500 text-white p-4 rounded-full shadow-lg z-50 hover:bg-green-600 transition-colors duration-300 focus-ring\"\r\n       aria-label=\"Conversar no WhatsApp\">\r\n        <i class=\"fab fa-whatsapp text-2xl\"><\/i>\r\n    <\/a>\r\n    \r\n    <!-- Header -->\r\n    <header class=\"fixed w-full bg-white bg-opacity-90 backdrop-blur-sm z-40 shadow-sm\">\r\n        <div class=\"container mx-auto px-4 py-3 flex justify-between items-center\">\r\n           <!-- Logo -->\r\n<a href=\"#\" class=\"flex items-center gap-2 focus-ring\">\r\n  <span class=\"block h-10 w-10 shrink-0\">\r\n    <img\r\n      src=\"https:\/\/guerraegaspar.com.br\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-19-de-ago.-de-2025-19_16_18.png\"\r\n      alt=\"Guerra & Gaspar Port\u00f5es Autom\u00e1ticos\"\r\n      class=\"h-full w-full object-contain\"\r\n      width=\"40\" height=\"40\"\r\n      loading=\"eager\" decoding=\"async\"\r\n    \/>\r\n  <\/span>\r\n  <span class=\"text-base md:text-lg font-bold text-gg-black leading-none\">\r\n    Guerra &amp; Gaspar\r\n  <\/span>\r\n<\/a>\r\n            \r\n            <!-- Desktop Navigation -->\r\n            <nav class=\"hidden md:flex items-center space-x-8\">\r\n                <a href=\"#servicos\" class=\"font-medium hover:text-gg-orange transition-colors duration-300 focus-ring\">Servi\u00e7os<\/a>\r\n                <a href=\"#modelos\" class=\"font-medium hover:text-gg-orange transition-colors duration-300 focus-ring\">Modelos<\/a>\r\n                <a href=\"#sobre\" class=\"font-medium hover:text-gg-orange transition-colors duration-300 focus-ring\">Sobre<\/a>\r\n                <a href=\"#trabalhos\" class=\"font-medium hover:text-gg-orange transition-colors duration-300 focus-ring\">FAQ<\/a>\r\n                <a href=\"https:\/\/www.instagram.com\/ggportoes\" target=\"_blank\" class=\"text-gray-700 hover:text-gg-orange transition-colors duration-300 focus-ring\" aria-label=\"Instagram\">\r\n                    <i class=\"fab fa-instagram text-xl\"><\/i>\r\n                <\/a>\r\n                <a href=\"#orcamento\" class=\"bg-gg-orange text-white px-6 py-2 rounded-full font-semibold hover:bg-orange-600 transition-colors duration-300 focus-ring\">Or\u00e7amento<\/a>\r\n            <\/nav>\r\n            \r\n            <!-- Mobile Menu Button -->\r\n            <button id=\"mobile-menu-button\" class=\"md:hidden text-gg-black focus-ring\" aria-label=\"Abrir menu\">\r\n                <i class=\"fas fa-bars text-2xl\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n        \r\n        <!-- Mobile Menu -->\r\n        <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white shadow-lg absolute w-full left-0 px-4 py-3\">\r\n            <div class=\"flex flex-col space-y-3\">\r\n                <a href=\"#servicos\" class=\"font-medium py-2 hover:text-gg-orange transition-colors duration-300 focus-ring\">Servi\u00e7os<\/a>\r\n                <a href=\"#modelos\" class=\"font-medium py-2 hover:text-gg-orange transition-colors duration-300 focus-ring\">Modelos<\/a>\r\n                <a href=\"#sobre\" class=\"font-medium py-2 hover:text-gg-orange transition-colors duration-300 focus-ring\">Sobre<\/a>\r\n                <a href=\"#trabalhos\" class=\"font-medium py-2 hover:text-gg-orange transition-colors duration-300 focus-ring\">FAQ<\/a>\r\n                <div class=\"flex space-x-4 pt-2\">\r\n                    <a href=\"tel:+552125640252\" class=\"bg-gray-100 text-gg-black px-4 py-2 rounded-full font-medium flex items-center hover:bg-gray-200 transition-colors duration-300 focus-ring\">\r\n                        <i class=\"fas fa-phone mr-2\"><\/i> Ligar\r\n                    <\/a>\r\n                    <a href=\"https:\/\/wa.me\/5521964787009\" class=\"bg-green-500 text-white px-4 py-2 rounded-full font-medium flex items-center hover:bg-green-600 transition-colors duration-300 focus-ring\">\r\n                        <i class=\"fab fa-whatsapp mr-2\"><\/i> WhatsApp\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n    \r\n    <!-- Main Content -->\r\n    <main id=\"main-content\">\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d83173e e-con-full e-flex e-con e-parent\" data-id=\"d83173e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84a262e elementor-widget elementor-widget-html\" data-id=\"84a262e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HERO \u2014 mobile com respiro (topo\/base), desktop com selo \u00e0 direita -->\r\n<section class=\"relative w-full overflow-hidden min-h-[560px] md:min-h-[540px] md:h-[70svh]\">\r\n  <!-- Fundo (TROCAR A URL ABAIXO) -->\r\n  <picture>\r\n    <source media=\"(min-width:1024px)\" srcset=\"https:\/\/guerraegaspar.com.br\/wp-content\/uploads\/2025\/08\/Blue-and-White-Photo-Clean-Save-The-Sea-Presentation-1.jpg\">\r\n    <source media=\"(min-width:640px)\"  srcset=\"https:\/\/guerraegaspar.com.br\/wp-content\/uploads\/2025\/08\/Blue-and-White-Photo-Clean-Save-The-Sea-Presentation-1.jpg\">\r\n    <img src=\"https:\/\/guerraegaspar.com.br\/wp-content\/uploads\/2025\/08\/Blue-and-White-Photo-Clean-Save-The-Sea-Presentation-1.jpg\"\r\n         alt=\"Port\u00e3o automatizado\"\r\n         class=\"absolute inset-0 h-full w-full object-cover object-center\"\r\n         loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\r\n  <\/picture>\r\n\r\n  <!-- Overlay -->\r\n  <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/60 to-black\/30 md:from-black\/60 md:via-black\/40 md:to-transparent\"><\/div>\r\n\r\n  <!-- Conte\u00fado -->\r\n  <div\r\n    class=\"relative z-10 h-full\r\n           flex items-start md:items-center\r\n           pt-[calc(env(safe-area-inset-top)+96px)] md:pt-0\r\n           pb-8 md:pb-0\">\r\n    <div class=\"mx-auto w-full max-w-7xl px-5 sm:px-6 grid grid-cols-1 md:grid-cols-[minmax(0,42rem)_auto] gap-6 md:gap-10\">\r\n\r\n      <!-- BLOCO DE TEXTO -->\r\n      <div class=\"order-2 md:order-1 text-white\">\r\n        <!-- Logo (MOBILE) -->\r\n        <div class=\"mb-4 md:hidden flex justify-center\">\r\n          <!-- TROCAR A URL DA LOGO (PNG) -->\r\n          <img decoding=\"async\" src=\"https:\/\/guerraegaspar.com.br\/wp-content\/uploads\/2025\/08\/Design-sem-nome-6.png\"\r\n               alt=\"Guerra &amp; Gaspar \u2014 selo\"\r\n               class=\"h-16 sm:h-20 w-auto object-contain\">\r\n        <\/div>\r\n\r\n        <!-- Cart\u00e3o do texto com respiro -->\r\n        <div class=\"bg-black\/35 backdrop-blur-sm rounded-2xl p-4 sm:p-5 mt-4 mb-6 md:bg-transparent md:backdrop-blur-0 md:p-0 md:mt-0 md:mb-0 max-w-[42rem]\">\r\n          <h1 class=\"text-[22px] leading-tight sm:text-[26px] md:text-4xl lg:text-5xl font-bold\">\r\n            Port\u00f5es Autom\u00e1ticos e Seguran\u00e7a Eletr\u00f4nica no Rio de Janeiro\r\n          <\/h1>\r\n\r\n          <p class=\"mt-3 text-[15px] sm:text-base md:text-lg text-white\/90 leading-relaxed\">\r\n            25 anos em instala\u00e7\u00e3o, manuten\u00e7\u00e3o e serralheria com atendimento r\u00e1pido e confi\u00e1vel.\r\n          <\/p>\r\n\r\n          <!-- CTAs -->\r\n          <div class=\"mt-5 flex flex-col gap-3 sm:flex-row\">\r\n            <a href=\"https:\/\/wa.me\/5521964787009\"\r\n               class=\"w-full sm:w-auto inline-flex items-center justify-center gap-2 rounded-full bg-gg-orange px-6 py-3 text-[15px] font-bold text-white transition hover:bg-gg-black focus:outline-none focus:ring-2 focus:ring-gg-orange focus:ring-offset-2\">\r\n              <i class=\"fa-brands fa-whatsapp text-base\"><\/i>\r\n              Converse no WhatsApp\r\n            <\/a>\r\n            <a href=\"tel:+552125640252\"\r\n               class=\"w-full sm:w-auto inline-flex items-center justify-center gap-2 rounded-full border border-white\/70 px-6 py-3 text-[15px] font-semibold text-white transition hover:bg-white hover:text-gg-black focus:outline-none focus:ring-2 focus:ring-gg-orange focus:ring-offset-2\">\r\n              <i class=\"fa-solid fa-phone text-base\"><\/i>\r\n              Ligar agora\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <!-- Chips -->\r\n          <ul class=\"mt-6 grid grid-cols-1 min-[380px]:grid-cols-2 sm:grid-cols-3 gap-2\">\r\n            <li class=\"rounded-full bg-white\/15 px-4 py-2 text-xs sm:text-sm md:text-base text-center sm:text-left\">\r\n              <i class=\"fa-solid fa-bolt text-gg-orange mr-2\"><\/i>Atendimento em at\u00e9 24h\r\n            <\/li>\r\n            <li class=\"rounded-full bg-white\/15 px-4 py-2 text-xs sm:text-sm md:text-base text-center sm:text-left\">\r\n              <i class=\"fa-solid fa-screwdriver-wrench text-gg-orange mr-2\"><\/i>Equipe qualificada\r\n            <\/li>\r\n            <li class=\"rounded-full bg-white\/15 px-4 py-2 text-xs sm:text-sm md:text-base text-center sm:text-left\">\r\n              <i class=\"fa-solid fa-award text-gg-orange mr-2\"><\/i>Revendedores autorizados\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Selo (DESKTOP, \u00e0 direita, sem sombra\/blur) -->\r\n      <div class=\"order-1 md:order-2 hidden md:flex items-start md:items-center justify-center md:justify-start\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/guerraegaspar.com.br\/wp-content\/uploads\/2025\/08\/Design-sem-nome-6.png\"\r\n          alt=\"Guerra &amp; Gaspar \u2014 selo\"\r\n          class=\"h-[3.2rem] lg:h-[3.8rem] xl:h-[4.2rem] w-auto object-contain\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n        <!-- Servi\u00e7os -->\r\n        <section id=\"servicos\" class=\"py-16 bg-gg-light-gray\">\r\n            <div class=\"container mx-auto px-4\">\r\n                <h2 class=\"text-3xl font-bold text-center mb-12\">Nossos Servi\u00e7os<\/h2>\r\n                \r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n                    <!-- CFTV -->\r\n                    <div class=\"bg-white rounded-lg shadow-md p-6 card-hover\">\r\n                        <div class=\"w-14 h-14 bg-gg-orange bg-opacity-10 rounded-full flex items-center justify-center mb-4\">\r\n                            <i class=\"fas fa-video text-gg-orange text-2xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold mb-3\">CFTV<\/h3>\r\n                        <p class=\"text-gray-600 mb-4\">C\u00e2meras com vis\u00e3o noturna e acesso remoto para monitoramento 24 horas da sua propriedade.<\/p>\r\n                        <a href=\"https:\/\/wa.me\/5521964787009?text=Ol\u00e1! Gostaria de saber mais sobre sistemas de CFTV.\" class=\"text-gg-orange font-medium hover:underline focus-ring\">Saiba mais <i class=\"fas fa-arrow-right ml-1\"><\/i><\/a>\r\n                    <\/div>\r\n                    \r\n                   <!-- Port\u00f5es & Cancelas -->\r\n<div class=\"bg-white rounded-lg shadow-md p-6 card-hover\">\r\n  <div class=\"w-14 h-14 bg-gg-orange bg-opacity-10 rounded-full flex items-center justify-center mb-4\">\r\n    <i class=\"fas fa-door-closed text-gg-orange text-2xl\"><\/i>\r\n  <\/div>\r\n  <h3 class=\"text-xl font-bold mb-3\">Port\u00f5es & Cancelas<\/h3>\r\n  <p class=\"text-gray-600 mb-4\">\r\n    Deslizante, basculante, pivotante, guilhotina e cancelas - instala\u00e7\u00e3o e manuten\u00e7\u00e3o especializada.\r\n  <\/p>\r\n  <a href=\"https:\/\/wa.me\/5521964787009?text=Ol\u00e1! Gostaria de saber mais sobre port\u00f5es autom\u00e1ticos.\" \r\n     class=\"text-gg-orange font-medium hover:underline focus-ring\">\r\n    Saiba mais <i class=\"fas fa-arrow-right ml-1\"><\/i>\r\n  <\/a>\r\n<\/div>\r\n\r\n                    \r\n                    <!-- Interfonia -->\r\n                    <div class=\"bg-white rounded-lg shadow-md p-6 card-hover\">\r\n                        <div class=\"w-14 h-14 bg-gg-orange bg-opacity-10 rounded-full flex items-center justify-center mb-4\">\r\n                            <i class=\"fas fa-phone-alt text-gg-orange text-2xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold mb-3\">Interfonia<\/h3>\r\n                        <p class=\"text-gray-600 mb-4\">Sistemas residenciais e condominiais, com ou sem fio, com op\u00e7\u00e3o de v\u00eddeo para maior seguran\u00e7a.<\/p>\r\n                        <a href=\"https:\/\/wa.me\/5521964787009?text=Ol\u00e1! Gostaria de saber mais sobre sistemas de interfonia.\" class=\"text-gg-orange font-medium hover:underline focus-ring\">Saiba mais <i class=\"fas fa-arrow-right ml-1\"><\/i><\/a>\r\n                    <\/div>\r\n                    \r\n                    <!-- Controle de Acesso -->\r\n                    <div class=\"bg-white rounded-lg shadow-md p-6 card-hover\">\r\n                        <div class=\"w-14 h-14 bg-gg-orange bg-opacity-10 rounded-full flex items-center justify-center mb-4\">\r\n                            <i class=\"fas fa-fingerprint text-gg-orange text-2xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold mb-3\">Controle de Acesso<\/h3>\r\n                        <p class=\"text-gray-600 mb-4\">Solu\u00e7\u00f5es modernas com reconhecimento facial, biom\u00e9trico ou por cart\u00e3o\/TAG para controle de entrada.<\/p>\r\n                        <a href=\"https:\/\/wa.me\/5521964787009?text=Ol\u00e1! Gostaria de saber mais sobre controle de acesso.\" class=\"text-gg-orange font-medium hover:underline focus-ring\">Saiba mais <i class=\"fas fa-arrow-right ml-1\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- Modelos de Port\u00f5es -->\r\n        <section id=\"modelos\" class=\"py-16 bg-white\">\r\n            <div class=\"container mx-auto px-4\">\r\n                <h2 class=\"text-3xl font-bold text-center mb-12\">Tipos de Port\u00f5es para Automatiza\u00e7\u00e3o<\/h2>\r\n                \r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n                    <!-- Deslizante -->\r\n                    <div class=\"bg-white rounded-lg shadow-md overflow-hidden card-hover\">\r\n                        <div class=\"relative h-48 overflow-hidden group\">\r\n                            <img decoding=\"async\" src=\"https:\/\/guerraegaspar.com.br\/wp-content\/uploads\/2025\/08\/Portoes-Deslizantes.jpg\" \r\n                                 alt=\"Port\u00e3o deslizante\" \r\n                                 class=\"w-full h-full object-cover\"\r\n                                 loading=\"lazy\">\r\n                            <div class=\"image-overlay\">\r\n                                <a href=\"https:\/\/wa.me\/5521964787009?text=Ol\u00e1! Gostaria de saber mais sobre port\u00f5es deslizantes.\" \r\n                                   class=\"bg-gg-orange text-white px-4 py-2 rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300 focus-ring\">\r\n                                    Saiba mais\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"p-6\">\r\n                            <h3 class=\"text-xl font-bold mb-2\">Deslizante<\/h3>\r\n                            <p class=\"text-gray-600 mb-4\">Ideal para \u00e1reas com espa\u00e7o lateral livre, proporcionando abertura total sem ocupar \u00e1rea frontal.<\/p>\r\n                            <a href=\"https:\/\/wa.me\/5521964787009?text=Ol\u00e1! Gostaria de saber mais sobre port\u00f5es deslizantes.\" class=\"text-gg-orange font-medium hover:underline focus-ring\">Detalhes <i class=\"fas fa-arrow-right ml-1\"><\/i><\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Pivotante -->\r\n                    <div class=\"bg-white rounded-lg shadow-md overflow-hidden card-hover\">\r\n                        <div class=\"relative h-48 overflow-hidden group\">\r\n                            <img decoding=\"async\" src=\"https:\/\/guerraegaspar.com.br\/wp-content\/uploads\/2025\/08\/229553893614211.jpg\" \r\n                                 alt=\"Port\u00e3o pivotante\" \r\n                                 class=\"w-full h-full object-cover\"\r\n                                 loading=\"lazy\">\r\n                            <div class=\"image-overlay\">\r\n                                <a href=\"https:\/\/wa.me\/5521964787009?text=Ol\u00e1! Gostaria de saber mais sobre port\u00f5es pivotantes.\" \r\n                                   class=\"bg-gg-orange text-white px-4 py-2 rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300 focus-ring\">\r\n                                    Saiba mais\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"p-6\">\r\n                            <h3 class=\"text-xl font-bold mb-2\">Pivotante<\/h3>\r\n                            <p class=\"text-gray-600 mb-4\">Elegante e robusto, com 2 motores e bra\u00e7os em inox, ideal para entradas principais.<\/p>\r\n                            <a href=\"https:\/\/wa.me\/5521964787009?text=Ol\u00e1! Gostaria de saber mais sobre port\u00f5es pivotantes.\" class=\"text-gg-orange font-medium hover:underline focus-ring\">Detalhes <i class=\"fas fa-arrow-right ml-1\"><\/i><\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Basculante -->\r\n                    <div class=\"bg-white rounded-lg shadow-md overflow-hidden card-hover\">\r\n                        <div class=\"relative h-48 overflow-hidden group\">\r\n                            <img decoding=\"async\" src=\"https:\/\/guerraegaspar.com.br\/wp-content\/uploads\/2025\/08\/portoes-automaticos.jpg\" \r\n                                 alt=\"Port\u00e3o basculante\" \r\n                                 class=\"w-full h-full object-cover\"\r\n                                 loading=\"lazy\">\r\n                            <div class=\"image-overlay\">\r\n                                <a href=\"https:\/\/wa.me\/5521964787009?text=Ol\u00e1! Gostaria de saber mais sobre port\u00f5es basculantes.\" \r\n                                   class=\"bg-gg-orange text-white px-4 py-2 rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300 focus-ring\">\r\n                                    Saiba mais\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"p-6\">\r\n                            <h3 class=\"text-xl font-bold mb-2\">Basculante<\/h3>\r\n                            <p class=\"text-gray-600 mb-4\">\u00d3tima op\u00e7\u00e3o para locais com pouco recuo, abrindo para cima sem ocupar espa\u00e7o frontal.<\/p>\r\n                            <a href=\"https:\/\/wa.me\/5521964787009?text=Ol\u00e1! Gostaria de saber mais sobre port\u00f5es basculantes.\" class=\"text-gg-orange font-medium hover:underline focus-ring\">Detalhes <i class=\"fas fa-arrow-right ml-1\"><\/i><\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Garagem -->\r\n                    <div class=\"bg-white rounded-lg shadow-md overflow-hidden card-hover\">\r\n                        <div class=\"relative h-48 overflow-hidden group\">\r\n                            <img decoding=\"async\" src=\"https:\/\/guerraegaspar.com.br\/wp-content\/uploads\/2025\/08\/onde-vende-portao-garagem.jpg\" \r\n                                 alt=\"Port\u00e3o de garagem\" \r\n                                 class=\"w-full h-full object-cover\"\r\n                                 loading=\"lazy\">\r\n                            <div class=\"image-overlay\">\r\n                                <a href=\"https:\/\/wa.me\/5521964787009?text=Ol\u00e1! Gostaria de saber mais sobre port\u00f5es de garagem.\" \r\n                                   class=\"bg-gg-orange text-white px-4 py-2 rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300 focus-ring\">\r\n                                    Saiba mais\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"p-6\">\r\n                            <h3 class=\"text-xl font-bold mb-2\">Garagem<\/h3>\r\n                            <p class=\"text-gray-600 mb-4\">Pr\u00e1tico e silencioso, perfeito para garagens residenciais e comerciais com abertura r\u00e1pida.<\/p>\r\n                            <a href=\"https:\/\/wa.me\/5521964787009?text=Ol\u00e1! Gostaria de saber mais sobre port\u00f5es de garagem.\" class=\"text-gg-orange font-medium hover:underline focus-ring\">Detalhes <i class=\"fas fa-arrow-right ml-1\"><\/i><\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"text-center mt-12\">\r\n                    <a href=\"https:\/\/wa.me\/5521964787009?text=Ol\u00e1! Gostaria de receber o cat\u00e1logo completo de port\u00f5es autom\u00e1ticos.\" \r\n                       class=\"bg-gg-orange text-white px-8 py-4 rounded-full font-semibold text-lg hover:bg-orange-600 transition-colors duration-300 focus-ring\">\r\n                Cat\u00e1logo no WhatsApp\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- Quem Somos -->\r\n        <section id=\"sobre\" class=\"py-16 bg-gg-light-gray\">\r\n            <div class=\"container mx-auto px-4\">\r\n                <div class=\"flex flex-col lg:flex-row items-center gap-12\">\r\n                    <div class=\"lg:w-1\/2\">\r\n                        <img decoding=\"async\" src=\"https:\/\/guerraegaspar.com.br\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-19-de-ago.-de-2025-19_16_18.png\" \r\n                             alt=\"Equipe Guerra & Gaspar\" \r\n                             class=\"rounded-lg shadow-lg w-full\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"lg:w-1\/2\">\r\n                        <h2 class=\"text-3xl font-bold mb-6\">Quem Somos<\/h2>\r\n                        <p class=\"text-lg mb-6\">A Guerra & Gaspar \u00e9 uma empresa familiar fundada em 2000, com mais de 25 anos de experi\u00eancia no mercado de port\u00f5es autom\u00e1ticos e seguran\u00e7a eletr\u00f4nica no Rio de Janeiro.<\/p>\r\n                        <p class=\"text-lg mb-6\">Especializada em venda com instala\u00e7\u00e3o, manuten\u00e7\u00e3o e conserto de sistemas de automa\u00e7\u00e3o, oferecemos solu\u00e7\u00f5es completas com as melhores marcas do mercado para condom\u00ednios, resid\u00eancias e com\u00e9rcios em toda a regi\u00e3o metropolitana.<\/p>\r\n                        \r\n                        <div class=\"bg-gg-orange bg-opacity-10 p-6 rounded-lg border-l-4 border-gg-orange\">\r\n                            <div class=\"flex items-center\">\r\n                                <div class=\"bg-gg-orange text-white w-12 h-12 rounded-full flex items-center justify-center mr-4\">\r\n                                    <i class=\"fas fa-award text-xl\"><\/i>\r\n                                <\/div>\r\n                                <h3 class=\"text-xl font-bold\">25 anos de experi\u00eancia<\/h3>\r\n                            <\/div>\r\n                            <p class=\"mt-4\">Nossa trajet\u00f3ria \u00e9 marcada pelo compromisso com a qualidade, atendimento personalizado e solu\u00e7\u00f5es que garantem seguran\u00e7a e praticidade para nossos clientes.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n    \r\n\r\n        \r\n        <!-- Diferenciais -->\r\n        <section class=\"py-16 bg-gg-light-gray\">\r\n            <div class=\"container mx-auto px-4\">\r\n                <h2 class=\"text-3xl font-bold text-center mb-12\">Nossos Diferenciais<\/h2>\r\n                \r\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-8\">\r\n                    <div class=\"text-center\">\r\n                        <div class=\"w-16 h-16 bg-gg-orange bg-opacity-10 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n                            <i class=\"fas fa-truck text-gg-orange text-2xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold mb-2\">Frota pr\u00f3pria<\/h3>\r\n                        <p class=\"text-gray-600\">Atendimento r\u00e1pido, inclusive aos s\u00e1bados.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"text-center\">\r\n                        <div class=\"w-16 h-16 bg-gg-orange bg-opacity-10 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n                            <i class=\"fas fa-user-tie text-gg-orange text-2xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold mb-2\">Equipe qualificada<\/h3>\r\n                        <p class=\"text-gray-600\">Profissionais certificados e experientes.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"text-center\">\r\n                        <div class=\"w-16 h-16 bg-gg-orange bg-opacity-10 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n                            <i class=\"fas fa-certificate text-gg-orange text-2xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold mb-2\">Revenda autorizada<\/h3>\r\n                        <p class=\"text-gray-600\">PPA, Intelbras, AGL e outras marcas l\u00edderes.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"text-center\">\r\n                        <div class=\"w-16 h-16 bg-gg-orange bg-opacity-10 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n                            <i class=\"fas fa-map-marked-alt text-gg-orange text-2xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold mb-2\">Cobertura Grande Rio<\/h3>\r\n                        <p class=\"text-gray-600\">Atendemos toda a regi\u00e3o metropolitana.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"text-center\">\r\n                        <div class=\"w-16 h-16 bg-gg-orange bg-opacity-10 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n                            <i class=\"fas fa-tools text-gg-orange text-2xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold mb-2\">Solu\u00e7\u00f5es completas<\/h3>\r\n                        <p class=\"text-gray-600\">Venda, instala\u00e7\u00e3o e manuten\u00e7\u00e3o.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- Chamada Final -->\r\n        <section id=\"orcamento\" class=\"py-16 bg-gg-black text-white\">\r\n            <div class=\"container mx-auto px-4 text-center\">\r\n                <h2 class=\"text-3xl font-bold mb-4\">Solicite um Or\u00e7amento<\/h2>\r\n                <p class=\"text-xl mb-8 max-w-2xl mx-auto\">Visita t\u00e9cnica e or\u00e7amento sem custo para sua resid\u00eancia, condom\u00ednio ou com\u00e9rcio.<\/p>\r\n                \r\n                <div class=\"flex flex-col sm:flex-row justify-center gap-4 mb-8\">\r\n                    <a href=\"https:\/\/wa.me\/5521964787009\" class=\"bg-gg-orange text-white px-8 py-3 rounded-full font-semibold hover:bg-orange-600 transition-colors duration-300 focus-ring\">\r\n                        <i class=\"fab fa-whatsapp mr-2\"><\/i> WhatsApp\r\n                    <\/a>\r\n                    <a href=\"tel:+552125640252\" class=\"bg-white text-gg-black px-8 py-3 rounded-full font-semibold hover:bg-gray-200 transition-colors duration-300 focus-ring\">\r\n                        <i class=\"fas fa-phone mr-2\"><\/i> Ligar\r\n                    <\/a>\r\n                <\/div>\r\n                \r\n                <p class=\"text-gray-300\">Resposta r\u00e1pida em hor\u00e1rio comercial \u2022 Atendimento tamb\u00e9m aos s\u00e1bados<\/p>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- FAQ -->\r\n        <section id=\"faq\" class=\"py-16 bg-white\">\r\n            <div class=\"container mx-auto px-4 max-w-4xl\">\r\n                <h2 class=\"text-3xl font-bold text-center mb-12\">Perguntas Frequentes<\/h2>\r\n                \r\n                <div class=\"space-y-4\">\r\n                    <!-- FAQ Item 1 -->\r\n                    <details class=\"group border border-gray-200 rounded-lg overflow-hidden\">\r\n                        <summary class=\"flex items-center justify-between p-4 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors duration-300 focus-ring\">\r\n                            <h3 class=\"font-semibold text-lg\">Atendem resid\u00eancias tamb\u00e9m?<\/h3>\r\n                            <div class=\"w-5 h-5 flex items-center justify-center text-gg-orange transition-transform duration-300 group-open:rotate-180\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/summary>\r\n                        <div class=\"px-4 pb-4 pt-2\">\r\n                            <p>Sim, atendemos resid\u00eancias, empresas e condom\u00ednios em toda a regi\u00e3o metropolitana do Rio de Janeiro. Temos solu\u00e7\u00f5es espec\u00edficas para cada tipo de necessidade.<\/p>\r\n                        <\/div>\r\n                    <\/details>\r\n                    \r\n                    <!-- FAQ Item 2 -->\r\n                    <details class=\"group border border-gray-200 rounded-lg overflow-hidden\">\r\n                        <summary class=\"flex items-center justify-between p-4 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors duration-300 focus-ring\">\r\n                            <h3 class=\"font-semibold text-lg\">Or\u00e7amento \u00e9 gratuito?<\/h3>\r\n                            <div class=\"w-5 h-5 flex items-center justify-center text-gg-orange transition-transform duration-300 group-open:rotate-180\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/summary>\r\n                        <div class=\"px-4 pb-4 pt-2\">\r\n                            <p>Sim, realizamos visita t\u00e9cnica e or\u00e7amento sem custo para que voc\u00ea possa conhecer nossas solu\u00e7\u00f5es e receber uma proposta personalizada para sua necessidade.<\/p>\r\n                        <\/div>\r\n                    <\/details>\r\n                    \r\n                    <!-- FAQ Item 3 -->\r\n                    <details class=\"group border border-gray-200 rounded-lg overflow-hidden\">\r\n                        <summary class=\"flex items-center justify-between p-4 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors duration-300 focus-ring\">\r\n                            <h3 class=\"font-semibold text-lg\">Qual o prazo de atendimento?<\/h3>\r\n                            <div class=\"w-5 h-5 flex items-center justify-center text-gg-orange transition-transform duration-300 group-open:rotate-180\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/summary>\r\n                        <div class=\"px-4 pb-4 pt-2\">\r\n                            <p>Para emerg\u00eancias, geralmente atendemos no mesmo dia. Para instala\u00e7\u00f5es novas, o prazo varia conforme a complexidade do projeto, mas sempre buscamos agilizar ao m\u00e1ximo.<\/p>\r\n                        <\/div>\r\n                    <\/details>\r\n                    \r\n                    <!-- FAQ Item 4 -->\r\n                    <details class=\"group border border-gray-200 rounded-lg overflow-hidden\">\r\n                        <summary class=\"flex items-center justify-between p-4 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors duration-300 focus-ring\">\r\n                            <h3 class=\"font-semibold text-lg\">Fabricam port\u00f5es sob medida?<\/h3>\r\n                            <div class=\"w-5 h-5 flex items-center justify-center text-gg-orange transition-transform duration-300 group-open:rotate-180\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/summary>\r\n                        <div class=\"px-4 pb-4 pt-2\">\r\n                            <p>Sim, fabricamos port\u00f5es sob medida em ferro ou alum\u00ednio, com pintura eletrost\u00e1tica ou anodizado, garantindo durabilidade e acabamento perfeito para seu projeto.<\/p>\r\n                        <\/div>\r\n                    <\/details>\r\n                    \r\n                    <!-- FAQ Item 5 -->\r\n                    <details class=\"group border border-gray-200 rounded-lg overflow-hidden\">\r\n                        <summary class=\"flex items-center justify-between p-4 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors duration-300 focus-ring\">\r\n                            <h3 class=\"font-semibold text-lg\">Quais \u00e1reas atendem?<\/h3>\r\n                            <div class=\"w-5 h-5 flex items-center justify-center text-gg-orange transition-transform duration-300 group-open:rotate-180\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/summary>\r\n                        <div class=\"px-4 pb-4 pt-2\">\r\n                            <p>Atendemos toda a regi\u00e3o metropolitana do Rio de Janeiro, incluindo Zona Norte, Zona Sul, Zona Oeste, Baixada Fluminense e Regi\u00e3o dos Lagos.<\/p>\r\n                        <\/div>\r\n                    <\/details>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/main>\r\n    \r\n    <!-- Footer -->\r\n    <footer class=\"bg-gg-black text-white pt-16 pb-8\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12 mb-12\">\r\n            <!-- About -->\r\n<div>\r\n    <h3 class=\"text-xl font-bold mb-4\">Guerra & Gaspar<\/h3>\r\n    <p class=\"mb-6\">25 anos de experi\u00eancia em port\u00f5es autom\u00e1ticos e seguran\u00e7a eletr\u00f4nica no Rio de Janeiro, oferecendo solu\u00e7\u00f5es completas para condom\u00ednios, resid\u00eancias e com\u00e9rcios.<\/p>\r\n    \r\n    <div class=\"flex space-x-4\">\r\n        <!-- Instagram -->\r\n        <a href=\"https:\/\/www.instagram.com\/ggportoes\" target=\"_blank\" \r\n           class=\"text-white hover:text-gg-orange transition-colors duration-300 focus-ring\" \r\n           aria-label=\"Instagram\">\r\n            <i class=\"fab fa-instagram text-2xl\"><\/i>\r\n        <\/a>\r\n        \r\n        <!-- Facebook -->\r\n        <a href=\"https:\/\/www.facebook.com\/p\/Guerra-Gaspar-Port%C3%B5es-Autom%C3%A1ticos-100070615560193\" target=\"_blank\" \r\n           class=\"text-white hover:text-gg-orange transition-colors duration-300 focus-ring\" \r\n           aria-label=\"Facebook\">\r\n            <i class=\"fab fa-facebook text-2xl\"><\/i>\r\n        <\/a>\r\n        \r\n        <!-- WhatsApp -->\r\n        <a href=\"https:\/\/wa.me\/5521964787009\" target=\"_blank\" \r\n           class=\"text-white hover:text-gg-orange transition-colors duration-300 focus-ring\" \r\n           aria-label=\"WhatsApp\">\r\n            <i class=\"fab fa-whatsapp text-2xl\"><\/i>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n                \r\n                <!-- Contact -->\r\n                <div>\r\n                    <h3 class=\"text-xl font-bold mb-4\">Contato<\/h3>\r\n                    <address class=\"not-italic\">\r\n                        <p class=\"mb-4 flex items-start\">\r\n                            <i class=\"fas fa-map-marker-alt text-gg-orange mr-3 mt-1\"><\/i>\r\n                            <span>Rua Irani, 174 \u2013 Penha, Rio de Janeiro - RJ<\/span>\r\n                        <\/p>\r\n                        <p class=\"mb-4 flex items-center\">\r\n                            <i class=\"fas fa-phone-alt text-gg-orange mr-3\"><\/i>\r\n                            <span>(21) 2564-0252 \/ 2561-1503 \/ 3976-4266<\/span>\r\n                        <\/p>\r\n                        <p class=\"mb-4 flex items-center\">\r\n                            <i class=\"fab fa-whatsapp text-gg-orange mr-3\"><\/i>\r\n                            <span>(21) 96478-7009<\/span>\r\n                        <\/p>\r\n                        <p class=\"flex items-center\">\r\n                            <i class=\"fas fa-envelope text-gg-orange mr-3\"><\/i>\r\n                            <span>contato@guerraegaspar.com.br<\/span>\r\n                        <\/p>\r\n                    <\/address>\r\n                <\/div>\r\n                \r\n                <!-- Hours -->\r\n                <div>\r\n                    <h3 class=\"text-xl font-bold mb-4\">Hor\u00e1rios<\/h3>\r\n                    <p class=\"mb-2\"><span class=\"font-medium\">Segunda a Sexta:<\/span> 8h \u00e0s 18h<\/p>\r\n                    <p class=\"mb-2\"><span class=\"font-medium\">S\u00e1bado:<\/span> 8h \u00e0s 13h<\/p>\r\n                    <p><span class=\"font-medium\">Plant\u00e3o:<\/span> Atendimento para emerg\u00eancias<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"border-t border-gray-700 pt-8 text-center text-gray-400\">\r\n                <p>\u00a9 2025 Guerra & Gaspar Port\u00f5es Autom\u00e1ticos. Todos os direitos reservados.<\/p>\r\n                <p class=\"mt-2 text-sm\"><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n    \r\n    <!-- Schema.org JSON-LD -->\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"LocalBusiness\",\r\n      \"name\": \"Guerra & Gaspar Port\u00f5es Autom\u00e1ticos\",\r\n      \"image\": \"https:\/\/www.guerraegaspar.com.br\/images\/logo.jpg\",\r\n      \"@id\": \"https:\/\/www.guerraegaspar.com.br\",\r\n      \"url\": \"https:\/\/www.guerraegaspar.com.br\",\r\n      \"telephone\": \"+552125640252\",\r\n      \"address\": {\r\n        \"@type\": \"PostalAddress\",\r\n        \"streetAddress\": \"Rua Irani, 174\",\r\n        \"addressLocality\": \"Penha\",\r\n        \"addressRegion\": \"RJ\",\r\n        \"postalCode\": \"21000-000\",\r\n        \"addressCountry\": \"BR\"\r\n      },\r\n      \"geo\": {\r\n        \"@type\": \"GeoCoordinates\",\r\n        \"latitude\": -22.8375,\r\n        \"longitude\": -43.2889\r\n      },\r\n      \"openingHoursSpecification\": {\r\n        \"@type\": \"OpeningHoursSpecification\",\r\n        \"dayOfWeek\": [\r\n          \"Monday\",\r\n          \"Tuesday\",\r\n          \"Wednesday\",\r\n          \"Thursday\",\r\n          \"Friday\"\r\n        ],\r\n        \"opens\": \"08:00\",\r\n        \"closes\": \"18:00\"\r\n      },\r\n      \"sameAs\": [\r\n        \"https:\/\/www.instagram.com\/guerraegaspar\"\r\n      ]\r\n    }\r\n    <\/script>\r\n    \r\n    <!-- JavaScript -->\r\n    <script>\r\n        \/\/ Mobile menu toggle\r\n        const mobileMenuButton = document.getElementById('mobile-menu-button');\r\n        const mobileMenu = document.getElementById('mobile-menu');\r\n        \r\n        mobileMenuButton.addEventListener('click', () => {\r\n            const isExpanded = mobileMenuButton.getAttribute('aria-expanded') === 'true';\r\n            mobileMenuButton.setAttribute('aria-expanded', !isExpanded);\r\n            mobileMenu.classList.toggle('hidden');\r\n            \r\n            \/\/ Change icon\r\n            const icon = mobileMenuButton.querySelector('i');\r\n            if (isExpanded) {\r\n                icon.classList.remove('fa-times');\r\n                icon.classList.add('fa-bars');\r\n            } else {\r\n                icon.classList.remove('fa-bars');\r\n                icon.classList.add('fa-times');\r\n            }\r\n        });\r\n        \r\n        \/\/ Close mobile menu when clicking on a link\r\n        document.querySelectorAll('#mobile-menu a').forEach(link => {\r\n            link.addEventListener('click', () => {\r\n                mobileMenu.classList.add('hidden');\r\n                mobileMenuButton.querySelector('i').classList.remove('fa-times');\r\n                mobileMenuButton.querySelector('i').classList.add('fa-bars');\r\n                mobileMenuButton.setAttribute('aria-expanded', 'false');\r\n            });\r\n        });\r\n        \r\n        \/\/ Track CTA clicks (placeholder for analytics)\r\n        document.querySelectorAll('[href*=\"wa.me\"], [href*=\"tel:\"]').forEach(link => {\r\n            link.addEventListener('click', function(e) {\r\n                \/\/ In a real implementation, this would send data to Google Analytics\r\n                console.log('CTA clicked:', this.href);\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\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>Guerra &#038; Gaspar &#8211; Port\u00f5es Autom\u00e1ticos e Seguran\u00e7a Eletr\u00f4nica no Rio de Janeiro Pular para conte\u00fado principal Guerra &amp; Gaspar Servi\u00e7os Modelos Sobre FAQ Or\u00e7amento Servi\u00e7os Modelos Sobre FAQ Ligar WhatsApp Port\u00f5es Autom\u00e1ticos e Seguran\u00e7a Eletr\u00f4nica no Rio de Janeiro 25 anos em instala\u00e7\u00e3o, manuten\u00e7\u00e3o e serralheria com atendimento r\u00e1pido e confi\u00e1vel. Converse no WhatsApp [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/guerraegaspar.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guerraegaspar.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/guerraegaspar.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/guerraegaspar.com.br\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/guerraegaspar.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":154,"href":"https:\/\/guerraegaspar.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":211,"href":"https:\/\/guerraegaspar.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/211"}],"wp:attachment":[{"href":"https:\/\/guerraegaspar.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}