.elementor-kit-8{--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;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.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 */html{ background:#001A80; }

body{
  background: transparent !important;
  overflow-x: hidden;
  min-height: 100vh;
  position: relative;
  isolation: isolate;
}

/* Capa base (radial) */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;

  background:
    radial-gradient(circle at 50% 55%,
      #0097F0 0%,
      #005FC6 42%,
      #001A80 100%
    ),
    radial-gradient(circle at 50% 50%,
      rgba(0,0,0,0) 58%,
      rgba(0,0,0,.20) 100%
    );

  transform-origin: 50% 55%;
  transform: translateZ(0);
  backface-visibility: hidden;

  animation: bgfx-breathe 8s ease-in-out infinite;
  will-change: transform;
}

/* Capa rayas */
body::after{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;

  /* Fallback (si conic-gradient no existe) */
  background:
    radial-gradient(circle at 50% 55%,
      rgba(255,255,255,0.22) 0%,
      rgba(255,255,255,0.08) 55%,
      rgba(255,255,255,0.00) 100%
    );

  transform-origin: 50% 55%;
  transform: translateZ(0);
  backface-visibility: hidden;

  opacity: .26;
  animation: bgfx-rotate 20s linear infinite, bgfx-pulse 7s ease-in-out infinite;
  will-change: transform, opacity;
}

/* Si el navegador soporta conic-gradient, aplica rayas */
@supports (background: conic-gradient(from 0deg, #000, #fff)){
  body::after{
    background:
      radial-gradient(circle at 50% 55%,
        rgba(255,255,255,0.22) 0%,
        rgba(255,255,255,0.08) 55%,
        rgba(255,255,255,0.00) 100%
      ),
      repeating-conic-gradient(from 0deg at 50% 55%,
        rgba(255,255,255,0.18) 0deg 10deg,
        rgba(255,255,255,0.00) 10deg 24deg
      ),
      repeating-conic-gradient(from 0deg at 50% 55%,
        rgba(114,255,255,0.10) 0deg 10deg,
        rgba(114,255,255,0.00) 10deg 24deg
      );
  }
}

/* Contenido por encima */
body > *{
  position: relative;
  z-index: 2;
}


/* Lightbox: fondo blanco con poca opacidad + bordes redondeados */
.bdt-lightbox-panel{
  background: rgba(255, 255, 255, 0.12) !important; /* blanco, poca opacidad */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Contenedor visible del lightbox (donde están las imágenes) */
.bdt-lightbox-panel .bdt-lightbox-items{
  border-radius: 20px !important;
  overflow: hidden !important; /* para que las imágenes respeten el radius */
  background: rgba(255, 255, 255, 0.85) !important; /* “tarjeta” blanca */
  box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}

/* Imágenes dentro del carrusel */
.bdt-lightbox-panel .bdt-lightbox-items img{
  border-radius: 20px !important;
  display: block;
  max-width: 100%;
  height: auto;
}



/* Overlay (normal) */
.bdt-ep-advanced-image-gallery-item .bdt-overlay.bdt-overlay-default{
  background: rgba(255,255,255,0.00) !important;
  border-radius: 20px !important;
}

/* Hover: blanco suave con un poco más de opacidad */
.bdt-ep-advanced-image-gallery-item:hover .bdt-overlay.bdt-overlay-default{
  background: rgba(255,255,255,0.10) !important; /* suba/baje: 0.08–0.14 */
  border-radius: 20px !important;
}

/* Asegura que las capas internas respeten el radius */
.bdt-ep-advanced-image-gallery-item,
.bdt-ep-advanced-image-gallery-inner,
.bdt-ep-advanced-image-gallery-thumbnail,
.bdt-ep-advanced-image-gallery-item .bdt-overlay.bdt-overlay-default{
  border-radius: 20px !important;
  overflow: hidden !important;
}

/* Por si el overlay usa pseudo-elementos */
.bdt-ep-advanced-image-gallery-item .bdt-overlay.bdt-overlay-default::before,
.bdt-ep-advanced-image-gallery-item .bdt-overlay.bdt-overlay-default::after{
  border-radius: 20px !important;
  background: rgba(255,255,255,0.10) !important;
  opacity: 1 !important;
}

/* El <a> de click sin oscurecer adicional */
.bdt-ep-advanced-image-gallery-item a.bdt-position-cover.elementor-clickable{
  background: transparent !important;
  filter: none !important;
}/* End custom CSS */