{"id":485,"date":"2026-02-05T13:33:47","date_gmt":"2026-02-05T13:33:47","guid":{"rendered":"https:\/\/muniacora.gob.pe\/?page_id=485"},"modified":"2026-05-21T16:52:37","modified_gmt":"2026-05-21T16:52:37","slug":"municipalidad","status":"publish","type":"page","link":"http:\/\/muniacora.gob.pe\/","title":{"rendered":"MUNICIPALIDAD"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"485\" class=\"elementor elementor-485\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4578146 e-con-full e-flex e-con e-parent\" data-id=\"4578146\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-094bf8f elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"094bf8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-66b68b3 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"PORTADA EXPOFERIA\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-a00ea77 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"imagen 1\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-ac3fc71 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"680349044_992299413753836_5260476196891021469_n\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5654cd e-con-full e-flex e-con e-parent\" data-id=\"f5654cd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8e2841 elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"f8e2841\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mp-modern-card\">\r\n    <div class=\"mp-inner\">\r\n        \r\n        <div class=\"mp-custom-icon\">\r\n            \r\n            <img decoding=\"async\" src=\"https:\/\/images.icon-icons.com\/2825\/PNG\/512\/laptop_computer_files_archive_documents_pc_icon_179700.png\" alt=\"Icono Mesa de Partes\" class=\"mp-icon-img\">\r\n        <\/div>\r\n\r\n        <div class=\"mp-info\">\r\n            <span class=\"mp-badge\">SERVICIO DIGITAL<\/span>\r\n            <h2>Mesa de Partes <\/h2>\r\n            <p><\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mp-action\">\r\n            <a href=\"https:\/\/facilita.gob.pe\/t\/6108\" class=\"mp-link-btn\">\r\n                <span>Ingresar tr\u00e1mite <\/span>\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --primary-modern: #0f172a; \/* Azul noche profundo *\/\r\n        --accent-modern: #6366f1;  \/* Violeta el\u00e9ctrico *\/\r\n        --text-main: #334155;\r\n    }\r\n\r\n    .mp-modern-card {\r\n        width: 100%;\r\n        max-width: 600px;\r\n        margin: 20px auto;\r\n        background: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 24px;\r\n        padding: 8px;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    }\r\n\r\n    .mp-modern-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);\r\n        border-color: var(--accent-modern);\r\n    }\r\n\r\n    .mp-inner {\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 16px 24px;\r\n        gap: 20px;\r\n    }\r\n\r\n    .mp-custom-icon {\r\n        width: 64px;\r\n        height: 64px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        overflow: hidden; \/* Asegura que la imagen no se salga *\/\r\n    }\r\n\r\n    \/* Ajuste para que la imagen sea responsiva y se vea bien *\/\r\n    .mp-icon-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain; \/* Mantiene la proporci\u00f3n del icono *\/\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .mp-info {\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .mp-badge {\r\n        display: inline-block;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.05em;\r\n        color: var(--accent-modern);\r\n        background: rgba(99, 102, 241, 0.1);\r\n        padding: 4px 10px;\r\n        border-radius: 100px;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .mp-info h2 {\r\n        margin: 0 !important;\r\n        font-size: 20px !important;\r\n        color: var(--primary-modern) !important;\r\n        font-weight: 800;\r\n        border: none !important;\r\n    }\r\n\r\n    .mp-info p {\r\n        margin: 4px 0 0 0 !important;\r\n        font-size: 14px;\r\n        color: var(--text-main);\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .mp-link-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: var(--primary-modern);\r\n        color: #ffffff !important;\r\n        padding: 12px 20px;\r\n        border-radius: 16px;\r\n        text-decoration: none;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    .mp-link-btn:hover {\r\n        background: var(--accent-modern);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 480px) {\r\n        .mp-inner {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 24px;\r\n        }\r\n        .mp-action {\r\n            width: 100%;\r\n        }\r\n        .mp-link-btn {\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fa7b0b elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"5fa7b0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mp-modern-card\">\r\n    <div class=\"mp-inner\">\r\n        \r\n        <div class=\"mp-custom-icon\">\r\n            \r\n            <img decoding=\"async\" src=\"https:\/\/concejodepasto.gov.co\/wp-content\/uploads\/2024\/07\/DENUNCIA.png\" alt=\"Icono Mesa de Partes\" class=\"mp-icon-img\">\r\n        <\/div>\r\n\r\n        <div class=\"mp-info\">\r\n            <span class=\"mp-badge\">SERVICIO DIGITAL<\/span>\r\n            <h2>Denuncias del Ciudadano <\/h2>\r\n            <p><\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mp-action\">\r\n            <a href=\"https:\/\/denuncias.servicios.gob.pe\/\" class=\"mp-link-btn\">\r\n                <span>Ir a Plataforma <\/span>\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --primary-modern: #0f172a; \/* Azul noche profundo *\/\r\n        --accent-modern: #6366f1;  \/* Violeta el\u00e9ctrico *\/\r\n        --text-main: #334155;\r\n    }\r\n\r\n    .mp-modern-card {\r\n        width: 100%;\r\n        max-width: 600px;\r\n        margin: 20px auto;\r\n        background: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 24px;\r\n        padding: 8px;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    }\r\n\r\n    .mp-modern-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);\r\n        border-color: var(--accent-modern);\r\n    }\r\n\r\n    .mp-inner {\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 16px 24px;\r\n        gap: 20px;\r\n    }\r\n\r\n    .mp-custom-icon {\r\n        width: 64px;\r\n        height: 64px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        overflow: hidden; \/* Asegura que la imagen no se salga *\/\r\n    }\r\n\r\n    \/* Ajuste para que la imagen sea responsiva y se vea bien *\/\r\n    .mp-icon-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain; \/* Mantiene la proporci\u00f3n del icono *\/\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .mp-info {\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .mp-badge {\r\n        display: inline-block;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.05em;\r\n        color: var(--accent-modern);\r\n        background: rgba(99, 102, 241, 0.1);\r\n        padding: 4px 10px;\r\n        border-radius: 100px;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .mp-info h2 {\r\n        margin: 0 !important;\r\n        font-size: 20px !important;\r\n        color: var(--primary-modern) !important;\r\n        font-weight: 800;\r\n        border: none !important;\r\n    }\r\n\r\n    .mp-info p {\r\n        margin: 4px 0 0 0 !important;\r\n        font-size: 14px;\r\n        color: var(--text-main);\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .mp-link-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: var(--primary-modern);\r\n        color: #ffffff !important;\r\n        padding: 12px 20px;\r\n        border-radius: 16px;\r\n        text-decoration: none;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    .mp-link-btn:hover {\r\n        background: var(--accent-modern);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 480px) {\r\n        .mp-inner {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 24px;\r\n        }\r\n        .mp-action {\r\n            width: 100%;\r\n        }\r\n        .mp-link-btn {\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a02f305 e-flex e-con-boxed e-con e-parent\" data-id=\"a02f305\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f237392 elementor-widget elementor-widget-html\" data-id=\"f237392\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FUENTE E \u00cdCONOS OFICIALES -->\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=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,400,0,0\" \/>\r\n\r\n<style>\r\n    \/* Contenedor general *\/\r\n    .muni-accesos-section {\r\n        font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;\r\n        background-color: #f4f7f5; \r\n        padding: 40px 16px;        \r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Contenedor de ancho m\u00e1ximo centrado y relativo *\/\r\n    .muni-container {\r\n        width: 100%;\r\n        max-width: 1150px;\r\n        margin: 0 auto;            \r\n        position: relative;\r\n    }\r\n\r\n    \/* Contenedor del Slider con Scroll *\/\r\n    .muni-slider-wrapper {\r\n        display: flex;\r\n        gap: 16px;\r\n        overflow-x: auto;\r\n        \/* Quitamos temporalmente mandatory para que el auto-scroll sea 100% fluido *\/\r\n        scroll-snap-type: x proximity; \r\n        scroll-behavior: smooth;\r\n        padding: 12px 4px; \r\n        scrollbar-width: none; \r\n    }\r\n\r\n    \/* Oculta scroll en Chrome, Safari y Edge *\/\r\n    .muni-slider-wrapper::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n    \/* Tarjetas adaptadas *\/\r\n    .muni-card {\r\n        flex: 0 0 calc(33.333% - 11px); \r\n        min-width: 260px;\r\n        background: #ffffff;\r\n        border-radius: 12px;\r\n        padding: 24px 20px;        \r\n        text-decoration: none;\r\n        box-shadow: 0 4px 12px rgba(13, 71, 34, 0.04);\r\n        border: 1px solid #e1e8e3;\r\n        transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;       \r\n        justify-content: flex-start;\r\n        text-align: center;        \r\n        scroll-snap-align: start;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Hover premium verde oscuro *\/\r\n    .muni-card:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 10px 20px rgba(13, 71, 34, 0.1);\r\n        border-color: #0d4722; \r\n    }\r\n\r\n    \/* Contenedor de \u00edcono *\/\r\n    .muni-icon-box {\r\n        width: 48px;               \r\n        height: 48px;\r\n        background-color: #e8f0ea; \r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 14px;       \r\n        color: #0d4722; \r\n        transition: all 0.25s ease;\r\n    }\r\n\r\n    .muni-card:hover .muni-icon-box {\r\n        background-color: #0d4722; \r\n        color: #ffffff;\r\n    }\r\n\r\n    .muni-icon-box .material-symbols-outlined {\r\n        font-size: 24px;\r\n    }\r\n\r\n    \/* Textos *\/\r\n    .muni-card h3 {\r\n        font-size: 1.1rem;\r\n        font-weight: 600;\r\n        margin: 0 0 8px 0;         \r\n        color: #0d4722;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .muni-card p {\r\n        font-size: 0.88rem;\r\n        color: #556057;\r\n        line-height: 1.4;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Botones de Navegaci\u00f3n *\/\r\n    .muni-slider-btn {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 40px;\r\n        height: 40px;\r\n        background-color: #ffffff;\r\n        border: 1px solid #e1e8e3;\r\n        border-radius: 50%;\r\n        color: #0d4722;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n        z-index: 10;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .muni-slider-btn:hover {\r\n        background-color: #0d4722;\r\n        color: #ffffff;\r\n        border-color: #0d4722;\r\n    }\r\n\r\n    .muni-slider-btn.prev { left: -20px; }\r\n    .muni-slider-btn.next { right: -20px; }\r\n\r\n    \/* RESPONSIVO *\/\r\n    @media (max-width: 992px) {\r\n        .muni-card {\r\n            flex: 0 0 calc(50% - 8px); \r\n        }\r\n        .muni-slider-btn { display: none; } \r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .muni-card {\r\n            flex: 0 0 85%; \r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"muni-accesos-section\">\r\n    <div class=\"muni-container\" id=\"muniContainer\">\r\n        \r\n        <!-- Flechas de navegaci\u00f3n -->\r\n        <button class=\"muni-slider-btn prev\" onclick=\"moveSlider(-1)\">\r\n            <span class=\"material-symbols-outlined\">arrow_back_ios_new<\/span>\r\n        <\/button>\r\n        <button class=\"muni-slider-btn next\" onclick=\"moveSlider(1)\">\r\n            <span class=\"material-symbols-outlined\">arrow_forward_ios<\/span>\r\n        <\/button>\r\n\r\n        <!-- Contenedor del Slider -->\r\n        <div class=\"muni-slider-wrapper\" id=\"muniSlider\">\r\n\r\n            <!-- Oportunidades Laborales -->\r\n            <a href=\"https:\/\/muniacora.gob.pe\/index.php\/convocatorias\/\" class=\"muni-card\">\r\n                <div class=\"muni-icon-box\">\r\n                    <span class=\"material-symbols-outlined\">work<\/span>\r\n                <\/div>\r\n                <h3>Oportunidades Laborales<\/h3>\r\n                <p>Postula a las convocatorias CAS vigentes de la municipalidad y revisa resultados.<\/p>\r\n            <\/a>\r\n\r\n            <!-- Registro Civil -->\r\n            <a href=\"https:\/\/muniacora.gob.pe\/\" class=\"muni-card\">\r\n                <div class=\"muni-icon-box\">\r\n                    <span class=\"material-symbols-outlined\">badge<\/span>\r\n                <\/div>\r\n                <h3>Registro Civil<\/h3>\r\n                <p>Solicitud y tr\u00e1mites de actas de nacimiento, matrimonio, defunci\u00f3n y divorcios.<\/p>\r\n            <\/a>\r\n            \r\n             <!-- Seguridad Ciudadana -->\r\n            <a href=\"https:\/\/muniacora.gob.pe\/\" class=\"muni-card\">\r\n                <div class=\"muni-icon-box\">\r\n                    <span class=\"material-symbols-outlined\">local_police<\/span>\r\n                <\/div>\r\n                <h3>Seguridad Ciudadana<\/h3>\r\n                <p>Reportes vecinales en la plataforma virtual y comunicados oficiales del CODISEC.<\/p>\r\n            <\/a>\r\n\r\n            <!-- Licencias de Edificaci\u00f3n -->\r\n            <a href=\"https:\/\/muniacora.gob.pe\/\" class=\"muni-card\">\r\n                <div class=\"muni-icon-box\">\r\n                    <span class=\"material-symbols-outlined\">apartment<\/span>\r\n                <\/div>\r\n                <h3>Licencias de Edificaci\u00f3n<\/h3>\r\n                <p>Obt\u00e9n permisos de construcci\u00f3n, conformidad de obra y consulta de zonificaci\u00f3n.<\/p>\r\n            <\/a>\r\n\r\n            <!-- Licencia de Funcionamiento -->\r\n            <a href=\"https:\/\/muniacora.gob.pe\/\" class=\"muni-card\">\r\n                <div class=\"muni-icon-box\">\r\n                    <span class=\"material-symbols-outlined\">storefront<\/span>\r\n                <\/div>\r\n                <h3>Licencia de Funcionamiento<\/h3>\r\n                <p>Formaliza tu negocio, descarga los formularios y conoce los requisitos de apertura.<\/p>\r\n            <\/a>\r\n\r\n            <!-- Limpieza P\u00fablica -->\r\n            <a href=\"https:\/\/muniacora.gob.pe\/\" class=\"muni-card\">\r\n                <div class=\"muni-icon-box\">\r\n                    <span class=\"material-symbols-outlined\">delete_sweep<\/span>\r\n                <\/div>\r\n                <h3>Limpieza P\u00fablica<\/h3>\r\n                <p>Consulta los horarios, rutas del cami\u00f3n recolector y puntos de acopio autorizados.<\/p>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    const slider = document.getElementById('muniSlider');\r\n    const container = document.getElementById('muniContainer');\r\n    let autoScrollInterval;\r\n    const scrollSpeed = 3500; \/\/ Tiempo en milisegundos para pasar a la siguiente tarjeta\r\n\r\n    \/\/ Funci\u00f3n para mover el slider manualmente (Botones)\r\n    function moveSlider(direction) {\r\n        const cardWidth = slider.querySelector('.muni-card').offsetWidth + 16;\r\n        \r\n        \/\/ Si llega al final y da a \"siguiente\", vuelve al principio\r\n        if (direction === 1 && (slider.scrollLeft + slider.offsetWidth >= slider.scrollWidth - 10)) {\r\n            slider.scrollLeft = 0;\r\n        } \r\n        \/\/ Si est\u00e1 al principio y da a \"atr\u00e1s\", va al final\r\n        else if (direction === -1 && slider.scrollLeft <= 0) {\r\n            slider.scrollLeft = slider.scrollWidth;\r\n        } else {\r\n            slider.scrollLeft += direction * cardWidth;\r\n        }\r\n    }\r\n\r\n    \/\/ Funci\u00f3n del movimiento autom\u00e1tico continuo\r\n    function startAutoScroll() {\r\n        autoScrollInterval = setInterval(() => {\r\n            moveSlider(1);\r\n        }, scrollSpeed);\r\n    }\r\n\r\n    function stopAutoScroll() {\r\n        clearInterval(autoScrollInterval);\r\n    }\r\n\r\n    \/\/ Iniciar el movimiento autom\u00e1tico al cargar\r\n    startAutoScroll();\r\n\r\n    \/\/ Detener la animaci\u00f3n cuando el rat\u00f3n est\u00e1 encima (facilita la lectura y clics)\r\n    container.addEventListener('mouseenter', stopAutoScroll);\r\n    container.addEventListener('mouseleave', startAutoScroll);\r\n\r\n    \/\/ Soporte t\u00e1ctil m\u00f3vil: pausar si el usuario est\u00e1 interactuando con los dedos\r\n    container.addEventListener('touchstart', stopAutoScroll);\r\n    container.addEventListener('touchend', () => {\r\n        setTimeout(startAutoScroll, 1000); \/\/ Espera 1 segundo tras soltar para reanudar\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6fb57a2 e-flex e-con-boxed e-con e-parent\" data-id=\"6fb57a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dc5a63 elementor-widget elementor-widget-html\" data-id=\"4dc5a63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .sep-noticias-linea {\r\n        padding: 30px 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        background: #fff;\r\n    }\r\n    .sep-noticias-linea h2 {\r\n        color: #2e7d32;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 1.8rem;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        margin: 0;\r\n        letter-spacing: 3px;\r\n        position: relative;\r\n    }\r\n    .sep-noticias-linea h2::after {\r\n        content: \"\";\r\n        display: block;\r\n        width: 40px;\r\n        height: 5px;\r\n        background: #a5d6a7;\r\n        margin: 8px auto 0;\r\n        border-radius: 10px;\r\n        transition: width 0.4s ease;\r\n    }\r\n    .sep-noticias-linea:hover h2::after {\r\n        width: 100%;\r\n        background: #2e7d32;\r\n    }\r\n<\/style>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"sep-noticias-linea\">\r\n    <h2>Noticias acora<\/h2>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a7a0cb e-flex e-con-boxed e-con e-parent\" data-id=\"7a7a0cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b30eba elementor-widget elementor-widget-html\" data-id=\"7b30eba\" 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\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        \/* Contenedor General *\/\r\n        .contenedor-noticias {\r\n            max-width: 1200px;\r\n            margin: 40px auto;\r\n            padding: 0 20px;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        \/* Estilo de la Tarjeta *\/\r\n        .noticia-card {\r\n            background: #ffffff;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n            border: 1px solid #eef2f1;\r\n        }\r\n\r\n        .noticia-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 30px rgba(46, 125, 50, 0.15);\r\n        }\r\n\r\n        \/* Contenedor de Imagen *\/\r\n        .noticia-imagen {\r\n            width: 100%;\r\n            height: 200px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .noticia-imagen img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .noticia-card:hover .noticia-imagen img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* Etiqueta sobre la imagen *\/\r\n        .categoria-tag {\r\n            position: absolute;\r\n            top: 15px;\r\n            left: 15px;\r\n            background: #2e7d32;\r\n            color: white;\r\n            padding: 5px 15px;\r\n            border-radius: 20px;\r\n            font-size: 0.75rem;\r\n            font-weight: bold;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* Cuerpo de la noticia *\/\r\n        .noticia-cuerpo {\r\n            padding: 20px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .noticia-fecha {\r\n            font-size: 0.85rem;\r\n            color: #888;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .noticia-titulo {\r\n            font-size: 1.25rem;\r\n            color: #1b5e20;\r\n            margin: 0 0 12px 0;\r\n            line-height: 1.4;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .noticia-descripcion {\r\n            font-size: 0.95rem;\r\n            color: #555;\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3; \/* Corta el texto a 3 l\u00edneas *\/\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Bot\u00f3n Leer M\u00e1s *\/\r\n        .boton-leer {\r\n            margin-top: auto;\r\n            text-decoration: none;\r\n            color: #2e7d32;\r\n            font-weight: 700;\r\n            font-size: 0.9rem;\r\n            display: flex;\r\n            align-items: center;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .boton-leer:hover {\r\n            color: #1b5e20;\r\n        }\r\n\r\n        .boton-leer::after {\r\n            content: ' \u2192';\r\n            margin-left: 5px;\r\n            transition: margin-left 0.3s ease;\r\n        }\r\n\r\n        .boton-leer:hover::after {\r\n            margin-left: 10px;\r\n        }\r\n\r\n        \/* ==========================================\r\n           AJUSTES ESPEC\u00cdFICOS PARA CELULARES\r\n        ========================================== *\/\r\n        @media (max-width: 480px) {\r\n            .contenedor-noticias {\r\n                margin: 20px auto; \/* Reduce el margen superior e inferior *\/\r\n                padding: 0 15px;   \/* Reduce el espacio hacia los bordes de la pantalla *\/\r\n                gap: 20px;         \/* Une un poco m\u00e1s las tarjetas entre s\u00ed *\/\r\n                grid-template-columns: 1fr; \/* Fuerza una sola columna limpia *\/\r\n            }\r\n\r\n            .noticia-cuerpo {\r\n                padding: 15px;     \/* Reduce el padding interno para ganar espacio *\/\r\n            }\r\n\r\n            .noticia-titulo {\r\n                font-size: 1.15rem; \/* Ajuste sutil del tama\u00f1o de letra del t\u00edtulo *\/\r\n            }\r\n\r\n            \/* Desactiva efectos hover pesados que no funcionan bien en pantallas t\u00e1ctiles *\/\r\n            .noticia-card:hover {\r\n                transform: none; \r\n                box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n            }\r\n            .noticia-card:hover .noticia-imagen img {\r\n                transform: none;\r\n            }\r\n            .boton-leer {\r\n                padding: 10px 0; \/* Hace el bot\u00f3n m\u00e1s f\u00e1cil de presionar con el dedo *\/\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"contenedor-noticias\">\r\n        \r\n        <!-- Noticia 1 -->\r\n        <article class=\"noticia-card\">\r\n            <div class=\"noticia-imagen\">\r\n                \r\n                <img decoding=\"async\" src=\"http:\/\/muniacora.gob.pe\/wp-content\/uploads\/2026\/05\/ajos.jpg\">\r\n            <\/div>\r\n            <div class=\"noticia-cuerpo\">\r\n                <div class=\"noticia-fecha\">20 de Mayo, 2026<\/div>\r\n                <h3 class=\"noticia-titulo\">MUNICIPALIDAD DE ACORA IMPULSA IMPORTANTE PROYECTO PRODUCTIVO DEL CULTIVO DE AJO<\/h3>\r\n                <p class=\"noticia-descripcion\">\r\n                    La Municipalidad Distrital de Acora dio inicio a la ejecuci\u00f3n del proyecto \u201cMejoramiento de los Servicios de Apoyo al Desarrollo Productivo en la Cadena Productiva del Cultivo de Ajo en la Zona Lago\u201d, con el objetivo de fortalecer la producci\u00f3n agr\u00edcola y dinamizar la econom\u00eda de las familias productoras del distrito.\r\n                <\/p>\r\n                <a href=\"https:\/\/www.facebook.com\/profile.php?id=61564903435423\" class=\"boton-leer\">LEER M\u00c1S<\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- Noticia 2 -->\r\n        <article class=\"noticia-card\">\r\n            <div class=\"noticia-imagen\">\r\n                \r\n                <img decoding=\"async\" src=\"http:\/\/muniacora.gob.pe\/wp-content\/uploads\/2026\/05\/piscina.jpg\">\r\n            <\/div>\r\n            <div class=\"noticia-cuerpo\">\r\n                <div class=\"noticia-fecha\">12 de Mayo, 2026<\/div>\r\n                <h3 class=\"noticia-titulo\">OBRAS SON AMORES CONSTRUCCI\u00d3N DE LA PISCINA MUNICIPAL CONTIN\u00daA AVANZANDO<\/h3>\r\n                <p class=\"noticia-descripcion\">\r\n                    El Gobierno Local de Acora Gesti\u00f3n 2023 - 2026, contin\u00faa con la ejecuci\u00f3n de la Piscina Municipal. Los responsables del proyecto refirieron que hasta culminar el presente mes, esperan alcanzar el 40% de ejecuci\u00f3n f\u00edsica.\r\n                <\/p>\r\n                <a href=\"https:\/\/www.facebook.com\/profile.php?id=61564903435423\" class=\"boton-leer\">LEER M\u00c1S<\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- Noticia 3 -->\r\n        <article class=\"noticia-card\">\r\n            <div class=\"noticia-imagen\">\r\n               \r\n                <img decoding=\"async\" src=\"http:\/\/muniacora.gob.pe\/wp-content\/uploads\/2026\/05\/convenio.jpg\">\r\n            <\/div>\r\n            <div class=\"noticia-cuerpo\">\r\n                <div class=\"noticia-fecha\">07 de Mayo, 2026<\/div>\r\n                <h3 class=\"noticia-titulo\">ACORA Y GOBIERNO REGIONAL DE PUNO SUSCRIBEN CONVENIO PARA LA CONSTRUCCI\u00d3N DE PUENTE EN AGUAS CALIENTES<\/h3>\r\n                <p class=\"noticia-descripcion\">\r\n                    El alcalde distrital de Acora, junto a las autoridades del centro poblado de Aguas Calientes, suscribieron en la ciudad de Puno un importante convenio interinstitucional con el Gobierno Regional de Puno, con el prop\u00f3sito de hacer realidad la construcci\u00f3n de los puentes Churi Churini y Taccackata.\r\n                <\/p>\r\n                <a href=\"https:\/\/www.facebook.com\/profile.php?id=61564903435423\" class=\"boton-leer\">LEER M\u00c1S<\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-adbe1c8 e-flex e-con-boxed e-con e-parent\" data-id=\"adbe1c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ee173e elementor-widget elementor-widget-html\" data-id=\"6ee173e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .sep-legal-moderno {\r\n        padding: 30px 50px;\r\n        background: #ffffff;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .sep-legal-moderno .barra-verde {\r\n        width: 5px;\r\n        height: 40px;\r\n        background: linear-gradient(to bottom, #1b5e20, #81c784);\r\n        margin-right: 20px;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .sep-legal-moderno h2 {\r\n        color: #333;\r\n        font-family: 'Poppins', sans-serif;\r\n        font-size: 1.5rem;\r\n        font-weight: 600;\r\n        margin: 0;\r\n    }\r\n\r\n    .sep-legal-moderno h2 b {\r\n        color: #2e7d32;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .linea-extendida {\r\n        flex-grow: 1;\r\n        height: 1px;\r\n        background: #eee;\r\n        margin-left: 20px;\r\n    }\r\n<\/style>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"sep-legal-moderno\">\r\n    <div class=\"barra-verde\"><\/div>\r\n    <h2>Documentos <b>GESTI\u00d3N MUNICIPAL<\/b><\/h2>\r\n    <div class=\"linea-extendida\"><\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c2194e e-con-full e-flex e-con e-parent\" data-id=\"9c2194e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a95f429 elementor-widget-tablet__width-initial elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a95f429\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mp-modern-card\">\r\n    <div class=\"mp-inner\">\r\n        \r\n        <div class=\"mp-custom-icon\">\r\n            \r\n            <img decoding=\"async\" src=\"https:\/\/images.icon-icons.com\/37\/PNG\/512\/document_3530.png\" alt=\"Icono Mesa de Partes\" class=\"mp-icon-img\">\r\n        <\/div>\r\n\r\n        <div class=\"mp-info\">\r\n            <span class=\"mp-badge\"><\/span>\r\n            <h2>ROF <\/h2>\r\n            <p>REGLAMENTO DE ORGANIZACION Y FUNCIONES<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mp-action\">\r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1LHOmYSmxMbZK2vDgYlbCFHd0vTo8UcwO\/view?usp=sharing\" class=\"mp-link-btn\">\r\n                <span>VER <\/span>\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --primary-modern: #0f172a; \/* Azul noche profundo *\/\r\n        --accent-modern: #6366f1;  \/* Violeta el\u00e9ctrico *\/\r\n        --text-main: #334155;\r\n    }\r\n\r\n    .mp-modern-card {\r\n        width: 100%;\r\n        max-width: 600px;\r\n        margin: 20px auto;\r\n        background: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 24px;\r\n        padding: 8px;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    }\r\n\r\n    .mp-modern-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);\r\n        border-color: var(--accent-modern);\r\n    }\r\n\r\n    .mp-inner {\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 16px 24px;\r\n        gap: 20px;\r\n    }\r\n\r\n    .mp-custom-icon {\r\n        width: 64px;\r\n        height: 64px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        overflow: hidden; \/* Asegura que la imagen no se salga *\/\r\n    }\r\n\r\n    \/* Ajuste para que la imagen sea responsiva y se vea bien *\/\r\n    .mp-icon-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain; \/* Mantiene la proporci\u00f3n del icono *\/\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .mp-info {\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .mp-badge {\r\n        display: inline-block;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.05em;\r\n        color: var(--accent-modern);\r\n        background: rgba(99, 102, 241, 0.1);\r\n        padding: 4px 10px;\r\n        border-radius: 100px;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .mp-info h2 {\r\n        margin: 0 !important;\r\n        font-size: 20px !important;\r\n        color: var(--primary-modern) !important;\r\n        font-weight: 800;\r\n        border: none !important;\r\n    }\r\n\r\n    .mp-info p {\r\n        margin: 4px 0 0 0 !important;\r\n        font-size: 14px;\r\n        color: var(--text-main);\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .mp-link-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: var(--primary-modern);\r\n        color: #ffffff !important;\r\n        padding: 12px 20px;\r\n        border-radius: 16px;\r\n        text-decoration: none;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    .mp-link-btn:hover {\r\n        background: var(--accent-modern);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 480px) {\r\n        .mp-inner {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 24px;\r\n        }\r\n        .mp-action {\r\n            width: 100%;\r\n        }\r\n        .mp-link-btn {\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5eb55f4 elementor-widget-tablet__width-initial elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5eb55f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mp-modern-card\">\r\n    <div class=\"mp-inner\">\r\n        \r\n        <div class=\"mp-custom-icon\">\r\n            \r\n            <img decoding=\"async\" src=\"https:\/\/images.icon-icons.com\/37\/PNG\/512\/document_3530.png\" alt=\"Icono Mesa de Partes\" class=\"mp-icon-img\">\r\n        <\/div>\r\n\r\n        <div class=\"mp-info\">\r\n            <span class=\"mp-badge\"><\/span>\r\n            <h2>MOF <\/h2>\r\n            <p>MANUAL DE ORGANIZACION Y FUNCIONES<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mp-action\">\r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1bQfD1swptwWjmaYwy0emw6wN5vADS-y7\/view?usp=sharing\" class=\"mp-link-btn\">\r\n                <span>VER <\/span>\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --primary-modern: #0f172a; \/* Azul noche profundo *\/\r\n        --accent-modern: #6366f1;  \/* Violeta el\u00e9ctrico *\/\r\n        --text-main: #334155;\r\n    }\r\n\r\n    .mp-modern-card {\r\n        width: 100%;\r\n        max-width: 600px;\r\n        margin: 20px auto;\r\n        background: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 24px;\r\n        padding: 8px;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    }\r\n\r\n    .mp-modern-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);\r\n        border-color: var(--accent-modern);\r\n    }\r\n\r\n    .mp-inner {\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 16px 24px;\r\n        gap: 20px;\r\n    }\r\n\r\n    .mp-custom-icon {\r\n        width: 64px;\r\n        height: 64px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        overflow: hidden; \/* Asegura que la imagen no se salga *\/\r\n    }\r\n\r\n    \/* Ajuste para que la imagen sea responsiva y se vea bien *\/\r\n    .mp-icon-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain; \/* Mantiene la proporci\u00f3n del icono *\/\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .mp-info {\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .mp-badge {\r\n        display: inline-block;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.05em;\r\n        color: var(--accent-modern);\r\n        background: rgba(99, 102, 241, 0.1);\r\n        padding: 4px 10px;\r\n        border-radius: 100px;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .mp-info h2 {\r\n        margin: 0 !important;\r\n        font-size: 20px !important;\r\n        color: var(--primary-modern) !important;\r\n        font-weight: 800;\r\n        border: none !important;\r\n    }\r\n\r\n    .mp-info p {\r\n        margin: 4px 0 0 0 !important;\r\n        font-size: 14px;\r\n        color: var(--text-main);\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .mp-link-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: var(--primary-modern);\r\n        color: #ffffff !important;\r\n        padding: 12px 20px;\r\n        border-radius: 16px;\r\n        text-decoration: none;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    .mp-link-btn:hover {\r\n        background: var(--accent-modern);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 480px) {\r\n        .mp-inner {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 24px;\r\n        }\r\n        .mp-action {\r\n            width: 100%;\r\n        }\r\n        .mp-link-btn {\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc5501a elementor-widget-tablet__width-initial elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"fc5501a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mp-modern-card\">\r\n    <div class=\"mp-inner\">\r\n        \r\n        <div class=\"mp-custom-icon\">\r\n            \r\n            <img decoding=\"async\" src=\"https:\/\/images.icon-icons.com\/37\/PNG\/512\/document_3530.png\" alt=\"Icono Mesa de Partes\" class=\"mp-icon-img\">\r\n        <\/div>\r\n\r\n        <div class=\"mp-info\">\r\n            <span class=\"mp-badge\"><\/span>\r\n            <h2>TUPA<\/h2>\r\n            <p>TEXTO \u00daNICO DE PROCEDIMIENTOS ADMINISTRATIVOS<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mp-action\">\r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/12lhXmWn5QVYk6nu8JdNbHreKCxrWdpRs\/view?usp=sharing\" class=\"mp-link-btn\">\r\n                <span>VER <\/span>\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --primary-modern: #0f172a; \/* Azul noche profundo *\/\r\n        --accent-modern: #6366f1;  \/* Violeta el\u00e9ctrico *\/\r\n        --text-main: #334155;\r\n    }\r\n\r\n    .mp-modern-card {\r\n        width: 100%;\r\n        max-width: 600px;\r\n        margin: 20px auto;\r\n        background: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 24px;\r\n        padding: 8px;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    }\r\n\r\n    .mp-modern-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);\r\n        border-color: var(--accent-modern);\r\n    }\r\n\r\n    .mp-inner {\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 16px 24px;\r\n        gap: 20px;\r\n    }\r\n\r\n    .mp-custom-icon {\r\n        width: 64px;\r\n        height: 64px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        overflow: hidden; \/* Asegura que la imagen no se salga *\/\r\n    }\r\n\r\n    \/* Ajuste para que la imagen sea responsiva y se vea bien *\/\r\n    .mp-icon-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain; \/* Mantiene la proporci\u00f3n del icono *\/\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .mp-info {\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .mp-badge {\r\n        display: inline-block;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.05em;\r\n        color: var(--accent-modern);\r\n        background: rgba(99, 102, 241, 0.1);\r\n        padding: 4px 10px;\r\n        border-radius: 100px;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .mp-info h2 {\r\n        margin: 0 !important;\r\n        font-size: 20px !important;\r\n        color: var(--primary-modern) !important;\r\n        font-weight: 800;\r\n        border: none !important;\r\n    }\r\n\r\n    .mp-info p {\r\n        margin: 4px 0 0 0 !important;\r\n        font-size: 14px;\r\n        color: var(--text-main);\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .mp-link-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: var(--primary-modern);\r\n        color: #ffffff !important;\r\n        padding: 12px 20px;\r\n        border-radius: 16px;\r\n        text-decoration: none;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    .mp-link-btn:hover {\r\n        background: var(--accent-modern);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 480px) {\r\n        .mp-inner {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 24px;\r\n        }\r\n        .mp-action {\r\n            width: 100%;\r\n        }\r\n        .mp-link-btn {\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db3c05f elementor-widget-tablet__width-initial elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"db3c05f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mp-modern-card\">\r\n    <div class=\"mp-inner\">\r\n        \r\n        <div class=\"mp-custom-icon\">\r\n            \r\n            <img decoding=\"async\" src=\"https:\/\/images.icon-icons.com\/37\/PNG\/512\/document_3530.png\" alt=\"Icono Mesa de Partes\" class=\"mp-icon-img\">\r\n        <\/div>\r\n\r\n        <div class=\"mp-info\">\r\n            <span class=\"mp-badge\"><\/span>\r\n            <h2>PEI <\/h2>\r\n            <p>PLAN ESTRAT\u00c9GICO INSTITUCIONAL 2026-2030<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mp-action\">\r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1sAkHE6LGn7I8rV7sBPOR0z4BO7uFLcZD\/view?usp=sharing\" class=\"mp-link-btn\">\r\n                <span>VER <\/span>\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --primary-modern: #0f172a; \/* Azul noche profundo *\/\r\n        --accent-modern: #6366f1;  \/* Violeta el\u00e9ctrico *\/\r\n        --text-main: #334155;\r\n    }\r\n\r\n    .mp-modern-card {\r\n        width: 100%;\r\n        max-width: 600px;\r\n        margin: 20px auto;\r\n        background: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 24px;\r\n        padding: 8px;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    }\r\n\r\n    .mp-modern-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);\r\n        border-color: var(--accent-modern);\r\n    }\r\n\r\n    .mp-inner {\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 16px 24px;\r\n        gap: 20px;\r\n    }\r\n\r\n    .mp-custom-icon {\r\n        width: 64px;\r\n        height: 64px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        overflow: hidden; \/* Asegura que la imagen no se salga *\/\r\n    }\r\n\r\n    \/* Ajuste para que la imagen sea responsiva y se vea bien *\/\r\n    .mp-icon-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain; \/* Mantiene la proporci\u00f3n del icono *\/\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .mp-info {\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .mp-badge {\r\n        display: inline-block;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.05em;\r\n        color: var(--accent-modern);\r\n        background: rgba(99, 102, 241, 0.1);\r\n        padding: 4px 10px;\r\n        border-radius: 100px;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .mp-info h2 {\r\n        margin: 0 !important;\r\n        font-size: 20px !important;\r\n        color: var(--primary-modern) !important;\r\n        font-weight: 800;\r\n        border: none !important;\r\n    }\r\n\r\n    .mp-info p {\r\n        margin: 4px 0 0 0 !important;\r\n        font-size: 14px;\r\n        color: var(--text-main);\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .mp-link-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: var(--primary-modern);\r\n        color: #ffffff !important;\r\n        padding: 12px 20px;\r\n        border-radius: 16px;\r\n        text-decoration: none;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    .mp-link-btn:hover {\r\n        background: var(--accent-modern);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 480px) {\r\n        .mp-inner {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 24px;\r\n        }\r\n        .mp-action {\r\n            width: 100%;\r\n        }\r\n        .mp-link-btn {\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3657947 e-flex e-con-boxed e-con e-parent\" data-id=\"3657947\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-328da26 e-con-full e-flex e-con e-child\" data-id=\"328da26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-099a313 elementor-widget-tablet__width-initial elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"099a313\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mp-modern-card\">\r\n    <div class=\"mp-inner\">\r\n        \r\n        <div class=\"mp-custom-icon\">\r\n            \r\n            <img decoding=\"async\" src=\"https:\/\/images.icon-icons.com\/37\/PNG\/512\/document_3530.png\" alt=\"Icono Mesa de Partes\" class=\"mp-icon-img\">\r\n        <\/div>\r\n\r\n        <div class=\"mp-info\">\r\n            <span class=\"mp-badge\"><\/span>\r\n            <h2>PLAN <\/h2>\r\n            <p>PLAN DE DESARROLLO LOCAL CONCERTADO DEL DISTRITO DE ACORA AL 2032\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mp-action\">\r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1fEmFUmg3YxR8OLkhEI8pUectmG6zxJkn\/view?usp=sharing\" class=\"mp-link-btn\">\r\n                <span>VER <\/span>\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --primary-modern: #0f172a; \/* Azul noche profundo *\/\r\n        --accent-modern: #6366f1;  \/* Violeta el\u00e9ctrico *\/\r\n        --text-main: #334155;\r\n    }\r\n\r\n    .mp-modern-card {\r\n        width: 100%;\r\n        max-width: 600px;\r\n        margin: 20px auto;\r\n        background: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 24px;\r\n        padding: 8px;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    }\r\n\r\n    .mp-modern-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);\r\n        border-color: var(--accent-modern);\r\n    }\r\n\r\n    .mp-inner {\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 16px 24px;\r\n        gap: 20px;\r\n    }\r\n\r\n    .mp-custom-icon {\r\n        width: 64px;\r\n        height: 64px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        overflow: hidden; \/* Asegura que la imagen no se salga *\/\r\n    }\r\n\r\n    \/* Ajuste para que la imagen sea responsiva y se vea bien *\/\r\n    .mp-icon-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain; \/* Mantiene la proporci\u00f3n del icono *\/\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .mp-info {\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .mp-badge {\r\n        display: inline-block;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.05em;\r\n        color: var(--accent-modern);\r\n        background: rgba(99, 102, 241, 0.1);\r\n        padding: 4px 10px;\r\n        border-radius: 100px;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .mp-info h2 {\r\n        margin: 0 !important;\r\n        font-size: 20px !important;\r\n        color: var(--primary-modern) !important;\r\n        font-weight: 800;\r\n        border: none !important;\r\n    }\r\n\r\n    .mp-info p {\r\n        margin: 4px 0 0 0 !important;\r\n        font-size: 14px;\r\n        color: var(--text-main);\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .mp-link-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: var(--primary-modern);\r\n        color: #ffffff !important;\r\n        padding: 12px 20px;\r\n        border-radius: 16px;\r\n        text-decoration: none;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    .mp-link-btn:hover {\r\n        background: var(--accent-modern);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 480px) {\r\n        .mp-inner {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 24px;\r\n        }\r\n        .mp-action {\r\n            width: 100%;\r\n        }\r\n        .mp-link-btn {\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35890c2 e-con-full e-flex e-con e-child\" data-id=\"35890c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ae4dab elementor-widget-tablet__width-initial elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"0ae4dab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mp-modern-card\">\r\n    <div class=\"mp-inner\">\r\n        \r\n        <div class=\"mp-custom-icon\">\r\n            \r\n            <img decoding=\"async\" src=\"https:\/\/images.icon-icons.com\/37\/PNG\/512\/document_3530.png\" alt=\"Icono Mesa de Partes\" class=\"mp-icon-img\">\r\n        <\/div>\r\n\r\n        <div class=\"mp-info\">\r\n            <span class=\"mp-badge\"><\/span>\r\n            <h2>POI <\/h2>\r\n            <p>PLAN OPERATIVO INSTITUCIONAL MULTIANUAL 2024 - 2026<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mp-action\">\r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1EWfTqJkG_CWcZmm78CziVUMnauOB9SoR\/view?usp=sharing\" class=\"mp-link-btn\">\r\n                <span>VER <\/span>\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    :root {\r\n        --primary-modern: #0f172a; \/* Azul noche profundo *\/\r\n        --accent-modern: #6366f1;  \/* Violeta el\u00e9ctrico *\/\r\n        --text-main: #334155;\r\n    }\r\n\r\n    .mp-modern-card {\r\n        width: 100%;\r\n        max-width: 600px;\r\n        margin: 20px auto;\r\n        background: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 24px;\r\n        padding: 8px;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    }\r\n\r\n    .mp-modern-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);\r\n        border-color: var(--accent-modern);\r\n    }\r\n\r\n    .mp-inner {\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 16px 24px;\r\n        gap: 20px;\r\n    }\r\n\r\n    .mp-custom-icon {\r\n        width: 64px;\r\n        height: 64px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        overflow: hidden; \/* Asegura que la imagen no se salga *\/\r\n    }\r\n\r\n    \/* Ajuste para que la imagen sea responsiva y se vea bien *\/\r\n    .mp-icon-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain; \/* Mantiene la proporci\u00f3n del icono *\/\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .mp-info {\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .mp-badge {\r\n        display: inline-block;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.05em;\r\n        color: var(--accent-modern);\r\n        background: rgba(99, 102, 241, 0.1);\r\n        padding: 4px 10px;\r\n        border-radius: 100px;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .mp-info h2 {\r\n        margin: 0 !important;\r\n        font-size: 20px !important;\r\n        color: var(--primary-modern) !important;\r\n        font-weight: 800;\r\n        border: none !important;\r\n    }\r\n\r\n    .mp-info p {\r\n        margin: 4px 0 0 0 !important;\r\n        font-size: 14px;\r\n        color: var(--text-main);\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .mp-link-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: var(--primary-modern);\r\n        color: #ffffff !important;\r\n        padding: 12px 20px;\r\n        border-radius: 16px;\r\n        text-decoration: none;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    .mp-link-btn:hover {\r\n        background: var(--accent-modern);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 480px) {\r\n        .mp-inner {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 24px;\r\n        }\r\n        .mp-action {\r\n            width: 100%;\r\n        }\r\n        .mp-link-btn {\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dbabeba e-flex e-con-boxed e-con e-parent\" data-id=\"dbabeba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6df8c76 elementor-widget elementor-widget-html\" data-id=\"6df8c76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .sep-noticias-linea {\r\n        padding: 30px 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        background: #fff;\r\n    }\r\n    .sep-noticias-linea h2 {\r\n        color: #2e7d32;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 1.8rem;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        margin: 0;\r\n        letter-spacing: 3px;\r\n        position: relative;\r\n    }\r\n    .sep-noticias-linea h2::after {\r\n        content: \"\";\r\n        display: block;\r\n        width: 40px;\r\n        height: 5px;\r\n        background: #a5d6a7;\r\n        margin: 8px auto 0;\r\n        border-radius: 10px;\r\n        transition: width 0.4s ease;\r\n    }\r\n    .sep-noticias-linea:hover h2::after {\r\n        width: 100%;\r\n        background: #2e7d32;\r\n    }\r\n<\/style>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"sep-noticias-linea\">\r\n    <h2>Atractivos Tur\u00edsticos<\/h2>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10ea2cb e-flex e-con-boxed e-con e-parent\" data-id=\"10ea2cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ef703d elementor-widget elementor-widget-html\" data-id=\"6ef703d\" 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\">\r\n<head>\r\n    <style>\r\n        .grid-turismo {\r\n            max-width: 1200px;\r\n            margin: 40px auto;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 25px;\r\n            padding: 20px;\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        .destino-card {\r\n            position: relative;\r\n            height: 450px;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        \/* Imagen de fondo *\/\r\n        .destino-img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);\r\n        }\r\n\r\n        .destino-card:hover .destino-img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* Capa de degradado para legibilidad *\/\r\n        .destino-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(to top, \r\n                rgba(0, 56, 30, 0.9) 0%, \r\n                rgba(0,0,0,0.2) 50%, \r\n                transparent 100%);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: flex-end;\r\n            padding: 30px;\r\n            box-sizing: border-box;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .destino-card:hover .destino-overlay {\r\n            background: linear-gradient(to top, \r\n                rgba(46, 125, 50, 0.95) 0%, \r\n                rgba(0, 77, 64, 0.4) 100%);\r\n        }\r\n\r\n        \/* Contenido del Texto *\/\r\n        .destino-info h3 {\r\n            color: #ffffff;\r\n            font-size: 1.8rem;\r\n            margin: 0;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            font-weight: 900;\r\n        }\r\n\r\n        .destino-info p {\r\n            color: #e0e0e0;\r\n            font-size: 0.95rem;\r\n            line-height: 1.5;\r\n            margin: 15px 0 0 0;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: all 0.4s ease;\r\n            max-height: 0;\r\n        }\r\n\r\n        .destino-card:hover .destino-info p {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n            max-height: 100px;\r\n        }\r\n\r\n        \/* Bot\u00f3n o Distintivo *\/\r\n        .destino-tag {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            background: rgba(255, 204, 0, 0.9);\r\n            color: #000;\r\n            padding: 5px 15px;\r\n            font-size: 0.7rem;\r\n            font-weight: 800;\r\n            border-radius: 5px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 480px) {\r\n            .destino-card { height: 350px; }\r\n            .grid-turismo { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"grid-turismo\">\r\n\r\n       <!-- Destino 1 -->\r\n<a href=\"https:\/\/muniacora.gob.pe\/index.php\/municipalidad\/destinos-turisticos\/\" class=\"destino-link\" style=\"text-decoration: none; color: inherit;\">\r\n    <div class=\"destino-card\">\r\n        <div class=\"destino-tag\">Imperdible<\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/muniacora.gob.pe\/wp-content\/uploads\/2026\/02\/484351821_651094504540997_143484095865137366_n.jpg\" class=\"destino-img\">\r\n        <div class=\"destino-overlay\">\r\n            <div class=\"destino-info\">\r\n                <h3>PLAYA ACORA<\/h3>\r\n                <p>Es una playa amplia y extensa de arena fina de color claro, de aguas cristalinas, de poca profundidad, cuyo largo es de aproximadamente 1 km y de ancho unos 200 metros.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/a>\r\n\r\n       <!-- Destino 2 -->\r\n<a href=\"https:\/\/consultasenlinea.mincetur.gob.pe\/fichaInventario\/index.aspx?cod_Ficha=13333\" class=\"destino-link\" style=\"text-decoration: none; color: inherit;\">\r\n    <div class=\"destino-card\">\r\n        <div class=\"destino-tag\">Aventura<\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/peru-spezialisten.com\/wp-content\/uploads\/2025\/11\/Farallones-Petreos-De-Ayrumas-Carumas.jpg\">\r\n        <div class=\"destino-overlay\">\r\n            <div class=\"destino-info\">\r\n                <h3>Farallones Petreos De Ayrumas Carumas<\/h3>\r\n                <p>Constituido por un conjunto de imponentes formaciones geol\u00f3gicas naturales en m\u00e1s de 7 hect\u00e1reas, en los alrededores del Centro Poblado de Ayrumas Carumas.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/a>\r\n        <!-- Destino 3 -->\r\n<a href=\"https:\/\/muniacora.gob.pe\/index.php\/municipalidad\/destinos-turisticos\/\" class=\"destino-link\" style=\"text-decoration: none; color: inherit;\">\r\n    <div class=\"destino-card\">\r\n        <div class=\"destino-tag\">Cultura<\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/images.adsttc.com\/media\/images\/686e\/7d15\/9445\/0101\/8653\/3852\/medium_jpg\/un-legado-ancestral-con-preocupaciones-modernas-la-historia-detras-de-los-campos-agricolas-de-waru-waru-en-peru_3.jpg?1752071456\" class=\"destino-img\">\r\n        <div class=\"destino-overlay\">\r\n            <div class=\"destino-info\">\r\n                <h3>WARU WARU<\/h3>\r\n                <p>Un sistema agr\u00edcola ancestral ofrece un camino hacia la resiliencia y la seguridad alimentaria en las llanuras aluviales del lago Titicaca mientras las comunidades locales enfrentan sequ\u00edas y migraciones inducidas por el cambio clim\u00e1tico.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/a>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae38831 e-flex e-con-boxed e-con e-parent\" data-id=\"ae38831\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b85bdec elementor-widget elementor-widget-html\" data-id=\"b85bdec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .sep-noticias-linea {\r\n        padding: 30px 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        background: #fff;\r\n    }\r\n    .sep-noticias-linea h2 {\r\n        color: #2e7d32;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 1.8rem;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        margin: 0;\r\n        letter-spacing: 3px;\r\n        position: relative;\r\n    }\r\n    .sep-noticias-linea h2::after {\r\n        content: \"\";\r\n        display: block;\r\n        width: 40px;\r\n        height: 5px;\r\n        background: #a5d6a7;\r\n        margin: 8px auto 0;\r\n        border-radius: 10px;\r\n        transition: width 0.4s ease;\r\n    }\r\n    .sep-noticias-linea:hover h2::after {\r\n        width: 100%;\r\n        background: #2e7d32;\r\n    }\r\n<\/style>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"sep-noticias-linea\">\r\n    <h2>Directorio de portales<\/h2>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eaa1ba3 e-flex e-con-boxed e-con e-parent\" data-id=\"eaa1ba3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41cf092 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"41cf092\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n\r\n<style>\r\n    :root {\r\n        --color-gob: #105f38; \/* Rojo Institucional *\/\r\n        --color-hover: #f5f5f5;\r\n    }\r\n\r\n    .carrusel-estado {\r\n    padding: 40px 0;\r\n    background: #f0f2f5; \/* <--- Cambia este valor (ejemplo: un gris claro) *\/\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n    .swiper-container {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: auto;\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .institucion-card {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 20px;\r\n        border: 1px solid #eee;\r\n        border-radius: 12px;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n        background: white;\r\n        height: 150px;\r\n    }\r\n\r\n    .institucion-card:hover {\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.08);\r\n        transform: translateY(-5px);\r\n        border-color: var(--color-gob);\r\n    }\r\n\r\n   .institucion-card img {\r\n    max-width: 80%;\r\n    height: auto;\r\n    \/* Eliminamos el filter: grayscale(100%) *\/\r\n    filter: none; \r\n    opacity: 1; \/* Subimos la opacidad para que el color sea vivo *\/\r\n    transition: 0.3s;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.institucion-card:hover img {\r\n    \/* Ya no es necesario el grayscale(0%) porque ya est\u00e1 a color *\/\r\n    transform: scale(1.05); \/* Opcional: un peque\u00f1o zoom al pasar el mouse *\/\r\n}\r\n\r\n    .institucion-card:hover img {\r\n        filter: grayscale(0%);\r\n        opacity: 1;\r\n    }\r\n\r\n    .institucion-card span {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #333;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Flechas personalizadas *\/\r\n    .swiper-button-next, .swiper-button-prev {\r\n        color: var(--color-gob);\r\n    }\r\n<\/style>\r\n\r\n<div class=\"carrusel-estado\">\r\n    <div class=\"swiper mySwiper\">\r\n        <div class=\"swiper-wrapper\">\r\n            \r\n            <!-- OSCE -->\r\n            <div class=\"swiper-slide\">\r\n                <a href=\"https:\/\/www.gob.pe\/osce\" target=\"_blank\" class=\"institucion-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.rnp.gob.pe\/Constancia\/RNP_General\/images\/Logo_Osce.jpg\" alt=\"OSCE\">\r\n                    <span>OSCE<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- SUNAT -->\r\n            <div class=\"swiper-slide\">\r\n                <a href=\"https:\/\/www.sunat.gob.pe\" target=\"_blank\" class=\"institucion-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/prestify.pe\/blog\/wp-content\/uploads\/2023\/06\/Que-es-el-RUC-en-Sunat-y-por-que-tu-negocio-lo-necesita-2.jpg\" alt=\"SUNAT\">\r\n                    <span>SUNAT<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- BANCO DE LA NACION -->\r\n            <div class=\"swiper-slide\">\r\n                <a href=\"https:\/\/www.bn.com.pe\" target=\"_blank\" class=\"institucion-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.bn.com.pe\/img\/logobn.png\" alt=\"Banco de la Naci\u00f3n\">\r\n                    <span>Banco de la Naci\u00f3n<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- SUNARP -->\r\n            <div class=\"swiper-slide\">\r\n                <a href=\"https:\/\/www.gob.pe\/sunarp\" target=\"_blank\" class=\"institucion-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.sunarp.gob.pe\/img\/logo25anios.png\" alt=\"SUNARP\">\r\n                    <span>SUNARP<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- RENIEC -->\r\n            <div class=\"swiper-slide\">\r\n                <a href=\"https:\/\/www.gob.pe\/reniec\" target=\"_blank\" class=\"institucion-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/marketingperu.beglobal.biz\/wp-content\/uploads\/2026\/01\/logo-reniec-png-sin-fondo-3.png\" alt=\"RENIEC\">\r\n                    <span>RENIEC<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <!-- Navegaci\u00f3n -->\r\n        <div class=\"swiper-button-next\"><\/div>\r\n        <div class=\"swiper-button-prev\"><\/div>\r\n        <div class=\"swiper-pagination\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Scripts de Swiper -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\n    var swiper = new Swiper(\".mySwiper\", {\r\n        slidesPerView: 1,\r\n        spaceBetween: 20,\r\n        loop: true,\r\n        autoplay: {\r\n            delay: 3000,\r\n            disableOnInteraction: false,\r\n        },\r\n        pagination: {\r\n            el: \".swiper-pagination\",\r\n            clickable: true,\r\n        },\r\n        navigation: {\r\n            nextEl: \".swiper-button-next\",\r\n            prevEl: \".swiper-button-prev\",\r\n        },\r\n        breakpoints: {\r\n            640: { slidesPerView: 2 },\r\n            768: { slidesPerView: 3 },\r\n            1024: { slidesPerView: 4 },\r\n        },\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f706c6 elementor-widget elementor-widget-html\" data-id=\"6f706c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"modalMuni\" class=\"muni-modal-overlay\">\r\n    <div class=\"muni-modal-container\">\r\n        <button class=\"muni-close\" onclick=\"closeMuniModal()\">&times;<\/button>\r\n        <div class=\"muni-img-wrapper\">\r\n            <!-- REEMPLAZA ESTA URL POR TU IMAGEN -->\r\n            <img decoding=\"async\" src=\"https:\/\/scontent.flim39-1.fna.fbcdn.net\/v\/t39.30808-6\/701889584_122211666668496781_3173263503176025547_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=127cfc&_nc_ohc=g9X5IRmKTp4Q7kNvwFxDSUL&_nc_oc=AdrCJkNizUNEcyqK-aQGx75VdD0zPUA8hqiGRo9W9SZNcQBGxbAnLdi-XcEi4Lbff7Q&_nc_zt=23&_nc_ht=scontent.flim39-1.fna&_nc_gid=VeLNajD6VsmGhSJtumYT1g&_nc_ss=7b2a8&oh=00_Af5fSn0cGu3yQ8YEQmtUWBJrqNLEOfj71uAiVWdzJtl0pQ&oe=6A110C70\">\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .muni-modal-overlay {\r\n        position: fixed;\r\n        inset: 0; \/* Cubre todo *\/\r\n        background: rgba(0, 20, 10, 0.9); \/* Fondo verde oscuro trasl\u00facido *\/\r\n        backdrop-filter: blur(8px); \/* Desenfoque del fondo de tu web *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 9999999;\r\n        padding: 20px;\r\n        font-family: sans-serif;\r\n    }\r\n\r\n    .muni-modal-container {\r\n        position: relative;\r\n        max-width: 600px; \/* Ancho m\u00e1ximo del afiche *\/\r\n        width: 100%;\r\n        animation: muniScale 0.3s ease-out;\r\n    }\r\n\r\n    @keyframes muniScale {\r\n        from { transform: scale(0.9); opacity: 0; }\r\n        to { transform: scale(1); opacity: 1; }\r\n    }\r\n\r\n    .muni-img-wrapper {\r\n        border-radius: 15px;\r\n        overflow: hidden;\r\n        box-shadow: 0 0 40px rgba(46, 204, 113, 0.3); \/* Resplandor verde *\/\r\n        line-height: 0;\r\n    }\r\n\r\n    .muni-img-wrapper img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    .muni-close {\r\n        position: absolute;\r\n        top: -40px;\r\n        right: 0;\r\n        background: none;\r\n        border: none;\r\n        color: white;\r\n        font-size: 35px;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .muni-close:hover { transform: rotate(90deg); color: #2ecc71; }\r\n\r\n    .hidden-modal { display: none !important; }\r\n<\/style>\r\n\r\n<script>\r\n    function closeMuniModal() { document.getElementById('modalMuni').classList.add('hidden-modal'); }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SERVICIO DIGITAL Mesa de Partes Ingresar tr\u00e1mite SERVICIO DIGITAL Denuncias del Ciudadano Ir a Plataforma arrow_back_ios_new arrow_forward_ios work Oportunidades Laborales Postula a las convocatorias CAS vigentes de la municipalidad y revisa resultados. badge Registro Civil Solicitud y tr\u00e1mites de actas de nacimiento, matrimonio, defunci\u00f3n y divorcios. local_police Seguridad Ciudadana Reportes vecinales en la plataforma virtual&hellip;&nbsp;<a href=\"http:\/\/muniacora.gob.pe\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">MUNICIPALIDAD<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-485","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/muniacora.gob.pe\/index.php\/wp-json\/wp\/v2\/pages\/485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/muniacora.gob.pe\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/muniacora.gob.pe\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/muniacora.gob.pe\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/muniacora.gob.pe\/index.php\/wp-json\/wp\/v2\/comments?post=485"}],"version-history":[{"count":688,"href":"http:\/\/muniacora.gob.pe\/index.php\/wp-json\/wp\/v2\/pages\/485\/revisions"}],"predecessor-version":[{"id":2033,"href":"http:\/\/muniacora.gob.pe\/index.php\/wp-json\/wp\/v2\/pages\/485\/revisions\/2033"}],"wp:attachment":[{"href":"http:\/\/muniacora.gob.pe\/index.php\/wp-json\/wp\/v2\/media?parent=485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}