{"id":80,"date":"2026-07-07T15:36:02","date_gmt":"2026-07-07T13:36:02","guid":{"rendered":"https:\/\/generalenriquegodoy.gob.ar\/?page_id=80"},"modified":"2026-10-02T14:04:07","modified_gmt":"2026-10-02T12:04:07","slug":"tramites-y-servicios","status":"publish","type":"page","link":"https:\/\/generalenriquegodoy.gob.ar\/?page_id=80","title":{"rendered":"Tr\u00e1mites y Servicios"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"80\" class=\"elementor elementor-80\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e4c3bf e-con e-atomic-element e-flexbox-base e-27f0478 \" data-id=\"5e4c3bf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5e4c3bf\" data-e-type=\"e-flexbox\" data-id=\"5e4c3bf\">\n    \t\t<div class=\"elementor-element elementor-element-8fde38a elementor-widget elementor-widget-html\" data-id=\"8fde38a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\" class=\"scroll-smooth\">\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>Tr\u00e1mites y Servicios - Municipalidad de General Enrique Godoy<\/title>\r\n    \r\n    <!-- Font Awesome Icons & Google Fonts -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\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@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <!-- Custom CSS Styles using #1274F0 Brand Color -->\r\n    <style>\r\n        :root {\r\n            --brand-blue: #1274F0;\r\n            --brand-blue-hover: #0d5fc7;\r\n            --brand-blue-light: #eff6ff;\r\n            --brand-blue-border: #bfdbfe;\r\n            --slate-50: #f8fafc;\r\n            --slate-100: #f1f5f9;\r\n            --slate-200: #e2e8f0;\r\n            --slate-300: #cbd5e1;\r\n            --slate-600: #475569;\r\n            --slate-700: #334155;\r\n            --slate-800: #1e293b;\r\n            --slate-900: #0f172a;\r\n        }\r\n\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: var(--slate-50);\r\n            color: var(--slate-800);\r\n            line-height: 1.5;\r\n            padding: 24px 16px;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Banner Hero & Oficina Virtual *\/\r\n        .page-header {\r\n            text-align: center;\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .badge-category {\r\n            display: inline-block;\r\n            background-color: var(--brand-blue-light);\r\n            color: var(--brand-blue);\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            padding: 4px 12px;\r\n            border-radius: 9999px;\r\n            margin-bottom: 10px;\r\n            border: 1px solid var(--brand-blue-border);\r\n        }\r\n\r\n        .page-title {\r\n            font-size: 2rem;\r\n            font-weight: 800;\r\n            color: var(--slate-900);\r\n            letter-spacing: -0.5px;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .page-subtitle {\r\n            color: var(--slate-600);\r\n            font-size: 0.95rem;\r\n            max-width: 650px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Hero Oficina Virtual *\/\r\n        .virtual-banner {\r\n            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n            border-radius: 20px;\r\n            padding: 28px;\r\n            color: #ffffff;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n            margin-bottom: 32px;\r\n            box-shadow: 0 10px 25px -5px rgba(18, 116, 240, 0.15);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .virtual-banner {\r\n                flex-direction: row;\r\n                align-items: center;\r\n                justify-content: space-between;\r\n                padding: 32px 40px;\r\n            }\r\n        }\r\n\r\n        .virtual-banner-info {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 20px;\r\n        }\r\n\r\n        .virtual-icon-box {\r\n            background: rgba(18, 116, 240, 0.2);\r\n            color: var(--brand-blue);\r\n            width: 56px;\r\n            height: 56px;\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 24px;\r\n            flex-shrink: 0;\r\n            border: 1px solid rgba(18, 116, 240, 0.4);\r\n        }\r\n\r\n        .virtual-title {\r\n            font-size: 1.25rem;\r\n            font-weight: 700;\r\n            margin-bottom: 6px;\r\n            color: #ffffff;\r\n        }\r\n\r\n        .virtual-desc {\r\n            color: var(--slate-300);\r\n            font-size: 0.875rem;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .btn-brand {\r\n            background-color: var(--brand-blue);\r\n            color: #ffffff;\r\n            font-weight: 600;\r\n            font-size: 0.875rem;\r\n            padding: 12px 24px;\r\n            border-radius: 12px;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            transition: all 0.2s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .btn-brand:hover {\r\n            background-color: var(--brand-blue-hover);\r\n            transform: translateY(-1px);\r\n            box-shadow: 0 4px 12px rgba(18, 116, 240, 0.3);\r\n        }\r\n\r\n        \/* Buscador y Filtros *\/\r\n        .search-filter-wrapper {\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .search-box {\r\n            position: relative;\r\n            max-width: 600px;\r\n            margin: 0 auto 20px auto;\r\n        }\r\n\r\n        .search-input {\r\n            width: 100%;\r\n            padding: 14px 44px 14px 48px;\r\n            border-radius: 14px;\r\n            border: 1px solid var(--slate-300);\r\n            background-color: #ffffff;\r\n            font-size: 0.95rem;\r\n            color: var(--slate-800);\r\n            outline: none;\r\n            transition: border-color 0.2s, box-shadow 0.2s;\r\n        }\r\n\r\n        .search-input:focus {\r\n            border-color: var(--brand-blue);\r\n            box-shadow: 0 0 0 4px rgba(18, 116, 240, 0.12);\r\n        }\r\n\r\n        .search-icon {\r\n            position: absolute;\r\n            left: 16px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color: var(--slate-600);\r\n            font-size: 16px;\r\n        }\r\n\r\n        .clear-search-btn {\r\n            position: absolute;\r\n            right: 14px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: none;\r\n            border: none;\r\n            color: var(--slate-600);\r\n            cursor: pointer;\r\n            display: none;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .filter-buttons {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .filter-btn {\r\n            background-color: #ffffff;\r\n            color: var(--slate-700);\r\n            border: 1px solid var(--slate-200);\r\n            padding: 8px 16px;\r\n            border-radius: 10px;\r\n            font-size: 0.85rem;\r\n            font-weight: 500;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n\r\n        .filter-btn:hover {\r\n            background-color: var(--slate-100);\r\n        }\r\n\r\n        .filter-btn.active {\r\n            background-color: var(--brand-blue);\r\n            color: #ffffff;\r\n            border-color: var(--brand-blue);\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* Grid de Tarjetas *\/\r\n        .cards-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(1, 1fr);\r\n            gap: 20px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        @media (min-width: 640px) {\r\n            .cards-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (min-width: 1024px) {\r\n            .cards-grid {\r\n                grid-template-columns: repeat(3, 1fr);\r\n            }\r\n        }\r\n\r\n        .service-card {\r\n            background-color: #ffffff;\r\n            border: 1px solid var(--slate-200);\r\n            border-radius: 16px;\r\n            padding: 24px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            transition: all 0.25s ease;\r\n        }\r\n\r\n        .service-card:hover {\r\n            border-color: var(--brand-blue-border);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.06);\r\n        }\r\n\r\n        .card-header {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            justify-content: space-between;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .card-icon {\r\n            width: 48px;\r\n            height: 48px;\r\n            border-radius: 12px;\r\n            background-color: var(--brand-blue-light);\r\n            color: var(--brand-blue);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 20px;\r\n        }\r\n\r\n        .card-tag {\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            padding: 3px 10px;\r\n            border-radius: 9999px;\r\n            background-color: var(--slate-100);\r\n            color: var(--slate-600);\r\n        }\r\n\r\n        .card-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            color: var(--slate-900);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .card-desc {\r\n            font-size: 0.85rem;\r\n            color: var(--slate-600);\r\n            margin-bottom: 20px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .card-footer {\r\n            border-top: 1px solid var(--slate-100);\r\n            padding-top: 16px;\r\n            display: flex;\r\n            gap: 8px;\r\n        }\r\n\r\n        .btn-outline {\r\n            background-color: transparent;\r\n            color: var(--brand-blue);\r\n            border: 1px solid var(--brand-blue);\r\n            padding: 8px 14px;\r\n            border-radius: 8px;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: background-color 0.2s;\r\n            width: 100%;\r\n            text-align: center;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 6px;\r\n        }\r\n\r\n        .btn-outline:hover {\r\n            background-color: var(--brand-blue-light);\r\n        }\r\n\r\n        \/* Empty state *\/\r\n        .no-results {\r\n            text-align: center;\r\n            padding: 40px;\r\n            background: #ffffff;\r\n            border-radius: 16px;\r\n            border: 1px dashed var(--slate-300);\r\n            display: none;\r\n        }\r\n\r\n        \/* FAQ Accordion *\/\r\n        .faq-section {\r\n            background-color: #ffffff;\r\n            border: 1px solid var(--slate-200);\r\n            border-radius: 20px;\r\n            padding: 32px 24px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            font-size: 1.5rem;\r\n            font-weight: 800;\r\n            color: var(--slate-900);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .section-subtitle {\r\n            text-align: center;\r\n            font-size: 0.875rem;\r\n            color: var(--slate-600);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .accordion {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .accordion-item {\r\n            border: 1px solid var(--slate-200);\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .accordion-header {\r\n            width: 100%;\r\n            background: #ffffff;\r\n            padding: 16px 20px;\r\n            text-align: left;\r\n            border: none;\r\n            font-size: 0.95rem;\r\n            font-weight: 600;\r\n            color: var(--slate-800);\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            cursor: pointer;\r\n            transition: background 0.2s;\r\n        }\r\n\r\n        .accordion-header:hover {\r\n            background-color: var(--slate-50);\r\n        }\r\n\r\n        .accordion-header i {\r\n            color: var(--brand-blue);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .accordion-content {\r\n            padding: 0 20px;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease, padding 0.3s ease;\r\n            font-size: 0.875rem;\r\n            color: var(--slate-600);\r\n            background-color: var(--slate-50);\r\n            border-top: 0px solid var(--slate-200);\r\n        }\r\n\r\n        .accordion-item.active .accordion-header i {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .accordion-item.active .accordion-content {\r\n            padding: 16px 20px;\r\n            max-height: 300px;\r\n            border-top-width: 1px;\r\n        }\r\n\r\n        \/* Help Box *\/\r\n        .help-box {\r\n            background-color: var(--brand-blue-light);\r\n            border: 1px solid var(--brand-blue-border);\r\n            border-radius: 16px;\r\n            padding: 24px;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .help-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            color: var(--slate-900);\r\n        }\r\n\r\n        .help-text {\r\n            font-size: 0.875rem;\r\n            color: var(--slate-600);\r\n            max-width: 500px;\r\n        }\r\n\r\n        \/* Modales *\/\r\n        .modal-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(15, 23, 42, 0.6);\r\n            backdrop-filter: blur(4px);\r\n            z-index: 999;\r\n            display: none;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 16px;\r\n        }\r\n\r\n        .modal-card {\r\n            background: #ffffff;\r\n            border-radius: 20px;\r\n            max-width: 550px;\r\n            width: 100%;\r\n            max-height: 90vh;\r\n            overflow-y: auto;\r\n            padding: 28px;\r\n            position: relative;\r\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .modal-close {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            background: var(--slate-100);\r\n            border: none;\r\n            width: 32px;\r\n            height: 32px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            color: var(--slate-600);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .modal-title {\r\n            font-size: 1.25rem;\r\n            font-weight: 800;\r\n            color: var(--slate-900);\r\n            margin-bottom: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .modal-body {\r\n            font-size: 0.875rem;\r\n            color: var(--slate-600);\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 14px;\r\n        }\r\n\r\n        .modal-info-list {\r\n            list-style: none;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 8px;\r\n            margin-top: 8px;\r\n        }\r\n\r\n        .modal-info-list li {\r\n            position: relative;\r\n            padding-left: 20px;\r\n        }\r\n\r\n        .modal-info-list li::before {\r\n            content: \"\u2022\";\r\n            color: var(--brand-blue);\r\n            font-weight: bold;\r\n            font-size: 1.2rem;\r\n            position: absolute;\r\n            left: 0;\r\n            top: -2px;\r\n        }\r\n\r\n        .modal-footer {\r\n            margin-top: 20px;\r\n            padding-top: 16px;\r\n            border-top: 1px solid var(--slate-100);\r\n            display: flex;\r\n            justify-content: flex-end;\r\n            gap: 10px;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- MAIN CONTAINER (INSERTA ESTE BLOQUE DIRECTAMENTE EN TU SITIO) -->\r\n    <main class=\"container\">\r\n\r\n        <!-- Header de la Secci\u00f3n -->\r\n        <header class=\"page-header\">\r\n            <span class=\"badge-category\">Gesti\u00f3n Municipal<\/span>\r\n            <h1 class=\"page-title\">Tr\u00e1mites y Servicios<\/h1>\r\n            <p class=\"page-subtitle\">Acced\u00e9 a toda la informaci\u00f3n sobre requisitos, horarios de atenci\u00f3n, formularios y gestiones en l\u00ednea de General Enrique Godoy.<\/p>\r\n        <\/header>\r\n\r\n        <!-- Banner Destacado: Oficina Virtual -->\r\n        <div class=\"virtual-banner\">\r\n            <div class=\"virtual-banner-info\">\r\n                <div class=\"virtual-icon-box\">\r\n                    <i class=\"fa-solid fa-laptop-code\"><\/i>\r\n                <\/div>\r\n                <div>\r\n                    <h2 class=\"virtual-title\">Oficina Virtual de Tasas y Pagos<\/h2>\r\n                    <p class=\"virtual-desc\">Consult\u00e1 el estado de tu deuda, descarg\u00e1 tus boletas municipales y realiz\u00e1 el pago online de forma r\u00e1pida y segura.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <a href=\"https:\/\/oficinavirtual.live\/apps\/launcher\/index.html?20250922114256&entorno=godoy#\/\" target=\"_blank\" class=\"btn-brand\">\r\n                <span>Ingresar a Oficina Virtual<\/span>\r\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- Buscador y Filtros -->\r\n        <div class=\"search-filter-wrapper\">\r\n            <div class=\"search-box\">\r\n                <i class=\"fa-solid fa-magnifying-glass search-icon\"><\/i>\r\n                <input type=\"text\" id=\"search-input\" class=\"search-input\" placeholder=\"Buscar tr\u00e1mite o servicio (ej: Licencia, Impuestos, Escombros...)\">\r\n                <button id=\"clear-search\" class=\"clear-search-btn\" title=\"Limpiar\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\r\n            <\/div>\r\n\r\n            <div class=\"filter-buttons\" id=\"filter-buttons\">\r\n                <button class=\"filter-btn active\" data-category=\"all\"><i class=\"fa-solid fa-border-all\"><\/i> Todos<\/button>\r\n                <button class=\"filter-btn\" data-category=\"digital\"><i class=\"fa-solid fa-globe\"><\/i> Digitales<\/button>\r\n                <button class=\"filter-btn\" data-category=\"presencial\"><i class=\"fa-solid fa-users\"><\/i> Atenci\u00f3n Presencial<\/button>\r\n                <button class=\"filter-btn\" data-category=\"urbanos\"><i class=\"fa-solid fa-truck-ramp-box\"><\/i> Servicios Urbanos<\/button>\r\n                <button class=\"filter-btn\" data-category=\"areas\"><i class=\"fa-solid fa-building\"><\/i> \u00c1reas<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Grid de Tarjetas de Tr\u00e1mites -->\r\n        <div class=\"cards-grid\" id=\"services-grid\">\r\n\r\n            <!-- Card 1: Oficina Virtual -->\r\n            <div class=\"service-card\" data-category=\"digital\" data-keywords=\"boleta pago impuestos oficina virtual tasa inmobiliaria patente\">\r\n                <div>\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-receipt\"><\/i><\/div>\r\n                        <span class=\"card-tag\">100% Digital<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">Oficina Virtual (Boletas y Pagos)<\/h3>\r\n                    <p class=\"card-desc\">Consulta de saldos, descarga de cupones de pago de tasas e impuestos municipales las 24 hs.<\/p>\r\n                <\/div>\r\n                <div class=\"card-footer\">\r\n                    <button class=\"btn-outline\" onclick=\"openModal('modal-oficina')\"><i class=\"fa-solid fa-info-circle\"><\/i> Ver Detalles<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 2: Mesa de Entradas -->\r\n            <div class=\"service-card\" data-category=\"presencial areas\" data-keywords=\"mesa de entradas expediente nota reclamo presencial secretaria belgrano\">\r\n                <div>\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-folder-open\"><\/i><\/div>\r\n                        <span class=\"card-tag\">Presencial<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">Mesa de Entradas General<\/h3>\r\n                    <p class=\"card-desc\">Presentaci\u00f3n de notas dirigidas al Ejecutivo, inicio de expedientes y recepci\u00f3n de solicitudes.<\/p>\r\n                <\/div>\r\n                <div class=\"card-footer\">\r\n                    <button class=\"btn-outline\" onclick=\"openModal('modal-mesa')\"><i class=\"fa-solid fa-info-circle\"><\/i> Requisitos y Horarios<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 3: Recolecci\u00f3n y Poda -->\r\n            <div class=\"service-card\" data-category=\"urbanos\" data-keywords=\"recoleccion escombros poda basura ramas residuos whatsapp volquete\">\r\n                <div>\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-trash-can\"><\/i><\/div>\r\n                        <span class=\"card-tag\">Urbano<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">Recolecci\u00f3n de Residuos y Poda<\/h3>\r\n                    <p class=\"card-desc\">Cronograma de residuos domiciliarios y coordinaci\u00f3n de retiro especial de ramas o escombros.<\/p>\r\n                <\/div>\r\n                <div class=\"card-footer\">\r\n                    <button class=\"btn-outline\" onclick=\"openModal('modal-residuos')\"><i class=\"fa-solid fa-info-circle\"><\/i> Ver Cronograma<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 4: Licencia de Conducir -->\r\n            <div class=\"service-card\" data-category=\"presencial\" data-keywords=\"licencia conducir carnet manejo automotor examen turno renovacion\">\r\n                <div>\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-id-card\"><\/i><\/div>\r\n                        <span class=\"card-tag\">Presencial<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">Licencia de Conducir<\/h3>\r\n                    <p class=\"card-desc\">Obtenci\u00f3n por primera vez, renovaci\u00f3n de carnet, duplicados y requisitos del certificado m\u00e9dico.<\/p>\r\n                <\/div>\r\n                <div class=\"card-footer\">\r\n                    <button class=\"btn-outline\" onclick=\"openModal('modal-licencia')\"><i class=\"fa-solid fa-info-circle\"><\/i> Ver Requisitos<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 5: Bromatolog\u00eda -->\r\n            <div class=\"service-card\" data-category=\"areas\" data-keywords=\"bromatologia comercio habilitacion inspeccion libreta sanitaria alimentos local\">\r\n                <div>\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-store\"><\/i><\/div>\r\n                        <span class=\"card-tag\">Comercio<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">Bromatolog\u00eda y Comercio<\/h3>\r\n                    <p class=\"card-desc\">Habilitaci\u00f3n de comercios, renovaci\u00f3n de libretas sanitarias y control de alimentos.<\/p>\r\n                <\/div>\r\n                <div class=\"card-footer\">\r\n                    <button class=\"btn-outline\" onclick=\"openModal('modal-bromatologia')\"><i class=\"fa-solid fa-info-circle\"><\/i> Pasos Habilitaci\u00f3n<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 6: Obras P\u00fablicas -->\r\n            <div class=\"service-card\" data-category=\"areas\" data-keywords=\"obras publicas construccion planos permisos mensura plano catastro\">\r\n                <div>\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-icon\"><i class=\"fa-solid fa-helmet-safety\"><\/i><\/div>\r\n                        <span class=\"card-tag\">Obras<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"card-title\">Obras P\u00fablicas y Planos<\/h3>\r\n                    <p class=\"card-desc\">Aprobaci\u00f3n de planos de edificaci\u00f3n, permisos de obras y tr\u00e1mites catastrales.<\/p>\r\n                <\/div>\r\n                <div class=\"card-footer\">\r\n                    <button class=\"btn-outline\" onclick=\"openModal('modal-obras')\"><i class=\"fa-solid fa-info-circle\"><\/i> Permisos de Obra<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Sin resultados -->\r\n        <div class=\"no-results\" id=\"no-results\">\r\n            <i class=\"fa-solid fa-magnifying-glass\" style=\"font-size: 32px; color: var(--slate-300); margin-bottom: 12px;\"><\/i>\r\n            <h3 style=\"font-weight: 700; color: var(--slate-800);\">No se encontraron resultados<\/h3>\r\n            <p style=\"font-size: 0.85rem; color: var(--slate-600); margin-top: 4px;\">Intent\u00e1 buscar con otros t\u00e9rminos como \"Licencia\", \"Pago\", \"Escombros\" u \"Obras\".<\/p>\r\n        <\/div>\r\n\r\n        <!-- Secci\u00f3n Preguntas Frecuentes -->\r\n        <section class=\"faq-section\">\r\n            <h2 class=\"section-title\">Preguntas Frecuentes<\/h2>\r\n            <p class=\"section-subtitle\">Resolvemos tus dudas principales respecto a gestiones e impuestos locales.<\/p>\r\n\r\n            <div class=\"accordion\">\r\n                <!-- FAQ 1 -->\r\n                <div class=\"accordion-item\">\r\n                    <button class=\"accordion-header\">\r\n                        <span>\u00bfC\u00f3mo consulto y pago las boletas de tasas municipales?<\/span>\r\n                        <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"accordion-content\">\r\n                        Ingresando al portal de <a href=\"https:\/\/oficinavirtual.live\/apps\/launcher\/index.html?20250922114256&entorno=godoy#\/\" target=\"_blank\" style=\"color: var(--brand-blue); font-weight: 600;\">Oficina Virtual<\/a> pod\u00e9s consultar saldos pendientes e imprimir tu cup\u00f3n o abonar en l\u00ednea. Tambi\u00e9n pod\u00e9s abonar presencialmente en el edificio municipal en Belgrano 521.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 2 -->\r\n                <div class=\"accordion-item\">\r\n                    <button class=\"accordion-header\">\r\n                        <span>\u00bfC\u00f3mo coordino el retiro de restos de poda o escombros?<\/span>\r\n                        <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"accordion-content\">\r\n                        El retiro especial de vol\u00famenes mayores debe solicitarse previamente por WhatsApp al <a href=\"https:\/\/wa.me\/542984744086\" target=\"_blank\" style=\"color: var(--brand-blue); font-weight: 600;\">2984-744086<\/a> para evitar obstrucciones en la v\u00eda p\u00fablica.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 3 -->\r\n                <div class=\"accordion-item\">\r\n                    <button class=\"accordion-header\">\r\n                        <span>\u00bfQu\u00e9 documentaci\u00f3n necesito para renovar el carnet de conducir?<\/span>\r\n                        <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"accordion-content\">\r\n                        Se requiere DNI con domicilio en General Enrique Godoy (original y fotocopia), la licencia anterior, libre deuda municipal de faltas y la realizaci\u00f3n del examen m\u00e9dico psicof\u00edsico.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Bloque de Ayuda Directa -->\r\n        <div class=\"help-box\">\r\n            <h3 class=\"help-title\">\u00bfNo encontr\u00e1s el tr\u00e1mite que est\u00e1s buscando?<\/h3>\r\n            <p class=\"help-text\">Comunicate directamente con la Municipalidad o envianos un mensaje por WhatsApp para recibir asesoramiento personalizado.<\/p>\r\n            <div style=\"display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 4px;\">\r\n                <a href=\"tel:2984744086\" class=\"btn-outline\" style=\"width: auto; background: #ffffff;\"><i class=\"fa-solid fa-phone\"><\/i> Llamar 2984-744086<\/a>\r\n                <a href=\"https:\/\/wa.me\/542984744086\" target=\"_blank\" class=\"btn-brand\" style=\"background-color: #25D366; color: #ffffff;\"><i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp Municipal<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/main>\r\n\r\n    <!-- MODALES INFORMATIVOS (MANTIENEN LA ESTRUCTURA) -->\r\n\r\n    <!-- Modal Oficina Virtual -->\r\n    <div class=\"modal-overlay\" id=\"modal-oficina\">\r\n        <div class=\"modal-card\">\r\n            <button class=\"modal-close\" onclick=\"closeModal('modal-oficina')\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\r\n            <h3 class=\"modal-title\" style=\"color: var(--brand-blue);\"><i class=\"fa-solid fa-laptop-code\"><\/i> Oficina Virtual<\/h3>\r\n            <div class=\"modal-body\">\r\n                <p>A trav\u00e9s de nuestro portal digital pod\u00e9s autogestionar tus tasas sin necesidad de trasladarte:<\/p>\r\n                <ul class=\"modal-info-list\">\r\n                    <li>Consulta de estados de deuda por padr\u00f3n inmobiliario o comercial.<\/li>\r\n                    <li>Descarga de cupones de pago de tasa por servicios a la propiedad.<\/li>\r\n                    <li>Abono digital mediante medios electr\u00f3nicos integrados.<\/li>\r\n                <\/ul>\r\n                <p style=\"background: var(--slate-100); padding: 10px; border-radius: 8px; font-size: 0.8rem;\">\r\n                    <strong>Horario:<\/strong> Disponible 24 hs los 365 d\u00edas del a\u00f1o.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"modal-footer\">\r\n                <a href=\"https:\/\/oficinavirtual.live\/apps\/launcher\/index.html?20250922114256&entorno=godoy#\/\" target=\"_blank\" class=\"btn-brand\">Acceder Ahora<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal Mesa de Entradas -->\r\n    <div class=\"modal-overlay\" id=\"modal-mesa\">\r\n        <div class=\"modal-card\">\r\n            <button class=\"modal-close\" onclick=\"closeModal('modal-mesa')\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\r\n            <h3 class=\"modal-title\" style=\"color: var(--brand-blue);\"><i class=\"fa-solid fa-folder-open\"><\/i> Mesa de Entradas General<\/h3>\r\n            <div class=\"modal-body\">\r\n                <p>Lugar de recepci\u00f3n de notas, inicio de expedientes y solicitudes dirigidas al Intendente o Secretar\u00edas:<\/p>\r\n                <ul class=\"modal-info-list\">\r\n                    <li>Nota redactada por duplicado (una copia para sellado de recepci\u00f3n).<\/li>\r\n                    <li>Indicar datos personales completos (Nombre, DNI, tel\u00e9fono y domicilio).<\/li>\r\n                <\/ul>\r\n                <p style=\"background: var(--slate-100); padding: 10px; border-radius: 8px; font-size: 0.8rem;\">\r\n                    <strong>Ubicaci\u00f3n:<\/strong> Belgrano 255 | <strong>Atenci\u00f3n:<\/strong> Lunes a Viernes 07:30 a 12:00 hs.<br>\r\n                    <strong>Contacto:<\/strong> <a href=\"tel:2984744086\" style=\"color: var(--brand-blue);\">2984-744086<\/a>\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"modal-footer\">\r\n                <button class=\"btn-brand\" onclick=\"closeModal('modal-mesa')\">Entendido<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal Residuos -->\r\n    <div class=\"modal-overlay\" id=\"modal-residuos\">\r\n        <div class=\"modal-card\">\r\n            <button class=\"modal-close\" onclick=\"closeModal('modal-residuos')\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\r\n            <h3 class=\"modal-title\" style=\"color: var(--brand-blue);\"><i class=\"fa-solid fa-trash-can\"><\/i> Recolecci\u00f3n y Poda<\/h3>\r\n            <div class=\"modal-body\">\r\n                <p><strong>Residuos Domiciliarios:<\/strong> Sacar bolsas en el cesto a partir de las 06:00 hs.<\/p>\r\n                <p><strong>Poda y Escombros:<\/strong> No depositar en la calle sin coordinaci\u00f3n previa.<\/p>\r\n                <p style=\"background: var(--slate-100); padding: 10px; border-radius: 8px; font-size: 0.8rem;\">\r\n                    <strong>Solicitud de Retiro por WhatsApp:<\/strong> Pod\u00e9s solicitar el retiro de vol\u00famenes directamente a la guardia de servicios urbanos.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"modal-footer\">\r\n                <a href=\"https:\/\/wa.me\/542984744086\" target=\"_blank\" class=\"btn-brand\" style=\"background-color: #25D366;\"><i class=\"fa-brands fa-whatsapp\"><\/i> Mandar WhatsApp<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal Licencia -->\r\n    <div class=\"modal-overlay\" id=\"modal-licencia\">\r\n        <div class=\"modal-card\">\r\n            <button class=\"modal-close\" onclick=\"closeModal('modal-licencia')\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\r\n            <h3 class=\"modal-title\" style=\"color: var(--brand-blue);\"><i class=\"fa-solid fa-id-card\"><\/i> Licencia de Conducir<\/h3>\r\n            <div class=\"modal-body\">\r\n                <p>Requisitos indispensables a presentar:<\/p>\r\n                <ul class=\"modal-info-list\">\r\n                    <li>Original y fotocopia del DNI con domicilio en General Enrique Godoy.<\/li>\r\n                    <li>Licencia anterior (en caso de renovaci\u00f3n).<\/li>\r\n                    <li>Boleta de pago del CENAT.<\/li>\r\n                    <li>Examen psicol\u00f3gico y de agudeza visual.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"modal-footer\">\r\n                <button class=\"btn-brand\" onclick=\"closeModal('modal-licencia')\">Cerrar<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal Bromatolog\u00eda -->\r\n    <div class=\"modal-overlay\" id=\"modal-bromatologia\">\r\n        <div class=\"modal-card\">\r\n            <button class=\"modal-close\" onclick=\"closeModal('modal-bromatologia')\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\r\n            <h3 class=\"modal-title\" style=\"color: var(--brand-blue);\"><i class=\"fa-solid fa-store\"><\/i> Bromatolog\u00eda y Comercio<\/h3>\r\n            <div class=\"modal-body\">\r\n                <p>Pasos para la habilitaci\u00f3n de establecimientos comerciales:<\/p>\r\n                <ul class=\"modal-info-list\">\r\n                    <li>Solicitud de uso de suelo e inspecci\u00f3n de local.<\/li>\r\n                    <li>Certificado Libre Deuda del inmueble y titular.<\/li>\r\n                    <li>Libretas Sanitarias del personal.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"modal-footer\">\r\n                <button class=\"btn-brand\" onclick=\"closeModal('modal-bromatologia')\">Entendido<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modal Obras P\u00fablicas -->\r\n    <div class=\"modal-overlay\" id=\"modal-obras\">\r\n        <div class=\"modal-card\">\r\n            <button class=\"modal-close\" onclick=\"closeModal('modal-obras')\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\r\n            <h3 class=\"modal-title\" style=\"color: var(--brand-blue);\"><i class=\"fa-solid fa-helmet-safety\"><\/i> Obras P\u00fablicas<\/h3>\r\n            <div class=\"modal-body\">\r\n                <p>Gesti\u00f3n de edificaci\u00f3n y planos:<\/p>\r\n                <ul class=\"modal-info-list\">\r\n                    <li>Presentaci\u00f3n de planos firmados por profesional matriculado.<\/li>\r\n                    <li>Solicitud de permiso previo a inicio de obra.<\/li>\r\n                <\/ul>\r\n                <p style=\"font-size: 0.8rem; background: var(--slate-100); padding: 8px; border-radius: 6px;\">\r\n                    Contacto: <a href=\"mailto:obraspublicas@generalenriquegodoy.gob.ar\" style=\"color: var(--brand-blue);\">obraspublicas@generalenriquegodoy.gob.ar<\/a>\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"modal-footer\">\r\n                <button class=\"btn-brand\" onclick=\"closeModal('modal-obras')\">Cerrar<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- JAVASCRIPT LOGIC -->\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ 1. Buscador y Filtros\r\n            const searchInput = document.getElementById('search-input');\r\n            const clearSearch = document.getElementById('clear-search');\r\n            const cards = document.querySelectorAll('.service-card');\r\n            const noResults = document.getElementById('no-results');\r\n            const filterBtns = document.querySelectorAll('.filter-btn');\r\n\r\n            let currentCategory = 'all';\r\n\r\n            function filterGrid() {\r\n                const query = searchInput.value.toLowerCase().trim();\r\n                let matchCount = 0;\r\n\r\n                cards.forEach(card => {\r\n                    const category = card.getAttribute('data-category');\r\n                    const keywords = card.getAttribute('data-keywords').toLowerCase();\r\n                    const title = card.querySelector('.card-title').textContent.toLowerCase();\r\n\r\n                    const matchesCategory = (currentCategory === 'all' || category.includes(currentCategory));\r\n                    const matchesSearch = query === '' || title.includes(query) || keywords.includes(query);\r\n\r\n                    if (matchesCategory && matchesSearch) {\r\n                        card.style.display = 'flex';\r\n                        matchCount++;\r\n                    } else {\r\n                        card.style.display = 'none';\r\n                    }\r\n                });\r\n\r\n                if (matchCount === 0) {\r\n                    noResults.style.display = 'block';\r\n                } else {\r\n                    noResults.style.display = 'none';\r\n                }\r\n\r\n                clearSearch.style.display = query.length > 0 ? 'block' : 'none';\r\n            }\r\n\r\n            searchInput.addEventListener('input', filterGrid);\r\n\r\n            clearSearch.addEventListener('click', () => {\r\n                searchInput.value = '';\r\n                filterGrid();\r\n                searchInput.focus();\r\n            });\r\n\r\n            filterBtns.forEach(btn => {\r\n                btn.addEventListener('click', () => {\r\n                    filterBtns.forEach(b => b.classList.remove('active'));\r\n                    btn.classList.add('active');\r\n                    currentCategory = btn.getAttribute('data-category');\r\n                    filterGrid();\r\n                });\r\n            });\r\n\r\n            \/\/ 2. FAQ Accordion\r\n            const accordionHeaders = document.querySelectorAll('.accordion-header');\r\n\r\n            accordionHeaders.forEach(header => {\r\n                header.addEventListener('click', () => {\r\n                    const item = header.parentElement;\r\n                    const isActive = item.classList.contains('active');\r\n\r\n                    document.querySelectorAll('.accordion-item').forEach(i => i.classList.remove('active'));\r\n\r\n                    if (!isActive) {\r\n                        item.classList.add('active');\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ 3. Funciones de Modales\r\n        function openModal(id) {\r\n            const modal = document.getElementById(id);\r\n            if(modal) {\r\n                modal.style.display = 'flex';\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n        }\r\n\r\n        function closeModal(id) {\r\n            const modal = document.getElementById(id);\r\n            if(modal) {\r\n                modal.style.display = 'none';\r\n                document.body.style.overflow = 'auto';\r\n            }\r\n        }\r\n\r\n        \/\/ Cerrar modal al hacer clic afuera del cuadro\r\n        window.addEventListener('click', (e) => {\r\n            if (e.target.classList.contains('modal-overlay')) {\r\n                e.target.style.display = 'none';\r\n                document.body.style.overflow = 'auto';\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tr\u00e1mites y Servicios &#8211; Municipalidad de General Enrique Godoy Gesti\u00f3n Municipal Tr\u00e1mites y Servicios Acced\u00e9 a toda la informaci\u00f3n sobre requisitos, horarios de atenci\u00f3n, formularios y gestiones en l\u00ednea de General Enrique Godoy. Oficina Virtual de Tasas y Pagos Consult\u00e1 el estado de tu deuda, descarg\u00e1 tus boletas municipales y realiz\u00e1 el pago online de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-80","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/generalenriquegodoy.gob.ar\/index.php?rest_route=\/wp\/v2\/pages\/80","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/generalenriquegodoy.gob.ar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/generalenriquegodoy.gob.ar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/generalenriquegodoy.gob.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/generalenriquegodoy.gob.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=80"}],"version-history":[{"count":13,"href":"https:\/\/generalenriquegodoy.gob.ar\/index.php?rest_route=\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":1021,"href":"https:\/\/generalenriquegodoy.gob.ar\/index.php?rest_route=\/wp\/v2\/pages\/80\/revisions\/1021"}],"wp:attachment":[{"href":"https:\/\/generalenriquegodoy.gob.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}