.elementor-538 .elementor-element.elementor-element-879c7d2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:70px 0px;--row-gap:70px;--column-gap:0px;--flex-wrap:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:70px;--padding-right:70px;}.elementor-538 .elementor-element.elementor-element-879c7d2:not(.elementor-motion-effects-element-type-background), .elementor-538 .elementor-element.elementor-element-879c7d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CAF1FF;}.elementor-538 .elementor-element.elementor-element-672b03f{width:100%;max-width:100%;text-align:center;}.elementor-538 .elementor-element.elementor-element-672b03f .elementor-heading-title{font-family:"Fredoka One", Sans-serif;font-size:50px;color:#0D3B52;}.elementor-538 .elementor-element.elementor-element-a033b2e{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;font-family:"Nunito Sans", Sans-serif;font-size:23px;color:#5A8A9F;}.elementor-538 .elementor-element.elementor-element-a033b2e a{color:#5A8A9F;}@media(max-width:767px){.elementor-538 .elementor-element.elementor-element-879c7d2{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-879c7d2 *//* Creamos un efecto de burbujas sutil en el fondo */
.elementor-538 .elementor-element.elementor-element-879c7d2::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: 
        radial-gradient(circle, rgba(255,255,255,0.7) 20%, transparent 20%),
        radial-gradient(circle, rgba(255,255,255,0.4) 20%, transparent 20%);
    background-size: 50px 50px, 100px 100px;
    background-position: 0 0, 50px 50px;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.elementor-538 .elementor-element.elementor-element-879c7d2:hover::before {
    opacity: 1;
    animation: bubbles 4s linear infinite;
}

@keyframes bubbles {
    from { background-position: 0 0, 50px 50px; }
    to { background-position: 0 -200px, 50px -250px; }
}/* End custom CSS */