/* Carrusel Parallax - Proyectos Agroecosistema */
.ksge-hero{position:relative;max-height:900px;background:var(--agro-oscuro,#0F2B3D);
  /* Ancho completo sin usar el "estirado" de Elementor, que se calcula con JS
     y en móvil desbordaba la página entera (1137px en una pantalla de 390). */
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  overflow:hidden}
.ksge-hero .swiper{width:100%;height:100%}
.ksge-slide{position:relative;overflow:hidden}
.ksge-bg{position:absolute;inset:-10% 0;background-size:cover;background-position:center;will-change:transform}
.ksge-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,43,61,.72) 0%,rgba(15,43,61,.22) 50%)}
.ksge-cont{position:relative;z-index:2;height:100%;max-width:1160px;margin:0 auto;padding:0 20px 90px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}
.ksge-chip{display:inline-block;width:max-content;background:var(--agro-acento,#E8A64A);color:var(--agro-sobre-acento,var(--agro-oscuro,#0F2B3D));font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:4px;margin-bottom:14px}
.ksge-cont h2{font-weight:800;font-size:clamp(1.7rem,4.5vw,3.1rem);line-height:1.1;margin:0;padding:0;color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.35);text-wrap:balance;hyphens:auto}
.ksge-cont p{text-wrap:pretty;margin:12px 0 0;font-size:clamp(.95rem,1.6vw,1.1rem);line-height:1.55;max-width:36em;color:#E4EEF5;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.ksge-hero .swiper-pagination-bullet{width:9px;height:9px;background:#fff;opacity:.45}
.ksge-hero .swiper-pagination-bullet-active{opacity:1;background:var(--agro-acento,#E8A64A)}
.ksge-hero .swiper-button-prev,.ksge-hero .swiper-button-next{color:#fff;width:44px;height:44px;border-radius:50%;background:rgba(15,43,61,.35)}
.ksge-hero .swiper-button-prev::after,.ksge-hero .swiper-button-next::after{font-size:1rem;font-weight:700}
@media (max-width:900px){.ksge-hero .swiper-button-prev,.ksge-hero .swiper-button-next{display:none}}
.ksge-prog{position:absolute;left:0;bottom:0;width:100%;height:6px;background:rgba(255,255,255,.28);z-index:12}
.ksge-prog i{display:block;height:100%;width:calc((1 - var(--restante,1)) * 100%);background:var(--agro-acento,#E8A64A)}
@media (prefers-reduced-motion:reduce){.ksge-bg,[data-swiper-parallax]{transition:none!important}}

/* Hero de vídeo con entrada de texto retardada */
.ksge-hero-video{position:relative;overflow:hidden}
.ksge-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ksge-video-velo{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(15,43,61,.72) 0%,rgba(15,43,61,.22) 50%)}
.ksge-video-cont{position:relative;z-index:2;opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}
.ksge-video-cont.ksge-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ksge-video-cont{transition:none;opacity:1;transform:none}}


/* El titular y el carrusel se ven juntos, de una sola pantalla, sin scroll.
   Se descuenta la cabecera fija y todo lo que haya encima del carrusel. */
.ksge-hero{height:calc(100dvh - var(--agro-cab,110px) - var(--agro-encima,0px));min-height:340px}

@media (max-width:1024px){
  .ksge-hero{height:calc(100dvh - var(--agro-cab,110px) - var(--agro-encima,0px))!important;min-height:300px}
  .ksge-cont{padding-bottom:56px}
  .ksge-cont h2{font-size:clamp(1.4rem,5.4vw,2rem)}
  .ksge-cont p{font-size:.92rem;margin-top:8px}
  .ksge-chip{margin-bottom:10px}
}
@media (max-width:600px){
  .ksge-hero{min-height:300px}
}