{"id":3600,"date":"2026-05-13T20:00:00","date_gmt":"2026-05-13T20:00:00","guid":{"rendered":"https:\/\/lalibertadoeste.gob.sv\/?page_id=3600"},"modified":"2026-07-23T10:08:36","modified_gmt":"2026-07-23T16:08:36","slug":"inicio","status":"publish","type":"page","link":"https:\/\/lalibertadoeste.gob.sv\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3600\" class=\"elementor elementor-3600\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb72154 e-con e-atomic-element e-flexbox-base e-cb72154-f74e11b \" data-id=\"cb72154\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cb72154\" data-e-type=\"e-flexbox\" data-id=\"cb72154\">\n    \t\t<div class=\"elementor-element elementor-element-0efa070 elementor-widget__width-inherit elementor-widget elementor-widget-global elementor-global-4884 elementor-widget-html\" data-id=\"0efa070\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Barra superior -->\n<div class=\"topbar\">\n  <div class=\"topbar-inner\">\n    <div class=\"topbar-left\">\n      <span>Lunes a Viernes: 8:00 AM \u2013 4:00 PM<\/span>\n    <\/div>\n    <div class=\"topbar-right\">\n      <a href=\"tel:+50361480000\">\ud83d\udcde +503 6148-0000<\/a>\n      <a href=\"#\">\ud83d\udce7 contacto@lalibertadoeste.gob.sv<\/a>\n      <a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/portal-de-transparencia\/\">\ud83c\udf10 Portal de Transparencia<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Header -->\n<header>\n  <div class=\"header-inner\">\n    <div class=\"logo-area\">\n    <a href=\"https:\/\/lalibertadoeste.gob.sv\/\" class=\"logo-link\">\n      <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/07\/LOGO_VECTOR_AZUL.png\" style=\"width:54px;height:54px;object-fit:contain;border-radius:50%;border:2px solid #C9992B;box-shadow:0 0 0 4px rgba(201,153,43,0.18);background:white;padding:2px;\" alt=\"Logo Alcald\u00eda\">\n      <div class=\"logo-text\">\n        <strong>Alcald\u00eda Municipal<\/strong>\n        <span>La Libertad Oeste, El Salvador<\/span>\n      <\/div>\n      <\/a>\n    <\/div>\n    <nav id=\"mainMenu\">\n        <button class=\"menu-close\" id=\"menuClose\">\u2715<\/button>\n      <a href=\"https:\/\/lalibertadoeste.gob.sv\/\" class=\"active\">Inicio<\/a>\n      <a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/servicios\/\" >Servicios<\/a>\n      <a href=\" https:\/\/lalibertadoeste.gob.sv\/index.php\/alcaldesa\/\">Alcaldesa<\/a>\n      <a href=\"#\">Noticias<\/a>\n      <a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/gestion-de-antisoborno\/\">Gesti\u00f3n Antisoborno<\/a>\n      <a href=\" https:\/\/lalibertadoeste.gob.sv\/index.php\/portal-de-transparencia\/\" class=\"btn-transparencia\">Portal de Transparencia<\/a>\n    <\/nav>\n    <button id=\"menuToggle\" class=\"mobile-menu-btn\">\u2630<\/button>\n  <\/div>\n<\/header>\n\n<!-- Alerta \/ Aviso importante -->\n<div class=\"alerta-bar\">\n  <div class=\"alerta-bar-inner\">\n    <span>\ud83d\udce2<\/span>\n    <span>Pago de impuestos municipales disponible en l\u00ednea. <a href=\"#\">Realiza tu tr\u00e1mite aqu\u00ed \u2192<\/a><\/span>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-986692a e-con-full e-flex e-con e-parent\" data-id=\"986692a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c112cf2 elementor-widget elementor-widget-html\" data-id=\"c112cf2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n:root {\n    --azul: #263c61;\n    --azul-medio: #1B3872;\n    --azul-claro: #263c65;\n    --dorado: #DE6826;\n    --dorado-claro: #F58547;\n    --dorado-medio: #FF9D05;\n    --blanco: #FFFFFF;\n    --gris-suave: #F4F6FA;\n    --gris-texto: #444C5C;\n    --negro-suave: #1A1F2E;\n    --verde: #1E7D4A;\n    --rojo: #C0392B;\n    --shadow-lg: 0 12px 40px rgba(0,63,138,0.18);\n    --shadow-sm: 0 4px 16px rgba(0,0,0,0.09);\n}\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  body {\n    font-family: 'Source Sans 3', sans-serif;\n    color: var(--negro-suave);\n    background: var(--blanco);\n    overflow-x: hidden;\n  }\n\n  \/* \u2500\u2500\u2500 BARRA SUPERIOR \u2500\u2500\u2500 *\/\n  .topbar {\n    background: var(--azul);\n    color: rgba(255,255,255,0.85);\n    font-size: 0.78rem;\n    letter-spacing: 0.03em;\n    padding: 6px 0;\n    border-bottom: 2px solid var(--dorado);\n  }\n  .topbar-inner {\n    max-width: 1200px; margin: 0 auto; padding: 0 24px;\n    display: flex; justify-content: space-between; align-items: center; gap: 12px;\n    flex-wrap: wrap;\n  }\n  .topbar a { color: var(--blanco); text-decoration: none; margin-left: 18px; }\n  .topbar a:hover { color: #fff; }\n  .topbar-left { display: flex; align-items: center; gap: 8px; }\n  .topbar-left span::before { content: \"\ud83d\udd50 \"; }\n\n  \/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\nheader { background: var(--blanco); position: sticky; top: 0; z-index: 99; box-shadow: 0 2px 20px rgba(0,63,138,0.12); }\n  .header-inner {\n    max-width: 1200px; margin: 0 auto; padding: 14px 24px;\n    display: flex; justify-content: space-between; align-items: center; gap: 16px;\n  }\n  .logo-area { display: flex; align-items: center; gap: 14px; }\n  .logo-icon {\n    width: 54px; height: 54px; border-radius: 50%;\n    background: linear-gradient(135deg, var(--azul), var(--azul-claro));\n    display: flex; align-items: center; justify-content: center;\n    color: white; font-size: 1.5rem; font-weight: 900; flex-shrink: 0;\n    border: 2px solid var(--dorado);\n    box-shadow: 0 0 0 4px rgba(201,153,43,0.18);\n  }\n  .logo-text { line-height: 1.2; }\n  .logo-text strong {\n    display: block; font-family: 'Playfair Display', serif;\n    color: var(--azul); font-size: 1.05rem; font-weight: 700;\n  }\n  .logo-link {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  text-decoration: none;\n  color: inherit;\n}\n\n  .logo-text span { font-size: 0.75rem; color: var(--gris-texto); letter-spacing: 0.04em; }\n\n  \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n  .hero {\n    background: linear-gradient(135deg, var(--azul) 0%, var(--azul-medio) 45%, var(--azul-claro) 100%);\n    position: relative; overflow: hidden; padding: 70px 24px 60px;\n    min-height: 540px; display: flex; align-items: center;\n  }\n  .hero::before {\n    content: \"\";\n    position: absolute; inset: 0;\n    background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  }\n  .hero-oval {\n    position: absolute; right: -80px; top: -80px;\n    width: 520px; height: 520px; border-radius: 50%;\n    background: rgba(255,255,255,0.05);\n    border: 1px solid rgba(255,255,255,0.1);\n  }\n  .hero-oval2 {\n    position: absolute; right: 40px; bottom: -120px;\n    width: 320px; height: 320px; border-radius: 50%;\n    background: rgba(201,153,43,0.08);\n    border: 1px solid rgba(201,153,43,0.15);\n  }\n  .hero-inner {\n    max-width: 1200px; margin: 0 auto; position: relative; z-index: 2;\n    display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;\n    width: 100%;\n  }\n  .hero-content { color: white; }\n  .hero-badge {\n    display: inline-block; background: var(--dorado); color: white;\n    font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;\n    padding: 5px 14px; border-radius: 20px; margin-bottom: 20px;\n  }\n  .hero-content h1 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2rem, 4vw, 3.2rem);\n    font-weight: 900; line-height: 1.1;\n    margin-bottom: 16px; text-shadow: 0 2px 12px rgba(0,0,0,0.2);\n  }\n  .hero-content h1 span { color: var(--dorado-claro); }\n  .hero-content p { font-size: 1.05rem; opacity: 0.88; line-height: 1.7; margin-bottom: 28px; max-width: 480px; }\n  .hero-buttons { display: flex; gap: 12px; flex-wrap: wrap; }\n  .btn-primary {\n    background: var(--dorado); color: white !important; text-decoration: none;\n    padding: 13px 28px; border-radius: 8px; font-weight: 700; font-size: 0.9rem; box-shadow: 0 4px 16px rgba(235,147,37,0.3); transition: all 0.2s;\n    border: none; cursor: pointer; letter-spacing: 0.03em;\n  }\n  .btn-primary:hover { background: var(--dorado-claro); transform: translateY(-2px); }\n  .btn-outline {\n    background: transparent; color: white !important; text-decoration: none;\n    padding: 13px 28px; border-radius: 8px; font-weight: 600; font-size: 0.9rem;\n    border: 2px solid rgba(255,255,255,0.5); transition: all 0.2s;\n  }\n  .btn-outline:hover { border-color: white; background: rgba(255,255,255,0.1); }\n\n  \/* Hero stats *\/\n  .hero-stats {\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 36px;\n  }\n  .stat-card {\n    background: rgba(255,255,255,0.1); backdrop-filter: blur(10px);\n    border-radius: 12px; padding: 16px; border: 1px solid rgba(255,255,255,0.18);\n    text-align: center;\n  }\n  .stat-card .num {\n    font-family: 'Playfair Display', serif; font-size: 1.9rem; font-weight: 900;\n    color: var(--dorado-claro); line-height: 1;\n  }\n  .stat-card .label { font-size: 0.72rem; opacity: 0.8; margin-top: 4px; line-height: 1.3; }\n\n  \/* Hero image side *\/\n  .hero-img-side {\n    display: flex; flex-direction: column; gap: 14px; align-items: flex-end;\n  }\n  .hero-photo {\n    width: 100%; max-width: 420px; aspect-ratio: 4\/3;\n    background: rgba(255,255,255,0.12); border-radius: 16px;\n    border: 2px solid rgba(255,255,255,0.2);\n    display: flex; align-items: center; justify-content: center;\n    color: rgba(255,255,255,0.4); font-size: 0.85rem; text-align: center;\n    padding: 20px; overflow: hidden; position: relative;\n  }\n  .hero-photo-inner {\n    display: flex; flex-direction: column; align-items: center; gap: 10px;\n  }\n  .hero-photo-inner .icon { font-size: 3rem; opacity: 0.5; }\n  .live-badge {\n    position: absolute; top: 14px; left: 14px;\n    background: rgba(192,57,43,0.9); color: white;\n    font-size: 0.7rem; font-weight: 700; padding: 4px 10px; border-radius: 20px;\n    display: flex; align-items: center; gap: 5px;\n  }\n  .live-dot { width: 6px; height: 6px; border-radius: 50%; background: #ff6b6b; animation: blink 1s infinite; }\n  @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }\n\n  \/* \u2500\u2500\u2500 SERVICIOS R\u00c1PIDOS \u2500\u2500\u2500 *\/\n  .servicios-rapidos {\n    background: var(--negro-suave); padding: 0;\n    border-bottom: 3px solid var(--dorado);\n  }\n  .servicios-rapidos-inner {\n    max-width: 1200px; margin: 0 auto;\n    display: grid; grid-template-columns: repeat(6, 1fr);\n  }\n  .servicio-item {\n    padding: 20px 16px; text-align: center; border-right: 1px solid rgba(255,255,255,0.08);\n    cursor: pointer; transition: background 0.2s; text-decoration: none;\n    display: block;\n  }\n  .servicio-item:last-child { border-right: none; }\n  .servicio-item:hover { background: rgba(255,255,255,0.07); }\n  .servicio-item .ico { font-size: 1.6rem; margin-bottom: 6px; }\n  .servicio-item span {\n    display: block; color: rgba(255,255,255,0.8); font-size: 0.72rem;\n    font-weight: 600; letter-spacing: 0.03em; line-height: 1.3;\n  }\n\n  \/* \u2500\u2500\u2500 SECCI\u00d3N PRINCIPAL \u2500\u2500\u2500 *\/\n  section { padding: 64px 24px; }\n  .section-inner { max-width: 1200px; margin: 0 auto; }\n  .section-header { margin-bottom: 36px; }\n  .section-label {\n    display: inline-block; color: var(--azul-claro); font-size: 0.75rem; font-weight: 700;\n    letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 8px;\n  }\n  .section-title {\n    font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 3vw, 2.4rem);\n    font-weight: 900; color: var(--negro-suave); line-height: 1.15;\n  }\n  .section-title span { color: var(--azul-medio); }\n  .section-divider {\n    width: 52px; height: 3px;\n    background: linear-gradient(90deg, var(--dorado), var(--dorado-claro));\n    border-radius: 2px; margin-top: 12px;\n  }\n\n  \/* \u2500\u2500\u2500 NOTICIAS \u2500\u2500\u2500 *\/\n  .noticias-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; }\n  .noticia-principal {\n    background: var(--gris-suave); border-radius: 16px; overflow: hidden;\n    box-shadow: var(--shadow-sm); position: relative;\n  }\n  .noticia-img {\n    width: 100%; height: 220px; object-fit: cover;\n    background: linear-gradient(135deg, #c8d8f0, #91b4d8);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 0.85rem; color: rgba(0,63,138,0.4);\n  }\n  .noticia-body { padding: 22px; }\n  .noticia-tag {\n    display: inline-block; background: var(--azul); color: white;\n    font-size: 0.68rem; font-weight: 700; padding: 3px 10px; border-radius: 4px;\n    text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 10px;\n  }\n  .noticia-body h3 {\n    font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 700;\n    line-height: 1.3; margin-bottom: 8px; color: var(--negro-suave);\n  }\n  .noticia-body p { color: var(--gris-texto); font-size: 0.9rem; line-height: 1.6; margin-bottom: 14px; }\n  .noticia-meta { font-size: 0.77rem; color: #888; display: flex; gap: 14px; align-items: center; }\n\n  .noticias-lista { display: flex; flex-direction: column; gap: 14px; }\n  .noticia-card {\n    background: var(--gris-suave); border-radius: 12px; padding: 16px;\n    display: flex; gap: 14px; align-items: flex-start;\n    box-shadow: var(--shadow-sm); border-left: 3px solid transparent;\n    transition: border-color 0.2s;\n  }\n  .noticia-card:hover { border-left-color: var(--azul-claro); }\n  .noticia-thumb {\n    width: 60px; height: 60px; border-radius: 8px; flex-shrink: 0;\n    background: linear-gradient(135deg, #c8d8f0, #91b4d8);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1.3rem;\n  }\n  .noticia-card h4 { font-size: 0.88rem; font-weight: 700; line-height: 1.3; margin-bottom: 4px; }\n  .noticia-card span { font-size: 0.73rem; color: #888; }\n\n  \/* \u2500\u2500\u2500 FACEBOOK + INFO \u2500\u2500\u2500 *\/\n  .facebook-section { background: var(--gris-suave); }\n  .facebook-grid {\n    display: grid; grid-template-columns: 1.4fr 1fr; gap: 36px; align-items: start;\n  }\n\n  .fb-feed-header {\n    display: flex; align-items: center; gap: 12px; margin-bottom: 20px;\n  }\n  .fb-logo {\n    width: 40px; height: 40px; border-radius: 10px;\n    background: #1877F2; display: flex; align-items: center; justify-content: center;\n    color: white; font-size: 1.3rem; font-weight: 900; flex-shrink: 0;\n  }\n  .fb-feed-header div strong { display: block; font-size: 1rem; color: var(--negro-suave); }\n  .fb-feed-header div span { font-size: 0.78rem; color: #888; }\n\n  .fb-post {\n    background: white; border-radius: 12px; padding: 18px; margin-bottom: 14px;\n    box-shadow: var(--shadow-sm); border: 1px solid rgba(0,0,0,0.06);\n    transition: transform 0.2s;\n  }\n  .fb-post:hover { transform: translateY(-2px); }\n  .fb-post-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }\n  .fb-avatar {\n    width: 36px; height: 36px; border-radius: 50%;\n    background: linear-gradient(135deg, var(--azul), var(--azul-claro));\n    display: flex; align-items: center; justify-content: center;\n    color: white; font-size: 0.85rem; font-weight: 700; flex-shrink: 0;\n  }\n  .fb-post-header div strong { display: block; font-size: 0.85rem; }\n  .fb-post-header div span { font-size: 0.73rem; color: #888; }\n  .fb-post-text { font-size: 0.88rem; line-height: 1.6; color: var(--gris-texto); margin-bottom: 12px; }\n  .fb-post-img {\n    width: 100%; height: 120px; border-radius: 8px;\n    background: linear-gradient(135deg, #dce8f5, #b5cee8);\n    display: flex; align-items: center; justify-content: center;\n    color: rgba(0,63,138,0.35); font-size: 0.8rem; margin-bottom: 10px;\n    overflow: hidden;\n  }\n  .fb-reactions { display: flex; gap: 14px; font-size: 0.78rem; color: #888; }\n  .fb-reaction { display: flex; align-items: center; gap: 4px; }\n  .fb-cta {\n    text-align: center; margin-top: 16px;\n    display: flex; gap: 10px; justify-content: center;\n  }\n  .btn-fb {\n    background: #1877F2; color: white; text-decoration: none;\n    padding: 10px 22px; border-radius: 8px; font-weight: 700; font-size: 0.85rem;\n    border: none; cursor: pointer; transition: background 0.2s;\n  }\n  .btn-fb:hover { background: #1463d6; }\n\n  \/* Info widget *\/\n  .info-widget {\n    background: var(--azul); color: white; border-radius: 16px; padding: 28px;\n    margin-bottom: 20px; box-shadow: var(--shadow-lg);\n  }\n  .info-widget h3 {\n    font-family: 'Playfair Display', serif; font-size: 1.2rem; font-weight: 700;\n    margin-bottom: 20px; display: flex; align-items: center; gap: 8px;\n  }\n  .info-row { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; }\n  .info-ico {\n    width: 36px; height: 36px; border-radius: 8px;\n    background: rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center;\n    font-size: 1rem; flex-shrink: 0;\n  }\n  .info-row div strong { display: block; font-size: 0.8rem; opacity: 0.7; letter-spacing: 0.04em; }\n  .info-row div span { font-size: 0.92rem; font-weight: 600; }\n  .horario-badge {\n    background: rgba(30,125,74,0.85); color: white; border-radius: 8px;\n    padding: 10px 14px; font-size: 0.82rem; margin-top: 14px;\n    display: flex; align-items: center; gap: 8px;\n  }\n\n  \/* \u2500\u2500\u2500 DISTRITOS \u2500\u2500\u2500 *\/\n  .distritos-section { background: var(--negro-suave); }\n  .distritos-section .section-title { color: white; }\n  .distritos-section .section-label { color: var(--dorado-claro); }\n  .distritos-grid {\n    display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; margin-top: 36px;\n  }\n  .distrito-card {\n    background: rgba(255,255,255,0.06); border-radius: 14px; padding: 24px;\n    border: 1px solid rgba(255,255,255,0.1); text-align: center;\n    cursor: pointer; transition: all 0.25s; text-decoration: none; display: block;\n  }\n  .distrito-card:hover {\n    background: rgba(255,255,255,0.12); border-color: var(--dorado);\n    transform: translateY(-4px);\n  }\n  .distrito-icon {\n    width: 60px; height: 60px; border-radius: 50%; margin: 0 auto 14px;\n    background: linear-gradient(135deg, var(--azul-claro), var(--azul));\n    border: 2px solid rgba(201,153,43,0.4);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1.5rem;\n  }\n  .distrito-card h4 { color: white; font-size: 0.92rem; font-weight: 700; margin-bottom: 4px; }\n  .distrito-card p { color: rgba(255,255,255,0.5); font-size: 0.75rem; }\n  .distrito-card .fb-link {\n    display: inline-flex; align-items: center; gap: 5px; margin-top: 10px;\n    background: #1877F2; color: white; font-size: 0.72rem; font-weight: 700;\n    padding: 4px 10px; border-radius: 20px;\n  }\n\n  \/* \u2500\u2500\u2500 TRAMITES SERVICIOS \u2500\u2500\u2500 *\/\n  .tramites-grid {\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\n  }\n  .tramite-card {\n    background: white; border-radius: 14px; padding: 24px;\n    box-shadow: var(--shadow-sm); border: 1px solid rgba(0,63,138,0.08);\n    border-top: 3px solid var(--azul-claro); transition: transform 0.2s;\n  }\n  .tramite-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }\n  .tramite-ico { font-size: 2rem; margin-bottom: 12px; }\n  .tramite-card h4 { font-size: 0.98rem; font-weight: 700; margin-bottom: 6px; color: var(--azul); }\n  .tramite-card p { font-size: 0.83rem; color: var(--gris-texto); line-height: 1.55; margin-bottom: 14px; }\n  .tramite-btn {\n    display: inline-block; color: var(--azul-claro); font-size: 0.8rem; font-weight: 700;\n    text-decoration: none; border-bottom: 2px solid var(--azul-claro);\n    padding-bottom: 1px;\n  }\n\n  \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n  footer {\n    background: var(--negro-suave); border-top: 3px solid var(--dorado);\n    padding: 52px 24px 24px;\n  }\n  .footer-grid {\n    max-width: 1200px; margin: 0 auto;\n    display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 36px; margin-bottom: 36px;\n  }\n  .footer-brand .logo-area { margin-bottom: 14px; }\n  .footer-brand .logo-text strong { color: white; }\n  .footer-brand .logo-text span { color: rgba(255,255,255,0.5); }\n  .footer-brand p { color: rgba(255,255,255,0.55); font-size: 0.83rem; line-height: 1.65; margin-bottom: 16px; }\n  .footer-social { display: flex; gap: 10px; }\n  .social-btn {\n    width: 36px; height: 36px; border-radius: 8px;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1rem; cursor: pointer; transition: all 0.2s;\n    text-decoration: none;\n  }\n  .social-btn.fb { background: #1877F2; color: white; }\n  .social-btn.fb:hover { background: #1463d6; }\n\n  .footer-col h5 {\n    color: white; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.06em;\n    text-transform: uppercase; margin-bottom: 16px; padding-bottom: 8px;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n  }\n  .footer-col ul { list-style: none; }\n  .footer-col ul li { margin-bottom: 9px; }\n  .footer-col ul li a {\n    color: rgba(255,255,255,0.55); text-decoration: none; font-size: 0.83rem; transition: color 0.2s;\n  }\n  .footer-col ul li a:hover { color: var(--dorado-claro); }\n\n  .footer-contact p {\n    color: rgba(255,255,255,0.55); font-size: 0.82rem; line-height: 1.6;\n    display: flex; gap: 8px; align-items: flex-start; margin-bottom: 10px;\n  }\n  .footer-contact p span:first-child { font-size: 1rem; flex-shrink: 0; margin-top: 1px; }\n\n  .footer-bottom {\n    max-width: 1200px; margin: 0 auto;\n    border-top: 1px solid rgba(255,255,255,0.08); padding-top: 20px;\n    display: flex; justify-content: space-between; align-items: center;\n    font-size: 0.76rem; color: rgba(255,255,255,0.35); flex-wrap: wrap; gap: 8px;\n  }\n  .footer-bottom a { color: rgba(255,255,255,0.5); text-decoration: none; }\n\n  \/* \u2500\u2500\u2500 ALERTAS \/ AVISOS \u2500\u2500\u2500 *\/\n  .alerta-bar {\n    background: linear-gradient(90deg, var(--dorado-claro), var(--dorado-medio));\n    padding: 10px 24px; text-align: center;\n  }\n  .alerta-bar-inner {\n    max-width: 1200px; margin: 0 auto;\n    display: flex; align-items: center; justify-content: center; gap: 10px;\n  }\n  .alerta-bar span { font-size: 0.85rem; font-weight: 600; color: var(--negro-suave); }\n  .alerta-bar a { color: var(--negro-suave); font-weight: 700; text-decoration: underline; }\n\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .servicios-rapidos-inner { grid-template-columns: repeat(3, 1fr); }\n    .distritos-grid { grid-template-columns: repeat(2, 1fr); }\n    .footer-grid { grid-template-columns: 1fr 1fr; }\n    .tramites-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  @media (max-width: 768px) {\n    .topbar-right { display: none; }\n    .hero-inner { grid-template-columns: 1fr; gap: 32px; }\n    .hero-img-side { display: none; }\n    .hero-stats { grid-template-columns: repeat(3, 1fr); }\n    .noticias-grid { grid-template-columns: 1fr; }\n    .facebook-grid { grid-template-columns: 1fr; }\n    .tramites-grid { grid-template-columns: 1fr; }\n    .footer-grid { grid-template-columns: 1fr; }\n    .servicios-rapidos-inner { grid-template-columns: repeat(3, 1fr); }\n    .distritos-grid { grid-template-columns: repeat(2, 1fr); }\n    nav{ position:fixed; top:0; right:0; width:250px; max-width:85%; height:100vh; background:#fff; display:flex; flex-direction:column; padding:70px 0 20px; transform:translateX(100%); transition:transform .45s cubic-bezier(.22,.61,.36,1); box-shadow:-10px 0 40px rgba(0,0,0,.18);\n        z-index:9999;\n    }\n\n    nav.active{ transform:translateX(0);\n    }\n    \n    .menu-close{ display:none; position:absolute; top:16px; right:16px; width:42px; height:42px; align-items:center; justify-content:center; border:none; border-radius:10px; background:#28457a; color:#fff; font-size:26px; cursor:pointer; z-index:10000;\n    }\n\n    .menu-close{\n        display:flex;\n    }\n\/* Links *\/\n    nav a{ display:flex; align-items:center; width:100%; min-height:58px;  padding:0 28px; margin:0; border-radius:0; font-size:14px; font-weight:600; color:#42506a; text-decoration:none; border-bottom:1px solid #edf1f5; transition:.25s;\n    }\n\n    nav a:hover{ background:#f4f8ff; color:var(--azul); padding-left:36px;\n    }\n\n    nav a.active{ background:#28457a; color:#fff; border-left:5px solid #f39b32;\n    }\n\n\/* Transparencia *\/\n    .btn-transparencia{ margin:20px; border-radius:12px; justify-content:center; background:#ea7426 !important; color:#fff !important; border:none; box-shadow:0 8px 20px rgba(234,116,38,.25);\n    \n    }\n    .mobile-menu-btn{ display:flex; align-items:center; justify-content:center; width:46px; height:46px; padding:0; margin:0; border:none; border-radius:12px; background:linear-gradient(135deg,var(--azul),#3d5f98); color:#fff; font-size:26px; line-height:1; cursor:pointer; box-shadow:0 10px 25px rgba(27,54,101,.30); transition:.25s;\n    }\n\n    .mobile-menu-btn:hover{ transform:scale(1.05);\n    }\n}\n    @media (min-width:769px){\n    \n        .mobile-menu-btn{\n            display:none;\n        }\n    \n    }\n\n  \/* \u2500\u2500\u2500 BADGE CONCEPTO \u2500\u2500\u2500 *\/\n  .concept-banner {\n    background: linear-gradient(90deg, var(--rojo), #922B21);\n    color: white; text-align: center; padding: 10px;\n    font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em;\n  }\n  .concept-banner span { opacity: 0.8; font-weight: 400; }\n\n  \/* \u2500\u2500\u2500 MAPA EMBED PLACEHOLDER \u2500\u2500\u2500 *\/\n  .mapa-placeholder {\n    width: 100%; height: 140px; border-radius: 10px; margin-top: 16px;\n    background: linear-gradient(135deg, #d0dce8, #a8bed4);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 0.82rem; color: rgba(0,63,138,0.5); gap: 6px;\n    border: 1px solid rgba(0,63,138,0.15);\n  }\n\n<\/style>\n<!-- Banner indicador de concepto -->\n\n<!-- Hero -->\n<section class=\"hero\">\n  <div class=\"hero-oval\"><\/div>\n  <div class=\"hero-oval2\"><\/div>\n  <div class=\"hero-inner\">\n    <div class=\"hero-content\">\n      <div class=\"hero-badge\">Gobierno Municipal 2024\u20132027<\/div>\n      <h1 style=\"color: white\">Trabajando por <span style=\"color:var(--dorado-claro);\">La Libertad Oeste<\/span> y su gente<\/h1>\n      <p>Tu alcald\u00eda al servicio de los Distritos de Col\u00f3n, Sacacoyo, Jayaque, Tepecoyo y Talnique. Transparencia, desarrollo y bienestar para todas las comunidades.<\/p>\n      <div class=\"hero-buttons\">\n        <a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/servicios\/\" class=\"btn-primary\">Ver Servicios Municipales<\/a>\n        <a href=\"#\" class=\"btn-outline\">Pagar en L\u00ednea<\/a>\n      <\/div>\n      <div class=\"hero-stats\">\n        <div class=\"stat-card\">\n          <div class=\"num\">5<\/div>\n          <div class=\"label\">Distritos atendidos<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <div class=\"num\">+120<\/div>\n          <div class=\"label\">Servicios disponibles<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <div class=\"num\">100%<\/div>\n          <div class=\"label\">Portal de transparencia<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hero-img-side\">\n      <div class=\"hero-photo\">\n        <div class=\"live-badge\"><div class=\"live-dot\"><\/div> EN VIVO<\/div>\n        <div class=\"hero-photo-inner\">\n          <span class=\"icon\">\ud83c\udfdb\ufe0f<\/span>\n          <span>Imagen de portada \/ slider<br>de actividades<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Servicios r\u00e1pidos -->\n<div class=\"servicios-rapidos\">\n  <div class=\"servicios-rapidos-inner\">\n    <a href=\"#\" class=\"servicio-item\">\n      <div class=\"ico\">\ud83d\udcc4<\/div>\n      <span>Pago de<br>Impuestos<\/span>\n    <\/a>\n    <a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/servicios\/\" class=\"servicio-item\">\n      <div class=\"ico\">\ud83e\udeaa<\/div>\n      <span>Registro<br>Civil<\/span>\n    <\/a>\n    <a href=\"https:\/\/validador.lalibertadoeste.gob.sv\/\" class=\"servicio-item\" target=\"_blank\">\n      <div class=\"ico\">\u2705<\/div>\n      <span>Validador de<br>Documentos<\/span>\n    <\/a>\n    <a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/ubicaciones\/\"  class=\"servicio-item\">\n      <div class=\"ico\">\ud83d\uddfa\ufe0f<\/div>\n      <span>Ubicaciones<br>de oficinas<\/span>\n    <\/a>\n    <a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/contactos\/\" class=\"servicio-item\">\n      <div class=\"ico\">\ud83d\udcde<\/div>\n      <span>Contacto y<br>Atenci\u00f3n<\/span>\n    <\/a>\n  <\/div>\n<\/div>\n\n<!-- Noticias y actividades -->\n<section>\n  <div class=\"section-inner\">\n    <div class=\"section-header\">\n      <span class=\"section-label\">Actualidad Municipal<\/span>\n      <h2 class=\"section-title\">\u00daltimas <span>Noticias y Actividades<\/span><\/h2>\n      <div class=\"section-divider\"><\/div>\n    <\/div>\n    <div class=\"noticias-grid\">\n      <div class=\"noticia-principal\">\n        <div class=\"noticia-img\">\ud83d\udcf8 Foto principal de noticia destacada<\/div>\n        <div class=\"noticia-body\">\n          <span class=\"noticia-tag\">Actividad<\/span>\n          <h3>Celebraci\u00f3n del D\u00eda de la Madre en los 5 municipios de La Libertad Oeste<\/h3>\n          <p>La alcald\u00eda organiz\u00f3 eventos especiales en Col\u00f3n, Jayaque, Sacacoyo, Tepecoyo y Talnique para celebrar a las madres del distrito con actividades culturales y recreativas.<\/p>\n          <div class=\"noticia-meta\">\n            <span>\ud83d\udcc5 10 de mayo, 2026<\/span>\n            <span>\ud83c\udfdb\ufe0f Todos los municipios<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"noticias-lista\">\n        <div class=\"noticia-card\">\n          <div class=\"noticia-thumb\">\ud83c\udf3f<\/div>\n          <div>\n            <h4>Festival de la Cruz en Jayaque y Tepecoyo<\/h4>\n            <span>\ud83d\udcc5 3 de mayo, 2026<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"noticia-card\">\n          <div class=\"noticia-thumb\">\ud83d\udcbc<\/div>\n          <div>\n            <h4>Feria de Empleo \u2014 m\u00e1s de 200 plazas disponibles<\/h4>\n            <span>\ud83d\udcc5 28 de abril, 2026<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"noticia-card\">\n          <div class=\"noticia-thumb\">\ud83c\udfd7\ufe0f<\/div>\n          <div>\n            <h4>Inauguraci\u00f3n de obra vial en Col\u00f3n<\/h4>\n            <span>\ud83d\udcc5 22 de abril, 2026<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"noticia-card\">\n          <div class=\"noticia-thumb\">\ud83d\udcda<\/div>\n          <div>\n            <h4>Entrega de \u00fatiles escolares a ni\u00f1os de Sacacoyo<\/h4>\n            <span>\ud83d\udcc5 15 de abril, 2026<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Facebook + Informaci\u00f3n de contacto -->\n<section class=\"facebook-section\">\n  <div class=\"section-inner\">\n    <div class=\"facebook-grid\">\n      <!-- Feed de Facebook -->\n      <div>\n        <div class=\"fb-feed-header\">\n          <div class=\"fb-logo\">f<\/div>\n          <div>\n            <strong>Alcald\u00eda La Libertad Oeste<\/strong>\n            <span>\u00daltimas publicaciones \u00b7 facebook.com\/GobiernoDeColon<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fb-post\">\n          <div class=\"fb-post-header\">\n            <div class=\"fb-avatar\">ALO<\/div>\n            <div>\n              <strong>Alcald\u00eda Municipal La Libertad Oeste<\/strong>\n              <span>Hace 2 horas \u00b7 \ud83c\udf10 P\u00fablico<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"fb-post-text\">\n            \ud83c\udf38 \u00a1Feliz D\u00eda de la Madre! Hoy celebramos a todas las mam\u00e1s de nuestro distrito con actividades especiales en los 5 municipios. \u00a1Gracias por ser el coraz\u00f3n de nuestra comunidad!\n          <\/div>\n          <div class=\"fb-post-img\">\ud83d\udcf8 Imagen de publicaci\u00f3n de Facebook<\/div>\n          <div class=\"fb-reactions\">\n            <span class=\"fb-reaction\">\ud83d\udc4d 342 Me gusta<\/span>\n            <span class=\"fb-reaction\">\ud83d\udcac 58 Comentarios<\/span>\n            <span class=\"fb-reaction\">\u2197\ufe0f 94 Compartidos<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fb-post\">\n          <div class=\"fb-post-header\">\n            <div class=\"fb-avatar\">ALO<\/div>\n            <div>\n              <strong>Alcald\u00eda Municipal La Libertad Oeste<\/strong>\n              <span>Ayer \u00b7 \ud83c\udf10 P\u00fablico<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"fb-post-text\">\n            \ud83d\udce2 Recuerda que el horario de atenci\u00f3n esta semana es de 8:00 AM a 4:00 PM. Te esperamos en nuestras instalaciones para atender todos tus tr\u00e1mites municipales.\n          <\/div>\n          <div class=\"fb-reactions\">\n            <span class=\"fb-reaction\">\ud83d\udc4d 87 Me gusta<\/span>\n            <span class=\"fb-reaction\">\ud83d\udcac 12 Comentarios<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fb-cta\">\n          <a href=\"https:\/\/facebook.com\/ColonLLO\" class=\"btn-fb\" target=\"_blank\">\n            \ud83d\udc4d Seguir en Facebook\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Informaci\u00f3n institucional -->\n      <div>\n        <div class=\"info-widget\">\n          <h3 style=\"color: white\">\ud83d\udccd Informaci\u00f3n de Contacto<\/h3>\n          <div class=\"info-row\">\n            <div class=\"info-ico\">\ud83d\udccd<\/div>\n            <div>\n              <strong>Direcci\u00f3n<\/strong>\n              <span>Urbanizaci\u00f3n Nuevo Lourdes, Av. Principal y Blvd. de la Industria<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"info-row\">\n            <div class=\"info-ico\">\ud83d\udcde<\/div>\n            <div>\n              <strong>Recepci\u00f3n<\/strong>\n              <span>+503 6148-0000<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"info-row\">\n            <div class=\"info-ico\">\ud83d\udcf1<\/div>\n            <div>\n              <strong>Ventanilla \u00danica<\/strong>\n              <span>+503 6115-0976<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"horario-badge\">\n            \u2705 Abierto ahora \u2014 Lunes a Viernes 8:00 AM \u2013 4:00 PM\n          <\/div>\n          <div class=\"mapa-placeholder\">\n            <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d4799.428760559885!2d-89.38019109999999!3d13.725751899999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8f63280ada0eb5f5%3A0x9ab9c41d69ab1b10!2sZona%20Municipal%20de%20Col%C3%B3n%20en%20Nuevo%20Lourdes!5e1!3m2!1ses-419!2ssv!4v1784822813602!5m2!1ses-419!2ssv\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n          <\/div>\n        <\/div>\n\n        <div style=\"background:white; border-radius:14px; padding:20px; box-shadow:var(--shadow-sm);\">\n          <h4 style=\"font-family:'Playfair Display',serif; margin-bottom:14px; color:var(--azul);\">\n            \ud83d\udd17 P\u00e1ginas de Distritos\n          <\/h4>\n          <div style=\"display:flex; flex-direction:column; gap:8px;\">\n            <a href=\"https:\/\/facebook.com\/SacacoyoLLO\" style=\"display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f4fa;border-radius:8px;text-decoration:none;color:var(--negro-suave);font-size:0.85rem;font-weight:600;transition:background 0.2s;\">\n              <span style=\"font-size:1rem;\">\ud83c\udfd8\ufe0f<\/span> Sacacoyo\n              <span style=\"margin-left:auto;font-size:0.72rem;color:#1877F2;\">@SacacoyoLLO<\/span>\n            <\/a>\n            <a href=\"https:\/\/facebook.com\/TepecoyoLLO\" style=\"display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f4fa;border-radius:8px;text-decoration:none;color:var(--negro-suave);font-size:0.85rem;font-weight:600;\">\n              <span style=\"font-size:1rem;\">\ud83c\udfd4\ufe0f<\/span> Tepecoyo\n              <span style=\"margin-left:auto;font-size:0.72rem;color:#1877F2;\">@TepecoyoLLO<\/span>\n            <\/a>\n            <a href=\"https:\/\/facebook.com\/JayaqueLLO\" style=\"display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f4fa;border-radius:8px;text-decoration:none;color:var(--negro-suave);font-size:0.85rem;font-weight:600;\">\n              <span style=\"font-size:1rem;\">\u2615<\/span> Jayaque\n              <span style=\"margin-left:auto;font-size:0.72rem;color:#1877F2;\">@JayaqueLLO<\/span>\n            <\/a>\n            <a href=\"https:\/\/facebook.com\/TalniqueLLO\" style=\"display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f4fa;border-radius:8px;text-decoration:none;color:var(--negro-suave);font-size:0.85rem;font-weight:600;\">\n              <span style=\"font-size:1rem;\">\ud83c\udf3f<\/span> Talnique\n              <span style=\"margin-left:auto;font-size:0.72rem;color:#1877F2;\">@TalniqueLLO<\/span>\n            <\/a>\n            <a href=\"https:\/\/facebook.com\/EmpleosLLO\" style=\"display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f4fa;border-radius:8px;text-decoration:none;color:var(--negro-suave);font-size:0.85rem;font-weight:600;\">\n              <span style=\"font-size:1rem;\">\ud83d\udcbc<\/span> Empleos LLO\n              <span style=\"margin-left:auto;font-size:0.72rem;color:#1877F2;\">@EmpleosLLO<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Distritos -->\n<section class=\"distritos-section\">\n  <div class=\"section-inner\">\n    <span class=\"section-label\">Nuestro Territorio<\/span>\n    <h2 class=\"section-title\">Distritos de <span style=\"color:var(--dorado-claro);\">La Libertad Oeste<\/span><\/h2>\n    <div class=\"distritos-grid\">\n      <a href=\"https:\/\/www.facebook.com\/ColonLLO\" class=\"distrito-card\">\n        <div class=\"distrito-icon\">\ud83c\udfd9\ufe0f<\/div>\n        <h4>Col\u00f3n<\/h4>\n        <p>Municipio principal del distrito<\/p>\n        <span class=\"fb-link\">Ver p\u00e1gina<\/span>\n      <\/a>\n      <a href=\"https:\/\/www.facebook.com\/SacacoyoLLO\" class=\"distrito-card\">\n        <div class=\"distrito-icon\">\ud83c\udfd8\ufe0f<\/div>\n        <h4>Sacacoyo<\/h4>\n        <p>Comunidad y desarrollo local<\/p>\n        <span class=\"fb-link\">Ver p\u00e1gina<\/span>\n      <\/a>\n      <a href=\"https:\/\/www.facebook.com\/JayaqueLLO\" class=\"distrito-card\">\n        <div class=\"distrito-icon\">\u2615<\/div>\n        <h4>Jayaque<\/h4>\n        <p>Tradici\u00f3n cafetalera salvadore\u00f1a<\/p>\n        <span class=\"fb-link\">Ver p\u00e1gina<\/span>\n      <\/a>\n      <a href=\"https:\/\/www.facebook.com\/TepecoyoLLO\" class=\"distrito-card\">\n        <div class=\"distrito-icon\">\ud83c\udf3f\ufe0f<\/div>\n        <h4>Tepecoyo<\/h4>\n        <p>Naturaleza y tradici\u00f3n<\/p>\n        <span class=\"fb-link\">Ver p\u00e1gina<\/span>\n      <\/a>\n      <a href=\"https:\/\/www.facebook.com\/TalniqueLLO\" class=\"distrito-card\">\n        <div class=\"distrito-icon\">\ud83c\udfd4\ufe0f<\/div>\n        <h4>Talnique<\/h4>\n        <p>Entre monta\u00f1as y caf\u00e9<\/p>\n        <span class=\"fb-link\">Ver p\u00e1gina<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Tr\u00e1mites y servicios -->\n<section>\n  <div class=\"section-inner\">\n    <div class=\"section-header\">\n      <span class=\"section-label\">Lo que necesitas<\/span>\n      <h2 class=\"section-title\">Tr\u00e1mites y <span>Servicios Municipales<\/span><\/h2>\n      <div class=\"section-divider\"><\/div>\n    <\/div>\n    <div class=\"tramites-grid\">\n      <div class=\"tramite-card\">\n        <div class=\"tramite-ico\">\ud83d\udcc4<\/div>\n        <h4>Pago de Impuestos Municipales<\/h4>\n        <p>Paga tu contribuci\u00f3n municipal de forma presencial o a trav\u00e9s del portal en l\u00ednea de forma r\u00e1pida y segura.<\/p>\n        <a href=\"#\" class=\"tramite-btn\">Ir al portal \u2192<\/a>\n      <\/div>\n      <div class=\"tramite-card\">\n        <div class=\"tramite-ico\">\ud83e\udeaa<\/div>\n        <h4>Registro Civil<\/h4>\n        <p>Tr\u00e1mites de nacimiento, matrimonio, defunci\u00f3n y partidas certificadas para todos los municipios del distrito.<\/p>\n        <a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/servicios\/\" class=\"tramite-btn\">Ver requisitos \u2192<\/a>\n      <\/div>\n      <div class=\"tramite-card\">\n        <div class=\"tramite-ico\">\u2705<\/div>\n        <h4>Validador de Documentos<\/h4>\n        <p>Verifica la autenticidad de documentos emitidos por la Alcald\u00eda Municipal de La Libertad Oeste.<\/p>\n        <a href=\"https:\/\/validador.lalibertadoeste.gob.sv\" class=\"tramite-btn\" target=\"_blank\">Validar documento \u2192<\/a>\n      <\/div>\n      <div class=\"tramite-card\">\n        <div class=\"tramite-ico\">\ud83d\udcde\ufe0f<\/div>\n        <h4>Contactos de Atenci\u00f3n<\/h4>\n        <p>Cont\u00e1ctanos y recibe atenci\u00f3n oportuna para resolver tus consultas y gestionar tus tr\u00e1mites municipales.<\/p>\n        <a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/contactos\/\" class=\"tramite-btn\">Ver contactos \u2192<\/a>\n      <\/div>\n      <div class=\"tramite-card\">\n        <div class=\"tramite-ico\">\ud83e\udd1d<\/div>\n        <h4>Gesti\u00f3n Antisoborno<\/h4>\n        <p>Conoce nuestras pol\u00edticas de transparencia y c\u00f3mo reportar actos de corrupci\u00f3n dentro de la instituci\u00f3n.<\/p>\n        <a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/gestion-de-antisoborno\/\" class=\"tramite-btn\">Ver pol\u00edtica \u2192<\/a>\n      <\/div>\n      <div class=\"tramite-card\">\n        <div class=\"tramite-ico\">\ud83d\udcbc<\/div>\n        <h4>Bolsa de Empleo<\/h4>\n        <p>Encuentra oportunidades laborales en el sector p\u00fablico y privado en los municipios de La Libertad Oeste.<\/p>\n        <a href=\"https:\/\/www.facebook.com\/EmpleosLLO\" class=\"tramite-btn\">Ver empleos \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n\n    const btn = document.getElementById(\"menuToggle\");\n    const menu = document.getElementById(\"mainMenu\");\n    const close = document.getElementById(\"menuClose\");\n\n    if (!btn || !menu || !close) return;\n\n    btn.addEventListener(\"click\", () => {\n        menu.classList.add(\"active\");\n    });\n\n    close.addEventListener(\"click\", () => {\n        menu.classList.remove(\"active\");\n    });\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-297bb8c e-con e-atomic-element e-div-block-base e-297bb8c-3083b1d \" data-id=\"297bb8c\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"297bb8c\" data-e-type=\"e-div-block\" data-id=\"297bb8c\">\n    \t\t<div class=\"elementor-element elementor-element-7e544e1 elementor-widget elementor-widget-global elementor-global-4878 elementor-widget-html\" data-id=\"7e544e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- Footer -->\n<footer>\n  <div class=\"footer-grid\">\n    <div class=\"footer-brand\">\n      <div class=\"logo-area\">\n          <a href=\"https:\/\/lalibertadoeste.gob.sv\/\" class=\"logo-link\">\n        <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/07\/LOGO_VECTOR_AZUL-scaled.png\" style=\"width:54px;height:54px;object-fit:contain;border-radius:50%;border:2px solid #C9992B;box-shadow:0 0 0 4px rgba(201,153,43,0.18);background:white;padding:2px;\" alt=\"Logo Alcald\u00eda\">\n        <div class=\"logo-text\">\n          <strong>Alcald\u00eda Municipal<\/strong>\n          <span>La Libertad Oeste<\/span>\n        <\/div>\n        <\/a>\n      <\/div>\n      <p>Trabajamos por el bienestar y desarrollo de los municipios de Col\u00f3n, Sacacoyo, Jayaque, Tepecoyo y Talnique. Innovaci\u00f3n, transparencia y servicio a la comunidad.<\/p>\n      <div class=\"footer-social\">\n        <a href=\"https:\/\/www.facebook.com\/ColonLLO\" class=\"social-btn fb\" target=\"_blank\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n      <\/div>\n    <\/div>\n    <div class=\"footer-col\">\n      <h5>Servicios<\/h5>\n      <ul>\n        <li><a href=\"#\">Pago de Impuestos<\/a><\/li>\n        <li><a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/servicios\">Registro Civil<\/a><\/li>\n        <li><a href=\"https:\/\/validador.lalibertadoeste.gob.sv\/\">Validador de Documentos<\/a><\/li>\n        <li><a href=\"https:\/\/www.facebook.com\/EmpleosLLO\">Bolsa de Empleo<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"footer-col\">\n      <h5>Instituci\u00f3n<\/h5>\n      <ul>\n        <li><a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/alcaldesa\/\">Alcaldesa Municipal<\/a><\/li>\n        <li><a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/portal-de-transparencia\/\">Portal de Transparencia<\/a><\/li>\n        <li><a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/gestion-de-antisoborno\/\">Gesti\u00f3n Antisoborno<\/a><\/li>\n        <li><a href=\"#\">Noticias<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"footer-col footer-contact\">\n      <h5>Contacto<\/h5>\n      <p><span>\ud83d\udccd<\/span><span>Urbanizaci\u00f3n Nuevo Lourdes, Av. Principal y Blvd. de la Industria<\/span><\/p>\n      <p><span>\ud83d\udcde<\/span><span>Recepci\u00f3n: +503 6148-0000<\/span><\/p>\n      <p><span>\ud83d\udcf1<\/span><span>Ventanilla: +503 6115-0976<\/span><\/p>\n      <p><span>\ud83d\udd50<\/span><span>Lunes a Viernes: 8:00 AM \u2013 4:00 PM<\/span><\/p>\n    <\/div>\n  <\/div>\n  <div class=\"footer-bottom\">\n    <span>\u00a9 2026 \u2014 Alcald\u00eda Municipal de La Libertad Oeste, El Salvador. Todos los derechos reservados.<\/span>\n    <span><a href=\"#\">Pol\u00edtica de Privacidad<\/a> \u00b7 <a href=\"#\">Accesibilidad<\/a> \u00b7 <a href=\"#\">Innovaci\u00f3n y Desarrollo<\/a><\/span>\n  <\/div>\n<\/footer>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lunes a Viernes: 8:00 AM \u2013 4:00 PM \ud83d\udcde +503 6148-0000 \ud83d\udce7 contacto@lalibertadoeste.gob.sv \ud83c\udf10 Portal de Transparencia Alcald\u00eda Municipal La [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3600","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lalibertadoeste.gob.sv\/index.php\/wp-json\/wp\/v2\/pages\/3600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lalibertadoeste.gob.sv\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lalibertadoeste.gob.sv\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lalibertadoeste.gob.sv\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lalibertadoeste.gob.sv\/index.php\/wp-json\/wp\/v2\/comments?post=3600"}],"version-history":[{"count":339,"href":"https:\/\/lalibertadoeste.gob.sv\/index.php\/wp-json\/wp\/v2\/pages\/3600\/revisions"}],"predecessor-version":[{"id":5678,"href":"https:\/\/lalibertadoeste.gob.sv\/index.php\/wp-json\/wp\/v2\/pages\/3600\/revisions\/5678"}],"wp:attachment":[{"href":"https:\/\/lalibertadoeste.gob.sv\/index.php\/wp-json\/wp\/v2\/media?parent=3600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}