.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1500ms;--e-preloader-animation-duration:1600ms;--e-preloader-delay:400ms;--e-preloader-color:#FFF;--e-preloader-size:60px;}.elementor-kit-5 e-page-transition{background-color:#2C2C2C;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}@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 *//* 1) CONTENEDOR PADRE con la imagen de fondo */
.glass-parent{
  position: relative;
  isolation: isolate;                 /* aísla el stacking para que el blur funcione bien */
}

/* Si tu sección/contenedor usa overlay, mándalo atrás y deja algo de transparencia */
.glass-parent > .elementor-background-overlay,
.glass-parent > .e-con > .elementor-background-overlay{
  z-index: 0 !important;
  opacity: .25 !important;            /* ajusta .20–.35 según gusto; evita .60+ */
}

/* 2) GRID 3×1 (si ya usas grid en Elementor, solo asegúrate del z-index) */
.grid-3{
  position: relative;
  z-index: 0;                         /* que no tape al cristal */
  /* Si lo armaste con Flexbox Container y “Grid” de Elementor, no necesitas más */
  /* Si lo hiciste manual con CSS grid, puedes usar: 
     display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; */
}

/* 3) EL CRISTAL (va dentro de la PRIMERA CELDA del grid) */
.glass{
  position: relative;
  z-index: 1;                         /* por encima del overlay del padre */
  border-radius: 18px;
  background: rgba(255,255,255,0.14) !important;  /* DEBE tener alpha */
  backdrop-filter: blur(14px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(120%) !important;
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  background-clip: padding-box;
  overflow: hidden;                    /* respeta esquinas */
  padding: 40px 30px;                  /* tu padding */
}

/* Brillo suave opcional para realismo */
.glass::before{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  background: linear-gradient(145deg,
    rgba(255,255,255,.35) 0%,
    rgba(255,255,255,.10) 25%,
    rgba(255,255,255,0) 60%);
  pointer-events:none;
}

/* Texto dentro del cristal en blanco para legibilidad */
.glass, .glass *{ color:#fff; }

/* 4) EVITA ancestros que “rompan” el blur (si alguno los tiene) */
/* Quita estas propiedades solo si las detectas en un padre del cristal */
.glass-parent,
.grid-3{
  transform: none !important;
  filter: none !important;
  /* Evita overflow hidden en ancestros, salvo en .glass */
  overflow: visible !important;
}

/* ===== SOMBRA OSCURA PARA ICONO EN CAJA ===== */
.icono-sombreado .elementor-icon,
.icono-sombreado .elementor-icon i,
.icono-sombreado .elementor-icon svg {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15)) !important;
}

/* Si el ícono es fuente (Font Awesome o similar) */
.icono-sombreado .elementor-icon i {
  text-shadow: 0 2px 6px rgba(0,0,0,0.6) !important;
}

/* Mantiene el mismo tono de sombra que el texto */
.icono-sombreado .elementor-icon-box-title,
.icono-sombreado .elementor-icon-box-description {
  text-shadow: 0 2px 6px rgba(0,0,0,0.6) !important;
}

/* Hace el movimiento lineal */
.carrusel-logos .swiper-wrapper {
  transition-timing-function: linear !important;
}

/* Controla la altura de las imágenes del carrusel */
.carrusel-logos .swiper-slide img {
  height: 70px !important;   /* ajusta a tu gusto */
  width: auto !important;    /* evita deformación */
  object-fit: cover;         /* recorta sin deformar (usa contain si prefieres ver todo) */
  display: block;
}

/* (Opcional) Si el carrusel tiene una altura mínima agresiva */
.carrusel-logos .swiper,
.carrusel-logos .swiper-container,
.carrusel-logos .elementor-image-carousel-wrapper {
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden;
}/* End custom CSS */