.elementor-184 .elementor-element.elementor-element-4470e62{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-184 .elementor-element.elementor-element-72e0d86 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-184 .elementor-element.elementor-element-72e0d86 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-184 .elementor-element.elementor-element-72e0d86 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-184 .elementor-element.elementor-element-72e0d86 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-184 .elementor-element.elementor-element-72e0d86 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-184 .elementor-element.elementor-element-72e0d86 .elementor-icon-list-item:not(:last-child):after{content:"";height:7%;border-color:#ddd;}.elementor-184 .elementor-element.elementor-element-72e0d86 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:dotted;border-block-start-width:7px;}.elementor-184 .elementor-element.elementor-element-72e0d86 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:dotted;}.elementor-184 .elementor-element.elementor-element-72e0d86 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:7px;}.elementor-184 .elementor-element.elementor-element-72e0d86 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-184 .elementor-element.elementor-element-72e0d86 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-184 .elementor-element.elementor-element-72e0d86{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-184 .elementor-element.elementor-element-72e0d86 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-184 .elementor-element.elementor-element-2107e45{text-align:center;color:#FFFFFF;}.elementor-184 .elementor-element.elementor-element-81ba6ed{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:15px;--grid-column-gap:15px;--grid-row-gap:12px;}.elementor-184 .elementor-element.elementor-element-81ba6ed .elementor-social-icon{background-color:#FFFFFF;}.elementor-184 .elementor-element.elementor-element-81ba6ed .elementor-social-icon i{color:#3182FF;}.elementor-184 .elementor-element.elementor-element-81ba6ed .elementor-social-icon svg{fill:#3182FF;}.elementor-184 .elementor-element.elementor-element-81ba6ed .elementor-icon{border-radius:25px 25px 25px 25px;}.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-184 .elementor-element.elementor-element-5204f53 img{width:17%;}.elementor-184 .elementor-element.elementor-element-716f085{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184:not(.elementor-motion-effects-element-type-background), .elementor-184 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3182FF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-184 .elementor-element.elementor-element-4470e62{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:12px;--padding-right:12px;}.elementor-184 .elementor-element.elementor-element-5204f53 img{width:51%;}}/* Start custom CSS for container, class: .elementor-element-716f085 */.wave-container {
  width: 100%;
  line-height: 0;
  display: block;
  /* CAMBIO CLAVE: Agregamos posición relativa para que el hombrecito
     se posicione relativo a ESTE contenedor, y no a toda la página */
  position: relative; 
}

/* NUEVA CLASE PARA EL HOMBRECITO */
.kite-surfer {
  position: absolute; /* Esto permite moverlo libremente sobre las olas */
  z-index: 10; /* Asegura que la imagen esté ARRIBA del agua */
  width: 120px; /* Tamaño del hombrecito, ajústalo según tu imagen */
  height: auto;
  
  /* POSICIONAMIENTO INICIAL */
  bottom: 20px; /* Qué tan despegado del borde inferior de la pantalla */
  left: 20%; /* Qué tan lejos del borde izquierdo */
  
  /* Efecto de 'balanceo' suave */
  animation: surf-sway 6s ease-in-out infinite;
}

/* EL RESTO DEL CSS SE MANTIENE IGUAL */
.waves {
  position: relative;
  width: 100%;
  height: 15vh;
  min-height: 100px;
  max-height: 150px;
  display: block;
}
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; }
.parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; }
.parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; }
.parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; }

@keyframes move-forever {
  0% { transform: translate3d(-90px,0,0); }
  100% { transform: translate3d(85px,0,0); }
}

/* ANIMACIÓN NUEVA: Suave balanceo del surfista */
@keyframes surf-sway {
  0%, 100% { transform: rotate(5deg) translateY(0); }
  50% { transform: rotate(-5deg) translateY(-10px); }
}

/* AJUSTES RESPONSIVE (MÓVIL) */
@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px;
  }
  .kite-surfer {
    width: 60px; /* Hombrecito más pequeño en celulares */
    bottom: 5px; /* Más pegado al borde */
    left: 15%;
  }
}/* End custom CSS */