{"id":12,"date":"2026-06-24T23:54:29","date_gmt":"2026-06-24T23:54:29","guid":{"rendered":"https:\/\/iniciativaciudadana.24-siete.co\/?page_id=12"},"modified":"2026-06-25T00:21:17","modified_gmt":"2026-06-25T00:21:17","slug":"inicio","status":"publish","type":"page","link":"https:\/\/iniciativaciudadana.24-siete.co\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e35f92f e-flex e-con-boxed e-con e-parent\" data-id=\"e35f92f\" 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-c0e00b3 elementor-widget elementor-widget-html\" data-id=\"c0e00b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<meta name=\"description\" content=\"Iniciativa Ciudadana Panam\u00e1 - Movimiento ciudadano nacional comprometido con la defensa de la vida, la familia y las libertades fundamentales en Panam\u00e1.\">\n<meta name=\"keywords\" content=\"Iniciativa Ciudadana Panam\u00e1, vida, familia, libertad, participaci\u00f3n ciudadana, Panam\u00e1\">\n<title>Iniciativa Ciudadana Panam\u00e1 | Por la Vida, la Familia y las Libertades<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n  --azul:#1A3A6B;\n  --azul-dark:#0F2347;\n  --azul-mid:#2356A0;\n  --turquesa:#0FA3B1;\n  --turquesa-light:#1BC4D5;\n  --turquesa-pale:#E1F5F7;\n  --blanco:#FFFFFF;\n  --gris-claro:#F4F6F9;\n  --gris-medio:#E8ECF2;\n  --gris-texto:#6B7280;\n  --negro-suave:#1A1A2E;\n  --acento:#FF6B35;\n}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Inter',sans-serif;color:var(--negro-suave);background:#fff;overflow-x:hidden}\nh1,h2,h3,h4,h5{font-family:'Montserrat',sans-serif}\n\n\/* NAVBAR *\/\nnav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(15,35,71,0.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.08);transition:all 0.3s}\nnav.scrolled{background:rgba(15,35,71,0.99);box-shadow:0 4px 30px rgba(0,0,0,0.3)}\n.nav-inner{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:70px}\n.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}\n.nav-logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--turquesa),var(--azul-mid));border-radius:10px;display:flex;align-items:center;justify-content:center}\n.nav-logo-icon svg{width:24px;height:24px;fill:white}\n.nav-logo-text{line-height:1.1}\n.nav-logo-title{font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:#fff;letter-spacing:0.5px}\n.nav-logo-sub{font-size:10px;color:var(--turquesa-light);letter-spacing:1px;text-transform:uppercase}\n.nav-links{display:flex;align-items:center;gap:0.25rem}\n.nav-links a{color:rgba(255,255,255,0.8);text-decoration:none;font-size:13px;font-weight:500;padding:8px 14px;border-radius:6px;transition:all 0.2s}\n.nav-links a:hover{color:#fff;background:rgba(255,255,255,0.1)}\n.nav-cta{background:var(--turquesa)!important;color:#fff!important;border-radius:8px!important;font-weight:600!important}\n.nav-cta:hover{background:var(--turquesa-light)!important;transform:translateY(-1px)}\n.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}\n.hamburger span{display:block;width:24px;height:2px;background:white;border-radius:2px;transition:all 0.3s}\n.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:var(--azul-dark);padding:1rem;z-index:999;border-bottom:2px solid var(--turquesa)}\n.mobile-menu a{display:block;color:white;text-decoration:none;padding:12px 16px;border-radius:8px;font-weight:500;transition:background 0.2s}\n.mobile-menu a:hover{background:rgba(255,255,255,0.1)}\n\n\/* HERO *\/\n.hero{min-height:100vh;background:linear-gradient(135deg,var(--azul-dark) 0%,var(--azul) 50%,#1B4080 100%);position:relative;display:flex;align-items:center;overflow:hidden}\n.hero-bg-pattern{position:absolute;inset:0;opacity:0.05;background-image:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(255,255,255,0.5) 40px,rgba(255,255,255,0.5) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(255,255,255,0.5) 40px,rgba(255,255,255,0.5) 41px)}\n.hero-geo{position:absolute;right:-100px;top:50%;transform:translateY(-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(15,163,177,0.15) 0%,transparent 70%)}\n.hero-geo2{position:absolute;left:-150px;bottom:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(15,163,177,0.08) 0%,transparent 70%)}\n.hero-inner{max-width:1280px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(15,163,177,0.15);border:1px solid rgba(15,163,177,0.4);border-radius:50px;padding:6px 16px;margin-bottom:1.5rem}\n.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--turquesa-light);animation:pulse 2s infinite}\n@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(1.2)}}\n.hero-badge span{font-size:12px;font-weight:600;color:var(--turquesa-light);letter-spacing:1px;text-transform:uppercase}\n.hero h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;color:white;line-height:1.1;margin-bottom:1.5rem}\n.hero h1 em{color:var(--turquesa-light);font-style:normal}\n.hero-sub{font-size:1.1rem;color:rgba(255,255,255,0.75);line-height:1.7;margin-bottom:2.5rem;max-width:560px}\n.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}\n.btn-primary{background:var(--turquesa);color:white;border:none;padding:14px 28px;border-radius:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s;letter-spacing:0.3px}\n.btn-primary:hover{background:var(--turquesa-light);transform:translateY(-2px);box-shadow:0 8px 25px rgba(15,163,177,0.4)}\n.btn-secondary{background:transparent;color:white;border:2px solid rgba(255,255,255,0.4);padding:14px 28px;border-radius:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s;letter-spacing:0.3px}\n.btn-secondary:hover{border-color:white;background:rgba(255,255,255,0.1);transform:translateY(-2px)}\n.hero-visual{position:relative}\n.hero-card{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:2rem;backdrop-filter:blur(10px)}\n.hero-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}\n.hero-stat{background:rgba(255,255,255,0.06);border-radius:12px;padding:1.2rem;text-align:center;border:1px solid rgba(255,255,255,0.08)}\n.hero-stat-num{font-family:'Montserrat',sans-serif;font-size:1.8rem;font-weight:900;color:var(--turquesa-light)}\n.hero-stat-label{font-size:11px;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.5px;margin-top:4px}\n.hero-mission-card{background:rgba(15,163,177,0.15);border:1px solid rgba(15,163,177,0.3);border-radius:12px;padding:1.2rem}\n.hero-mission-card p{font-size:13px;color:rgba(255,255,255,0.85);line-height:1.6;font-style:italic}\n.hero-mission-card span{font-size:11px;color:var(--turquesa-light);font-weight:600;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:6px}\n.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}\n.scroll-indicator span{font-size:11px;color:rgba(255,255,255,0.4);letter-spacing:2px;text-transform:uppercase}\n.scroll-arrow{width:30px;height:30px;border:2px solid rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:bounce 2s infinite}\n@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}\n.scroll-arrow::after{content:'';width:8px;height:8px;border-right:2px solid rgba(255,255,255,0.5);border-bottom:2px solid rgba(255,255,255,0.5);transform:rotate(45deg) translateY(-3px)}\n\n\/* SECTIONS GENERAL *\/\nsection{padding:5rem 0}\n.container{max-width:1280px;margin:0 auto;padding:0 2rem}\n.section-eyebrow{font-size:11px;font-weight:700;color:var(--turquesa);letter-spacing:2px;text-transform:uppercase;margin-bottom:0.75rem}\n.section-title{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:var(--azul-dark);line-height:1.2;margin-bottom:1rem}\n.section-title em{color:var(--turquesa);font-style:normal}\n.section-subtitle{font-size:1.05rem;color:var(--gris-texto);line-height:1.7;max-width:680px}\n.text-center{text-align:center}\n.text-center .section-subtitle{margin:0 auto}\n\n\/* VIDEO *\/\n.video-section{background:var(--gris-claro)}\n.video-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}\n.video-wrapper{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16\/9;box-shadow:0 20px 60px rgba(26,58,107,0.2)}\n.video-wrapper iframe{width:100%;height:100%;border:none}\n.video-text .section-title{margin-bottom:1.5rem}\n.video-text p{color:var(--gris-texto);line-height:1.8;margin-bottom:2rem}\n\n\/* MISI\u00d3N *\/\n.mision-section{background:linear-gradient(135deg,var(--azul-dark),var(--azul))}\n.mision-inner{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center}\n.mision-label{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;color:var(--turquesa-light);letter-spacing:3px;text-transform:uppercase;margin-bottom:1rem}\n.mision-icon{width:80px;height:80px;background:rgba(15,163,177,0.15);border:2px solid rgba(15,163,177,0.3);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}\n.mision-icon svg{width:40px;height:40px;fill:var(--turquesa-light)}\n.mision-quote{font-family:'Montserrat',sans-serif;font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:700;color:white;line-height:1.4;border-left:4px solid var(--turquesa);padding-left:2rem}\n.mision-quote em{color:var(--turquesa-light);font-style:normal}\n.mision-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}\n.mision-pillar{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.2rem;display:flex;align-items:center;gap:12px}\n.mision-pillar-dot{width:10px;height:10px;border-radius:50%;background:var(--turquesa-light);flex-shrink:0}\n.mision-pillar span{font-size:13px;color:rgba(255,255,255,0.8);font-weight:500}\n\n\/* PRINCIPIOS *\/\n.principios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:3rem}\n.principio-card{background:white;border:1px solid var(--gris-medio);border-radius:16px;padding:2rem;transition:all 0.3s;position:relative;overflow:hidden}\n.principio-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--turquesa),var(--azul-mid));transform:scaleX(0);transform-origin:left;transition:transform 0.3s}\n.principio-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(26,58,107,0.12);border-color:var(--turquesa)}\n.principio-card:hover::before{transform:scaleX(1)}\n.principio-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}\n.principio-icon svg{width:28px;height:28px}\n.principio-card h3{font-size:1rem;font-weight:700;color:var(--azul-dark);margin-bottom:0.5rem}\n.principio-card p{font-size:14px;color:var(--gris-texto);line-height:1.6}\n\n\/* CAUSAS *\/\n.causas-section{background:var(--azul-dark)}\n.causas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:3rem}\n.causa-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem;transition:all 0.3s;cursor:pointer}\n.causa-card:hover{background:rgba(255,255,255,0.1);border-color:rgba(15,163,177,0.5);transform:translateY(-4px)}\n.causa-icon{width:64px;height:64px;border-radius:16px;background:rgba(15,163,177,0.15);border:1px solid rgba(15,163,177,0.3);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}\n.causa-icon svg{width:32px;height:32px;fill:var(--turquesa-light)}\n.causa-card h3{font-size:1.2rem;font-weight:800;color:white;margin-bottom:0.75rem}\n.causa-card p{font-size:14px;color:rgba(255,255,255,0.65);line-height:1.6;margin-bottom:1.5rem}\n.causa-link{display:inline-flex;align-items:center;gap:6px;color:var(--turquesa-light);font-size:13px;font-weight:600;text-decoration:none;letter-spacing:0.3px}\n.causa-link svg{width:16px;height:16px;transition:transform 0.2s}\n.causa-link:hover svg{transform:translateX(4px)}\n\n\/* MOVIMIENTOS *\/\n.movimientos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem}\n.movimiento-card{background:white;border:1px solid var(--gris-medio);border-radius:16px;overflow:hidden;transition:all 0.3s}\n.movimiento-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(26,58,107,0.12)}\n.movimiento-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--gris-medio)}\n.movimiento-num{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;color:var(--turquesa);letter-spacing:2px;margin-bottom:0.5rem}\n.movimiento-header h3{font-size:1.05rem;font-weight:700;color:var(--azul-dark)}\n.movimiento-body{padding:1rem 1.5rem 1.5rem}\n.movimiento-body p{font-size:13.5px;color:var(--gris-texto);line-height:1.6}\n.movimiento-tag{display:inline-block;background:var(--turquesa-pale);color:var(--turquesa);font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;margin-top:1rem;letter-spacing:0.5px}\n\n\/* HOJA DE RUTA *\/\n.ruta-section{background:var(--gris-claro)}\n.timeline{position:relative;margin-top:3rem}\n.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--turquesa),var(--azul));transform:translateX(-50%)}\n.timeline-item{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem;position:relative}\n.timeline-item:nth-child(even) .timeline-content{order:2}\n.timeline-item:nth-child(even) .timeline-empty{order:1}\n.timeline-dot{position:absolute;left:50%;top:0;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;background:var(--turquesa);border:3px solid white;box-shadow:0 0 0 3px var(--turquesa);z-index:1}\n.timeline-content{background:white;border:1px solid var(--gris-medio);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,0.05)}\n.timeline-date{font-size:11px;font-weight:700;color:var(--turquesa);letter-spacing:1px;text-transform:uppercase;margin-bottom:0.5rem}\n.timeline-content h3{font-size:1rem;font-weight:700;color:var(--azul-dark);margin-bottom:0.5rem}\n.timeline-content p{font-size:13.5px;color:var(--gris-texto);line-height:1.6}\n.timeline-icon{width:40px;height:40px;background:var(--turquesa-pale);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}\n.timeline-icon svg{width:20px;height:20px;fill:var(--turquesa)}\n\n\/* IMPACTO *\/\n.impacto-section{background:linear-gradient(135deg,var(--azul-dark),var(--azul))}\n.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}\n.stat-card{text-align:center;padding:2.5rem 1.5rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;transition:all 0.3s}\n.stat-card:hover{background:rgba(255,255,255,0.1);transform:translateY(-4px)}\n.stat-num{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;color:var(--turquesa-light);margin-bottom:0.5rem}\n.stat-label{font-size:14px;color:rgba(255,255,255,0.7);font-weight:500;line-height:1.4}\n\n\/* CONGRESO *\/\n.congreso-section{background:var(--azul-dark);position:relative;overflow:hidden}\n.congreso-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,35,71,0.95),rgba(26,58,107,0.9))}\n.congreso-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}\n.congreso-eyebrow{font-size:11px;font-weight:700;color:var(--turquesa-light);letter-spacing:3px;text-transform:uppercase;margin-bottom:1rem}\n.congreso-title{font-size:clamp(1.6rem,3vw,2.5rem);font-weight:900;color:white;line-height:1.2;margin-bottom:1.5rem}\n.congreso-quote{font-family:'Montserrat',sans-serif;font-size:1.4rem;font-weight:800;color:var(--turquesa-light);line-height:1.3;margin-bottom:2rem;padding:1.5rem;background:rgba(15,163,177,0.1);border-left:4px solid var(--turquesa);border-radius:0 12px 12px 0}\n.congreso-visual{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:1rem}\n.congreso-img-placeholder{background:rgba(255,255,255,0.05);border:2px dashed rgba(255,255,255,0.15);border-radius:12px;height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}\n.congreso-img-placeholder span{font-size:13px;color:rgba(255,255,255,0.4)}\n.congreso-img-placeholder svg{width:32px;height:32px;fill:rgba(255,255,255,0.2)}\n\n\/* BIBLIOTECA *\/\n.biblioteca-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:3rem}\n.recurso-card{background:white;border:1px solid var(--gris-medio);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all 0.3s;cursor:pointer}\n.recurso-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(26,58,107,0.1);border-color:var(--turquesa)}\n.recurso-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}\n.recurso-icon svg{width:24px;height:24px}\n.recurso-card h3{font-size:15px;font-weight:700;color:var(--azul-dark)}\n.recurso-card p{font-size:13px;color:var(--gris-texto);line-height:1.5;flex:1}\n.recurso-link{font-size:13px;font-weight:600;color:var(--turquesa);text-decoration:none;display:flex;align-items:center;gap:4px}\n\n\/* NOTICIAS *\/\n.noticias-section{background:var(--gris-claro)}\n.noticias-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}\n.noticia-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,0.05);transition:all 0.3s}\n.noticia-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(26,58,107,0.12)}\n.noticia-img{height:200px;background:linear-gradient(135deg,var(--azul),var(--turquesa));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}\n.noticia-img-icon{width:60px;height:60px;background:rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center}\n.noticia-img-icon svg{width:30px;height:30px;fill:white}\n.noticia-cat{position:absolute;top:1rem;left:1rem;background:var(--turquesa);color:white;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:0.5px;text-transform:uppercase}\n.noticia-body{padding:1.5rem}\n.noticia-date{font-size:12px;color:var(--gris-texto);margin-bottom:0.5rem}\n.noticia-body h3{font-size:1rem;font-weight:700;color:var(--azul-dark);line-height:1.4;margin-bottom:0.75rem}\n.noticia-body p{font-size:13.5px;color:var(--gris-texto);line-height:1.6;margin-bottom:1rem}\n.noticia-link{font-size:13px;font-weight:600;color:var(--turquesa);text-decoration:none;display:flex;align-items:center;gap:4px}\n.noticia-link svg{width:14px;height:14px;transition:transform 0.2s}\n.noticia-link:hover svg{transform:translateX(4px)}\n\n\/* PARTICIPA *\/\n.participa-section{background:linear-gradient(135deg,var(--azul-dark),var(--azul))}\n.participa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}\n.participa-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:2.5rem 2rem;text-align:center;transition:all 0.3s;cursor:pointer}\n.participa-card:hover{background:rgba(255,255,255,0.12);transform:translateY(-4px);border-color:rgba(15,163,177,0.5)}\n.participa-card-icon{width:72px;height:72px;border-radius:20px;background:rgba(15,163,177,0.15);border:1px solid rgba(15,163,177,0.3);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}\n.participa-card-icon svg{width:36px;height:36px;fill:var(--turquesa-light)}\n.participa-card h3{font-size:1.1rem;font-weight:700;color:white;margin-bottom:0.75rem}\n.participa-card p{font-size:14px;color:rgba(255,255,255,0.65);line-height:1.6;margin-bottom:1.5rem}\n.btn-participa{display:inline-block;background:var(--turquesa);color:white;padding:12px 24px;border-radius:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;text-decoration:none;transition:all 0.3s;border:none;cursor:pointer}\n.btn-participa:hover{background:var(--turquesa-light);transform:translateY(-2px)}\n\n\/* CONTACTO *\/\n.contacto-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}\n.contacto-info h3{font-size:1.3rem;font-weight:700;color:var(--azul-dark);margin-bottom:1.5rem}\n.contacto-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}\n.contacto-icon{width:48px;height:48px;border-radius:12px;background:var(--turquesa-pale);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.contacto-icon svg{width:22px;height:22px;fill:var(--turquesa)}\n.contacto-item strong{font-weight:600;color:var(--azul-dark);display:block;font-size:14px;margin-bottom:2px}\n.contacto-item span,.contacto-item a{font-size:14px;color:var(--gris-texto);text-decoration:none}\n.contacto-item a:hover{color:var(--turquesa)}\n.social-links{display:flex;gap:1rem;margin-top:2rem}\n.social-link{width:44px;height:44px;border-radius:12px;background:var(--azul-dark);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.3s}\n.social-link:hover{background:var(--turquesa);transform:translateY(-2px)}\n.social-link svg{width:20px;height:20px;fill:white}\n.contacto-form{background:var(--gris-claro);border-radius:20px;padding:2rem}\n.contacto-form h3{font-size:1.2rem;font-weight:700;color:var(--azul-dark);margin-bottom:1.5rem}\n.form-group{margin-bottom:1.25rem}\n.form-group label{display:block;font-size:13px;font-weight:600;color:var(--azul-dark);margin-bottom:0.5rem}\n.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1.5px solid var(--gris-medio);border-radius:10px;font-family:'Inter',sans-serif;font-size:14px;color:var(--negro-suave);background:white;transition:border 0.2s;outline:none}\n.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--turquesa)}\n.form-group textarea{min-height:120px;resize:vertical}\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}\n\n\/* FOOTER *\/\nfooter{background:var(--azul-dark);color:white;padding:4rem 0 0}\n.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.1)}\n.footer-brand p{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.7;margin:1rem 0 1.5rem}\n.footer-col h4{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;color:var(--turquesa-light);letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem}\n.footer-col ul{list-style:none}\n.footer-col ul li{margin-bottom:0.5rem}\n.footer-col ul li a{font-size:13.5px;color:rgba(255,255,255,0.6);text-decoration:none;transition:color 0.2s}\n.footer-col ul li a:hover{color:white}\n.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;font-size:13px;color:rgba(255,255,255,0.4)}\n\n\/* REVEAL ANIMATIONS *\/\n.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease}\n.reveal.visible{opacity:1;transform:translateY(0)}\n.reveal-delay-1{transition-delay:0.1s}\n.reveal-delay-2{transition-delay:0.2s}\n.reveal-delay-3{transition-delay:0.3s}\n.reveal-delay-4{transition-delay:0.4s}\n\n\/* COUNTER *\/\n.count-up{display:inline-block}\n\n\/* RESPONSIVE *\/\n@media(max-width:1024px){\n  .hero-inner,.video-layout,.mision-inner,.congreso-inner,.contacto-layout,.footer-grid{grid-template-columns:1fr}\n  .timeline::before{left:20px}\n  .timeline-item{grid-template-columns:1fr;padding-left:50px}\n  .timeline-item .timeline-empty{display:none}\n  .timeline-dot{left:20px}\n  .mision-pillars{grid-template-columns:1fr 1fr}\n  .footer-grid{grid-template-columns:1fr 1fr}\n}\n@media(max-width:768px){\n  section{padding:3.5rem 0}\n  .nav-links{display:none}\n  .hamburger{display:flex}\n  .hero-inner{padding-top:5rem}\n  .hero-visual{display:none}\n  .stats-grid{grid-template-columns:1fr 1fr}\n  .form-row{grid-template-columns:1fr}\n  .footer-grid{grid-template-columns:1fr}\n  .footer-bottom{flex-direction:column;gap:0.5rem;text-align:center}\n  .mision-pillars{grid-template-columns:1fr}\n}\n@media(max-width:480px){\n  .hero-btns{flex-direction:column}\n  .stats-grid{grid-template-columns:1fr}\n  .hero-stat-grid{grid-template-columns:1fr 1fr}\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- NAVIGATION -->\n<nav id=\"navbar\">\n  <div class=\"nav-inner\">\n    <a href=\"#\" class=\"nav-logo\">\n      <div class=\"nav-logo-icon\">\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n      <\/div>\n      <div class=\"nav-logo-text\">\n        <div class=\"nav-logo-title\">INICIATIVA CIUDADANA<\/div>\n        <div class=\"nav-logo-sub\">Panam\u00e1<\/div>\n      <\/div>\n    <\/a>\n    <div class=\"nav-links\">\n      <a href=\"#mision\">Misi\u00f3n<\/a>\n      <a href=\"#causas\">Causas<\/a>\n      <a href=\"#movimientos\">Programas<\/a>\n      <a href=\"#impacto\">Impacto<\/a>\n      <a href=\"#noticias\">Noticias<\/a>\n      <a href=\"#contacto\">Contacto<\/a>\n      <a href=\"#participa\" class=\"nav-cta\">\u00danete<\/a>\n    <\/div>\n    <div class=\"hamburger\" onclick=\"toggleMenu()\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/div>\n  <\/div>\n<\/nav>\n\n<div class=\"mobile-menu\" id=\"mobileMenu\">\n  <a href=\"#mision\" onclick=\"toggleMenu()\">Misi\u00f3n<\/a>\n  <a href=\"#causas\" onclick=\"toggleMenu()\">Causas<\/a>\n  <a href=\"#movimientos\" onclick=\"toggleMenu()\">Programas<\/a>\n  <a href=\"#impacto\" onclick=\"toggleMenu()\">Impacto<\/a>\n  <a href=\"#noticias\" onclick=\"toggleMenu()\">Noticias<\/a>\n  <a href=\"#contacto\" onclick=\"toggleMenu()\">Contacto<\/a>\n  <a href=\"#participa\" onclick=\"toggleMenu()\">\u00danete al Movimiento<\/a>\n<\/div>\n\n<!-- HERO -->\n<section class=\"hero\" id=\"inicio\">\n  <div class=\"hero-bg-pattern\"><\/div>\n  <div class=\"hero-geo\"><\/div>\n  <div class=\"hero-geo2\"><\/div>\n  <div class=\"hero-inner\">\n    <div class=\"hero-content\">\n      <div class=\"hero-badge reveal\">\n        <div class=\"hero-badge-dot\"><\/div>\n        <span>Movimiento Nacional \u00b7 Panam\u00e1<\/span>\n      <\/div>\n      <h1 class=\"reveal reveal-delay-1\">\n        Defendiendo la <em>vida<\/em>, fortaleciendo la <em>familia<\/em> y promoviendo las libertades fundamentales en Panam\u00e1\n      <\/h1>\n      <p class=\"hero-sub reveal reveal-delay-2\">\n        Un movimiento ciudadano organizado, comprometido con la incidencia estrat\u00e9gica en los tres \u00f3rganos del Estado paname\u00f1o. Juntos construimos una sociedad m\u00e1s justa, libre y con valores.\n      <\/p>\n      <div class=\"hero-btns reveal reveal-delay-3\">\n        <a href=\"#mision\" class=\"btn-primary\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"10 8 16 12 10 16 10 8\"\/><\/svg>\n          Conoce nuestra misi\u00f3n\n        <\/a>\n        <a href=\"#participa\" class=\"btn-secondary\">\n          \u00danete al movimiento \u2192\n        <\/a>\n      <\/div>\n    <\/div>\n    <div class=\"hero-visual reveal reveal-delay-2\">\n      <div class=\"hero-card\">\n        <div class=\"hero-stat-grid\">\n          <div class=\"hero-stat\">\n            <div class=\"hero-stat-num\">+1,000<\/div>\n            <div class=\"hero-stat-label\">Ciudadanos Vinculados<\/div>\n          <\/div>\n          <div class=\"hero-stat\">\n            <div class=\"hero-stat-num\">+50<\/div>\n            <div class=\"hero-stat-label\">Actividades Realizadas<\/div>\n          <\/div>\n          <div class=\"hero-stat\">\n            <div class=\"hero-stat-num\">+20<\/div>\n            <div class=\"hero-stat-label\">Alianzas Estrat\u00e9gicas<\/div>\n          <\/div>\n          <div class=\"hero-stat\">\n            <div class=\"hero-stat-num\">7<\/div>\n            <div class=\"hero-stat-label\">Programas Activos<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"hero-mission-card\">\n          <span>Nuestra Misi\u00f3n<\/span>\n          <p>\"Blindar los tres \u00f3rganos del Estado paname\u00f1o, incidiendo de manera oportuna y estrat\u00e9gica en la vida p\u00fablica.\"<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"scroll-indicator\">\n    <span>Descubrir<\/span>\n    <div class=\"scroll-arrow\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- VIDEO -->\n<section class=\"video-section\" id=\"video\">\n  <div class=\"container\">\n    <div class=\"video-layout\">\n      <div class=\"video-wrapper reveal\">\n        <iframe src=\"https:\/\/www.youtube.com\/embed\/Pz6RveUtpf4\" title=\"Iniciativa Ciudadana Panam\u00e1 - Video Institucional\" allowfullscreen loading=\"lazy\"><\/iframe>\n      <\/div>\n      <div class=\"video-text\">\n        <div class=\"section-eyebrow reveal\">Video Institucional<\/div>\n        <h2 class=\"section-title reveal reveal-delay-1\">Conoce <em>nuestra causa<\/em><\/h2>\n        <p class=\"reveal reveal-delay-2\">Descubre qui\u00e9nes somos, por qu\u00e9 trabajamos por la defensa de la vida, la familia y las libertades fundamentales, y c\u00f3mo puedes formar parte de este movimiento ciudadano que est\u00e1 transformando a Panam\u00e1.<\/p>\n        <p class=\"reveal reveal-delay-3\" style=\"color:#6B7280;line-height:1.8\">No somos un partido pol\u00edtico. No somos una iglesia. No somos una ONG asistencial. Somos ciudadanos organizados que participan activamente en la construcci\u00f3n de una mejor sociedad paname\u00f1a.<\/p>\n        <a href=\"#participa\" class=\"btn-primary reveal reveal-delay-4\" style=\"margin-top:0.5rem\">Quiero participar \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- MISI\u00d3N -->\n<section class=\"mision-section\" id=\"mision\">\n  <div class=\"container\">\n    <div class=\"mision-inner\">\n      <div class=\"reveal\">\n        <div class=\"mision-label\">Nuestra Raz\u00f3n de Ser<\/div>\n        <div class=\"mision-icon\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        <\/div>\n        <h2 style=\"font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;color:white;line-height:1.2;margin-bottom:1rem\">Nuestra <span style=\"color:var(--turquesa-light)\">Misi\u00f3n<\/span><\/h2>\n        <p style=\"color:rgba(255,255,255,0.65);line-height:1.7;font-size:14px\">Trabajamos con una Hoja de Ruta que permite incidir de manera proactiva a trav\u00e9s de un programa detallado que nos lleva a cumplir nuestra visi\u00f3n.<\/p>\n      <\/div>\n      <div>\n        <blockquote class=\"mision-quote reveal reveal-delay-1\">\n          \"Blindar los <em>tres \u00f3rganos del Estado<\/em> paname\u00f1o, incidiendo de manera oportuna y estrat\u00e9gica en la vida p\u00fablica para evitar leyes que atenten contra la <em>vida y la familia<\/em>.\"\n        <\/blockquote>\n        <div class=\"mision-pillars reveal reveal-delay-2\">\n          <div class=\"mision-pillar\"><div class=\"mision-pillar-dot\"><\/div><span>\u00d3rgano Ejecutivo<\/span><\/div>\n          <div class=\"mision-pillar\"><div class=\"mision-pillar-dot\"><\/div><span>Asamblea Nacional<\/span><\/div>\n          <div class=\"mision-pillar\"><div class=\"mision-pillar-dot\"><\/div><span>\u00d3rgano Judicial<\/span><\/div>\n          <div class=\"mision-pillar\"><div class=\"mision-pillar-dot\"><\/div><span>Participaci\u00f3n Ciudadana<\/span><\/div>\n          <div class=\"mision-pillar\"><div class=\"mision-pillar-dot\"><\/div><span>Formaci\u00f3n de L\u00edderes<\/span><\/div>\n          <div class=\"mision-pillar\"><div class=\"mision-pillar-dot\"><\/div><span>Incidencia Estrat\u00e9gica<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PRINCIPIOS -->\n<section id=\"principios\">\n  <div class=\"container\">\n    <div class=\"text-center reveal\">\n      <div class=\"section-eyebrow\">Nuestros Valores<\/div>\n      <h2 class=\"section-title\">Los principios que <em>nos gu\u00edan<\/em><\/h2>\n      <p class=\"section-subtitle\">Sobre una base cient\u00edfica, jur\u00eddica y moral, defendemos derechos consagrados en nuestra Constituci\u00f3n y en Tratados Internacionales firmados por Panam\u00e1.<\/p>\n    <\/div>\n    <div class=\"principios-grid\">\n      <div class=\"principio-card reveal\">\n        <div class=\"principio-icon\" style=\"background:#E1F5F7\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0FA3B1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n        <\/div>\n        <h3>Defensa de la Vida<\/h3>\n        <p>El derecho a la vida desde la concepci\u00f3n hasta la muerte natural es un derecho natural, primario, absoluto y universal que debemos defender.<\/p>\n      <\/div>\n      <div class=\"principio-card reveal reveal-delay-1\">\n        <div class=\"principio-icon\" style=\"background:#EEF2FF\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4B5BD4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n        <\/div>\n        <h3>Fortalecimiento de la Familia<\/h3>\n        <p>La familia es el componente fundamental de toda sociedad. Defendemos su institucionalidad como base del desarrollo integral de la persona.<\/p>\n      <\/div>\n      <div class=\"principio-card reveal reveal-delay-2\">\n        <div class=\"principio-icon\" style=\"background:#FEF3C7\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#D97706\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>\n        <\/div>\n        <h3>Libertad de Conciencia<\/h3>\n        <p>El Estado laico debe entenderse como la neutralidad en temas de conciencia, protegiendo el derecho a la libertad de religi\u00f3n y pensamiento.<\/p>\n      <\/div>\n      <div class=\"principio-card reveal reveal-delay-1\">\n        <div class=\"principio-icon\" style=\"background:#ECFDF5\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n        <\/div>\n        <h3>Participaci\u00f3n Ciudadana<\/h3>\n        <p>Ejercemos activamente nuestros derechos y deberes c\u00edvicos, manteni\u00e9ndonos vigilantes y participando en la construcci\u00f3n de la sociedad paname\u00f1a.<\/p>\n      <\/div>\n      <div class=\"principio-card reveal reveal-delay-2\">\n        <div class=\"principio-icon\" style=\"background:#E1F5F7\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0FA3B1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n        <\/div>\n        <h3>Formaci\u00f3n de L\u00edderes<\/h3>\n        <p>Preparamos ciudadanos capaces de incidir con conocimiento y convicci\u00f3n en la vida p\u00fablica, formando una nueva generaci\u00f3n de l\u00edderes comprometidos.<\/p>\n      <\/div>\n      <div class=\"principio-card reveal reveal-delay-3\">\n        <div class=\"principio-icon\" style=\"background:#FEE2E2\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#DC2626\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        <\/div>\n        <h3>Valores y Responsabilidad<\/h3>\n        <p>Actuamos con responsabilidad social, \u00e9tica y compromiso, sabiendo que conocer nuestros derechos es la base de una ciudadan\u00eda activa y transformadora.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CAUSAS -->\n<section class=\"causas-section\" id=\"causas\">\n  <div class=\"container\">\n    <div class=\"text-center reveal\">\n      <div class=\"section-eyebrow\" style=\"color:var(--turquesa-light)\">Lo que defendemos<\/div>\n      <h2 class=\"section-title\" style=\"color:white\">Nuestras <em>causas<\/em><\/h2>\n      <p class=\"section-subtitle\" style=\"color:rgba(255,255,255,0.65)\">Cuatro pilares fundamentales que gu\u00edan nuestra acci\u00f3n ciudadana y estrat\u00e9gica en toda la Rep\u00fablica de Panam\u00e1.<\/p>\n    <\/div>\n    <div class=\"causas-grid\">\n      <div class=\"causa-card reveal\">\n        <div class=\"causa-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n        <\/div>\n        <h3>Vida<\/h3>\n        <p>Defendemos el derecho a la vida desde la concepci\u00f3n hasta la muerte natural. Es un derecho inalienable, irrenunciable e insustituible que el Estado debe garantizar.<\/p>\n        <a href=\"#\" class=\"causa-link\">M\u00e1s informaci\u00f3n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/a>\n      <\/div>\n      <div class=\"causa-card reveal reveal-delay-1\">\n        <div class=\"causa-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n        <\/div>\n        <h3>Familia<\/h3>\n        <p>La familia es el n\u00facleo fundamental de la sociedad. Trabajamos para que el Estado la proteja, la fortalezca y vele por su mejoramiento social y econ\u00f3mico.<\/p>\n        <a href=\"#\" class=\"causa-link\">M\u00e1s informaci\u00f3n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/a>\n      <\/div>\n      <div class=\"causa-card reveal reveal-delay-2\">\n        <div class=\"causa-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg>\n        <\/div>\n        <h3>Libertad de Conciencia<\/h3>\n        <p>Protegemos el derecho de los padres a escoger la educaci\u00f3n de sus hijos y la libertad de religi\u00f3n, credo y pensamiento sin imposici\u00f3n ideol\u00f3gica del Estado.<\/p>\n        <a href=\"#\" class=\"causa-link\">M\u00e1s informaci\u00f3n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/a>\n      <\/div>\n      <div class=\"causa-card reveal reveal-delay-3\">\n        <div class=\"causa-icon\">\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/><polyline points=\"2 17 12 22 22 17\"\/><polyline points=\"2 12 12 17 22 12\"\/><\/svg>\n        <\/div>\n        <h3>Participaci\u00f3n Ciudadana<\/h3>\n        <p>Impulsamos la participaci\u00f3n activa de los ciudadanos en la vida p\u00fablica, incidiendo con conocimiento y estrategia en las decisiones que afectan a Panam\u00e1.<\/p>\n        <a href=\"#\" class=\"causa-link\">M\u00e1s informaci\u00f3n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- MOVIMIENTOS -->\n<section id=\"movimientos\">\n  <div class=\"container\">\n    <div class=\"text-center reveal\">\n      <div class=\"section-eyebrow\">Plataforma de Acci\u00f3n<\/div>\n      <h2 class=\"section-title\">Movimientos y <em>programas<\/em><\/h2>\n      <p class=\"section-subtitle\">Una plataforma integrada de iniciativas ciudadanas que trabajan de manera coordinada para incidir en la vida p\u00fablica paname\u00f1a.<\/p>\n    <\/div>\n    <div class=\"movimientos-grid\">\n      <div class=\"movimiento-card reveal\">\n        <div class=\"movimiento-header\">\n          <div class=\"movimiento-num\">01 \u00b7 MOVIMIENTO PRINCIPAL<\/div>\n          <h3>Iniciativa Ciudadana Panam\u00e1<\/h3>\n        <\/div>\n        <div class=\"movimiento-body\">\n          <p>Movimiento nacional conformado por personas y organizaciones que trabajan por la defensa de la vida, la familia y las libertades fundamentales. Incidimos activamente en los tres \u00f3rganos del Estado promoviendo pol\u00edticas p\u00fablicas que protejan la vida y afiancen la libertad de conciencia.<\/p>\n          <span class=\"movimiento-tag\">Movimiento Nacional<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"movimiento-card reveal reveal-delay-1\">\n        <div class=\"movimiento-header\">\n          <div class=\"movimiento-num\">02 \u00b7 RED FAMILIA<\/div>\n          <h3>La Causa: La Familia<\/h3>\n        <\/div>\n        <div class=\"movimiento-body\">\n          <p>Programa dedicado a la defensa y fortalecimiento de la instituci\u00f3n familiar. Trabaja en la incidencia estrat\u00e9gica para blindar los \u00f3rganos del Estado e impedir leyes que atenten contra la familia paname\u00f1a.<\/p>\n          <span class=\"movimiento-tag\">Defensa Familiar<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"movimiento-card reveal reveal-delay-2\">\n        <div class=\"movimiento-header\">\n          <div class=\"movimiento-num\">03 \u00b7 RED PROFESIONALES<\/div>\n          <h3>Por las Dos Vidas<\/h3>\n        <\/div>\n        <div class=\"movimiento-body\">\n          <p>Convocatoria nacional dirigida a profesionales de medicina, enfermer\u00eda, psicolog\u00eda, trabajo social, educaci\u00f3n, derecho y liderazgo social comprometidos con la defensa de la vida desde la concepci\u00f3n. El Fin del Silencio.<\/p>\n          <span class=\"movimiento-tag\">Red Profesional<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"movimiento-card reveal reveal-delay-1\">\n        <div class=\"movimiento-header\">\n          <div class=\"movimiento-num\">04 \u00b7 COALICI\u00d3N<\/div>\n          <h3>Frente de Profesionales<\/h3>\n        <\/div>\n        <div class=\"movimiento-body\">\n          <p>Red amplia de profesionales de diversas disciplinas comprometidos con la defensa de la vida y la familia desde sus \u00e1reas de conocimiento y ejercicio profesional.<\/p>\n          <span class=\"movimiento-tag\">Red Interdisciplinaria<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"movimiento-card reveal reveal-delay-2\">\n        <div class=\"movimiento-header\">\n          <div class=\"movimiento-num\">05 \u00b7 FORMACI\u00d3N<\/div>\n          <h3>Liderazgo Juvenil<\/h3>\n        <\/div>\n        <div class=\"movimiento-body\">\n          <p>Programa de formaci\u00f3n y empoderamiento de j\u00f3venes l\u00edderes comprometidos con la sociedad paname\u00f1a. Preparamos la pr\u00f3xima generaci\u00f3n de ciudadanos que incidir\u00e1n con convicci\u00f3n en la vida p\u00fablica.<\/p>\n          <span class=\"movimiento-tag\">Juventud<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"movimiento-card reveal reveal-delay-3\">\n        <div class=\"movimiento-header\">\n          <div class=\"movimiento-num\">06 \u00b7 DESARROLLO<\/div>\n          <h3>Proyecto Caleb<\/h3>\n        <\/div>\n        <div class=\"movimiento-body\">\n          <p>Programa de servicio, desarrollo social y formaci\u00f3n ciudadana que fortalece las capacidades de los miembros del movimiento para una participaci\u00f3n efectiva y transformadora.<\/p>\n          <span class=\"movimiento-tag\">Servicio Social<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"movimiento-card reveal reveal-delay-1\" style=\"grid-column:span 1\">\n        <div class=\"movimiento-header\">\n          <div class=\"movimiento-num\">07 \u00b7 EVENTO INSIGNIA<\/div>\n          <h3>Congreso Vida y Familia<\/h3>\n        <\/div>\n        <div class=\"movimiento-body\">\n          <p>El evento cumbre del movimiento. Primer Congreso Vida y Familia en Panam\u00e1: \"La vida desde la concepci\u00f3n hasta la muerte natural y la institucionalidad de la familia en Panam\u00e1.\"<\/p>\n          <span class=\"movimiento-tag\">Evento Nacional<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- HOJA DE RUTA -->\n<section class=\"ruta-section\" id=\"ruta\">\n  <div class=\"container\">\n    <div class=\"text-center reveal\">\n      <div class=\"section-eyebrow\">Trabajo Comprobado<\/div>\n      <h2 class=\"section-title\">Nuestra <em>hoja de ruta<\/em><\/h2>\n      <p class=\"section-subtitle\">Trabajamos con un programa detallado de incidencia proactiva. Conocemos nuestros derechos y nos mantenemos vigilantes de manera consistente y persistente.<\/p>\n    <\/div>\n    <div class=\"timeline\">\n      <div class=\"timeline-item\">\n        <div class=\"timeline-content reveal\">\n          <div class=\"timeline-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg><\/div>\n          <div class=\"timeline-date\">5 de julio de 2021<\/div>\n          <h3>Asamblea Nacional<\/h3>\n          <p>Reuni\u00f3n con el presidente de la Asamblea, Dr. Crispiano Adames. Se entreg\u00f3 la Carta Compromiso por la Vida y la Familia. Se aprob\u00f3 el Primer Foro Parlamentario para 2022.<\/p>\n        <\/div>\n        <div class=\"timeline-empty\"><\/div>\n        <div class=\"timeline-dot\"><\/div>\n      <\/div>\n      <div class=\"timeline-item\">\n        <div class=\"timeline-empty\"><\/div>\n        <div class=\"timeline-content reveal\">\n          <div class=\"timeline-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div>\n          <div class=\"timeline-date\">11 de agosto de 2021<\/div>\n          <h3>Alcald\u00eda de Panam\u00e1<\/h3>\n          <p>Reuni\u00f3n en el despacho del Alcalde del Distrito Capital, Ing. Jos\u00e9 Luis F\u00e1brega. Se coordin\u00f3 la Campa\u00f1a de Valores Familiares y C\u00edvicos para 2022.<\/p>\n        <\/div>\n        <div class=\"timeline-dot\"><\/div>\n      <\/div>\n      <div class=\"timeline-item\">\n        <div class=\"timeline-content reveal\">\n          <div class=\"timeline-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n          <div class=\"timeline-date\">27 de septiembre de 2021<\/div>\n          <h3>Corte Suprema de Justicia<\/h3>\n          <p>Reuni\u00f3n con magistrados para promover el respeto a la Constituci\u00f3n, la protecci\u00f3n de las libertades individuales y la convivencia pac\u00edfica en democracia.<\/p>\n        <\/div>\n        <div class=\"timeline-empty\"><\/div>\n        <div class=\"timeline-dot\"><\/div>\n      <\/div>\n      <div class=\"timeline-item\">\n        <div class=\"timeline-empty\"><\/div>\n        <div class=\"timeline-content reveal\">\n          <div class=\"timeline-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><\/div>\n          <div class=\"timeline-date\">23 de septiembre de 2021<\/div>\n          <h3>Alianza con SENNIAF<\/h3>\n          <p>Primeros pasos para una alianza estrat\u00e9gica con la Secretar\u00eda Nacional de Ni\u00f1ez, Adolescencia y Familia para el avance de la restituci\u00f3n de derechos de la ni\u00f1ez paname\u00f1a.<\/p>\n        <\/div>\n        <div class=\"timeline-dot\"><\/div>\n      <\/div>\n      <div class=\"timeline-item\">\n        <div class=\"timeline-content reveal\">\n          <div class=\"timeline-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\n          <div class=\"timeline-date\">Octubre de 2021<\/div>\n          <h3>Defensor\u00eda del Pueblo<\/h3>\n          <p>Reuni\u00f3n con el Defensor del Pueblo, Lic. Eduardo Leblanc Gonz\u00e1lez, presentando las posiciones del movimiento en defensa de la vida y la institucionalidad familiar.<\/p>\n        <\/div>\n        <div class=\"timeline-empty\"><\/div>\n        <div class=\"timeline-dot\"><\/div>\n      <\/div>\n      <div class=\"timeline-item\">\n        <div class=\"timeline-empty\"><\/div>\n        <div class=\"timeline-content reveal\">\n          <div class=\"timeline-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/div>\n          <div class=\"timeline-date\">12 de octubre de 2021<\/div>\n          <h3>Ministerio de Desarrollo Social<\/h3>\n          <p>Reuni\u00f3n con la Ministra Titular, Magister Mar\u00eda In\u00e9s Castillo. Se ofreci\u00f3 apoyo y participaci\u00f3n en mesas de trabajo y programas sociales del ministerio.<\/p>\n        <\/div>\n        <div class=\"timeline-dot\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- IMPACTO -->\n<section class=\"impacto-section\" id=\"impacto\">\n  <div class=\"container\">\n    <div class=\"text-center reveal\">\n      <div class=\"section-eyebrow\" style=\"color:var(--turquesa-light)\">En N\u00fameros<\/div>\n      <h2 class=\"section-title\" style=\"color:white\">Nuestro <em>impacto<\/em> en Panam\u00e1<\/h2>\n      <p class=\"section-subtitle\" style=\"color:rgba(255,255,255,0.65)\">Un movimiento ciudadano que crece, incide y transforma. Cada n\u00famero representa personas comprometidas con el cambio.<\/p>\n    <\/div>\n    <div class=\"stats-grid\">\n      <div class=\"stat-card reveal\">\n        <div class=\"stat-num\"><span class=\"count-up\" data-target=\"1000\">0<\/span>+<\/div>\n        <div class=\"stat-label\">Ciudadanos Vinculados al Movimiento<\/div>\n      <\/div>\n      <div class=\"stat-card reveal reveal-delay-1\">\n        <div class=\"stat-num\"><span class=\"count-up\" data-target=\"50\">0<\/span>+<\/div>\n        <div class=\"stat-label\">Actividades y Reuniones Realizadas<\/div>\n      <\/div>\n      <div class=\"stat-card reveal reveal-delay-2\">\n        <div class=\"stat-num\"><span class=\"count-up\" data-target=\"20\">0<\/span>+<\/div>\n        <div class=\"stat-label\">Alianzas Estrat\u00e9gicas Establecidas<\/div>\n      <\/div>\n      <div class=\"stat-card reveal reveal-delay-3\">\n        <div class=\"stat-num\"><span class=\"count-up\" data-target=\"7\">0<\/span><\/div>\n        <div class=\"stat-label\">Programas y Movimientos Activos<\/div>\n      <\/div>\n      <div class=\"stat-card reveal reveal-delay-1\">\n        <div class=\"stat-num\"><span class=\"count-up\" data-target=\"3\">0<\/span><\/div>\n        <div class=\"stat-label\">\u00d3rganos del Estado con Incidencia Directa<\/div>\n      <\/div>\n      <div class=\"stat-card reveal reveal-delay-2\">\n        <div class=\"stat-num\"><span class=\"count-up\" data-target=\"10\">0<\/span>+<\/div>\n        <div class=\"stat-label\">Instituciones con Reuniones de Trabajo<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CONGRESO -->\n<section class=\"congreso-section\" id=\"congreso\">\n  <div class=\"congreso-bg\"><\/div>\n  <div class=\"container\">\n    <div class=\"congreso-inner\">\n      <div>\n        <div class=\"congreso-eyebrow reveal\">Evento Insignia<\/div>\n        <h2 class=\"congreso-title reveal reveal-delay-1\">Primer Congreso<br><span style=\"color:var(--turquesa-light)\">Vida y Familia<\/span><\/h2>\n        <blockquote class=\"congreso-quote reveal reveal-delay-2\">\"NO REALIZAMOS EVENTOS, CREAMOS MOVIMIENTOS\"<\/blockquote>\n        <p style=\"color:rgba(255,255,255,0.65);font-size:15px;line-height:1.7;margin-bottom:2rem\" class=\"reveal reveal-delay-3\">En Panam\u00e1 no podemos aceptar que se aprueben leyes, convenios o acuerdos que vayan en contra de la vida y la familia. Este congreso representa nuestra voz y acci\u00f3n ciudadana colectiva.<\/p>\n        <a href=\"#\" class=\"btn-primary reveal reveal-delay-4\">Conocer m\u00e1s sobre el Congreso<\/a>\n      <\/div>\n      <div class=\"congreso-visual reveal reveal-delay-2\">\n        <div style=\"display:flex;align-items:center;gap:12px;margin-bottom:0.75rem\">\n          <div style=\"width:10px;height:10px;border-radius:50%;background:var(--turquesa-light)\"><\/div>\n          <span style=\"color:rgba(255,255,255,0.7);font-size:13px;font-weight:600\">Galer\u00eda del Congreso<\/span>\n        <\/div>\n        <div class=\"congreso-img-placeholder\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>\n          <span>Espacio para fotograf\u00edas del evento<\/span>\n        <\/div>\n        <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-top:0.75rem\">\n          <div class=\"congreso-img-placeholder\" style=\"height:100px\">\n            <svg viewBox=\"0 0 24 24\" style=\"width:20px;height:20px\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>\n          <\/div>\n          <div class=\"congreso-img-placeholder\" style=\"height:100px\">\n            <svg viewBox=\"0 0 24 24\" style=\"width:20px;height:20px\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>\n          <\/div>\n        <\/div>\n        <div style=\"margin-top:1rem;padding:1rem;background:rgba(15,163,177,0.1);border-radius:12px;border:1px solid rgba(15,163,177,0.2)\">\n          <p style=\"font-size:13px;color:rgba(255,255,255,0.7);text-align:center;line-height:1.6\">La vida desde la concepci\u00f3n hasta la muerte natural y la institucionalidad de la familia en Panam\u00e1<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- BIBLIOTECA -->\n<section id=\"biblioteca\">\n  <div class=\"container\">\n    <div class=\"text-center reveal\">\n      <div class=\"section-eyebrow\">Conocimiento<\/div>\n      <h2 class=\"section-title\">Biblioteca de <em>recursos<\/em><\/h2>\n      <p class=\"section-subtitle\">Accede a estudios, documentos, presentaciones y material educativo para ciudadanos y l\u00edderes comprometidos.<\/p>\n    <\/div>\n    <div class=\"biblioteca-grid\">\n      <div class=\"recurso-card reveal\">\n        <div class=\"recurso-icon\" style=\"background:#E1F5F7\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0FA3B1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\n        <\/div>\n        <h3>Estudios e Investigaciones<\/h3>\n        <p>Documentaci\u00f3n t\u00e9cnica y cient\u00edfica que respalda las posiciones del movimiento sobre vida y familia.<\/p>\n        <a href=\"#\" class=\"recurso-link\">Ver recursos \u2192<\/a>\n      <\/div>\n      <div class=\"recurso-card reveal reveal-delay-1\">\n        <div class=\"recurso-icon\" style=\"background:#EEF2FF\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4B5BD4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n        <\/div>\n        <h3>Documentos Oficiales<\/h3>\n        <p>Cartas, declaraciones, compromisos y documentos institucionales presentados ante \u00f3rganos del Estado.<\/p>\n        <a href=\"#\" class=\"recurso-link\">Ver documentos \u2192<\/a>\n      <\/div>\n      <div class=\"recurso-card reveal reveal-delay-2\">\n        <div class=\"recurso-icon\" style=\"background:#FEF3C7\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#D97706\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n        <\/div>\n        <h3>Presentaciones<\/h3>\n        <p>Material visual para formaci\u00f3n, charlas y capacitaci\u00f3n sobre los temas que defiende el movimiento.<\/p>\n        <a href=\"#\" class=\"recurso-link\">Ver presentaciones \u2192<\/a>\n      <\/div>\n      <div class=\"recurso-card reveal reveal-delay-3\">\n        <div class=\"recurso-icon\" style=\"background:#ECFDF5\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/><\/svg>\n        <\/div>\n        <h3>Material Educativo<\/h3>\n        <p>Gu\u00edas, manuales y recursos para ciudadanos que desean formarse y participar activamente en la sociedad.<\/p>\n        <a href=\"#\" class=\"recurso-link\">Ver material \u2192<\/a>\n      <\/div>\n      <div class=\"recurso-card reveal reveal-delay-1\">\n        <div class=\"recurso-icon\" style=\"background:#FEE2E2\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#DC2626\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n        <\/div>\n        <h3>Recursos para L\u00edderes<\/h3>\n        <p>Herramientas exclusivas para l\u00edderes del movimiento: formaci\u00f3n, estrategia de incidencia y desarrollo ciudadano.<\/p>\n        <a href=\"#\" class=\"recurso-link\">Acceder \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- NOTICIAS -->\n<section class=\"noticias-section\" id=\"noticias\">\n  <div class=\"container\">\n    <div class=\"text-center reveal\">\n      <div class=\"section-eyebrow\">Actualidad<\/div>\n      <h2 class=\"section-title\">Noticias y <em>novedades<\/em><\/h2>\n      <p class=\"section-subtitle\">Mantente informado sobre las acciones, logros y avances de Iniciativa Ciudadana Panam\u00e1 en la vida p\u00fablica del pa\u00eds.<\/p>\n    <\/div>\n    <div class=\"noticias-grid\">\n      <div class=\"noticia-card reveal\">\n        <div class=\"noticia-img\" style=\"background:linear-gradient(135deg,#1A3A6B,#0FA3B1)\">\n          <div class=\"noticia-img-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n          <\/div>\n          <div class=\"noticia-cat\">Incidencia<\/div>\n        <\/div>\n        <div class=\"noticia-body\">\n          <div class=\"noticia-date\">Julio 2021<\/div>\n          <h3>Reuni\u00f3n hist\u00f3rica con la Asamblea Nacional por la Vida y la Familia<\/h3>\n          <p>Delegaci\u00f3n de Iniciativa Ciudadana Panam\u00e1 entreg\u00f3 la Carta Compromiso al presidente de la Asamblea y logr\u00f3 la aprobaci\u00f3n del Primer Foro Parlamentario.<\/p>\n          <a href=\"#\" class=\"noticia-link\">Leer m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n      <div class=\"noticia-card reveal reveal-delay-1\">\n        <div class=\"noticia-img\" style=\"background:linear-gradient(135deg,#0F6E56,#1D9E75)\">\n          <div class=\"noticia-img-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n          <\/div>\n          <div class=\"noticia-cat\">Alianzas<\/div>\n        <\/div>\n        <div class=\"noticia-body\">\n          <div class=\"noticia-date\">Septiembre 2021<\/div>\n          <h3>Alianza estrat\u00e9gica con SENNIAF para proteger la ni\u00f1ez paname\u00f1a<\/h3>\n          <p>Iniciativa Ciudadana formaliz\u00f3 los primeros pasos de colaboraci\u00f3n con la Secretar\u00eda Nacional de Ni\u00f1ez, Adolescencia y Familia en pro de los derechos de la infancia.<\/p>\n          <a href=\"#\" class=\"noticia-link\">Leer m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n      <div class=\"noticia-card reveal reveal-delay-2\">\n        <div class=\"noticia-img\" style=\"background:linear-gradient(135deg,#533C1D,#BA7517)\">\n          <div class=\"noticia-img-icon\">\n            <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <\/div>\n          <div class=\"noticia-cat\">Congreso<\/div>\n        <\/div>\n        <div class=\"noticia-body\">\n          <div class=\"noticia-date\">2022<\/div>\n          <h3>Primer Congreso Vida y Familia re\u00fane a ciudadanos comprometidos con Panam\u00e1<\/h3>\n          <p>El evento insignia del movimiento marc\u00f3 un hito en la participaci\u00f3n ciudadana organizada con el lema: \"No realizamos eventos, creamos movimientos\".<\/p>\n          <a href=\"#\" class=\"noticia-link\">Leer m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"text-center\" style=\"margin-top:2.5rem\">\n      <a href=\"#\" class=\"btn-secondary\" style=\"border-color:var(--azul);color:var(--azul)\">Ver todas las noticias<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PARTICIPA -->\n<section class=\"participa-section\" id=\"participa\">\n  <div class=\"container\">\n    <div class=\"text-center reveal\">\n      <div class=\"section-eyebrow\" style=\"color:var(--turquesa-light)\">\u00danete<\/div>\n      <h2 class=\"section-title\" style=\"color:white\">S\u00e9 parte del <em>movimiento<\/em><\/h2>\n      <p class=\"section-subtitle\" style=\"color:rgba(255,255,255,0.65)\">Como dijo Madre Teresa: \"Yo hago lo que t\u00fa no puedes, y t\u00fa haces lo que yo no puedo. Juntos podemos hacer grandes cosas.\" \u00danete y participemos juntos por Panam\u00e1.<\/p>\n    <\/div>\n    <div class=\"participa-grid\">\n      <div class=\"participa-card reveal\">\n        <div class=\"participa-card-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n        <\/div>\n        <h3>Quiero ser Voluntario<\/h3>\n        <p>S\u00famate como voluntario ciudadano y participa activamente en las actividades, campa\u00f1as y programas del movimiento en tu comunidad y a nivel nacional.<\/p>\n        <a href=\"#contacto\" class=\"btn-participa\">Ser Voluntario<\/a>\n      <\/div>\n      <div class=\"participa-card reveal reveal-delay-1\">\n        <div class=\"participa-card-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.38 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 8c1.37 2.37 3.46 4.46 5.83 5.83l.36-.77a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 21 15.19v.73a2 2 0 0 1 -.08.64\"\/><\/svg>\n        <\/div>\n        <h3>Soy Profesional<\/h3>\n        <p>M\u00e9dico, abogado, educador, psic\u00f3logo, trabajador social u otro profesional comprometido con la vida. Tu conocimiento y experiencia son invaluables para el movimiento.<\/p>\n        <a href=\"#contacto\" class=\"btn-participa\">Unirme como Profesional<\/a>\n      <\/div>\n      <div class=\"participa-card reveal reveal-delay-2\">\n        <div class=\"participa-card-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n        <\/div>\n        <h3>Quiero Apoyar la Iniciativa<\/h3>\n        <p>Tu apoyo moral, econ\u00f3mico o en especie impulsa nuestra capacidad de incidencia. Cada aporte contribuye a blindar las instituciones que protegen la vida y la familia.<\/p>\n        <a href=\"#contacto\" class=\"btn-participa\">Apoyar la Iniciativa<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CONTACTO -->\n<section id=\"contacto\">\n  <div class=\"container\">\n    <div class=\"reveal\">\n      <div class=\"section-eyebrow\">Comun\u00edcate con Nosotros<\/div>\n      <h2 class=\"section-title\">Cont\u00e1ctanos<\/h2>\n    <\/div>\n    <div class=\"contacto-layout\">\n      <div class=\"contacto-info\">\n        <h3 class=\"reveal\">Estamos para atenderte<\/h3>\n        <div class=\"contacto-item reveal reveal-delay-1\">\n          <div class=\"contacto-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.38 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 8c1.37 2.37 3.46 4.46 5.83 5.83l.36-.77a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 21 15.19v.73a2 2 0 0 1-.08.64\"\/><\/svg>\n          <\/div>\n          <div>\n            <strong>WhatsApp<\/strong>\n            <a href=\"https:\/\/wa.me\/5076849292\" target=\"_blank\">+507 6849-9292<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"contacto-item reveal reveal-delay-2\">\n          <div class=\"contacto-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n          <\/div>\n          <div>\n            <strong>Correo Electr\u00f3nico<\/strong>\n            <a href=\"mailto:panamainiciativaciudadana@gmail.com\">panamainiciativaciudadana@gmail.com<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"contacto-item reveal reveal-delay-3\">\n          <div class=\"contacto-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          <\/div>\n          <div>\n            <strong>Ubicaci\u00f3n<\/strong>\n            <span>Panam\u00e1, Rep\u00fablica de Panam\u00e1<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"reveal reveal-delay-4\">\n          <p style=\"font-size:14px;color:#6B7280;margin-bottom:1rem\">S\u00edguenos en nuestras redes sociales:<\/p>\n          <div class=\"social-links\">\n            <a href=\"#\" class=\"social-link\" title=\"Facebook\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n            <\/a>\n            <a href=\"#\" class=\"social-link\" title=\"Instagram\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n            <\/a>\n            <a href=\"#\" class=\"social-link\" title=\"Twitter \/ X\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z\"\/><\/svg>\n            <\/a>\n            <a href=\"#\" class=\"social-link\" title=\"YouTube\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 0 0-1.95 1.96A29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58A2.78 2.78 0 0 0 3.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 0 0 1.95-1.95A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z\"\/><polygon points=\"9.75 15.02 15.5 12 9.75 8.98 9.75 15.02\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"contacto-form reveal reveal-delay-2\">\n        <h3>Env\u00edanos un mensaje<\/h3>\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"nombre\">Nombre<\/label>\n            <input type=\"text\" id=\"nombre\" placeholder=\"Tu nombre\">\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"apellido\">Apellido<\/label>\n            <input type=\"text\" id=\"apellido\" placeholder=\"Tu apellido\">\n          <\/div>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"email\">Correo electr\u00f3nico<\/label>\n          <input type=\"email\" id=\"email\" placeholder=\"tu@correo.com\">\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"telefono\">WhatsApp \/ Tel\u00e9fono<\/label>\n          <input type=\"tel\" id=\"telefono\" placeholder=\"+507 0000-0000\">\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"tipo\">\u00bfC\u00f3mo deseas participar?<\/label>\n          <select id=\"tipo\">\n            <option value=\"\">Selecciona una opci\u00f3n<\/option>\n            <option>Quiero ser voluntario<\/option>\n            <option>Soy un profesional y deseo unirme<\/option>\n            <option>Quiero apoyar la iniciativa<\/option>\n            <option>Tengo una consulta general<\/option>\n            <option>Deseo informaci\u00f3n sobre el Congreso<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"form-group\">\n          <label for=\"mensaje\">Mensaje<\/label>\n          <textarea id=\"mensaje\" placeholder=\"Cu\u00e9ntanos c\u00f3mo puedes contribuir o tu consulta...\"><\/textarea>\n        <\/div>\n        <button class=\"btn-primary\" style=\"width:100%;justify-content:center\" onclick=\"enviarFormulario()\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\n          Enviar Mensaje\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"container\">\n    <div class=\"footer-grid\">\n      <div class=\"footer-brand\">\n        <a href=\"#\" class=\"nav-logo\" style=\"margin-bottom:1rem;display:inline-flex\">\n          <div class=\"nav-logo-icon\">\n            <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" fill=\"white\"\/><\/svg>\n          <\/div>\n          <div class=\"nav-logo-text\">\n            <div class=\"nav-logo-title\">INICIATIVA CIUDADANA<\/div>\n            <div class=\"nav-logo-sub\">Panam\u00e1<\/div>\n          <\/div>\n        <\/a>\n        <p>Movimiento ciudadano nacional comprometido con la defensa de la vida desde la concepci\u00f3n hasta la muerte natural, el fortalecimiento de la familia y las libertades fundamentales en Panam\u00e1.<\/p>\n        <p style=\"font-size:13px;color:rgba(255,255,255,0.4);font-style:italic;margin-top:0.5rem\">\"No realizamos eventos, creamos movimientos\"<\/p>\n        <div class=\"social-links\" style=\"margin-top:1rem\">\n          <a href=\"#\" class=\"social-link\" title=\"Facebook\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\" fill=\"white\"\/><\/svg><\/a>\n          <a href=\"#\" class=\"social-link\" title=\"Instagram\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg><\/a>\n          <a href=\"#\" class=\"social-link\" title=\"YouTube\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"white\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 0 0-1.95 1.96A29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58A2.78 2.78 0 0 0 3.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 0 0 1.95-1.95A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z\"\/><polygon points=\"9.75 15.02 15.5 12 9.75 8.98 9.75 15.02\" fill=\"#0F2347\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Navegaci\u00f3n<\/h4>\n        <ul>\n          <li><a href=\"#inicio\">Inicio<\/a><\/li>\n          <li><a href=\"#mision\">Misi\u00f3n<\/a><\/li>\n          <li><a href=\"#principios\">Principios<\/a><\/li>\n          <li><a href=\"#causas\">Causas<\/a><\/li>\n          <li><a href=\"#movimientos\">Programas<\/a><\/li>\n          <li><a href=\"#ruta\">Hoja de Ruta<\/a><\/li>\n          <li><a href=\"#impacto\">Impacto<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Programas<\/h4>\n        <ul>\n          <li><a href=\"#\">La Causa: La Familia<\/a><\/li>\n          <li><a href=\"#\">Por las Dos Vidas<\/a><\/li>\n          <li><a href=\"#\">Frente de Profesionales<\/a><\/li>\n          <li><a href=\"#\">Liderazgo Juvenil<\/a><\/li>\n          <li><a href=\"#\">Proyecto Caleb<\/a><\/li>\n          <li><a href=\"#\">Congreso V&F<\/a><\/li>\n          <li><a href=\"#\">Biblioteca<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Contacto<\/h4>\n        <ul>\n          <li><a href=\"https:\/\/wa.me\/5076849292\">WhatsApp: 6849-9292<\/a><\/li>\n          <li><a href=\"mailto:panamainiciativaciudadana@gmail.com\">Email Institucional<\/a><\/li>\n          <li><a href=\"#participa\">\u00danete al movimiento<\/a><\/li>\n          <li><a href=\"#noticias\">Noticias<\/a><\/li>\n          <li><a href=\"#\">Pol\u00edtica de Privacidad<\/a><\/li>\n          <li><a href=\"#\">T\u00e9rminos de Uso<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      <span>\u00a9 2024 Iniciativa Ciudadana Panam\u00e1. Todos los derechos reservados.<\/span>\n     <span>\n    Sitio web desarrollado por \n    <a href=\"https:\/\/24-siete.co\" target=\"_blank\">\n        Fundaci\u00f3n 24siete Aidgency \u2197\n    <\/a>\n<\/span>\n<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n\/\/ Navbar scroll\nconst navbar=document.getElementById('navbar');\nwindow.addEventListener('scroll',()=>{\n  if(window.scrollY>50){navbar.classList.add('scrolled')}\n  else{navbar.classList.remove('scrolled')}\n});\n\n\/\/ Mobile menu\nfunction toggleMenu(){\n  const m=document.getElementById('mobileMenu');\n  m.style.display=m.style.display==='block'?'none':'block';\n}\n\n\/\/ Scroll reveal\nconst reveals=document.querySelectorAll('.reveal');\nconst observer=new IntersectionObserver((entries)=>{\n  entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('visible')}});\n},{threshold:0.1,rootMargin:'0px 0px -50px 0px'});\nreveals.forEach(r=>observer.observe(r));\n\n\/\/ Counter animation\nfunction animateCount(el,target,duration=2000){\n  let start=0;const step=target\/duration*16;\n  const timer=setInterval(()=>{\n    start+=step;if(start>=target){start=target;clearInterval(timer)}\n    el.textContent=Math.floor(start).toLocaleString();\n  },16);\n}\nconst countObserver=new IntersectionObserver((entries)=>{\n  entries.forEach(e=>{\n    if(e.isIntersecting&&!e.target.dataset.counted){\n      e.target.dataset.counted=true;\n      animateCount(e.target,parseInt(e.target.dataset.target));\n    }\n  });\n},{threshold:0.5});\ndocument.querySelectorAll('.count-up').forEach(c=>countObserver.observe(c));\n\n\/\/ Form\nfunction enviarFormulario(){\n  const nombre=document.getElementById('nombre').value;\n  const email=document.getElementById('email').value;\n  if(!nombre||!email){alert('Por favor completa tu nombre y correo electr\u00f3nico.');return;}\n  alert('\u00a1Gracias '+nombre+'! Hemos recibido tu mensaje. Nos pondremos en contacto pronto. Tambi\u00e9n puedes escribirnos al WhatsApp: 6849-9292');\n}\n\n\/\/ Smooth scroll for anchors\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\n  a.addEventListener('click',e=>{\n    const href=a.getAttribute('href');\n    if(href==='#')return;\n    const target=document.querySelector(href);\n    if(target){e.preventDefault();target.scrollIntoView({behavior:'smooth',block:'start'})}\n  });\n});\n<\/script>\n<\/body>\n<\/html>\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>Iniciativa Ciudadana Panam\u00e1 | Por la Vida, la Familia y las Libertades INICIATIVA CIUDADANA Panam\u00e1 Misi\u00f3n Causas Programas Impacto Noticias Contacto \u00danete Misi\u00f3n Causas Programas Impacto Noticias Contacto \u00danete al Movimiento Movimiento Nacional \u00b7 Panam\u00e1 Defendiendo la vida, fortaleciendo la familia y promoviendo las libertades fundamentales en Panam\u00e1 Un movimiento ciudadano organizado, comprometido con 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":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iniciativaciudadana.24-siete.co\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iniciativaciudadana.24-siete.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iniciativaciudadana.24-siete.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iniciativaciudadana.24-siete.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iniciativaciudadana.24-siete.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":14,"href":"https:\/\/iniciativaciudadana.24-siete.co\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/iniciativaciudadana.24-siete.co\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/iniciativaciudadana.24-siete.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}