:root{font-family:Inter,sans-serif}html{overflow-x:hidden}.no-scroll{overflow:hidden}body{margin:0;overflow-x:hidden;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;background:url(/gradient.png) #111e38;background-repeat:repeat-x}header{display:flex;align-items:center;justify-content:space-between;padding:1rem;width:100%;max-width:1200px;margin:0 auto;position:relative;z-index:1;img{height:70px}nav{ul{display:flex;list-style:none;gap:1.5rem;font-size:.75rem;font-weight:500;letter-spacing:.05rem;text-transform:uppercase;color:#333}a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;&:after{content:"";width:0%;height:2px;background-color:#333;margin-top:.1rem;transition:.2s ease}&:hover{&:after{width:100%}}}.active{color:#000;font-weight:700;&:after{content:"";width:100%;height:2px;background-color:#000;margin-top:.1rem}}}}footer{text-align:center;font-size:.75rem;padding:.5rem 1rem;background:#0d1e3a;color:#a7bfe6;position:relative;z-index:1;p{margin:0}}.mbl-header{display:none;img{height:40px}}button{padding:.8rem 2rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05rem;color:#fff;background:#3d94ff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%}button:hover{background:#5ea6ff;transform:translateY(-1px);box-shadow:0 0 8px #5ea6ff4d}button:active{transform:translateY(0);background:#6aa3f0}button:disabled{background:#ddd;color:#5c5c5c;opacity:.6;cursor:not-allowed;box-shadow:none}button:disabled:hover{transform:none}p,li{line-height:1.6}.menu-mbl-btn{position:absolute;top:0;right:0;width:80px;height:80px;cursor:pointer;z-index:9999}.lines{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-25deg);width:17px;height:17px}.lineTop{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:2px;background:#000;transition:.3s}.lineMid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 8px);height:2px;background:#000;transition:.3s}.lineBot{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:2px;background:#000;transition:.3s .1s}.cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);width:22px;height:22px;opacity:0;transition:.3s 0s}.cross div:nth-child(1){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:2px;background:#000}.cross div:nth-child(2){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:100%;background:#000}.menu-mbl-btn-on .lineTop{left:calc(50% + 30px);opacity:0;transition:.3s ease 0s}.menu-mbl-btn-on .lineMid{left:calc(50% - 30px);opacity:0;transition:.3s ease 0s}.menu-mbl-btn-on .lineBot{left:calc(50% + 30px);opacity:0;transition:.3s ease .1s}.menu-mbl-btn-on .cross{transform:translate(-50%,-50%) rotate(-45deg);opacity:1}.menu-mbl-bg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-25deg);width:200%;height:130%;pointer-events:none}.green-bg{position:absolute;top:9%;transform:translateY(-50%);left:100%;background:#349c55;width:100%;height:50%;opacity:0;transition:.9s ease}.orange-bg{position:absolute;top:50%;transform:translateY(-50%);left:-100%;background:#ffb319;width:100%;height:33.33333333%;opacity:0;transition:1.3s ease}.blue-bg{position:absolute;top:91%;transform:translateY(-50%);left:100%;background:#1568be;width:100%;height:50%;opacity:0;transition:1.3s ease .1s}.blur{position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);backdrop-filter:blur(20px);opacity:0;transition:1.3s ease .2s}.menu-mbl-bg-on{pointer-events:initial}.menu-mbl-bg-on .green-bg,.menu-mbl-bg-on .orange-bg,.menu-mbl-bg-on .blue-bg{left:0;opacity:1}.menu-mbl-bg-on .blur{opacity:1;transition:.9s ease .2s}.menu-mbl-text{position:fixed;top:50%;left:0;transform:translateY(-50%);height:280px;width:100%;opacity:0;pointer-events:none;transition:.6s ease 0s;a{text-decoration:none;color:inherit}}.menu-mbl-text a div{overflow:hidden;position:relative;height:36px;width:100%;margin-bottom:20px}.menu-mbl-text a div span{width:100%;text-align:center;font-weight:900;font-size:30px;transform:skewY(7deg);position:absolute;top:45px;animation:disappear 1.3s forwards}.menu-mbl-text-on{opacity:1;pointer-events:initial;transition:.4s ease 0s}.menu-mbl-text-on a:nth-child(1) div span{animation:appear 1s .1s forwards}.menu-mbl-text-on a:nth-child(2) div span{animation:appear 1s .2s forwards}.menu-mbl-text-on a:nth-child(3) div span{animation:appear 1s .3s forwards}.menu-mbl-text-on a:nth-child(4) div span{animation:appear 1s .4s forwards}.menu-mbl-text-on a:nth-child(5) div span{animation:appear 1s .5s forwards}.menu-mbl-text-on a:nth-child(6) div span{animation:appear 1s .6s forwards}@keyframes appear{0%{top:45px;transform:skewY(7deg)}to{top:0;transform:skewY(0)}}@keyframes disappear{0%{top:0;transform:skewY(0)}to{top:45px;transform:skewY(7deg)}}@media only screen and (max-width: 700px){.header{display:none}.mbl-header{display:block;width:100%;height:80px;box-sizing:border-box}.banners{top:44%;left:48%;width:11%}.waves{top:59%}.pescador{left:80%;top:60%}.fish1{left:-45px;bottom:-190px;transform:scale(.15)}.fish2{left:52px;bottom:-215px;transform:scale(.1) scaleX(-1)}.fish3{left:-13px;bottom:-180px;transform:scale(.07)}.container,.container2,.container3,.container4,.container5{transform:scale(.5)}@keyframes bird1{0%{opacity:0;transform:scale(.1)}20%{opacity:.6}30%{transform:scale(.1);opacity:.6}90%{opacity:.4}to{transform:scale(0);opacity:0;margin-top:-80px;margin-left:-30px}}@keyframes bird2{0%{opacity:0;transform:scale(.1)}20%{opacity:.6}30%{transform:scale(.1);opacity:.6}90%{opacity:.4}to{transform:scale(0);opacity:0;margin-top:-80px;margin-left:90px}}@keyframes bird3{0%{opacity:0;transform:scale(.1) rotate(15deg)}20%{opacity:.6}30%{transform:scale(.1) rotate(15deg);opacity:.6}90%{opacity:.4}to{transform:scale(0) rotate(15deg);opacity:0;margin-top:-40px;margin-left:-20px}}@keyframes bird4{0%{opacity:0;transform:scale(.1) rotate(25deg)}20%{opacity:.6}30%{transform:scale(.1) rotate(25deg);opacity:.6}90%{opacity:.4}to{transform:scale(0) rotate(25deg);opacity:0;margin-top:-20px;margin-left:170px}}@keyframes bird5{0%{opacity:0;transform:scale(.1) rotate(-20deg) scaleX(-1)}20%{opacity:.6}30%{transform:scale(.1) rotate(-20deg) scaleX(-1);opacity:.6}90%{opacity:.4}to{transform:scale(0) rotate(-20deg) scaleX(-1);opacity:0}}@keyframes bird6{0%{opacity:0;transform:scale(.1) rotate(10deg) scaleX(-1)}20%{opacity:.6}30%{transform:scale(.1) rotate(10deg) scaleX(-1);opacity:.6}90%{opacity:.4}to{transform:scale(0) rotate(10deg) scaleX(-1);opacity:0;margin-top:-20px;margin-left:-150px}}@keyframes bird7{0%{opacity:0;transform:scale(.1) rotate(-50deg) scaleX(-1)}20%{opacity:.6}30%{transform:scale(.1) rotate(-50deg) scaleX(-1);opacity:.6}90%{opacity:.4}to{transform:scale(0) rotate(-50deg) scaleX(-1);opacity:0}}@keyframes bird8{0%{opacity:0;transform:scale(.1) rotate(-10deg) scaleX(-1)}20%{opacity:.6}30%{transform:scale(.1) rotate(-10deg) scaleX(-1);opacity:.6}90%{opacity:.4}to{transform:scale(0) rotate(-10deg) scaleX(-1);opacity:0;margin-top:-60px;margin-left:-160px}}.block-contacte{font-size:16px;margin-top:80px;line-height:26px}.block-contacte i{font-size:20px;width:20px;margin-right:8px;bottom:-3px;position:relative}}