.elementor-kit-6{--e-global-color-primary:#0E3A78;--e-global-color-secondary:#061B36;--e-global-color-text:#0E1B2C;--e-global-color-accent:#5C7DAA;--e-global-color-e3b2a35:#061B36;--e-global-color-d0bf314:#0E3A78;--e-global-color-5c183c4:#0B5A9C;--e-global-color-d79a3d7:#4A6FA5;--e-global-color-a920716:#B8C5DA;--e-global-color-b3d99bb:#5C7DAA;--e-global-color-4cc989b:#F6F4EF;--e-global-color-e161bd4:#EDEFF3;--e-global-color-4f8f647:#DDE2EA;--e-global-color-ff47a55:#0E1B2C;--e-global-color-51583cb:#3A4254;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-weight:600;--e-global-typography-b2ff060-font-family:"Playfair Display";--e-global-typography-b2ff060-font-size:1px;--e-global-typography-b2ff060-font-weight:400;--e-global-typography-b2ff060-font-style:normal;--e-global-typography-4a0006f-font-family:"Raleway";--e-global-typography-4a0006f-font-weight:400;--e-global-typography-46e81fe-font-family:"Inter";--e-global-typography-46e81fe-font-weight:300;background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16.5px;font-weight:400;line-height:1.7px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-d0bf314 );font-family:"Raleway", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:18px 34px 18px 34px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-e3b2a35 );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-d0bf314 );}.elementor-kit-6 a:hover{color:var( --e-global-color-d79a3d7 );}.elementor-kit-6 h1{font-family:"Playfair Display", Sans-serif;font-size:56px;font-weight:700;line-height:1.05px;}.elementor-kit-6 h2{font-family:"Playfair Display", Sans-serif;font-size:42px;font-weight:700;line-height:1.15px;}.elementor-kit-6 h3{font-family:"Raleway", Sans-serif;font-size:26px;font-weight:700;line-height:1.25px;}.elementor-kit-6 h4{font-family:"Raleway", Sans-serif;font-size:20px;font-weight:700;line-height:1.3px;}.elementor-kit-6 h5{font-family:"Raleway", Sans-serif;font-size:15px;font-weight:700;line-height:1.4px;}.elementor-kit-6 h6{font-family:"Raleway", Sans-serif;font-size:13px;font-weight:600;line-height:1.4px;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-d0bf314 );border-radius:0px 0px 0px 0px;padding:14px 16px 14px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===========================================
   OGACOL · AMARLITPO — Sistema de diseño
   Versión 3.2 · Refinamiento elegante
   =========================================== */

:root{
  --ogacol-night:#061B36;
  --ogacol-deep:#0E3A78;
  --ogacol-ocean:#0B5A9C;
  --ogacol-aqua:#4A6FA5;
  --ogacol-sand:#B8C5DA;
  --ogacol-sand-soft:#5C7DAA;
  --ogacol-cream:#F6F4EF;
  --ogacol-pearl:#EDEFF3;
  --ogacol-stone:#DDE2EA;
  --ogacol-mist:#DDE2EA;
  --ogacol-ink:#0E1B2C;
  --ogacol-graphite:#3A4254;
  --ogacol-slate:#6B7484;
  --ogacol-white:#FFFFFF;
  --serif:'Playfair Display',Georgia,serif;
  --display:'Raleway',-apple-system,BlinkMacSystemFont,sans-serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --shadow-sm:0 4px 24px rgba(6,27,54,.05);
  --shadow-md:0 16px 40px rgba(6,27,54,.08);
  --shadow-lg:0 28px 70px rgba(6,27,54,.13);
}

/* ============== BASE ============== */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:var(--sans);font-size:16.5px;line-height:1.7;color:var(--ogacol-ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ============== HEADER ELEMENTOR ============== */
.elementor-location-header {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 999;
  transition: background 0.4s ease, box-shadow 0.4s ease;
  background: transparent !important;
}
.elementor-location-header.scrolled {
  background: #ffffff !important;
  box-shadow: 0 2px 20px rgba(6,27,54,0.08) !important;
}

/* Logo */
.elementor-location-header .logo-color { display: none !important; }
.elementor-location-header .logo-white { display: block !important; }
.elementor-location-header.scrolled .logo-color { display: block !important; }
.elementor-location-header.scrolled .logo-white { display: none !important; }

/* ============== MENÚ DESKTOP ============== */
.elementor-location-header .elementor-nav-menu a {
  color: rgba(255,255,255,0.85) !important;
  transition: color 0.3s ease;
}
.elementor-location-header .elementor-nav-menu a:hover {
  color: #ffffff !important;
}
.elementor-location-header .elementor-nav-menu .current-menu-item > a,
.elementor-location-header .elementor-nav-menu .current-menu-item > a:hover {
  color: #ffffff !important;
  border-bottom: 2px solid #B8C5DA !important;
  padding-bottom: 4px;
}
.elementor-location-header.scrolled .elementor-nav-menu a {
  color: #061B36 !important;
}
.elementor-location-header.scrolled .elementor-nav-menu .current-menu-item > a {
  color: #061B36 !important;
  border-bottom: 2px solid #B8C5DA !important;
}

/* ============== DROPDOWN DESKTOP ============== */
.elementor-location-header .elementor-nav-menu .sub-menu {
  background: #ffffff !important;
}
.elementor-location-header .elementor-nav-menu .sub-menu a {
  color: #061B36 !important;
}
.elementor-location-header .elementor-nav-menu .sub-menu a:hover {
  color: #B8C5DA !important;
  background: rgba(6,27,54,0.04) !important;
}

/* ============== MISIÓN Y VISIÓN ============== */
.imagen-mision {
  width: 45% !important;
  flex-shrink: 0 !important;
  min-height: 520px !important;
  background-size: cover !important;
  background-position: center !important;
}

/* ============== FILTROS IMPACTO ============== */
.filtro-activo {
  background-color: var(--ogacol-deep) !important;
  color: #ffffff !important;
  border-color: var(--ogacol-deep) !important;
}

/* ============== SECCIONES ============== */
.section{padding:120px 80px;position:relative}
.section--alt{background:var(--ogacol-cream)}
.section--dark{background:var(--ogacol-night);color:#fff}
.container{max-width:1280px;margin:0 auto}
.section-eyebrow{color:var(--ogacol-sand-soft);font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;margin-bottom:20px;display:inline-flex;align-items:center;gap:14px}
.section-eyebrow::before{content:"";width:42px;height:1px;background:currentColor}
.section--dark .section-eyebrow{color:var(--ogacol-sand)}
.section-title{font-family:var(--serif);font-weight:700;font-size:clamp(30px,4vw,50px);line-height:1.15;color:var(--ogacol-night);margin-bottom:30px;max-width:22ch;letter-spacing:-.5px}
.section--dark .section-title{color:#fff}
.section-text{font-size:17px;line-height:1.75;color:var(--ogacol-graphite);max-width:62ch}
.section--dark .section-text{color:rgba(255,255,255,.82)}

/* ============== PAGE BANNER ============== */
.page-banner{padding:200px 80px 120px;background:var(--ogacol-night);color:#fff;position:relative;overflow:hidden}
.page-banner::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:.32}
.page-banner-bg-1::before{background-image:url('IMÁGENES FINALES WEB/OGACOL-BANNER.jpg')}
.page-banner-bg-2::before{background-image:url('IMÁGENES FINALES WEB/OGACOL-BANNER-2.jpg')}
.page-banner-bg-3::before{background-image:url('IMÁGENES FINALES WEB/OGACOL-BANNER-3.jpg')}
.page-banner-bg-4::before{background-image:url('IMÁGENES FINALES WEB/OGACOL-BANNER-4.jpg')}
.page-banner-bg-5::before{background-image:url('IMÁGENES FINALES WEB/OGACOL-BANNER-CARTAGENA.jpg')}
.page-banner-bg-6::before{background-image:url('IMÁGENES FINALES WEB/OGACOL-BANNER-CORTO.jpg')}
.page-banner-bg-7::before{background-image:url('IMÁGENES FINALES WEB/OGACOL-HOME.jpg')}
.page-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,27,54,.94) 0%,rgba(14,58,120,.82) 100%)}
.page-banner-inner{position:relative;z-index:2;max-width:920px}
.page-banner h1{font-family:var(--serif);font-weight:700;font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-.5px;margin-bottom:24px}
.page-banner h1 em{font-style:italic;color:var(--ogacol-sand)}
.page-banner p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.86);max-width:60ch;font-weight:300}
.breadcrumb{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:30px;font-weight:600}
.breadcrumb a:hover{color:var(--ogacol-sand)}

/* ============== FOOTER ============== */
.footer{background:#040E20;color:rgba(255,255,255,.65);padding:90px 80px 30px;font-size:14px}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1.3fr;gap:80px;max-width:1280px;margin:0 auto 40px}
.footer h5{font-family:var(--display);font-size:11px;color:var(--ogacol-sand);font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:24px}
.footer ul{list-style:none}
.footer ul li{margin-bottom:11px}
.footer a{transition:color .25s;font-family:var(--display);font-weight:500}
.footer a:hover{color:var(--ogacol-sand)}
.footer .brand{margin-bottom:18px;display:block}
.footer .brand img{height:38px;width:auto;display:block}
.footer .brand-sub{line-height:1.6;font-size:13px;margin-bottom:22px;color:rgba(255,255,255,.5);font-family:var(--sans)}
.footer .brand-data{font-size:13px;color:rgba(255,255,255,.55);line-height:1.7;font-family:var(--sans)}
.footer-legal{text-align:center;padding:24px 0;border-top:1px solid rgba(255,255,255,.08);max-width:1280px;margin:0 auto;display:flex;justify-content:center;gap:30px;font-size:11px;color:rgba(255,255,255,.45);font-family:var(--display);letter-spacing:1.5px;text-transform:uppercase;font-weight:500}
.footer-legal a:hover{color:var(--ogacol-sand)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;font-size:12px;color:rgba(255,255,255,.4);font-family:var(--sans)}
.socials{display:flex;gap:14px}
.socials a{width:34px;height:34px;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}
.socials a:hover{background:var(--ogacol-sand);border-color:var(--ogacol-sand);color:var(--ogacol-night)}
.socials svg{width:14px;height:14px}

/* ============== ANIMACIONES ============== */
@keyframes fadeUp{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fade-up{animation:fadeUp 1s ease both}
.fade-in{animation:fadeIn 1s ease both}

/* ============== RESPONSIVE MOBILE (max 1024px) ============== */
@media (max-width: 1024px) {

  /* Misión y Visión */
  .imagen-mision {
    width: 100% !important;
    min-height: 300px !important;
  }

  /* Filtros impacto */
  .filtros-impacto .elementor-widget-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 20px !important;
  }
  .filtros-impacto .elementor-widget-wrap a {
    flex: 1 1 calc(50% - 10px) !important;
    text-align: center !important;
    padding: 12px 16px !important;
    min-width: 120px !important;
  }

  /* Header layout */
  .elementor-location-header .elementor-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    padding: 12px 20px !important;
  }
  .elementor-location-header .elementor-widget-image img {
    height: 36px !important;
    width: auto !important;
  }
  .elementor-location-header .elementor-button {
    padding: 10px 18px !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
  }

  /* Hamburguesa visible */
  .elementor-location-header .elementor-menu-toggle i,
  .elementor-location-header .elementor-menu-toggle svg,
  .elementor-location-header button.elementor-menu-toggle {
    color: #ffffff !important;
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.5)) !important;
  }
  .elementor-location-header.scrolled .elementor-menu-toggle i,
  .elementor-location-header.scrolled .elementor-menu-toggle svg,
  .elementor-location-header.scrolled button.elementor-menu-toggle {
    color: #061B36 !important;
    filter: none !important;
  }

  /* Menú desplegable mobile: fondo navy */
  .elementor-location-header .elementor-nav-menu--dropdown,
  .elementor-location-header .elementor-nav-menu--dropdown .sub-menu,
  .elementor-location-header .elementor-nav-menu--dropdown ul,
  .elementor-location-header .elementor-nav-menu--dropdown li {
    background: rgba(6, 27, 54, 0.97) !important;
  }

  /* Todos los links del dropdown blancos */
  .elementor-location-header .elementor-nav-menu--dropdown a,
  .elementor-location-header .elementor-nav-menu--dropdown li a,
  .elementor-location-header .elementor-nav-menu--dropdown .sub-menu li a,
  .elementor-location-header .elementor-nav-menu--dropdown .elementor-sub-item {
    color: #B8C5DA !important;
  }
  .elementor-location-header .elementor-nav-menu--dropdown a:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,0.08) !important;
  }

  /* Scrolled: dropdown blanco con texto oscuro */
  .elementor-location-header.scrolled .elementor-nav-menu--dropdown,
  .elementor-location-header.scrolled .elementor-nav-menu--dropdown .sub-menu,
  .elementor-location-header.scrolled .elementor-nav-menu--dropdown ul,
  .elementor-location-header.scrolled .elementor-nav-menu--dropdown li {
    background: rgba(255, 255, 255, 0.98) !important;
  }
  .elementor-location-header.scrolled .elementor-nav-menu--dropdown a,
  .elementor-location-header.scrolled .elementor-nav-menu--dropdown li a,
  .elementor-location-header.scrolled .elementor-nav-menu--dropdown .elementor-sub-item {
    color: #061B36 !important;
  }

  /* Flechas submenú */
  .elementor-nav-menu .sub-arrow,
  .elementor-nav-menu .sub-arrow svg,
  .elementor-nav-menu .sub-arrow i {
    color: #B8C5DA !important;
    fill: #B8C5DA !important;
  }
  .elementor-nav-menu .sub-arrow svg path,
  .elementor-nav-menu .sub-arrow svg polygon {
    fill: #B8C5DA !important;
    stroke: #B8C5DA !important;
  }
  .elementor-location-header.scrolled .elementor-nav-menu .sub-arrow,
  .elementor-location-header.scrolled .elementor-nav-menu .sub-arrow svg,
  .elementor-location-header.scrolled .elementor-nav-menu .sub-arrow i {
    color: #061B36 !important;
    fill: #061B36 !important;
  }

  /* Page banner y secciones padding */
  .section, .page-banner {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .page-banner {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  /* Footer */
  .footer { padding: 60px 24px 24px; }
  .footer-grid { grid-template-columns: 1fr; gap: 40px; }
  .footer-legal { flex-wrap: wrap; gap: 16px; padding: 0 24px 20px; }
}

/* Formulario: dropdowns visibles en mobile */
@media (max-width: 1024px) {
  .elementor-field-type-select select,
  .elementor-field-type-select .chosen-container,
  .elementor-field-group select {
    padding: 10px 12px !important;
    height: auto !important;
    min-height: 48px !important;
    font-size: 14px !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
  }
}
/* ── CONSEJO DIRECTIVO ── */
.seccion-consejo .tarjeta-miembro {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-bottom: 3px solid #B8C5DA !important;
}
.seccion-consejo .tarjeta-miembro:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(6,27,54,0.4) !important;
}
.tarjeta-miembro .elementor-divider-separator {
  border-color: #B8C5DA !important;
  width: 40px !important;
}
@media (max-width: 767px) {
  .seccion-consejo .elementor-container {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   REEMPLAZA SOLO LA ÚLTIMA SECCIÓN "FIX OVERLAP POST CONTENT"
   de tu CSS de Elementor (Site Settings → Custom CSS) por esto.

   El resto del CSS (header, footer, banners, menús, etc.) NO se toca.
   ============================================================ */


/* ===== FIX OVERLAP POST CONTENT (no afecta otras secciones) ===== */

/* Widget contenedor: block */
.elementor-widget-theme-post-content,
.elementor-widget-theme-post-content .elementor-widget-container {
  display: block !important;
}

/* Elementos de texto: block + clear (esto era el fix original del overlap) */
.elementor-widget-theme-post-content p,
.elementor-widget-theme-post-content h2,
.elementor-widget-theme-post-content h3,
.elementor-widget-theme-post-content h4,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.elementor-widget-theme-post-content blockquote {
  position: static !important;
  display: block !important;
  float: none;
  clear: both;
}

/* Imágenes STANDALONE (.wp-block-image): block + clear */
/* IMPORTANTE: usamos .wp-block-image en vez de figure
   para NO romper el grid del bloque "Medios y texto" */
.elementor-widget-theme-post-content .wp-block-image {
  position: static !important;
  display: block !important;
  float: none;
  clear: both;
}

/* Bloque "MEDIOS Y TEXTO" (.wp-block-media-text): preservar grid */
.elementor-widget-theme-post-content .wp-block-media-text {
  display: grid !important;
}

.elementor-widget-theme-post-content .wp-block-media-text .wp-block-media-text__media,
.elementor-widget-theme-post-content .wp-block-media-text .wp-block-media-text__content {
  position: static !important;
  clear: none !important;
  float: none !important;
}

/* Drop cap del primer párrafo */
.elementor-widget-theme-post-content p:first-of-type::first-letter {
  float: left !important;
}/* End custom CSS */