@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Boldonse&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");.animate-bote{background:linear-gradient(to bottom,#87ceeb 0%,#87ceeb 60%,#4682b4 60%,#4682b4 100%)}.animate-bote__content .nubes{position:absolute;top:100px;left:100px;width:100px;height:40px;background:#fff;border-radius:50px;opacity:.8;animation:moverNube 20s linear infinite}.animate-bote__content .nubes:before,.animate-bote__content .nubes:after{content:"";position:absolute;background:#fff;border-radius:50%}.animate-bote__content .nubes:before{width:50px;height:50px;top:-25px;left:10px}.animate-bote__content .nubes:after{width:60px;height:60px;top:-30px;right:10px}@keyframes moverNube{from{left:-150px}to{left:100%}}.animate-bote__content .scene{position:relative;width:100%;height:500px;overflow:hidden}.animate-bote__content .stars{position:absolute;width:100%;height:60%;top:0;display:none}.animate-bote__content .star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s infinite}@keyframes twinkle{0%,100%{opacity:.3}50%{opacity:1}}.animate-bote__content .water{position:absolute;bottom:0;width:100%;height:65%;background:#4682b4}.animate-bote__content .ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;border-radius:50%;border:2px solid rgba(100,200,255,.3);animation:rippleEffect 4s infinite}.animate-bote__content .ripple:nth-child(2){animation-delay:1s}.animate-bote__content .ripple:nth-child(3){animation-delay:2s}@keyframes rippleEffect{0%{width:200px;height:150px;opacity:.8}100%{width:800px;height:600px;opacity:0}}.animate-bote__content .particle{display:none;position:absolute;width:4px;height:4px;background:#6df;border-radius:50%;box-shadow:0 0 10px #6df;animation:float 3s infinite}@keyframes float{0%,100%{transform:translateY(0) translateX(0);opacity:.3}50%{transform:translateY(-20px) translateX(10px);opacity:1}}.animate-bote__content .water-reflection{position:absolute;bottom:0;width:100%;height:300px;background:linear-gradient(to bottom,rgba(150,100,200,.2) 0%,rgba(100,150,255,.1) 50%,transparent 100%)}.animate-bote__content .sailboat{position:absolute;bottom:42%;left:50%;transform:translateX(-50%);animation:boatFloat 4s ease-in-out infinite;-webkit-box-reflect:below 0 linear-gradient(transparent,transparent,rgba(0,0,0,.2))}@keyframes boatFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}50%{transform:translateX(-50%) translateY(-10px) rotate(2deg)}}.animate-bote__content .hull{width:120px;height:40px;background:linear-gradient(to bottom,#6a67bf,#4f1c6a);border-radius:0 0 60px 60px;position:relative;box-shadow:0 5px 20px rgba(0,0,0,.5)}.animate-bote__content .mast{position:absolute;width:4px;height:180px;background:linear-gradient(to top,#4a5568,#2d3748);bottom:20px;left:50%;transform:translateX(-50%)}.animate-bote__content .mast-top{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:#ff6b9d;border-radius:50%;box-shadow:0 0 15px #ff6b9d}.animate-bote__content .sail-main{position:absolute;width:0;height:0;border-left:30px solid transparent;border-right:20px solid transparent;border-bottom:150px solid rgba(200,220,255,.95);bottom:30px;left:58px;clip-path:polygon(0% 100%,20% 0%,100% 100%)}.animate-bote__content .sail-front{position:absolute;width:0;height:0;border-left:50px solid transparent;border-right:10px solid transparent;border-bottom:110px solid rgba(220,235,255,.9);bottom:30px;left:20px;clip-path:polygon(0% 100%,30% 0%,100% 100%)}.animate-bote__content .oceano{position:absolute;bottom:0;width:100%;height:40%;overflow:hidden}.animate-bote__content .ola{position:absolute;bottom:0;width:200%;height:100px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 100"><path fill="%234da6d4" d="M0,50 Q300,0 600,50 T1200,50 L1200,100 L0,100 Z"/></svg>');background-size:600px 100px;animation:olas 8s linear infinite}@media (max-width:768px){.animate-bote__content .ola{width:250%;background-size:700px 100px}}.animate-bote__content .ola:nth-child(2){opacity:.5;animation:olas 10s linear infinite reverse}@keyframes olas{0%{transform:translateX(-50)}100%{transform:translateX(-500px)}}main.dark .animate-bote{background:linear-gradient(to bottom,#0a0e27 0%,#1a1f4d 30%,#2d1b3d 70%,#1a0f2e 100%)}main.dark .animate-bote__content .nubes{display:none}main.dark .animate-bote__content .stars{display:block}main.dark .animate-bote__content .water{background:linear-gradient(to bottom,#1a3d5c 0%,#0d1f3d 100%)}main.dark .animate-bote__content .particle{display:block}main.dark .animate-bote__content .ola{display:none}main.dark .animate-bote__content .hull{background:linear-gradient(to bottom,#2d3e5f,#1a2332)}