.elementor-4038 .elementor-element.elementor-element-508abd3{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-4038 .elementor-element.elementor-element-7b340bb{--divider-border-style:solid;--divider-color:var( --e-global-color-eef0f2b );--divider-border-width:1px;}.elementor-4038 .elementor-element.elementor-element-7b340bb > .elementor-widget-container{margin:5px 0px 5px 0px;}.elementor-4038 .elementor-element.elementor-element-7b340bb .elementor-divider-separator{width:100%;}.elementor-4038 .elementor-element.elementor-element-7b340bb .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4038 .elementor-element.elementor-element-881d4f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4038 .elementor-element.elementor-element-881d4f4 .elementor-heading-title{font-family:"Hind Madurai", Sans-serif;font-size:1em;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-16f6a27 );}.elementor-4038 .elementor-element.elementor-element-877c180{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-16f6a27 );--border-color:var( --e-global-color-16f6a27 );--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(159.33707939508508, 187, 15.041304347826083, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-ha-slider .ha-slick-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-ha-slider .ha-slick-subtitle{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4038 .elementor-element.elementor-element-d515915 > .elementor-widget-container{background-color:var( --e-global-color-16f6a27 );margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 1px -90px rgba(224.4, 13.17130434782606, 15.92646124763705, 0.5);}.elementor-4038 .elementor-element.elementor-element-d515915.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-4038 .elementor-element.elementor-element-d515915 .slick-prev, .elementor-4038 .elementor-element.elementor-element-d515915 .slick-next{top:450px;font-size:37px;border-style:none;border-radius:100px 100px 100px 100px;overflow:hidden;color:var( --e-global-color-accent );background-color:#FDD60C00;}.elementor-4038 .elementor-element.elementor-element-d515915 .slick-prev{left:-20px;}.elementor-4038 .elementor-element.elementor-element-d515915 .slick-next{right:-20px;}.elementor-4038 .elementor-element.elementor-element-d515915 .slick-prev:hover, .elementor-4038 .elementor-element.elementor-element-d515915 .slick-next:hover{color:var( --e-global-color-16f6a27 );border-color:#12923B;}.elementor-4038 .elementor-element.elementor-element-3ddec57{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4038 .elementor-element.elementor-element-a28fe2e{--divider-border-style:solid;--divider-color:var( --e-global-color-eef0f2b );--divider-border-width:1px;}.elementor-4038 .elementor-element.elementor-element-a28fe2e > .elementor-widget-container{margin:5px 0px 5px 0px;}.elementor-4038 .elementor-element.elementor-element-a28fe2e .elementor-divider-separator{width:100%;}.elementor-4038 .elementor-element.elementor-element-a28fe2e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4038 .elementor-element.elementor-element-5899c8d{--display:flex;--padding-top:45px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4038 .elementor-element.elementor-element-53ccdb3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-text );--border-color:var( --e-global-color-text );--border-radius:15px 15px 15px 15px;}.elementor-4038 .elementor-element.elementor-element-02607c0{--display:flex;}.elementor-4038 .elementor-element.elementor-element-4c4cc88{--divider-border-style:solid;--divider-color:var( --e-global-color-eef0f2b );--divider-border-width:1px;}.elementor-4038 .elementor-element.elementor-element-4c4cc88 > .elementor-widget-container{margin:5px 0px 5px 0px;}.elementor-4038 .elementor-element.elementor-element-4c4cc88 .elementor-divider-separator{width:100%;}.elementor-4038 .elementor-element.elementor-element-4c4cc88 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4038 .elementor-element.elementor-element-3826434{--display:flex;}.elementor-4038 .elementor-element.elementor-element-df280af{--divider-border-style:solid;--divider-color:var( --e-global-color-eef0f2b );--divider-border-width:1px;}.elementor-4038 .elementor-element.elementor-element-df280af > .elementor-widget-container{margin:5px 0px 5px 0px;}.elementor-4038 .elementor-element.elementor-element-df280af .elementor-divider-separator{width:100%;}.elementor-4038 .elementor-element.elementor-element-df280af .elementor-divider{padding-block-start:15px;padding-block-end:15px;}@media(min-width:768px){.elementor-4038 .elementor-element.elementor-element-877c180{--width:100%;}.elementor-4038 .elementor-element.elementor-element-5899c8d{--width:85%;}}@media(max-width:767px){.elementor-4038 .elementor-element.elementor-element-7b340bb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4038 .elementor-element.elementor-element-881d4f4 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-4038 .elementor-element.elementor-element-881d4f4 .elementor-heading-title{font-size:1em;}.elementor-4038 .elementor-element.elementor-element-d515915 .slick-prev, .elementor-4038 .elementor-element.elementor-element-d515915 .slick-next{top:117px;}.elementor-4038 .elementor-element.elementor-element-d515915 .slick-prev{left:-25px;}.elementor-4038 .elementor-element.elementor-element-d515915 .slick-next{right:-25px;}}/* Start custom CSS for container, class: .elementor-element-877c180 */.elementor-4038 .elementor-element.elementor-element-877c180 .elementor-icon-box-wrapper{
    max-width: 124px;
    min-width: 124px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508abd3 *//* =========================================================
   OBSERVATORIO POT / INDICADORES POD
   FONDOS PRO POR SECCIÓN - WORDPRESS / ELEMENTOR
   ========================================================= */

/* Variables base */
:root{
  --narino-yellow: #FDD60C;
  --narino-green: #10A13B;
  --narino-green-dark: #0A6B2A;
  --narino-blue-deep: #05263C;
  --narino-cyan: #4ED7C8;
  --narino-ink: #203040;
  --narino-text: #44556A;
  --narino-paper: #F7FAF8;
  --narino-paper-2: #EEF6F1;
  --narino-white: #FFFFFF;
  --narino-line: rgba(16, 161, 59, 0.12);
  --narino-shadow: 0 18px 40px rgba(16, 38, 61, 0.12);
  --narino-shadow-lg: 0 28px 70px rgba(4, 26, 42, 0.18);
  --narino-radius-xl: 32px;
  --narino-radius-lg: 24px;
}

/* Ajuste general de secciones Elementor */
.pod-hero-pro,
.pod-intro-pro,
.pod-pot-pro,
.pod-bloque-pro,
.pod-destacado-pro{
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: var(--narino-shadow);
}

/* Asegura que el contenido quede encima de las capas visuales */
.pod-hero-pro .elementor-container,
.pod-hero-pro .elementor-column,
.pod-hero-pro .elementor-widget,
.pod-intro-pro .elementor-container,
.pod-intro-pro .elementor-column,
.pod-intro-pro .elementor-widget,
.pod-pot-pro .elementor-container,
.pod-pot-pro .elementor-column,
.pod-pot-pro .elementor-widget,
.pod-bloque-pro .elementor-container,
.pod-bloque-pro .elementor-column,
.pod-bloque-pro .elementor-widget,
.pod-destacado-pro .elementor-container,
.pod-destacado-pro .elementor-column,
.pod-destacado-pro .elementor-widget{
  position: relative;
  z-index: 2;
}

/* =========================================================
   1. HERO / BLOQUE SUPERIOR DE INDICADORES
   ========================================================= */
.pod-hero-pro{
  background:
    radial-gradient(circle at 10% 15%, rgba(16,161,59,.24) 0%, rgba(16,161,59,0) 28%),
    radial-gradient(circle at 88% 12%, rgba(253,214,12,.20) 0%, rgba(253,214,12,0) 28%),
    radial-gradient(circle at 50% 48%, rgba(78,215,200,.14) 0%, rgba(78,215,200,0) 30%),
    linear-gradient(135deg, #f4fbf6 0%, #eef8f0 28%, #f8fbea 58%, #edf7f2 100%);
  border: 1px solid rgba(16,161,59,.08);
  box-shadow: var(--narino-shadow-lg);
}

/* textura topográfica suave */
.pod-hero-pro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.16;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380' viewBox='0 0 380 380'%3E%3Cg fill='none' stroke='%2310A13B' stroke-opacity='.38' stroke-width='1.15'%3E%3Cpath d='M8 228c34-20 70-10 105-28 37-20 57-56 95-75 32-16 67-15 104-31 24-10 44-26 68-39'/%3E%3Cpath d='M18 272c43-25 94-16 136-42 32-20 48-58 81-80 35-24 80-28 118-49'/%3E%3Cpath d='M28 144c26-8 51-5 75-14 34-13 60-41 90-62 21-15 43-29 69-35 31-8 63-5 94-17'/%3E%3Cpath d='M57 339c42-18 89-14 130-34 41-20 68-58 108-79 24-12 50-20 85-30'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 440px 440px;
  mix-blend-mode: multiply;
}

/* brillo premium */
.pod-hero-pro::after{
  content:"";
  position:absolute;
  inset:auto 8% 8% 8%;
  height:55%;
  z-index:0;
  pointer-events:none;
  background: radial-gradient(circle, rgba(253,214,12,.12) 0%, rgba(16,161,59,.08) 30%, rgba(255,255,255,0) 72%);
  filter: blur(28px);
}

/* =========================================================
   2. INTRO / TEXTO EXPLICATIVO
   ========================================================= */
.pod-intro-pro{
  background:
    linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(244,250,246,.96) 100%);
  border: 1px solid rgba(16,161,59,.09);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.pod-intro-pro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 25%, rgba(16,161,59,.07) 0%, rgba(16,161,59,0) 22%),
    radial-gradient(circle at 85% 18%, rgba(253,214,12,.10) 0%, rgba(253,214,12,0) 20%);
}

.pod-intro-pro::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background: linear-gradient(90deg, transparent 0%, rgba(16,161,59,.55) 20%, rgba(253,214,12,.75) 50%, rgba(16,161,59,.55) 80%, transparent 100%);
  z-index:1;
}

/* =========================================================
   3. SECCIÓN LOS POTs MUNICIPALES
   ========================================================= */
.pod-pot-pro{
  background:
    radial-gradient(circle at 15% 20%, rgba(16,161,59,.14) 0%, rgba(16,161,59,0) 24%),
    radial-gradient(circle at 85% 18%, rgba(253,214,12,.16) 0%, rgba(253,214,12,0) 26%),
    linear-gradient(135deg, #f8fcf7 0%, #eff7f1 45%, #f9fbef 100%);
  border: 1px solid rgba(16,161,59,.08);
}

.pod-pot-pro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.14;
  background-image:
    linear-gradient(rgba(16,161,59,.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,161,59,.18) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,0));
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,0));
}

.pod-pot-pro::after{
  content:"";
  position:absolute;
  top:-40px;
  right:-40px;
  width:220px;
  height:220px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(253,214,12,.18) 0%, rgba(253,214,12,0) 70%);
  filter: blur(10px);
  z-index:0;
}

/* =========================================================
   4. SUBSECCIONES INTERMEDIAS / BLOQUES DE CONTENIDO
   ========================================================= */
.pod-bloque-pro{
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(241,248,244,.98) 100%);
  border: 1px solid rgba(16,161,59,.10);
}

.pod-bloque-pro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 50%, rgba(78,215,200,.08) 0%, rgba(78,215,200,0) 22%),
    radial-gradient(circle at 82% 24%, rgba(253,214,12,.10) 0%, rgba(253,214,12,0) 18%);
}

.pod-bloque-pro::after{
  content:"";
  position:absolute;
  inset:auto 22px 18px 22px;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(16,161,59,.22), rgba(253,214,12,.28), rgba(16,161,59,.22), transparent);
  z-index:1;
}

/* =========================================================
   5. DESTACADO / CIERRE PREMIUM OSCURO
   ========================================================= */
.pod-destacado-pro{
  background:
    radial-gradient(circle at 20% 20%, rgba(16,161,59,.22) 0%, rgba(16,161,59,0) 24%),
    radial-gradient(circle at 84% 18%, rgba(253,214,12,.18) 0%, rgba(253,214,12,0) 22%),
    linear-gradient(135deg, #041a2a 0%, #072b40 42%, #083524 100%);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 24px 70px rgba(4, 17, 31, 0.28);
}

.pod-destacado-pro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.12;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Cpath opacity='.35' d='M14 243c31-32 81-26 112-57 22-22 27-59 55-77 30-20 71-13 106-37'/%3E%3Cpath opacity='.25' d='M4 203c27-23 67-12 95-34 29-22 40-61 73-79 31-17 71-14 117-41'/%3E%3Cpath opacity='.25' d='M36 291c35-21 80-9 117-29 37-21 57-63 96-84 22-12 46-17 71-25'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 400px 400px;
}

.pod-destacado-pro::after{
  content:"";
  position:absolute;
  left:15%;
  right:15%;
  top:12%;
  height:45%;
  z-index:0;
  pointer-events:none;
  background: radial-gradient(circle, rgba(0,255,170,.13) 0%, rgba(0,255,170,.04) 30%, rgba(0,0,0,0) 72%);
  filter: blur(34px);
}

/* =========================================================
   TARJETAS INTERNAS DE ELEMENTOR
   ========================================================= */
.pod-hero-pro .elementor-widget-image-box .elementor-widget-container,
.pod-hero-pro .elementor-icon-box-wrapper,
.pod-intro-pro .elementor-widget-image-box .elementor-widget-container,
.pod-intro-pro .elementor-icon-box-wrapper,
.pod-pot-pro .elementor-widget-image-box .elementor-widget-container,
.pod-pot-pro .elementor-icon-box-wrapper,
.pod-bloque-pro .elementor-widget-image-box .elementor-widget-container,
.pod-bloque-pro .elementor-icon-box-wrapper,
.pod-destacado-pro .elementor-widget-image-box .elementor-widget-container,
.pod-destacado-pro .elementor-icon-box-wrapper{
  border-radius: 24px;
}

/* Opcional: estilo premium para cajas o widgets con fondo */
.pod-hero-pro .elementor-widget-wrap > .elementor-element.elementor-element-edit-mode,
.pod-intro-pro .elementor-widget-wrap > .elementor-element.elementor-element-edit-mode,
.pod-pot-pro .elementor-widget-wrap > .elementor-element.elementor-element-edit-mode,
.pod-bloque-pro .elementor-widget-wrap > .elementor-element.elementor-element-edit-mode,
.pod-destacado-pro .elementor-widget-wrap > .elementor-element.elementor-element-edit-mode{
  border-radius: 24px;
}

/* =========================================================
   TIPOGRAFÍA DENTRO DE LAS SECCIONES
   ========================================================= */
.pod-hero-pro h1,
.pod-hero-pro h2,
.pod-hero-pro h3,
.pod-pot-pro h1,
.pod-pot-pro h2,
.pod-pot-pro h3,
.pod-bloque-pro h1,
.pod-bloque-pro h2,
.pod-bloque-pro h3{
  color: #31485E;
  font-weight: 800;
  letter-spacing: -.02em;
}

.pod-intro-pro h1,
.pod-intro-pro h2,
.pod-intro-pro h3{
  color: #3A4C60;
  font-weight: 800;
}

.pod-destacado-pro h1,
.pod-destacado-pro h2,
.pod-destacado-pro h3,
.pod-destacado-pro h4{
  color: #fff;
  text-shadow: 0 0 12px rgba(253,214,12,.14);
}

.pod-hero-pro p,
.pod-intro-pro p,
.pod-pot-pro p,
.pod-bloque-pro p{
  color: #5D6E81;
}

.pod-destacado-pro p,
.pod-destacado-pro li,
.pod-destacado-pro span{
  color: rgba(255,255,255,.86);
}

/* =========================================================
   BOTONES DENTRO DE LAS SECCIONES
   ========================================================= */
.pod-hero-pro .elementor-button,
.pod-intro-pro .elementor-button,
.pod-pot-pro .elementor-button,
.pod-bloque-pro .elementor-button,
.pod-destacado-pro .elementor-button{
  border-radius: 999px;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(16,161,59,.16);
  transition: all .35s ease;
}

.pod-hero-pro .elementor-button:hover,
.pod-intro-pro .elementor-button:hover,
.pod-pot-pro .elementor-button:hover,
.pod-bloque-pro .elementor-button:hover,
.pod-destacado-pro .elementor-button:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(16,161,59,.22);
}

/* =========================================================
   AJUSTE PARA SECCIONES PEGADAS UNA DEBAJO DE OTRA
   ========================================================= */
.pod-hero-pro,
.pod-intro-pro,
.pod-pot-pro,
.pod-bloque-pro,
.pod-destacado-pro{
  margin-bottom: 26px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1024px){
  .pod-hero-pro,
  .pod-intro-pro,
  .pod-pot-pro,
  .pod-bloque-pro,
  .pod-destacado-pro{
    border-radius: 22px;
  }
}

@media (max-width: 767px){
  .pod-hero-pro,
  .pod-intro-pro,
  .pod-pot-pro,
  .pod-bloque-pro,
  .pod-destacado-pro{
    border-radius: 18px;
    margin-bottom: 18px;
  }
}/* End custom CSS */