@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500&display=swap");
@media (max-width: 768px) {
  .logo a img {
    justify-content: center;
    width: 360px;
    height: 100px;
  }
  .bienvenidos h1 {
    display: flex;
    text-align: center;
  }
  .jumbos {
    display: flex;
    flex-direction: column;
    width: auto;
    margin: auto;
  }
  .jumbos .jumbo1 {
    display: flex;
    flex-direction: column;
    margin-right: 10rem;
    padding: 0;
    width: 23rem;
    text-align: justify;
    align-items: center;
  }
  .jumbos .jumbo2, .jumbos .jumbo3 {
    display: flex;
    flex-direction: column;
    margin-right: 12.5rem;
    padding: 0;
    width: 23rem;
    text-align: justify;
    align-items: center;
  }
  .slider-frame {
    display: none;
  }
  .facts {
    display: flex;
    flex-direction: column;
  }
  .naucloud {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 1rem;
  }
  .naucloud h1 {
    justify-content: center;
    text-align: center;
  }
  .naucloud p {
    justify-content: center;
    text-align: center;
  }
  .naucloud .tormenta {
    justify-content: center;
    text-align: center;
  }
  .naucloud img {
    display: none;
  }
  .contacto {
    display: flex;
    flex-direction: column;
  }
  .contacto .contacto3 {
    justify-content: center;
  }
  .precios-header {
    display: flex;
    flex-direction: column;
  }
  .precios-header h3 {
    justify-content: center;
    text-align: center;
  }
  .precios {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin: 5px;
  }
}
html {
  scroll-behavior: smooth;
}
@keyframes nieve {
  from {
    top: -40px;
  }
  to {
    top: 2000px;
  }
}
@keyframes horiz2 {
  20% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-70px);
  }
  80% {
    transform: translateX(0);
  }
}
@keyframes horiz {
  20% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(150px);
  }
  80% {
    transform: translateX(0);
  }
}
.tpl-snow > div {
  position: fixed;
  animation: ease-in infinite normal;
}

.tpl-snow > div {
  z-index: 9999999999999;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #66CCCC;
  animation-name: nieve, horiz;
}

.tpl-snow > div:nth-of-type(odd) {
  width: 5px;
  height: 5px;
  animation-name: nieve, horiz2;
}

.tpl-snow > div:nth-of-type(1) {
  left: 40px;
  animation-duration: 5.5s;
  animation-delay: 1s;
}

.tpl-snow > div:nth-of-type(2) {
  left: 120px;
  animation-duration: 7s;
}

.tpl-snow > div:nth-of-type(3) {
  left: 200px;
  animation-duration: 8s;
}

.tpl-snow > div:nth-of-type(4) {
  left: 20%;
  animation-duration: 6s;
  animation-delay: 1s;
}

.tpl-snow > div:nth-of-type(5) {
  left: 30%;
  animation-duration: 9s;
}

.tpl-snow > div:nth-of-type(6) {
  left: 40%;
  animation-duration: 7.2s;
  animation-delay: 1s;
}

.tpl-snow > div:nth-of-type(7) {
  left: 50%;
  animation-duration: 10s;
}

.tpl-snow > div:nth-of-type(8) {
  left: 60%;
  animation-duration: 6.4s;
  animation-delay: 1s;
}

.tpl-snow > div:nth-of-type(9) {
  left: 70%;
  animation-duration: 10s;
  animation-delay: 1.4s;
}

.tpl-snow > div:nth-of-type(10) {
  left: 80%;
  animation-duration: 8s;
}

.tpl-snow > div:nth-of-type(11) {
  left: 90%;
  animation-duration: 7.1s;
  animation-delay: 2s;
}

.tpl-snow > div:nth-of-type(12) {
  left: 99%;
  animation-duration: 6.6s;
  animation-delay: 1.6s;
}

.tpl-snow > div:nth-of-type(13) {
  left: 10px;
  animation-duration: 10.2s;
}

.tpl-snow > div:nth-of-type(14) {
  left: 180px;
  animation-duration: 12s;
}

.tpl-snow > div:nth-of-type(15) {
  left: 213px;
  animation-duration: 7.3s;
  animation-delay: 0.5s;
}

.tpl-snow > div:nth-of-type(16) {
  left: 23%;
  animation-duration: 9.2s;
}

.tpl-snow > div:nth-of-type(17) {
  left: 38%;
  animation-duration: 5s;
}

.tpl-snow > div:nth-of-type(18) {
  left: 45%;
  animation-duration: 15s;
}

.tpl-snow > div:nth-of-type(19) {
  left: 58%;
  animation-duration: 5s;
}

.tpl-snow > div:nth-of-type(20) {
  left: 64%;
  animation-duration: 12s;
}

.tpl-snow > div:nth-of-type(21) {
  left: 76%;
  animation-duration: 5.6s;
  animation-delay: 1s;
}

.tpl-snow > div:nth-of-type(22) {
  left: 86%;
  animation-duration: 8.5s;
}

.tpl-snow > div:nth-of-type(23) {
  left: 83%;
  animation-duration: 14.4s;
}

.tpl-snow > div:nth-of-type(24) {
  left: 95%;
  animation-duration: 12s;
}

.tpl-snow > div:nth-of-type(25) {
  left: 55px;
  animation-duration: 8.7s;
  animation-delay: 1.2s;
}

.tpl-snow > div:nth-of-type(26) {
  left: 133px;
  animation-duration: 5.2s;
}

.tpl-snow > div:nth-of-type(27) {
  left: 215px;
  animation-duration: 10.4s;
  animation-delay: 1.6s;
}

.tpl-snow > div:nth-of-type(28) {
  left: 26%;
  animation-duration: 9s;
}

.tpl-snow > div:nth-of-type(29) {
  left: 33%;
  animation-duration: 12s;
}

.tpl-snow > div:nth-of-type(30) {
  left: 49%;
  animation-duration: 9.4s;
  animation-delay: 1s;
}

.tpl-snow > div:nth-of-type(31) {
  left: 55%;
  animation-duration: 9.1s;
}

.tpl-snow > div:nth-of-type(32) {
  left: 68%;
  animation-duration: 9.6s;
  animation-delay: 0.5s;
}

.tpl-snow > div:nth-of-type(33) {
  left: 73%;
  animation-duration: 12.4s;
  animation-delay: 1s;
}

.tpl-snow > div:nth-of-type(34) {
  left: 85%;
  animation-duration: 9s;
  animation-delay: 1.5s;
}

.tpl-snow > div:nth-of-type(35) {
  left: 93%;
  animation-duration: 5s;
}

.tpl-snow > div:nth-of-type(36) {
  left: 99%;
  animation-duration: 10.6s;
}

.tpl-snow > div:nth-of-type(37) {
  left: 15px;
  animation-duration: 9.6s;
}

.tpl-snow > div:nth-of-type(38) {
  left: 99px;
  animation-duration: 7.5s;
}

.tpl-snow > div:nth-of-type(39) {
  left: 260px;
  animation-duration: 11s;
  animation-delay: 1s;
}

.tpl-snow > div:nth-of-type(40) {
  left: 28%;
  animation-duration: 19s;
}

.tpl-snow > div:nth-of-type(41) {
  left: 35%;
  animation-duration: 14s;
}

.tpl-snow > div:nth-of-type(42) {
  left: 43%;
  animation-duration: 5.6s;
}

.tpl-snow > div:nth-of-type(43) {
  left: 53%;
  animation-duration: 8.8s;
  animation-delay: 1s;
}

.tpl-snow > div:nth-of-type(44) {
  left: 66%;
  animation-duration: 16s;
}

.tpl-snow > div:nth-of-type(45) {
  left: 78%;
  animation-duration: 6s;
}

.tpl-snow > div:nth-of-type(46) {
  left: 88%;
  animation-duration: 9.5s;
  animation-delay: 0.5s;
}

.tpl-snow > div:nth-of-type(47) {
  left: 94%;
  animation-duration: 7.6s;
}

.tpl-snow > div:nth-of-type(48) {
  left: 96%;
  animation-duration: 8.2s;
  animation-delay: 0.3s;
}

@media (max-width: 600px) {
  .tpl-snow > div:nth-of-type(24) ~ * {
    display: none;
  }
}
@media (max-width: 800px) {
  .tpl-snow > div:nth-of-type(36) ~ * {
    display: none;
  }
}
body {
  padding: 0;
  margin: 0;
  width: 100%;
  font-family: "Hind", sans-serif;
}

body::-webkit-scrollbar {
  display: none;
}

.navbar {
  background-color: #66CCCC;
  padding: 3.5rem;
}

.navbar .logo {
  display: flex;
  justify-content: center;
}

.navbar .nav-buttons {
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
}

.navbar .nav-boton {
  border: none;
  border-radius: 8px;
  padding: 5px;
  margin: 5px;
  background-color: white;
}
.navbar .nav-boton a {
  font-size: larger;
  text-decoration: none;
  color: #66CCCC;
  scroll-behavior: smooth;
}

.nav-boton:hover {
  background-color: #66CCCC;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}
.nav-boton:hover a {
  color: white;
}

.bienvenidos {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  font-size: x-large;
  color: #66CCCC;
}

.jumbos {
  display: flex;
  align-items: center;
  margin-left: 8rem;
}

.jumbos h4 {
  font-size: x-large;
}

.jumbos p {
  font-size: larger;
}

.jumbo1 {
  color: #66CCCC;
  margin: 2.5rem;
  padding: 1rem;
  width: 450px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  border-radius: 10px;
}
.jumbo1 h4 {
  text-align: center;
}
.jumbo1 p {
  text-align: center;
}

.jumbo1:hover {
  background-color: #66CCCC;
  color: white;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 2px rgba(66, 66, 66, 0.2);
  transform: translateY(-40px);
  transition: 0.5s;
}

.jumbo1:not(:hover) {
  transition: 0.5s;
}

.jumbo2 {
  color: #66CCCC;
  margin: 5rem;
  padding: 0.5rem;
  width: 450px;
  align-items: flex-start;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  border-radius: 10px;
}
.jumbo2 h4 {
  text-align: center;
}
.jumbo2 p {
  text-align: center;
  font-weight: 400;
}

.jumbo2:hover {
  background-color: #66CCCC;
  color: white;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 2px rgba(66, 66, 66, 0.2);
  transform: translateY(-40px);
  transition: 0.5s;
}

.jumbo2:not(:hover) {
  transition: 0.5s;
}

.jumbo3 {
  color: #66CCCC;
  margin: 5rem;
  padding: 1rem;
  width: 450px;
  align-items: flex-start;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.jumbo3 h4 {
  text-align: center;
}
.jumbo3 p {
  text-align: center;
  font-weight: 400;
}

.jumbo3:hover {
  background-color: #66CCCC;
  color: white;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 2px rgba(66, 66, 66, 0.2);
  transform: translateY(-40px);
  transition: 0.5s;
}

.jumbo3:not(:hover) {
  transition: 0.5s;
}

.slider-frame {
  width: 1280px;
  height: auto;
  margin: 50px auto 0;
  overflow: hidden;
}

.slider-frame ul {
  display: flex;
  padding: 0;
  width: 400%;
  animation: slide 20s infinite alternate ease-in-out;
}

.slider-frame li {
  width: 100%;
  list-style: none;
}

.slider-frame img {
  width: 100%;
}

@keyframes slide {
  0% {
    margin-left: 0;
  }
  20% {
    margin-left: 0;
  }
  25% {
    margin-left: -100%;
  }
  45% {
    margin-left: -100%;
  }
  50% {
    margin-left: -200%;
  }
  70% {
    margin-left: -200%;
  }
  75% {
    margin-left: -300%;
  }
  100% {
    margin-left: -300%;
  }
}
.facts {
  display: flex;
  margin-top: 4rem;
  justify-content: space-around;
  text-align: center;
  padding: 3rem;
  background-color: #66CCCC;
}

.facts .fact1 {
  justify-content: left;
}
.facts .fact1 p {
  color: white;
}

.facts .fact2 {
  justify-items: center;
}
.facts .fact2 p {
  color: white;
}

.facts .fact3 {
  justify-items: right;
}
.facts .fact3 p {
  color: white;
}

.naucloud {
  display: flex;
  justify-content: center;
  color: #66CCCC;
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.naucloud .naufrase p {
  flex-direction: column;
  justify-content: right;
  margin: 4rem;
}
.naucloud .naufrase .btn-nau {
  display: flex;
  justify-content: center;
}
.naucloud .naufrase .btn-naucloud {
  padding: 8px;
  background-color: #66CCCC;
  color: white;
  border: none;
  border-radius: 7px;
  justify-content: center;
  font-size: larger;
}
.naucloud .naufrase .btn-naucloud a {
  text-decoration: none;
  color: white;
}
.naucloud .naufrase .btn-naucloud:hover {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
  background-color: white;
}
.naucloud .naufrase .btn-naucloud:hover a {
  color: #66CCCC;
}

.tormenta {
  margin-top: 3rem;
}

.contacto {
  display: flex;
  margin-top: 4rem;
  justify-content: space-around;
  text-align: center;
  padding: 3rem;
  background-color: #66CCCC;
}

.contacto1 {
  display: flex;
  flex-direction: column;
  margin: 2rem;
  color: white;
}

.contacto2 {
  display: flex;
  flex-direction: column;
  margin: 2rem;
  color: white;
}

.contacto3 {
  display: flex;
  flex-direction: column;
  margin: 2rem;
  text-align: justify;
  color: white;
}
.contacto3 .form-group input {
  border: none;
  border-radius: 10px;
  padding: 5px;
  margin: 3px;
}
.contacto3 .btn-contacto {
  border: none;
  border-radius: 10px;
  background-color: white;
  color: #66CCCC;
  font-size: medium;
  padding: 7px;
  margin: 5px;
}
.contacto3 .btn-contacto:hover {
  background-color: #66CCCC;
  color: white;
  border-color: 2px solid white;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}

.precios-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3rem;
  color: #66CCCC;
}

.precios {
  display: flex;
  justify-content: space-around;
  margin-top: 5rem;
}

.precio1 {
  margin-bottom: 5rem;
  padding: 10px;
  color: #66CCCC;
  border-radius: 20px;
  border: 5px solid #66CCCC;
  height: 28rem;
}
.precio1:hover {
  box-shadow: #0b4d4d 0px 60px 40px -7px;
  transform: translateY(-50px);
  transition: 0.5s;
}
.precio1.precio1:not(:hover) {
  transition: 0.5s;
}
.precio1 h2 {
  text-align: center;
}
.precio1 h3 {
  text-align: center;
}

.precio2 {
  margin-bottom: 5rem;
  padding: 10px;
  color: #66CCCC;
  border-radius: 20px;
  border: 5px solid #66CCCC;
  height: 25rem;
  box-shadow: 2px 2px 2px 2px rgba(66, 66, 66, 0.2);
}
.precio2:hover {
  box-shadow: #0b4d4d 0px 60px 40px -7px;
  transform: translateY(-50px);
  transition: 0.5s;
}
.precio2.precio2:not(:hover) {
  transition: 0.5s;
}
.precio2 h2 {
  text-align: center;
}
.precio2 h3 {
  text-align: center;
}

.precio3 {
  margin-bottom: 5rem;
  padding: 2rem;
  color: #66CCCC;
  border-radius: 20px;
  border: 5px solid #66CCCC;
  height: 29rem;
}
.precio3:hover {
  box-shadow: #0b4d4d 0px 60px 40px -7px;
  transform: translateY(-50px);
  transition: 0.5s;
}
.precio3.precio3:not(:hover) {
  transition: 0.5s;
}
.precio3 h2 {
  text-align: center;
}
.precio3 h3 {
  text-align: center;
}

.sec-incluido {
  display: flex;
  justify-content: space-around;
  text-align: center;
  background-color: rgb(255, 255, 255);
  padding: 0.5rem;
  border-radius: 10px;
}
.sec-incluido .incluye {
  color: green;
  padding: 10px;
}

.noincluye {
  color: red;
  margin: 10px;
}/*# sourceMappingURL=index.css.map */