{"id":829,"date":"2026-04-10T20:42:40","date_gmt":"2026-04-10T20:42:40","guid":{"rendered":"https:\/\/ramoncampana-nueva.hostingcuenca.com\/?page_id=829"},"modified":"2026-10-30T15:23:07","modified_gmt":"2026-10-30T15:23:07","slug":"elementor-829","status":"publish","type":"page","link":"https:\/\/ramoncampana-nueva.hostingcuenca.com\/","title":{"rendered":"Ram\u00f3n Campa\u00f1a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"829\" class=\"elementor elementor-829\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bc23ee e-flex e-con-boxed e-con e-parent\" data-id=\"7bc23ee\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c806e0f e-con-full e-flex e-con e-child\" data-id=\"c806e0f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fad847 elementor-widget elementor-widget-spacer\" data-id=\"9fad847\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eef85e7 elementor-widget elementor-widget-html\" data-id=\"eef85e7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     P\u00c1GINA PRINCIPAL \u2014 GAD RAM\u00d3N CAMPA\u00d1A\r\n     Con video hero autoplay \u00b7 Widget HTML Elementor\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<style>\r\n.hp *, .hp *::before, .hp *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n.hp {\r\n  font-family: 'DM Sans', sans-serif;\r\n  color: #2A1F0E; width: 100%; overflow-x: hidden;\r\n  --tierra:  #5C3D1E;\r\n  --ca\u00f1a:    #C8860A;\r\n  --ca\u00f1a-c:  #F5DFA0;\r\n  --ca\u00f1a-bg: #FFF8EC;\r\n  --verde:   #2D5A1B;\r\n  --verde-m: #4A7C2F;\r\n  --verde-c: #E4EDD8;\r\n  --crema:   #FAF5EC;\r\n  --blanco:  #FEFCF8;\r\n  --sombra:  #1A1009;\r\n  --suave:   #6B5740;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HERO CON VIDEO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hp-hero {\r\n  position: relative;\r\n  width: 100%; min-height: 100vh;\r\n  overflow: hidden;\r\n  display: flex; flex-direction: column;\r\n  justify-content: flex-end;\r\n}\r\n\r\n\/* Contenedor iframe YouTube *\/\r\n.hp-video-wrap {\r\n  position: absolute; inset: 0; z-index: 0;\r\n  pointer-events: none; overflow: hidden;\r\n}\r\n.hp-video-wrap iframe {\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 177.78vh; \/* 16:9 *\/\r\n  height: 100vh;\r\n  min-width: 100%;\r\n  min-height: 56.25vw; \/* 16:9 *\/\r\n  border: none;\r\n}\r\n\r\n\/* Fallback: si el video no carga *\/\r\n.hp-video-fallback {\r\n  position: absolute; inset: 0; z-index: 0;\r\n  background:\r\n    linear-gradient(160deg, var(--verde) 0%, #1a3810 55%, var(--tierra) 100%);\r\n}\r\n\r\n\/* Overlay degradado sobre el video *\/\r\n.hp-video-overlay {\r\n  position: absolute; inset: 0; z-index: 1;\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(26,16,9,0.25) 0%,\r\n    rgba(26,16,9,0.1)  30%,\r\n    rgba(26,16,9,0.55) 65%,\r\n    rgba(26,16,9,0.92) 100%\r\n  );\r\n}\r\n\r\n\/* Contenido sobre el video *\/\r\n.hp-hero-content {\r\n  position: relative; z-index: 2;\r\n  padding: 56px 64px 80px;\r\n}\r\n.hp-hero-top {\r\n  position: absolute; top: 32px; left: 64px; right: 64px;\r\n  display: flex; justify-content: space-between; align-items: center;\r\n  z-index: 3;\r\n}\r\n.hp-hero-marca {\r\n  font-size: 11px; letter-spacing: 3px; text-transform: uppercase;\r\n  color: rgba(255,255,255,.55); font-weight: 500;\r\n}\r\n.hp-escudo-badge {\r\n  display: flex; align-items: center; gap: 10px;\r\n  background: rgba(255,255,255,.1);\r\n  border: 1px solid rgba(255,255,255,.2);\r\n  border-radius: 30px; padding: 6px 14px 6px 6px;\r\n}\r\n.hp-escudo-badge img {\r\n  width: 36px; height: 36px; border-radius: 50%;\r\n  object-fit: contain; background: rgba(255,255,255,.15); padding: 2px;\r\n}\r\n.hp-escudo-badge span {\r\n  font-size: 11px; color: rgba(255,255,255,.8); font-weight: 500;\r\n}\r\n\r\n.hp-hero-eyebrow {\r\n  font-size: 11px; letter-spacing: 4px; text-transform: uppercase;\r\n  color: var(--ca\u00f1a-c); opacity: .8; margin-bottom: 14px; font-weight: 500;\r\n}\r\n.hp-hero h1 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(52px, 9vw, 128px);\r\n  font-weight: 900; line-height: .88; letter-spacing: -3px;\r\n  color: #FEFCF8; margin-bottom: 18px;\r\n}\r\n.hp-hero h1 em { font-style: italic; color: var(--ca\u00f1a-c); display: block; }\r\n.hp-hero-tagline {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(16px, 2vw, 22px); font-style: italic;\r\n  color: rgba(255,255,255,.7); max-width: 540px; line-height: 1.6;\r\n  margin-bottom: 32px;\r\n}\r\n.hp-hero-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; }\r\n.hp-pill {\r\n  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22);\r\n  border-radius: 20px; padding: 7px 18px;\r\n  font-size: 12px; color: rgba(255,255,255,.9);\r\n}\r\n.hp-pill strong { color: var(--ca\u00f1a-c); }\r\n\r\n\/* Botones hero *\/\r\n.hp-hero-btns { display: flex; gap: 12px; flex-wrap: wrap; }\r\n.hp-btn-primary {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: var(--ca\u00f1a); color: var(--sombra);\r\n  padding: 13px 24px; border-radius: 8px;\r\n  font-size: 13px; font-weight: 600; letter-spacing: .5px;\r\n  text-decoration: none; transition: background .2s, transform .2s;\r\n}\r\n.hp-btn-primary:hover { background: var(--ca\u00f1a-c); transform: translateY(-2px); }\r\n.hp-btn-secondary {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: rgba(255,255,255,.1); color: white;\r\n  border: 1px solid rgba(255,255,255,.3);\r\n  padding: 13px 24px; border-radius: 8px;\r\n  font-size: 13px; font-weight: 500; letter-spacing: .5px;\r\n  text-decoration: none; transition: background .2s, transform .2s;\r\n}\r\n.hp-btn-secondary:hover { background: rgba(255,255,255,.18); transform: translateY(-2px); }\r\n\r\n\/* Indicador volumen *\/\r\n.hp-video-hint {\r\n  position: absolute; bottom: 32px; right: 64px; z-index: 3;\r\n  display: flex; align-items: center; gap: 8px;\r\n  font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;\r\n  color: rgba(255,255,255,.4);\r\n}\r\n.hp-video-hint::before {\r\n  content: '\ud83d\udd07'; font-size: 14px;\r\n}\r\n\r\n\/* Scroll hint *\/\r\n.hp-scroll {\r\n  position: absolute; bottom: 32px; left: 50%;\r\n  transform: translateX(-50%); z-index: 3;\r\n  display: flex; flex-direction: column; align-items: center; gap: 6px;\r\n  color: rgba(255,255,255,.35); font-size: 10px; letter-spacing: 2px;\r\n  text-transform: uppercase; animation: hpbounce 2s infinite;\r\n}\r\n.hp-scroll::after {\r\n  content: ''; width: 1px; height: 36px;\r\n  background: linear-gradient(to bottom, rgba(255,255,255,.35), transparent);\r\n}\r\n@keyframes hpbounce {\r\n  0%,100% { transform: translateX(-50%) translateY(0); }\r\n  50% { transform: translateX(-50%) translateY(8px); }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   STRIP DATOS R\u00c1PIDOS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hp-strip { background: var(--sombra); }\r\n.hp-strip-grid {\r\n  display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\r\n}\r\n.hp-strip-item {\r\n  padding: 22px 16px; text-align: center;\r\n  border-right: 1px solid rgba(255,255,255,.06);\r\n}\r\n.hp-strip-item:last-child { border-right: none; }\r\n.hp-strip-val {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 20px; font-weight: 700; color: var(--ca\u00f1a-c); display: block;\r\n}\r\n.hp-strip-lbl {\r\n  font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase;\r\n  color: rgba(255,255,255,.38); margin-top: 4px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECCI\u00d3N BASE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hp-sec { padding: 76px 64px; }\r\n.hp-blanco { background: #FEFCF8; }\r\n.hp-crema  { background: #FAF5EC; }\r\n.hp-verde  { background: var(--verde); }\r\n.hp-tierra { background: var(--tierra); }\r\n.hp-ca\u00f1a   { background: var(--ca\u00f1a); }\r\n.hp-oscuro { background: linear-gradient(135deg, #1a3810 0%, var(--sombra) 100%); }\r\n\r\n.hp-label {\r\n  font-size: 10px; letter-spacing: 3px; text-transform: uppercase;\r\n  color: var(--ca\u00f1a); font-weight: 500; margin-bottom: 10px;\r\n}\r\n.hp-verde .hp-label, .hp-tierra .hp-label,\r\n.hp-oscuro .hp-label { color: var(--ca\u00f1a-c); }\r\n.hp-ca\u00f1a .hp-label { color: rgba(0,0,0,.4); }\r\n\r\n.hp-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(28px, 3.5vw, 44px); font-weight: 700;\r\n  color: var(--tierra); line-height: 1.1; margin-bottom: 8px;\r\n}\r\n.hp-verde .hp-title, .hp-tierra .hp-title,\r\n.hp-oscuro .hp-title { color: #FEFCF8; }\r\n.hp-ca\u00f1a .hp-title { color: var(--sombra); text-align: center; }\r\n\r\n.hp-rule { width: 44px; height: 3px; background: var(--ca\u00f1a); border-radius: 2px; margin-bottom: 30px; }\r\n.hp-verde .hp-rule, .hp-tierra .hp-rule,\r\n.hp-oscuro .hp-rule { background: var(--ca\u00f1a-c); }\r\n.hp-ca\u00f1a .hp-rule { background: rgba(0,0,0,.2); margin: 0 auto 30px; }\r\n\r\n.hp-body { font-size: 15px; line-height: 1.9; color: var(--suave); }\r\n.hp-verde .hp-body, .hp-tierra .hp-body,\r\n.hp-oscuro .hp-body { color: rgba(255,255,255,.72); }\r\n.hp-ca\u00f1a .hp-body { color: rgba(0,0,0,.65); }\r\n.hp-body p { margin-bottom: 16px; }\r\n.hp-body strong { color: var(--tierra); }\r\n.hp-verde .hp-body strong, .hp-oscuro .hp-body strong { color: var(--ca\u00f1a-c); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   COMPROMISO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hp-comp-layout {\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 64px; align-items: center; margin-top: 8px;\r\n}\r\n.hp-comp-img { border-radius: 12px; overflow: hidden; aspect-ratio: 4\/3; position: relative; }\r\n.hp-comp-img img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n.hp-comp-img-over {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(135deg, rgba(45,90,27,.25) 0%, transparent 60%);\r\n}\r\n.hp-comp-pillars { display: flex; flex-direction: column; gap: 14px; margin-top: 24px; }\r\n.hp-comp-pillar {\r\n  display: flex; gap: 14px; align-items: flex-start;\r\n  padding: 16px; border-radius: 8px;\r\n  background: var(--verde-c); border: 1px solid rgba(45,90,27,.12);\r\n  transition: background .2s;\r\n}\r\n.hp-comp-pillar:hover { background: #d4e8c8; }\r\n.hp-comp-pillar-icon { font-size: 22px; flex-shrink: 0; }\r\n.hp-comp-pillar-title { font-weight: 600; font-size: 13px; color: var(--verde); margin-bottom: 2px; }\r\n.hp-comp-pillar-text { font-size: 12px; color: var(--suave); line-height: 1.65; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECCIONES GRID\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hp-pages-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(12, 1fr);\r\n  grid-template-rows: auto auto;\r\n  gap: 16px; margin-top: 36px;\r\n}\r\n.hp-card {\r\n  border-radius: 12px; overflow: hidden;\r\n  position: relative; display: block;\r\n  text-decoration: none; color: inherit;\r\n  transition: transform .3s, box-shadow .3s;\r\n}\r\n.hp-card:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(26,16,9,.2); }\r\n.hp-card-img { position: absolute; inset: 0; }\r\n.hp-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }\r\n.hp-card:hover .hp-card-img img { transform: scale(1.07); }\r\n.hp-card-ov {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(180deg, rgba(26,16,9,.05) 0%, rgba(26,16,9,.5) 55%, rgba(26,16,9,.9) 100%);\r\n  transition: background .3s;\r\n}\r\n.hp-card:hover .hp-card-ov { background: linear-gradient(180deg, rgba(26,16,9,.1) 0%, rgba(26,16,9,.6) 55%, rgba(26,16,9,.95) 100%); }\r\n.hp-card-body { position: absolute; bottom: 0; left: 0; right: 0; padding: 26px 22px; }\r\n.hp-card-num { font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--ca\u00f1a-c); font-weight: 500; margin-bottom: 5px; opacity: .8; }\r\n.hp-card-title { font-family: 'Playfair Display', serif; font-weight: 700; color: white; line-height: 1.15; margin-bottom: 8px; }\r\n.hp-card-desc { font-size: 12px; color: rgba(255,255,255,.62); line-height: 1.65; margin-bottom: 12px; }\r\n.hp-card-btn {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: var(--ca\u00f1a); color: var(--sombra);\r\n  padding: 7px 14px; border-radius: 6px;\r\n  font-size: 11px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase;\r\n  transition: background .2s;\r\n}\r\n.hp-card:hover .hp-card-btn { background: var(--ca\u00f1a-c); }\r\n.hp-card-btn-arr { transition: transform .2s; }\r\n.hp-card:hover .hp-card-btn-arr { transform: translateX(3px); }\r\n\r\n\/* Grid positions *\/\r\n.hp-c1 { grid-column: 1 \/ 5; grid-row: 1; min-height: 400px; }\r\n.hp-c1 .hp-card-title { font-size: 22px; }\r\n.hp-c2 { grid-column: 5 \/ 9; grid-row: 1; min-height: 400px; }\r\n.hp-c2 .hp-card-title { font-size: 22px; }\r\n.hp-c3 { grid-column: 9 \/ 13; grid-row: 1; min-height: 400px; }\r\n.hp-c3 .hp-card-title { font-size: 22px; }\r\n.hp-c4 { grid-column: 1 \/ 7; grid-row: 2; min-height: 320px; }\r\n.hp-c4 .hp-card-title { font-size: 22px; }\r\n.hp-c5 { grid-column: 7 \/ 13; grid-row: 2; min-height: 320px; }\r\n.hp-c5 .hp-card-title { font-size: 22px; }\r\n\r\n\/* Overlay colores distintos *\/\r\n.hp-c1 .hp-card-ov { background: linear-gradient(180deg, rgba(45,90,27,.05) 0%, rgba(45,90,27,.5) 55%, rgba(45,90,27,.92) 100%); }\r\n.hp-c2 .hp-card-ov { background: linear-gradient(180deg, rgba(92,61,30,.05) 0%, rgba(92,61,30,.5) 55%, rgba(92,61,30,.92) 100%); }\r\n.hp-c3 .hp-card-ov { background: linear-gradient(180deg, rgba(26,58,92,.05) 0%, rgba(26,58,92,.5) 55%, rgba(26,58,92,.92) 100%); }\r\n.hp-c4 .hp-card-ov { background: linear-gradient(180deg, rgba(26,16,9,.05) 0%, rgba(26,16,9,.5) 55%, rgba(26,16,9,.92) 100%); }\r\n.hp-c5 .hp-card-ov { background: linear-gradient(180deg, rgba(45,90,27,.05) 0%, rgba(45,90,27,.5) 55%, rgba(45,90,27,.92) 100%); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   TABLA DE DATOS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hp-tabla-layout {\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 48px; align-items: start; margin-top: 8px;\r\n}\r\n.hp-tabla-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 20px; font-weight: 700; color: var(--ca\u00f1a-c);\r\n  margin-bottom: 16px; padding-bottom: 12px;\r\n  border-bottom: 1px solid rgba(255,255,255,.1);\r\n}\r\n.hp-tabla { width: 100%; border-collapse: collapse; font-size: 13px; }\r\n.hp-tabla tr { border-bottom: 1px solid rgba(255,255,255,.06); transition: background .15s; }\r\n.hp-tabla tr:hover { background: rgba(255,255,255,.04); }\r\n.hp-tabla td { padding: 10px 12px; vertical-align: top; line-height: 1.5; }\r\n.hp-tabla td:first-child { color: rgba(255,255,255,.45); font-weight: 500; min-width: 140px; }\r\n.hp-tabla td:last-child { color: rgba(255,255,255,.85); }\r\n.hp-tabla td strong { color: var(--ca\u00f1a-c); }\r\n\r\n\/* Contadores animados *\/\r\n.hp-counters {\r\n  display: grid; grid-template-columns: repeat(2, 1fr);\r\n  gap: 16px; margin-top: 8px;\r\n}\r\n.hp-counter {\r\n  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);\r\n  border-radius: 10px; padding: 24px 20px; text-align: center;\r\n  border-top: 3px solid var(--ca\u00f1a);\r\n}\r\n.hp-counter-val {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 36px; font-weight: 900; color: var(--ca\u00f1a-c); display: block;\r\n  line-height: 1;\r\n}\r\n.hp-counter-lbl { font-size: 12px; color: rgba(255,255,255,.5); margin-top: 8px; line-height: 1.4; }\r\n.hp-counter-sub { font-size: 11px; color: rgba(255,255,255,.3); margin-top: 4px; }\r\n\r\n\/* Escudo central *\/\r\n.hp-escudo-wrap { text-align: center; margin: 28px 0; }\r\n.hp-escudo-wrap img {\r\n  width: 140px; height: 140px; object-fit: contain;\r\n  filter: drop-shadow(0 8px 24px rgba(0,0,0,.4));\r\n}\r\n.hp-escudo-caption {\r\n  font-size: 11px; letter-spacing: 2px; text-transform: uppercase;\r\n  color: rgba(255,255,255,.4); margin-top: 8px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ACCESOS R\u00c1PIDOS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hp-accesos {\r\n  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n  gap: 12px;\r\n}\r\n.hp-acceso {\r\n  display: flex; flex-direction: column; align-items: center; gap: 10px;\r\n  padding: 24px 16px; border-radius: 10px;\r\n  background: rgba(255,255,255,.06);\r\n  border: 1px solid rgba(255,255,255,.1);\r\n  text-decoration: none; color: white;\r\n  text-align: center; transition: background .25s, transform .25s;\r\n}\r\n.hp-acceso:hover { background: rgba(200,134,10,.2); transform: translateY(-4px); }\r\n.hp-acceso-icon { font-size: 32px; }\r\n.hp-acceso-label {\r\n  font-size: 12px; font-weight: 600; letter-spacing: .5px;\r\n  color: rgba(255,255,255,.85); line-height: 1.3;\r\n}\r\n.hp-acceso-sub { font-size: 11px; color: rgba(255,255,255,.4); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CONTACTO \/ FOOTER STRIP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hp-contact {\r\n  background: var(--ca\u00f1a); padding: 48px 64px;\r\n  display: grid; grid-template-columns: 1fr 1fr 1fr;\r\n  gap: 32px; align-items: center;\r\n}\r\n.hp-contact-block {}\r\n.hp-contact-label {\r\n  font-size: 10px; letter-spacing: 2px; text-transform: uppercase;\r\n  color: rgba(0,0,0,.4); font-weight: 500; margin-bottom: 8px;\r\n}\r\n.hp-contact-val {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 17px; font-weight: 700; color: var(--sombra); margin-bottom: 3px;\r\n}\r\n.hp-contact-sub { font-size: 13px; color: rgba(0,0,0,.55); line-height: 1.5; }\r\n.hp-contact-sub a { color: var(--sombra); text-decoration: none; font-weight: 600; }\r\n.hp-contact-center { text-align: center; }\r\n\r\n.hp-footer {\r\n  background: var(--sombra); padding: 24px 64px;\r\n  display: flex; justify-content: space-between; align-items: center;\r\n  flex-wrap: wrap; gap: 12px;\r\n}\r\n.hp-footer strong { font-family: 'Playfair Display', serif; font-size: 16px; color: var(--ca\u00f1a-c); display: block; margin-bottom: 2px; }\r\n.hp-footer span { font-size: 12px; color: rgba(255,255,255,.4); }\r\n.hp-footer a { font-size: 13px; color: var(--ca\u00f1a-c); text-decoration: none; }\r\n\r\n\/* \u2550\u2550 ANIMACIONES \u2550\u2550 *\/\r\n.hp-rv { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }\r\n.hp-rv.hp-vis { opacity: 1; transform: none; }\r\n.hp-d1 { transition-delay: .1s; } .hp-d2 { transition-delay: .2s; }\r\n.hp-d3 { transition-delay: .3s; } .hp-d4 { transition-delay: .4s; }\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n  .hp-pages-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }\r\n  .hp-c1, .hp-c2 { grid-column: auto; grid-row: auto; }\r\n  .hp-c3 { grid-column: 1 \/ 3; grid-row: auto; min-height: 280px; }\r\n  .hp-c4, .hp-c5 { grid-column: auto; grid-row: auto; }\r\n  .hp-tabla-layout { grid-template-columns: 1fr; }\r\n  .hp-comp-layout { grid-template-columns: 1fr; }\r\n  .hp-contact { grid-template-columns: 1fr; text-align: center; }\r\n}\r\n@media (max-width: 768px) {\r\n  .hp-hero-content { padding: 40px 24px 56px; }\r\n  .hp-hero-top { left: 24px; right: 24px; top: 20px; }\r\n  .hp-video-hint { right: 24px; bottom: 20px; }\r\n  .hp-sec { padding: 52px 24px; }\r\n  .hp-pages-grid { grid-template-columns: 1fr; }\r\n  .hp-c1, .hp-c2, .hp-c3, .hp-c4, .hp-c5 { grid-column: 1; grid-row: auto; min-height: 280px; }\r\n  .hp-counters { grid-template-columns: 1fr 1fr; }\r\n  .hp-contact { padding: 36px 24px; }\r\n  .hp-footer { padding: 20px 24px; flex-direction: column; text-align: center; }\r\n  .hp-accesos { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hp\">\r\n\r\n  <!-- \u2550\u2550 HERO CON VIDEO YOUTUBE \u2550\u2550 -->\r\n  <div class=\"hp-hero\">\r\n\r\n    <!-- Video YouTube autoplay muted loop -->\r\n    <div class=\"hp-video-fallback\"><\/div>\r\n    <div class=\"hp-video-wrap\">\r\n      <iframe\r\n        src=\"https:\/\/www.youtube.com\/embed\/39nmthlIbvg?autoplay=1&mute=1&loop=1&playlist=39nmthlIbvg&controls=0&showinfo=0&rel=0&modestbranding=1&playsinline=1&enablejsapi=1&origin=https:\/\/ramoncampana-nueva.hostingcuenca.com\"\r\n        allow=\"autoplay; encrypted-media\"\r\n        allowfullscreen\r\n        loading=\"lazy\"\r\n        title=\"Ram\u00f3n Campa\u00f1a\"\r\n      ><\/iframe>\r\n    <\/div>\r\n\r\n    <!-- Overlay -->\r\n    <div class=\"hp-video-overlay\"><\/div>\r\n\r\n    <!-- Header -->\r\n    <div class=\"hp-hero-top\">\r\n      <span class=\"hp-hero-marca\">GAD Parroquial Rural \u00b7 Ram\u00f3n Campa\u00f1a \u00b7 Pangua \u00b7 Cotopaxi<\/span>\r\n      <div class=\"hp-escudo-badge\">\r\n        <img decoding=\"async\" src=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/wp-content\/uploads\/2026\/04\/LGO-NUEVO-RC.png\" alt=\"Escudo Ram\u00f3n Campa\u00f1a\" title=\"Ram\u00f3n Campa\u00f1a\">\r\n        <span>Est. 1938<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Contenido central -->\r\n    <div class=\"hp-hero-content\">\r\n      <p class=\"hp-hero-eyebrow\">Parroquia Rural \u00b7 Cant\u00f3n Pangua \u00b7 Cotopaxi \u00b7 Ecuador<\/p>\r\n      <h1>Ram\u00f3n<em>Campa\u00f1a<\/em><\/h1>\r\n      <p class=\"hp-hero-tagline\">Historia, identidad y territorio de una parroquia forjada por el trabajo y la fe de su pueblo.<\/p>\r\n      <div class=\"hp-hero-pills\">\r\n        <div class=\"hp-pill\">\ud83d\udcc5 Creaci\u00f3n: <strong>31 mayo 1938<\/strong><\/div>\r\n        <div class=\"hp-pill\">\ud83d\udc65 <strong>1.762<\/strong> habitantes<\/div>\r\n        <div class=\"hp-pill\">\ud83d\udcd0 <strong>117,96<\/strong> km\u00b2<\/div>\r\n        <div class=\"hp-pill\">\ud83c\udfd8\ufe0f <strong>17<\/strong> comunidades<\/div>\r\n        <div class=\"hp-pill\">\u26f0\ufe0f 720 \u2013 2.880 <strong>m.s.n.m.<\/strong><\/div>\r\n      <\/div>\r\n      <div class=\"hp-hero-btns\">\r\n        <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/parroquia\/\" class=\"hp-btn-primary\">\ud83d\uddfa\ufe0f Conocer la Parroquia<\/a>\r\n        <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/transparencia\/\" class=\"hp-btn-secondary\">\ud83d\udccb Transparencia<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Indicador video silenciado -->\r\n    <div class=\"hp-video-hint\">Video silenciado<\/div>\r\n\r\n    <!-- Scroll -->\r\n    <div class=\"hp-scroll\">Explorar<\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550 STRIP DATOS \u2550\u2550 -->\r\n  <div class=\"hp-strip\">\r\n    <div class=\"hp-strip-grid\">\r\n      <div class=\"hp-strip-item\"><span class=\"hp-strip-val\">1938<\/span><div class=\"hp-strip-lbl\">A\u00f1o de creaci\u00f3n<\/div><\/div>\r\n      <div class=\"hp-strip-item\"><span class=\"hp-strip-val\">1.762<\/span><div class=\"hp-strip-lbl\">Habitantes INEC 2022<\/div><\/div>\r\n      <div class=\"hp-strip-item\"><span class=\"hp-strip-val\">117 km\u00b2<\/span><div class=\"hp-strip-lbl\">Extensi\u00f3n territorial<\/div><\/div>\r\n      <div class=\"hp-strip-item\"><span class=\"hp-strip-val\">17<\/span><div class=\"hp-strip-lbl\">Comunidades<\/div><\/div>\r\n      <div class=\"hp-strip-item\"><span class=\"hp-strip-val\">18 \u00b0C<\/span><div class=\"hp-strip-lbl\">Temperatura media<\/div><\/div>\r\n      <div class=\"hp-strip-item\"><span class=\"hp-strip-val\">1 sept.<\/span><div class=\"hp-strip-lbl\">Fiestas parroquiales<\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550 NUESTRO COMPROMISO \u2550\u2550 -->\r\n  <div class=\"hp-sec hp-blanco\">\r\n    <p class=\"hp-label hp-rv\">Gobierno Aut\u00f3nomo Descentralizado Parroquial Rural<\/p>\r\n    <h2 class=\"hp-title hp-rv hp-d1\">Nuestro Compromiso<\/h2>\r\n    <div class=\"hp-rule hp-rv hp-d2\"><\/div>\r\n\r\n    <div class=\"hp-comp-layout hp-rv\">\r\n      <div class=\"hp-comp-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-12-at-11.31.32-PM-2.jpeg\" alt=\"Ram\u00f3n Campa\u00f1a al atardecer\" loading=\"lazy\" title=\"Ram\u00f3n Campa\u00f1a\">\r\n        <div class=\"hp-comp-img-over\"><\/div>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"hp-body\">\r\n          <p>El Gobierno Aut\u00f3nomo Descentralizado Parroquial Rural Ram\u00f3n Campa\u00f1a trabaja con un firme compromiso hacia el desarrollo integral de nuestra parroquia y el bienestar de todos sus habitantes.<\/p>\r\n          <p>Nuestra gesti\u00f3n se fundamenta en la <strong>transparencia<\/strong>, la <strong>participaci\u00f3n ciudadana<\/strong> y el <strong>servicio a la comunidad<\/strong>, impulsando proyectos que mejoren la calidad de vida de las familias, fortalezcan nuestra identidad cultural y promuevan el desarrollo sostenible del territorio.<\/p>\r\n        <\/div>\r\n        <div class=\"hp-comp-pillars\">\r\n          <div class=\"hp-comp-pillar\">\r\n            <div class=\"hp-comp-pillar-icon\">\ud83c\udf3f<\/div>\r\n            <div>\r\n              <div class=\"hp-comp-pillar-title\">Desarrollo Sostenible<\/div>\r\n              <div class=\"hp-comp-pillar-text\">Impulsamos proyectos que mejoran la calidad de vida sin comprometer los recursos naturales del territorio.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"hp-comp-pillar\">\r\n            <div class=\"hp-comp-pillar-icon\">\ud83e\udd1d<\/div>\r\n            <div>\r\n              <div class=\"hp-comp-pillar-title\">Participaci\u00f3n Ciudadana<\/div>\r\n              <div class=\"hp-comp-pillar-text\">Trabajamos de la mano con organizaciones sociales, barrios y comunidades, construyendo soluciones juntos.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"hp-comp-pillar\">\r\n            <div class=\"hp-comp-pillar-icon\">\ud83d\udccb<\/div>\r\n            <div>\r\n              <div class=\"hp-comp-pillar-title\">Transparencia Total<\/div>\r\n              <div class=\"hp-comp-pillar-text\">Gesti\u00f3n honesta de los recursos p\u00fablicos con rendici\u00f3n de cuentas permanente a la ciudadan\u00eda.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550 EXPLORA LA PARROQUIA \u2550\u2550 -->\r\n  <div class=\"hp-sec hp-crema\">\r\n    <p class=\"hp-label hp-rv\">Descubre<\/p>\r\n    <h2 class=\"hp-title hp-rv hp-d1\">Explora Ram\u00f3n Campa\u00f1a<\/h2>\r\n    <div class=\"hp-rule hp-rv hp-d2\"><\/div>\r\n    <div class=\"hp-body hp-rv hp-d3\" style=\"max-width:640px;margin-bottom:8px\">\r\n      <p>Conoce la historia, la geograf\u00eda, la cultura y la econom\u00eda de nuestra parroquia a trav\u00e9s de sus secciones.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"hp-pages-grid\">\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/resena-historica-2\/\" class=\"hp-card hp-c1 hp-rv\">\r\n        <div class=\"hp-card-img\"><img decoding=\"async\" src=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-12-at-11.31.32-PM-2.jpeg\" alt=\"Rese\u00f1a Hist\u00f3rica\" loading=\"lazy\" title=\"Ram\u00f3n Campa\u00f1a\"><\/div>\r\n        <div class=\"hp-card-ov\"><\/div>\r\n        <div class=\"hp-card-body\">\r\n          <div class=\"hp-card-num\">Historia<\/div>\r\n          <div class=\"hp-card-title\">Rese\u00f1a Hist\u00f3rica<\/div>\r\n          <div class=\"hp-card-desc\">Desde los Pany\u00e1tug hasta el Decreto de 1938 y el legado del presb\u00edtero fundador.<\/div>\r\n          <div class=\"hp-card-btn\">Leer <span class=\"hp-card-btn-arr\">\u2192<\/span><\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/economia-y-produccion\/\" class=\"hp-card hp-c2 hp-rv hp-d1\">\r\n        <div class=\"hp-card-img\"><img decoding=\"async\" src=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-12-at-11.31.39-PM-4.jpeg\" alt=\"Econom\u00eda\" loading=\"lazy\" title=\"Ram\u00f3n Campa\u00f1a\"><\/div>\r\n        <div class=\"hp-card-ov\"><\/div>\r\n        <div class=\"hp-card-body\">\r\n          <div class=\"hp-card-num\">Econom\u00eda<\/div>\r\n          <div class=\"hp-card-title\">Econom\u00eda y Producci\u00f3n<\/div>\r\n          <div class=\"hp-card-desc\">Ca\u00f1a de az\u00facar, ganader\u00eda y el \"cultivo noble\" de 200 a\u00f1os.<\/div>\r\n          <div class=\"hp-card-btn\">Explorar <span class=\"hp-card-btn-arr\">\u2192<\/span><\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/ubicacion-geografica\/\" class=\"hp-card hp-c3 hp-rv hp-d2\">\r\n        <div class=\"hp-card-img\"><img decoding=\"async\" src=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-12-at-11.31.36-PM-3.jpeg\" alt=\"Ubicaci\u00f3n\" loading=\"lazy\" title=\"Ram\u00f3n Campa\u00f1a\"><\/div>\r\n        <div class=\"hp-card-ov\"><\/div>\r\n        <div class=\"hp-card-body\">\r\n          <div class=\"hp-card-num\">Territorio<\/div>\r\n          <div class=\"hp-card-title\">Ubicaci\u00f3n Geogr\u00e1fica<\/div>\r\n          <div class=\"hp-card-desc\">17 comunidades, l\u00edmites y mapa interactivo del territorio.<\/div>\r\n          <div class=\"hp-card-btn\">Ver mapa <span class=\"hp-card-btn-arr\">\u2192<\/span><\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/simbolos-y-compromiso\/\" class=\"hp-card hp-c4 hp-rv hp-d3\">\r\n        <div class=\"hp-card-img\"><img decoding=\"async\" src=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-12-at-11.31.39-PM-2.jpeg\" alt=\"S\u00edmbolos\" loading=\"lazy\" title=\"Ram\u00f3n Campa\u00f1a\"><\/div>\r\n        <div class=\"hp-card-ov\"><\/div>\r\n        <div class=\"hp-card-body\">\r\n          <div class=\"hp-card-num\">Identidad<\/div>\r\n          <div class=\"hp-card-title\">S\u00edmbolos y Compromiso<\/div>\r\n          <div class=\"hp-card-desc\">La bandera, el escudo y la visi\u00f3n institucional del GAD Parroquial.<\/div>\r\n          <div class=\"hp-card-btn\">Ver s\u00edmbolos <span class=\"hp-card-btn-arr\">\u2192<\/span><\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/cultura-e-identidad\/\" class=\"hp-card hp-c5 hp-rv hp-d4\">\r\n        <div class=\"hp-card-img\"><img decoding=\"async\" src=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-12-at-11.31.37-PM-1.jpeg\" alt=\"Cultura\" loading=\"lazy\" title=\"Ram\u00f3n Campa\u00f1a\"><\/div>\r\n        <div class=\"hp-card-ov\"><\/div>\r\n        <div class=\"hp-card-body\">\r\n          <div class=\"hp-card-num\">Cultura<\/div>\r\n          <div class=\"hp-card-title\">Cultura e Identidad<\/div>\r\n          <div class=\"hp-card-desc\">Festividades, patrimonio y saberes del Pueblo Kichwa Panzaleo.<\/div>\r\n          <div class=\"hp-card-btn\">Descubrir <span class=\"hp-card-btn-arr\">\u2192<\/span><\/div>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550 DATOS OFICIALES \u2550\u2550 -->\r\n  <div class=\"hp-sec hp-oscuro\">\r\n    <p class=\"hp-label hp-rv\">Informaci\u00f3n Oficial<\/p>\r\n    <h2 class=\"hp-title hp-rv hp-d1\">Ficha T\u00e9cnica de la Parroquia<\/h2>\r\n    <div class=\"hp-rule hp-rv hp-d2\"><\/div>\r\n\r\n    <div class=\"hp-tabla-layout hp-rv\">\r\n      <!-- Tabla -->\r\n      <div>\r\n        <div class=\"hp-tabla-title\">Datos Territoriales e Institucionales<\/div>\r\n        <table class=\"hp-tabla\">\r\n          <tr><td>Pa\u00eds<\/td><td>Rep\u00fablica del Ecuador<\/td><\/tr>\r\n          <tr><td>Provincia<\/td><td><strong>Cotopaxi<\/strong><\/td><\/tr>\r\n          <tr><td>Cant\u00f3n<\/td><td><strong>Pangua<\/strong><\/td><\/tr>\r\n          <tr><td>Categor\u00eda<\/td><td>Parroquia Rural<\/td><\/tr>\r\n          <tr><td>Creaci\u00f3n oficial<\/td><td><strong>31 de mayo de 1938<\/strong><\/td><\/tr>\r\n          <tr><td>Decreto<\/td><td>Supremo N.\u00ba 167<\/td><\/tr>\r\n          <tr><td>Registro Oficial<\/td><td>N.\u00ba 179 \u2014 02 junio 1938<\/td><\/tr>\r\n          <tr><td>Fundador<\/td><td>Pbro. Ram\u00f3n Campa\u00f1a Carrillo<\/td><\/tr>\r\n          <tr><td>Extensi\u00f3n<\/td><td><strong>117,964 km\u00b2<\/strong> \u2014 11.796 ha<\/td><\/tr>\r\n          <tr><td>Altitud<\/td><td>720 \u2013 2.880 m.s.n.m.<\/td><\/tr>\r\n          <tr><td>Temperatura<\/td><td>18 \u00b0C promedio<\/td><\/tr>\r\n          <tr><td>Clima<\/td><td>Tropical megat\u00e9rmico h\u00famedo<\/td><\/tr>\r\n          <tr><td>Poblaci\u00f3n (2022)<\/td><td><strong>1.762 habitantes<\/strong><\/td><\/tr>\r\n          <tr><td>Estimado (2023)<\/td><td>2.361 habitantes \u2014 663 familias<\/td><\/tr>\r\n          <tr><td>Densidad<\/td><td>14,94 hab.\/km\u00b2<\/td><\/tr>\r\n          <tr><td>Comunidades<\/td><td><strong>17<\/strong> recintos y comunidades<\/td><\/tr>\r\n          <tr><td>Fiestas<\/td><td><strong>1 de septiembre<\/strong><\/td><\/tr>\r\n          <tr><td>Principal cultivo<\/td><td>Ca\u00f1a de az\u00facar (panela y aguardiente)<\/td><\/tr>\r\n          <tr><td>PDOT vigente<\/td><td>2023\u20132027 (horizonte 2035)<\/td><\/tr>\r\n          <tr><td>Portal<\/td><td><a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\" style=\"color:var(--ca\u00f1a-c)\">ramoncampana.gob.ec<\/a><\/td><\/tr>\r\n        <\/table>\r\n      <\/div>\r\n\r\n      <!-- Contadores + escudo -->\r\n      <div>\r\n        <div class=\"hp-escudo-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/wp-content\/uploads\/2026\/04\/LGO-NUEVO-RC.png\" alt=\"Escudo oficial Parroquia Ram\u00f3n Campa\u00f1a\" loading=\"lazy\" title=\"Ram\u00f3n Campa\u00f1a\">\r\n          <div class=\"hp-escudo-caption\">Escudo Oficial \u00b7 Ram\u00f3n Campa\u00f1a<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hp-counters\">\r\n          <div class=\"hp-counter\">\r\n            <span class=\"hp-counter-val\" data-target=\"1938\" data-suffix=\"\">1938<\/span>\r\n            <div class=\"hp-counter-lbl\">A\u00f1o de fundaci\u00f3n<\/div>\r\n            <div class=\"hp-counter-sub\">Decreto N.\u00ba 167<\/div>\r\n          <\/div>\r\n          <div class=\"hp-counter\">\r\n            <span class=\"hp-counter-val\">1.762<\/span>\r\n            <div class=\"hp-counter-lbl\">Habitantes<\/div>\r\n            <div class=\"hp-counter-sub\">Censo INEC 2022<\/div>\r\n          <\/div>\r\n          <div class=\"hp-counter\">\r\n            <span class=\"hp-counter-val\">117<\/span>\r\n            <div class=\"hp-counter-lbl\">Kil\u00f3metros cuadrados<\/div>\r\n            <div class=\"hp-counter-sub\">Extensi\u00f3n territorial<\/div>\r\n          <\/div>\r\n          <div class=\"hp-counter\">\r\n            <span class=\"hp-counter-val\">17<\/span>\r\n            <div class=\"hp-counter-lbl\">Comunidades<\/div>\r\n            <div class=\"hp-counter-sub\">Incluyendo cabecera<\/div>\r\n          <\/div>\r\n          <div class=\"hp-counter\">\r\n            <span class=\"hp-counter-val\">7.000<\/span>\r\n            <div class=\"hp-counter-lbl\">Hect\u00e1reas de ca\u00f1a<\/div>\r\n            <div class=\"hp-counter-sub\">Cant\u00f3n Pangua<\/div>\r\n          <\/div>\r\n          <div class=\"hp-counter\">\r\n            <span class=\"hp-counter-val\">200<\/span>\r\n            <div class=\"hp-counter-lbl\">A\u00f1os cultivo noble<\/div>\r\n            <div class=\"hp-counter-sub\">Longevidad productiva<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550 ACCESOS R\u00c1PIDOS \u2550\u2550 -->\r\n  <div class=\"hp-sec hp-verde\">\r\n    <p class=\"hp-label hp-rv\">Servicios y Accesos<\/p>\r\n    <h2 class=\"hp-title hp-rv hp-d1\">Accesos R\u00e1pidos<\/h2>\r\n    <div class=\"hp-rule hp-rv hp-d2\"><\/div>\r\n    <div class=\"hp-accesos hp-rv hp-d3\">\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/transparencia\/\" class=\"hp-acceso\">\r\n        <div class=\"hp-acceso-icon\">\ud83d\udccb<\/div>\r\n        <div class=\"hp-acceso-label\">Transparencia<br>LOTAIP<\/div>\r\n        <div class=\"hp-acceso-sub\">Informaci\u00f3n p\u00fablica<\/div>\r\n      <\/a>\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/rendicion-de-cuentas\/\" class=\"hp-acceso\">\r\n        <div class=\"hp-acceso-icon\">\ud83d\udcca<\/div>\r\n        <div class=\"hp-acceso-label\">Rendici\u00f3n<br>de Cuentas<\/div>\r\n        <div class=\"hp-acceso-sub\">Gesti\u00f3n anual<\/div>\r\n      <\/a>\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/autoridades\/\" class=\"hp-acceso\">\r\n        <div class=\"hp-acceso-icon\">\ud83d\udc65<\/div>\r\n        <div class=\"hp-acceso-label\">Autoridades<br>del GAD<\/div>\r\n        <div class=\"hp-acceso-sub\">2023 \u2013 2027<\/div>\r\n      <\/a>\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/gad\/\" class=\"hp-acceso\">\r\n        <div class=\"hp-acceso-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n        <div class=\"hp-acceso-label\">GAD<br>Parroquial<\/div>\r\n        <div class=\"hp-acceso-sub\">Instituci\u00f3n<\/div>\r\n      <\/a>\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/pdot\/\" class=\"hp-acceso\">\r\n        <div class=\"hp-acceso-icon\">\ud83d\uddfa\ufe0f<\/div>\r\n        <div class=\"hp-acceso-label\">PDOT<br>2023\u20132027<\/div>\r\n        <div class=\"hp-acceso-sub\">Plan de desarrollo<\/div>\r\n      <\/a>\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/poa\/\" class=\"hp-acceso\">\r\n        <div class=\"hp-acceso-icon\">\ud83d\udcc5<\/div>\r\n        <div class=\"hp-acceso-label\">POA<br>Anual<\/div>\r\n        <div class=\"hp-acceso-sub\">Plan operativo<\/div>\r\n      <\/a>\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/gaceta\/\" class=\"hp-acceso\">\r\n        <div class=\"hp-acceso-icon\">\ud83d\udcf0<\/div>\r\n        <div class=\"hp-acceso-label\">Gaceta<br>Oficial<\/div>\r\n        <div class=\"hp-acceso-sub\">Normativas<\/div>\r\n      <\/a>\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/contact-us\/\" class=\"hp-acceso\">\r\n        <div class=\"hp-acceso-icon\">\ud83d\udcde<\/div>\r\n        <div class=\"hp-acceso-label\">Contacto<br>y Ubicaci\u00f3n<\/div>\r\n        <div class=\"hp-acceso-sub\">Comun\u00edcate<\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550 CONTACTO \u2550\u2550 -->\r\n  <div class=\"hp-contact\">\r\n    <div class=\"hp-contact-block\">\r\n      <div class=\"hp-contact-label\">Direcci\u00f3n<\/div>\r\n      <div class=\"hp-contact-val\">Sede del GAD<\/div>\r\n      <div class=\"hp-contact-sub\">Av. El Coraz\u00f3n, Calle Principal S\/N<br>Frente al Colegio Walter Himmelman<br>Ram\u00f3n Campa\u00f1a, Cant\u00f3n Pangua<\/div>\r\n    <\/div>\r\n    <div class=\"hp-contact-block hp-contact-center\">\r\n      <img decoding=\"async\" src=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\/wp-content\/uploads\/2026\/04\/LGO-NUEVO-RC.png\" alt=\"GAD Ram\u00f3n Campa\u00f1a\" style=\"width:80px;height:80px;object-fit:contain;margin-bottom:8px\" title=\"Ram\u00f3n Campa\u00f1a\">\r\n      <div style=\"font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--sombra)\">GAD Parroquial Rural<\/div>\r\n      <div style=\"font-size:12px;color:rgba(0,0,0,.5);margin-top:2px\">Ram\u00f3n Campa\u00f1a \u00b7 1938<\/div>\r\n    <\/div>\r\n    <div class=\"hp-contact-block\" style=\"text-align:right\">\r\n      <div class=\"hp-contact-label\">Contacto<\/div>\r\n      <div class=\"hp-contact-val\">Comunicaci\u00f3n<\/div>\r\n      <div class=\"hp-contact-sub\">\r\n        \ud83d\udcde 0992606453<br>\r\n        \u260e\ufe0f (03) 2258-018<br>\r\n        \ud83d\udce7 <a href=\"mailto:info@ramoncampana.gob.ec\">info@ramoncampana.gob.ec<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550 FOOTER \u2550\u2550 -->\r\n  <div class=\"hp-footer\">\r\n    <div>\r\n      <strong>GAD Parroquial Rural Ram\u00f3n Campa\u00f1a<\/strong>\r\n      <span>Cant\u00f3n Pangua \u00b7 Provincia de Cotopaxi \u00b7 Ecuador \u00b7 PDOT 2023\u20132027<\/span>\r\n    <\/div>\r\n    <div style=\"text-align:right\">\r\n      <a href=\"https:\/\/ramoncampana-nueva.hostingcuenca.com\">ramoncampana.gob.ec<\/a><br>\r\n      <span>\u00a9 2025 Todos los derechos reservados<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div><!-- \/hp -->\r\n\r\n<script>\r\n(function(){\r\n  \/\/ Scroll reveal\r\n  var els = document.querySelectorAll('.hp-rv');\r\n  var obs = new IntersectionObserver(function(e){\r\n    e.forEach(function(x){ if(x.isIntersecting) x.target.classList.add('hp-vis'); });\r\n  },{ threshold: 0.07 });\r\n  els.forEach(function(el){ obs.observe(el); });\r\n\r\n  \/\/ Forzar autoplay del video en m\u00f3vil si es posible\r\n  var iframe = document.querySelector('.hp-video-wrap iframe');\r\n  if(iframe){\r\n    iframe.addEventListener('load', function(){\r\n      \/\/ Intentar reproducir via postMessage\r\n      try {\r\n        iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}','*');\r\n      } catch(e){}\r\n    });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GAD Parroquial Rural \u00b7 Ram\u00f3n Campa\u00f1a \u00b7 Pangua \u00b7 Cotopaxi Est. 1938 Parroquia Rural \u00b7 Cant\u00f3n Pangua \u00b7 Cotopaxi \u00b7 Ecuador Ram\u00f3nCampa\u00f1a Historia, identidad y territorio de una parroquia forjada por el trabajo y la fe de su pueblo. \ud83d\udcc5 Creaci\u00f3n: 31 mayo 1938 \ud83d\udc65 1.762 habitantes \ud83d\udcd0 117,96 km\u00b2 \ud83c\udfd8\ufe0f 17 comunidades \u26f0\ufe0f 720 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-829","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ramoncampana-nueva.hostingcuenca.com\/index.php\/wp-json\/wp\/v2\/pages\/829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ramoncampana-nueva.hostingcuenca.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ramoncampana-nueva.hostingcuenca.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ramoncampana-nueva.hostingcuenca.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ramoncampana-nueva.hostingcuenca.com\/index.php\/wp-json\/wp\/v2\/comments?post=829"}],"version-history":[{"count":83,"href":"https:\/\/ramoncampana-nueva.hostingcuenca.com\/index.php\/wp-json\/wp\/v2\/pages\/829\/revisions"}],"predecessor-version":[{"id":3332,"href":"https:\/\/ramoncampana-nueva.hostingcuenca.com\/index.php\/wp-json\/wp\/v2\/pages\/829\/revisions\/3332"}],"wp:attachment":[{"href":"https:\/\/ramoncampana-nueva.hostingcuenca.com\/index.php\/wp-json\/wp\/v2\/media?parent=829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}