.elementor-15 .elementor-element.elementor-element-84b0a15{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-15 .elementor-element.elementor-element-a2044b5{--display:flex;--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:flex-start;--align-items:flex-start;--gap:60px 0px;--row-gap:60px;--column-gap:0px;--z-index:10;}.elementor-15 .elementor-element.elementor-element-a2044b5.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-2c66e52{width:100%;max-width:100%;column-gap:0px;text-align:start;font-family:"Fredoka One", Sans-serif;font-size:63px;}.elementor-15 .elementor-element.elementor-element-2c66e52 p{margin-block-end:0px;}.elementor-15 .elementor-element.elementor-element-729a613{font-family:"Nunito", Sans-serif;font-size:20px;font-weight:700;}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-a2044b5{--width:30%;}}/* Start custom CSS for text-editor, class: .elementor-element-2c66e52 *//* Heredará la fuente que elijas en la pestaña Estilo de Elementor */
.custom-banner-promo .main-text {
  color: #0D3B52;
  margin: 0;
  font-weight: 800; /* Mantiene el grosor para que se vea como en la imagen */
  line-height: 1.1;
}

.custom-banner-promo .accent-color {
  color: #0288D1;
}

.paw-container {
  display: flex;
  gap: 8px;
  margin-top: 15px;
  justify-content: center;
}

.paw {
  display: inline-block;
  font-size: 80px; /* Escala proporcionalmente al texto del widget */
}

/* Rotación para el efecto de las huellas */
.paw:first-child {
  transform: rotate(-20deg);
}

.paw:last-child {
  transform: rotate(10deg) translateY(8px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84b0a15 */.water-bg {
  position: relative;
  overflow: hidden !important;
  background-color: #4facfe !important;
  background-image: 
    radial-gradient(circle at 15% 50%, rgba(255,255,255,0.3) 0, rgba(255,255,255,0.3) 15px, transparent 16px),
    radial-gradient(circle at 40% 70%, rgba(255,255,255,0.4) 0, rgba(255,255,255,0.4) 25px, transparent 26px),
    radial-gradient(circle at 65% 30%, rgba(255,255,255,0.2) 0, rgba(255,255,255,0.2) 35px, transparent 36px),
    radial-gradient(circle at 85% 80%, rgba(255,255,255,0.3) 0, rgba(255,255,255,0.3) 20px, transparent 21px),
    linear-gradient(180deg, #4facfe 0%, #00f2fe 100%) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  animation: bubble-float-background 4s linear infinite !important;
}

.water-bg > * {
  position: relative;
  z-index: 1;
}

@keyframes bubble-float-background {
  0% {
    background-position: 0 100%, 0 100%, 0 100%, 0 100%, 0 0;
  }
  100% {
    background-position: 0 -200px, 0 -400px, 0 -300px, 0 -500px, 0 0;
  }
}/* End custom CSS */