:root{--page-title-display:none;}/* Start custom CSS for section, class: .elementor-element-6ca351e *//* Trae el header y el footer al frente */
header, .site-header, .elementor-location-header {
  position: relative;
  z-index: 10010;
}
footer, .site-footer, .elementor-location-footer {
  position: relative;
  z-index: 10000;
}

/* Asegura que el slider no flote por encima de todo */
#jx-hero-root, jx-hero, #jx-hero {
  position: relative;
  z-index: 1;          /* más bajo que header/footer */
}

/* Por si el overlay intercepta clics (no debería, pero por si acaso) */
#jx-hero-root .overlay { pointer-events: none; }
/* ===== Forzar flechas visibles y clickeables ===== */
#jx-slider .controls{
  position:absolute;
  inset:0;                 /* ocupa todo el slider */
  z-index:4;               /* por encima de overlay y contenido */
  pointer-events:none;     /* no bloquea clics en el centro */
}
#jx-slider .controls .prev,
#jx-slider .controls .next{
  position:absolute;
  top:50%; transform:translateY(-50%);
  font-size:46px; color:#fff; cursor:pointer;
  background:rgba(0,0,0,.35); border-radius:50%;
  padding:12px 16px; user-select:none;
  transition:background .3s, transform .3s;
  pointer-events:auto;     /* las flechas sí reciben el click */
}
#jx-slider .controls .prev{ left:25px; }
#jx-slider .controls .next{ right:25px; }
#jx-slider .controls .prev:hover,
#jx-slider .controls .next:hover{
  background:rgba(0,0,0,.7);
  transform:translateY(-50%) scale(1.15);
}

/* Aseguramos el orden de capas dentro de cada slide */
#jx-slider .slide{ z-index:1; }
#jx-slider .overlay{ z-index:1; }
#jx-slider .content{ position:relative; z-index:2; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4b4452d *//* Títulos en blanco en la sección de Planes v2 */
#jx-planes-v2 h2,
#jx-planes-v2 .plan {
  color:#fff !important;
}
/* === Pegar la sección a la anterior === */

/* 1) Reduce el aire interno de la sección */
#jx-planes-v2 .wrap{
  /* antes: padding:56px 20px; */
  padding:20px 20px 56px;
}

/* 2) Si aún ves una línea/espacio por márgenes de la sección anterior,
   aplica un pequeño solapamiento. Ajusta el valor a tu gusto. */
#jx-planes-v2{
  margin-top:-24px !important;   /* prueba con -16px, -24px o -32px */
}

/* 3) Evita que el título meta margen hacia arriba (colapso de márgenes) */
#jx-planes-v2 .head{ margin-top:0 }
#jx-planes-v2 .head h2{ margin-top:0 }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5569e0b *//* === JIXCOMP · Problema (margen 0, sin línea blanca) === */
#jx-problema{
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg, rgba(10,77,147,.92) 0%, rgba(11,18,32,.96) 100%);
  background-color: #0a4d93;     /* color base sólido */
  border-top: 0 !important;      /* evita borde del theme */
  transform: translateZ(0);      /* corrige sub-píxel en 100vw */
  box-shadow: 0 -1px 0 #0a4d93 inset; /* relleno interno para tapar 1px fantasma */
}

/* por si el bloque anterior tiene margen inferior */
#jx-slider, #jx-servicios, #jx-planes-v2, #jx-nosotros{
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* Degradado suave arriba (opcional) */
#jx-problema::before{
  content:"";
  position:absolute; left:0; right:0; top:-20px; height:20px;
  background:linear-gradient(to bottom, rgba(10,77,147,1) 0%, rgba(10,77,147,0) 100%);
  pointer-events:none;
}

/* Responsive que ya tenías */
@media (max-width:900px){
  #jx-problema .jx-wrap{grid-template-columns:1fr !important;gap:28px !important;}
  #jx-problema .jx-right .jx-grid{grid-template-columns:1fr !important;}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5bcacf4 *//* Título más grande para "Nuestros Clientes" */
#jx-casos .clients-title{
  font-size:clamp(22px,3.8vw,36px) !important; /* antes ~22px; ahora hasta 36px en desktop */
  letter-spacing:.4px;
}

/* Subrayado acorde al nuevo tamaño */
#jx-casos .clients-title::after{
  width:220px !important;   /* antes 180px */
  height:4px !important;    /* un poco más grueso */
}
/* === JIXCOMP · Casos y Resultados (sin margen ni línea blanca) === */

#jx-casos{
  margin-top: 0 !important;       /* sin margen superior */
  padding-top: 0 !important;      /* sin espacio interno arriba */
  position: relative;
  z-index: 1;
  background-color: #0A4D93;      /* base sólida para tapar bordes */
  transform: translateZ(0);       /* corrige sub-píxeles 100vw */
  box-shadow: 0 -1px 0 #0A4D93 inset; /* cubre cualquier línea superior */
  border-top: 0 !important;
}

/* si la sección anterior tiene margen o borde inferior, se elimina */
#jx-problema, #jx-nosotros, #jx-planes-v2{
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* degradado opcional para fusión visual (puedes quitarlo si no lo querés) */
#jx-casos::before{
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: -20px; height: 20px;
  background: linear-gradient(
    to bottom,
    rgba(10,77,147,1) 0%,
    rgba(10,77,147,0) 100%
  );
  pointer-events: none;
}

/* mantener el layout responsivo original */
@media (max-width:980px){
  #jx-casos .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #jx-casos .grid{grid-template-columns:1fr}
  #jx-casos .logo{height:36px}
  #jx-casos .clients-title::after{width:130px}
}/* End custom CSS */