{"id":4212,"date":"2026-06-18T09:00:26","date_gmt":"2026-06-18T15:00:26","guid":{"rendered":"https:\/\/lalibertadoeste.gob.sv\/?page_id=4212"},"modified":"2026-07-01T11:15:39","modified_gmt":"2026-07-01T17:15:39","slug":"ubicaciones","status":"publish","type":"page","link":"https:\/\/lalibertadoeste.gob.sv\/index.php\/ubicaciones\/","title":{"rendered":"UBICACIONES"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4212\" class=\"elementor elementor-4212\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a191525 e-con-full e-flex e-con e-parent\" data-id=\"a191525\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92738ff elementor-widget elementor-widget-html\" data-id=\"92738ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n:root {\n    --azul: #1B3872;\n    --azul-medio: #244A96;\n    --azul-claro: #2E5FAD;\n    --dorado: #C9992B;\n    --dorado-claro: #E8B84B;\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(--dorado-claro); 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 *\/\n  header {\n    background: var(--blanco);\n    position: sticky; top: 0; z-index: 100;\n    box-shadow: 0 2px 20px rgba(0,63,138,0.12);\n  }\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-text span { font-size: 0.75rem; color: var(--gris-texto); letter-spacing: 0.04em; }\n\n  nav { display: flex; gap: 4px; align-items: center; }\n  nav a {\n    text-decoration: none; color: var(--gris-texto); font-size: 0.83rem;\n    font-weight: 600; padding: 8px 12px; border-radius: 6px;\n    transition: all 0.2s; letter-spacing: 0.02em; text-transform: uppercase;\n  }\n  nav a:hover { background: var(--gris-suave); color: var(--azul); }\n  nav a.active { background: var(--azul); color: white; }\n  .btn-transparencia {\n    background: var(--dorado) !important; color: white !important;\n    border-radius: 6px; padding: 8px 14px !important;\n    box-shadow: 0 2px 8px rgba(201,153,43,0.35);\n  }\n  .btn-transparencia:hover { background: var(--dorado-claro) !important; transform: translateY(-1px); }\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; text-decoration: none;\n    padding: 13px 28px; border-radius: 8px; font-weight: 700; font-size: 0.9rem;\n    box-shadow: 0 4px 16px rgba(201,153,43,0.5); 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; 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  justify-content:center;\n  align-items:center;\n}\n .hero-photo{\n  max-width: 600px;\n  background: transparent;\n  border: none;\n  box-shadow: none;\n}\n  .hero-photo-inner {\n    display: flex; flex-direction: column; align-items: center; gap: 15px;\n  }\n  .hero-photo-inner .icon { font-size: 3rem; opacity: 0.5; }\n  \n .hero-map{\n  width: 100%;\n  max-width: 500px;\n  height: auto;\n  object-fit: contain;\n  filter: drop-shadow(0 12px 30px rgba(0,0,0,.35));\n  transition: transform .3s ease;\n}\n.hero-map:hover{\n  transform: translateY(-6px);\n}\n\n.hero-stats{\n  margin-top:20px;\n}\n\n.hero-stats strong{\n  font-size:2rem;\n  color:var(--dorado-claro);\n  display:block;\n}\n\n.hero-stats span{\n  color:white;\n  opacity:.85;\n}\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 SEDES DISTRITALES \u2500\u2500\u2500 *\/\n\n.sedes-section{\n    padding: 80px 0;\n    background: #f8f9fb;\n}\n\n.section-inner{\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n.sedes-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:20px;\n    margin-top:40px;\n}\n\n.sede-card{\n    background:#fff;\n    border-radius:18px;\n    overflow:hidden;\n    box-shadow:0 10px 30px rgba(0,0,0,.08);\n    border-bottom:4px solid #d9a321;\n    display:flex;\n    flex-direction:column;\n    min-height:420px;\n}\n\n.sede-img{\n    position:relative;\n    height:180px;\n    overflow:visible; \n    z-index:1;\n}\n\n.sede-img img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.sede-icon{\n    position:absolute;\n    left:18px;\n    bottom:-32px;\n\n    width:72px;\n    height:72px;\n\n    background:#fff;\n    border-radius:50%;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    box-shadow:0 5px 18px rgba(0,0,0,.12);\n    border:3px solid #fff;\n\n    font-size:28px;\n}\n\n.sede-body{\n    padding:48px 18px 18px;\n}\n\n.sede-body h3{\n    font-family:'Playfair Display',serif;\n    font-size:1.5rem;\n    font-weight:700;\n    color:#123b91;\n    margin-bottom:8px;\n}\n.sede-body h3::after{\n    content:\"\";\n    display:block;\n\n    width:28px;\n    height:3px;\n\n    background:#d4a32b;\n    border-radius:2px;\n\n    margin-top:10px;\n}\n\n.sede-lista{\n    list-style:none;\n    padding:0;\n    margin:20px 0 0;\n    flex:1;\n}\n\n.sede-lista li{\n    display:flex;\n    align-items:center;\n    border-bottom:1px solid #ececec;\n    font-size:.90rem;\n    padding:5px 0;\n}\n\n.sede-lista a{\n    color:#5f6673;\n    text-decoration:none;\n    padding: 5px ;\n}\n\n.marker{\n    color:#d4a32b;\n    font-size:18px;\n    flex-shrink:0;\n}\n\n.sede-lista li a{\n    display:flex;\n    align-items:center;\n    gap:12px;\n    text-decoration:none;\n    color:#5f6673;\n    transition:.25s;\n}\n\n.sede-lista li a:hover{\n    color:#0c2d73;\n    transform:translateX(4px);\n}\n\n.sede-lista li a .fa-arrow-right{\n    margin-left:auto;\n    color:#C9992B;\n}\n\/* segunda fila *\/\n.sede-card:nth-child(5){\n    grid-column:1\/2;\n}\n\n@media (max-width:1200px){\n\n    .sedes-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .sede-card:nth-child(5){\n        grid-column:auto;\n    }\n}\n\n@media (max-width:768px){\n\n    .section-inner{\n        padding:0 20px;\n    }\n\n    .sedes-grid{\n        grid-template-columns:1fr;\n    }\n\n    .sede-body h3{\n        font-size:1.7rem;\n    }\n}\n\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 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, #C9992B, #E8B84B);\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    nav { 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    .mobile-menu-btn {\n      display: flex; align-items: center; justify-content: center;\n      width: 40px; height: 40px; border-radius: 8px; cursor: pointer;\n      background: var(--gris-suave); border: none; font-size: 1.3rem; color: var(--azul);\n    }\n  }\n\n  @media (min-width: 769px) {\n    .mobile-menu-btn { display: none; }\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<\/style>\n<!-- Banner indicador de concepto -->\n\n<!-- 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=\"#\">\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      <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/05\/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><a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/\">Alcald\u00eda Municipal<\/a><\/strong>\n        <span>La Libertad Oeste, El Salvador<\/span>\n      <\/div>\n    <\/div>\n    <nav>\n      <a href=\"https:\/\/lalibertadoeste.gob.sv\/index.php\/\">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 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>\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\">Encuentra tu <span style=\"color:var(--dorado-claro);\">Sede Distrital<\/span> de la Libertad Oeste<\/h1>\n      <p>Ac\u00e9rcate a cualquiera de nuestras oficinas y recibe atenci\u00f3n municipal cerca de tu comunidad. Consulta las ubicaciones de Col\u00f3n, Sacacoyo, Jayaque, Tepecoyo y Talnique.\n      <\/p>\n      <div class=\"hero-stats\">\n        <div class=\"stat-card\">\n          <div class=\"num\">5<\/div>\n          <div class=\"label\">Distritos<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <div class=\"num\">8<\/div>\n          <div class=\"label\">Ubicaciones disponibles<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hero-img-side\">\n      <div class=\"hero-photo\">\n        <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/07\/MAPA-LLO-01-scaled.png\" alt=\"Mapa de sedes distritales\" class=\"hero-map\">\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=\"#\" class=\"servicio-item\">\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<!-- UBICACIONES -->\n<section class=\"sedes-section\">\n    <div class=\"section-inner\">\n        <div class=\"section-header\">\n            <span class=\"section-label\">ATENCI\u00d3N CIUDADANA<\/span>\n            <h2 class=\"section-title\">Nuestras <span>Sedes distritales<\/span><\/h2>\n            <div class=\"section-divider\"><\/div>\n            <p>Conoce la ubicaci\u00f3n de nuestras oficinas distritales y ac\u00e9rcate a la m\u00e1s cercana para recibir atenci\u00f3n.<\/p>\n        <\/div>\n        <div class=\"sedes-grid\">\n        <!-- COLON -->\n            <article class=\"sede-card\">\n                <div class=\"sede-img\">\n                    <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/07\/Colon-scaled.jpg\" alt=\"Distrito Col\u00f3n\">\n                    <div class=\"sede-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/05\/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>\n                <\/div>\n                <div class=\"sede-body\">\n                    <h3>Distrito Col\u00f3n<\/h3>\n                    <ul class=\"sede-lista\">\n                        <li>\n                            <span class=\"marker\"><i class=\"fas fa-map-marker-alt\"><\/i>\n                            <\/span>\n                            <a href=\"https:\/\/maps.app.goo.gl\/nUAkxMgHfk6CQkbo9\" target=\"_blank\">\n                                 Sede Central - Nuevo Lourdes <i class=\"fas fa-arrow-right\"><\/i>\n                            <\/a>\n                        <\/li>\n                        <li>\n                            <span class=\"marker\"><i class=\"fas fa-map-marker-alt\"><\/i>\n                            <\/span>\n                            <a href=\"https:\/\/maps.app.goo.gl\/xa3wrsypAt8Mrbm76\" target=\"_blank\">\n                                Zona 1 - Las Moras <i class=\"fas fa-arrow-right\"><\/i>\n                            <\/a>\n                        <\/li>\n                        <li>\n                            <span class=\"marker\"><i class=\"fas fa-map-marker-alt\"><\/i>\n                            <\/span>\n                            <a href=\"https:\/\/maps.app.goo.gl\/Ma4Mhhqu7SBmarVg7\" target=\"_blank\">\n                                Palacio de Bellas Artes - Col\u00f3n <i class=\"fas fa-arrow-right\"><\/i>\n                            <\/a>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n\n            <!-- TEPECOYO -->\n            <article class=\"sede-card\">\n                <div class=\"sede-img\">\n                    <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/07\/tepecoyo.jpg\" alt=\"Distrito Tepecoyo\">\n                    <div class=\"sede-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/05\/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>\n                <\/div>\n                <div class=\"sede-body\">\n                    <h3>Distrito Tepecoyo<\/h3>\n                    <ul class=\"sede-lista\">\n                    <li>\n                        <span class=\"marker\"><i class=\"fas fa-map-marker-alt\"><\/i>\n                        <\/span>\n                        <a href=\"https:\/\/maps.app.goo.gl\/FNaFPVSdxeP65hL86\" target=\"_blank\">\n                            Oficina Distrital Tepecoyo <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/article>\n\n        <!-- SACACOYO -->\n        <article class=\"sede-card\">\n            <div class=\"sede-img\">\n                <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/07\/sacacoyo.jpg\" alt=\"Distrito Sacacoyo\">\n                <div class=\"sede-icon\">\n                    <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/05\/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>\n            <\/div>\n            <div class=\"sede-body\">\n                <h3>Distrito Sacacoyo<\/h3>\n                <ul class=\"sede-lista\">\n                    <li>\n                        <span class=\"marker\"><i class=\"fas fa-map-marker-alt\"><\/i>\n                        <\/span>\n                        <a href=\"https:\/\/maps.app.goo.gl\/sTEfkTLap5f6CgQ58\" target=\"_blank\">\n                            Oficina Distrital Sacacoyo <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/li>\n                    <li>\n                        <span class=\"marker\"><i class=\"fas fa-map-marker-alt\"><\/i>\n                        <\/span>\n                        <a href=\"https:\/\/maps.app.goo.gl\/c5DW7YnzUqXnbhuWA\" target=\"_blank\">\n                            Oficina Distrital Ateos<i class=\"fas fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/article>\n\n        <!-- JAYAQUE -->\n        <article class=\"sede-card\">\n            <div class=\"sede-img\">\n                <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/07\/jayaque.jpg\" alt=\"Distrito Jayaque\">\n                <div class=\"sede-icon\">\n                    <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/05\/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>\n            <\/div>\n            <div class=\"sede-body\">\n                <h3>Distrito Jayaque<\/h3>\n                <ul class=\"sede-lista\">\n                    <li>\n                        <span class=\"marker\"> <i class=\"fas fa-map-marker-alt\"><\/i>\n                        <\/span>\n                        <a href=\"https:\/\/maps.app.goo.gl\/xBhTJXvvcJk7T9LKA\" target=\"_blank\">\n                            Oficina Distrital Jayaque <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/article>\n\n        <!-- TALNIQUE -->\n        <article class=\"sede-card\">\n            <div class=\"sede-img\">\n                <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/07\/tal.jpg\" alt=\"Distrito Talnique\">\n                <div class=\"sede-icon\">\n                    <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/05\/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>\n            <\/div>\n            <div class=\"sede-body\">\n                <h3>Distrito Talnique<\/h3>\n                <ul class=\"sede-lista\">\n                    <li>\n                        <span class=\"marker\"><i class=\"fas fa-map-marker-alt\"><\/i>\n                        <\/span>\n                        <a href=\"https:\/\/maps.app.goo.gl\/G8iwk98QJaqwTHwcA\" target=\"_blank\">\n                            Oficina Distrital Talnique <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/li>\n                    <li>\n                        <span class=\"marker\"><i class=\"fas fa-map-marker-alt\"><\/i>\n                        <\/span>\n                        <a href=\"https:\/\/maps.app.goo.gl\/U7yqHBkgT2J2spWu9\" target=\"_blank\">\n                            Oficina Distrital San Jos\u00e9 Los Sitios <i class=\"fas fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/article>\n    <\/div>\n<\/section>\n    \n\n<!-- Footer -->\n<footer>\n  <div class=\"footer-grid\">\n    <div class=\"footer-brand\">\n      <div class=\"logo-area\">\n        <img decoding=\"async\" src=\"https:\/\/lalibertadoeste.gob.sv\/wp-content\/uploads\/2026\/05\/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<\/span>\n        <\/div>\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\">f<\/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=\"#\">Registro Civil<\/a><\/li>\n        <li><a href=\"#\">Permisos de Construcci\u00f3n<\/a><\/li>\n        <li><a href=\"#\">Validador de Documentos<\/a><\/li>\n        <li><a href=\"#\">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\t\t<\/div>\n\t\t\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":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-4212","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lalibertadoeste.gob.sv\/index.php\/wp-json\/wp\/v2\/pages\/4212","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=4212"}],"version-history":[{"count":87,"href":"https:\/\/lalibertadoeste.gob.sv\/index.php\/wp-json\/wp\/v2\/pages\/4212\/revisions"}],"predecessor-version":[{"id":4535,"href":"https:\/\/lalibertadoeste.gob.sv\/index.php\/wp-json\/wp\/v2\/pages\/4212\/revisions\/4535"}],"wp:attachment":[{"href":"https:\/\/lalibertadoeste.gob.sv\/index.php\/wp-json\/wp\/v2\/media?parent=4212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}