.elementor-6 .elementor-element.elementor-element-451a9bd{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-6 .elementor-element.elementor-element-451a9bd:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-451a9bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6 .elementor-element.elementor-element-f1f00f5{width:var( --container-widget-width, 65.613% );max-width:65.613%;--container-widget-width:65.613%;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-f1f00f5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-f1f00f5 img{width:89%;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-f1f00f5{width:var( --container-widget-width, 310.234px );max-width:310.234px;--container-widget-width:310.234px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-f1f00f5 img{width:100%;}}/* Start custom CSS for container, class: .elementor-element-451a9bd */.elementor-6 .elementor-element.elementor-element-451a9bd {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-color: #3498DB;
}

/* Mantiene el contenido real de Elementor por encima del fondo */
.elementor-6 .elementor-element.elementor-element-451a9bd > * {
  position: relative;
  z-index: 2;
}

/* Gota */
.elementor-6 .elementor-element.elementor-element-451a9bd::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -30px;
  width: 20px;
  height: 20px;
  z-index: 1;
  background: #ffffff;
  border-radius: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  animation: ka-drip 2s cubic-bezier(1, 0, .91, .19) infinite;
}

/* Punta de la gota + primera onda */
.elementor-6 .elementor-element.elementor-element-451a9bd::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 160px;
  width: 2px;
  height: 1px;
  z-index: 1;
  opacity: 0;
  border: #ffffff 7px solid;
  border-radius: 300px / 150px;
  transform: translateX(-50%);
  pointer-events: none;
  animation: ka-ripple 2s 2s infinite;
}

/* Animación de caída */
@keyframes ka-drip {
  0% {
    top: -30px;
    border-radius: 50%;
  }

  70% {
    border-radius: 50% 50% 55% 55%;
  }

  100% {
    top: 190px;
    border-radius: 50%;
  }
}

/* Animación de onda */
@keyframes ka-ripple {
  0% {
    width: 2px;
    height: 1px;
    opacity: 1;
    border-width: 7px;
    top: 190px;
  }

  100% {
    width: 600px;
    height: 300px;
    opacity: 0;
    border-width: 1px;
    top: 90px;
  }
}

/* Versión responsive */
@media (max-width: 767px) {
  .elementor-6 .elementor-element.elementor-element-451a9bd::before {
    width: 16px;
    height: 16px;
  }

  .elementor-6 .elementor-element.elementor-element-451a9bd::after {
    animation-name: ka-ripple-mobile;
  }

  @keyframes ka-ripple-mobile {
    0% {
      width: 2px;
      height: 1px;
      opacity: 1;
      border-width: 6px;
      top: 180px;
    }

    100% {
      width: 320px;
      height: 160px;
      opacity: 0;
      border-width: 1px;
      top: 110px;
    }
  }
}/* End custom CSS */