@charset "UTF-8";
h1, h2, h3, h4, h5, h6, p, strong, span, li, ul, a {
  font-family: Helvetica, sans-serif;
}

@font-face {
  font-family: 'font1';
  src: url("../font/font.woff2");
}

.navStyle {
  background-color: #ffffff !important;
}

.navStyle .sizeLogo {
  width: 200px;
}

.navStyle nav {
  font-weight: 700;
  background-color: #ffffff !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.navStyle nav a {
  color: #000000 !important;
}

.navStyle nav a:hover {
  color: #39a7df !important;
}

.pddg {
  padding: 80px 0;
}

.home {
  background: url("../img/bg.jpg") no-repeat center center fixed;
  background-size: cover;
}

.home h1 {
  padding: 0 0 0 0;
  margin: 0 0 40px 0;
  font-family: 'font1';
}

.home p {
  font-size: 20px;
}

.home .btn {
  margin: 40px 0 0 0;
  border-radius: 10px;
  padding: 7px 35px;
  font-size: 24px;
  border: 1px solid transparent !important;
  font-weight: 700;
}

.home .btn-primary {
  background-color: #39a7df;
  -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
          box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.home .btn-primary:hover {
  background-color: #000000;
  color: #ffffff;
}

.home .sizeslidehome {
  width: 80%;
  margin: -35px 0 0 0;
}

.sectionsomos h2 {
  font-family: 'font1';
  margin: 0 0 40px 0;
}

.sectionsomos p {
  font-size: 20px;
  text-align: end;
}

.sectionsomos img {
  width: 90%;
  margin: -70px 0 0 0;
}

.venders h2 {
  font-family: 'font1';
  margin: 0 0 40px 0;
}

.venders p {
  font-size: 20px;
  text-align: start;
}

.venders img {
  width: 90%;
  margin: -100px 0 0 0;
}

.packages {
  padding: 80px 0;
  text-align: center;
}

.packages__title {
  font-family: 'font1';
  margin: 0 0 40px 0;
  margin-bottom: 60px;
}

.packages .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.packages .col-md-4 {
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .packages .col-md-4 {
    width: 100%;
  }
}

.packages .package {
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  height: auto;
}

.packages .package:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.packages .package__title {
  background-color: #39a7df;
  color: #ffffff;
  font-size: 20px;
  margin: 0;
  font-family: 'font1';
  padding: 20px;
}

.packages .package__features {
  list-style-type: none;
  margin: 0;
  padding: 15px 20px;
}

.packages .package__features li {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.packages .package__features li:before {
  content: "\2022";
  color: #007bff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
}

.packages .package .btn {
  background-color: #35a8e0;
  border-color: #39a7df;
  border-radius: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  padding: 10px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-transform: uppercase;
  -webkit-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out;
}

.packages .package .btn:hover {
  background-color: #000000;
  border-color: #000000;
  color: white;
}

.packages .package strong {
  font-size: 30px;
  margin: 20px 0 75px 0;
  display: inline-block;
}

.endsite .btn {
  margin: 20px 0 0 0;
  border-radius: 10px;
  padding: 7px 35px;
  font-size: 24px;
  border: 1px solid transparent !important;
  font-weight: 700;
}

.endsite .btn-primary {
  background-color: #39a7df;
  -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
          box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.endsite .btn-primary:hover {
  background-color: #000000;
  color: #ffffff;
}

.footer {
  background-color: #39a7df;
}

.footer p {
  color: white;
  font-weight: 700;
  font-size: 20px;
}

.pddgfooter {
  width: 400px;
}

section {
  scroll-margin-top: 50px;
}

body, html {
  overflow-x: hidden !important;
}

.main-container {
  margin: 0;
  background-image: url(../img/bgwebiste.jpg);
  background-size: cover;
  background-position: center;
  padding: 90px 0;
}

.web-development-section h2 {
  text-align: center;
  color: #000000;
  /* Color del texto */
  margin-bottom: 20px;
  font-weight: bold;
}

.web-development-section P {
  font-size: 20px;
  text-align: center;
  color: #000000;
  /* Color del texto */
}

.cards-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1300px;
  /* Ajustar el ancho máximo según sea necesario */
  margin: 0 auto;
  /* Centrar el contenedor */
}

.card {
  width: 25rem;
  margin: 10px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.card-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.package-type {
  font-size: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.price {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 9px;
}

.description {
  font-size: 16px;
  margin-bottom: 10px;
}

.btnpweb {
  border-radius: 10px;
  border: 1px solid black !important;
  color: black;
  font-size: 18px;
  padding: 10px;
  text-decoration: none;
}

.btnpweb:hover {
  border-radius: 10px;
  border: 1px solid black !important;
  color: white;
  font-size: 18px;
  padding: 10px;
  background-color: #000;
  text-decoration: none;
}

.card {
  padding: 20px;
}

.packages .title2 {
  color: #000000;
  font-size: 26px;
  font-family: "font1";
}

.packages .title3 {
  color: #000000;
  font-size: 35px;
  font-family: "font1";
}

.packages span {
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}

@media only screen and (max-width: 900px) {
  .home h1 {
    text-align: center;
  }
  .home p {
    text-align: center;
  }
  .home .sizeslidehome {
    width: 100%;
    margin: 52px 0 0 0;
  }
  .home .btn {
    margin: 23px 0 0;
    display: flow-root;
  }
  .sectionsomos img {
    width: 100%;
    margin: 0;
  }
  .sectionsomos h2 {
    font-family: "font1";
    margin: 0 0 40px 0;
    text-align: center;
  }
  .sectionsomos p {
    text-align: center;
    margin: 32px 0px 0 0;
  }
  .pddg {
    padding: 40px 0;
  }
  .venders h2 {
    font-family: "font1";
    margin: 0 0 40px 0;
    text-align: center;
  }
  .venders p {
    font-size: 20px;
    text-align: center;
  }
  .venders img {
    width: 100%;
    margin: 0;
  }
  .packages {
    padding: 40px 0;
    text-align: center;
  }
  .pddgfooter {
    padding: 0 60px 0 0;
  }
  .endsite .btn {
    margin: 20px 0 0 0;
    border-radius: 10px;
    padding: 7px 35px;
    display: -ms-grid;
    display: grid;
    font-size: 24px;
    border: 1px solid transparent !important;
    font-weight: 700;
  }
  .navStyle .sizeLogo {
    width: 120px;
  }
  .main-container {
    padding: 50px 10px;
  }
  .btnpweb {
    font-size: 15px;
  }
}

.custom-prototype {
  position: relative;
  z-index: 99;
  background-image: radial-gradient(50% 50% at 70% 20%, #006bd8 35%, rgba(0, 0, 0, 0) 100%), radial-gradient(100% 100% at right top, #024cdc 55%, rgba(0, 0, 0, 0) 100%), radial-gradient(65% 100% at 10px 5%, #51cbe9 50%, #2196F3 100%);
  background-position: 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  padding: 90px 0;
}

.custom-prototype h2 {
  color: white;
  font-weight: 600;
}

.custom-prototype p {
  color: white;
  font-size: 18px;
}

.custom-prototype .btnpremium {
  border-radius: 10px;
  border: 1px solid white !important;
  color: white;
  font-size: 18px;
}

.custom-prototype .btnpremium:hover {
  background-color: #ffffff;
  color: #000;
}
/*# sourceMappingURL=style.css.map */