html body .sd-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f7faff 45%,#e9f1fe)}html body .sd-hero>*{position:relative;z-index:2}html body .sd-hero .sd-agua{position:absolute;left:0;right:0;bottom:0;height:38%;min-height:160px;z-index:1;pointer-events:none;overflow:hidden}html body .sd-hero .sd-agua__ola{position:absolute;left:0;bottom:0;width:200%;height:100%;background-repeat:repeat-x;background-position:0 bottom;background-size:50% 100%}html body .sd-hero .sd-agua__ola--1{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 180' preserveAspectRatio='none'><path d='M0 96c120-38 220 26 340 26s200-52 320-52 220 44 340 44 180-30 200-38v104H0z' fill='%230B6EF3' fill-opacity='0.10'/></svg>");animation:sd-ola 26s linear infinite}html body .sd-hero .sd-agua__ola--2{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 180' preserveAspectRatio='none'><path d='M0 120c140 30 240-30 380-30s220 46 340 46 200-40 320-40 140 18 160 24v60H0z' fill='%230B6EF3' fill-opacity='0.16'/></svg>");animation:sd-ola 18s linear infinite reverse;opacity:.9}html body .sd-hero .sd-agua__ola--3{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 180' preserveAspectRatio='none'><path d='M0 146c160 22 260-22 420-22s240 34 360 34 180-20 240-26v48H0z' fill='%230B6EF3' fill-opacity='0.22'/></svg>");animation:sd-ola 34s linear infinite}@keyframes sd-ola{0%{transform:translate(0)}to{transform:translate(-50%)}}html body .sd-hero .sd-agua__burbuja{position:absolute;bottom:-24px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fffffff2,#0b6ef329 62%,#0b6ef30f);box-shadow:inset 0 0 6px #ffffffb3;animation:sd-burbuja linear infinite}@keyframes sd-burbuja{0%{transform:translateZ(0) scale(.9);opacity:0}12%{opacity:.85}to{transform:translate3d(14px,-260px,0) scale(1.1);opacity:0}}@media(prefers-reduced-motion:reduce){html body .sd-hero .sd-agua__ola,html body .sd-hero .sd-agua__burbuja{animation:none}html body .sd-hero .sd-agua__burbuja{opacity:.5}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/sd-agua.css.map */