@font-face {
  font-family: "bold";
  src: url("fuentes/GoogleSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "bold-it";
  src: url("fuentes/GoogleSans-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "semi";
  src: url("fuentes/GoogleSans-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "semi-it";
  src: url("fuentes/GoogleSans-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "regular";
  src: url("fuentes/GoogleSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "med-it";
  src: url("fuentes/GoogleSans-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "med";
  src: url("fuentes/GoogleSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "it";
  src: url("fuentes/GoogleSans-Italic.ttf") format("truetype");
}
.img-fluid {
  max-width: 100%;
  height: auto;
}

.col-12 {
  width: 100%;
  flex: 0 0 auto;
}

.btn-what {
  background-color: #28b63e;
  border: 1px solid #ffffff;
  font-family: regular;
  font-size: 15px;
  font-size: clamp(15px, calc(15px + 0vw), 15px);
}
.btn-what i {
  font-size: 20px;
}
.btn-what.light {
  background-color: #04bb56;
  color: #ffffff;
  font-size: 17px;
}
.btn-what.light i {
  font-size: 22px;
}

.btn-yellow {
  background-color: #f4b51e;
  color: #061029;
  font-size: 15px;
  font-family: semi;
}
.btn-yellow i {
  font-size: 20px;
}

.btn-purple-grad {
  background: -moz-linear-gradient(-16.14% -82.67% -28.24deg, rgb(143, 32, 160) 0%, rgb(234, 34, 138) 100%);
  background: -webkit-linear-gradient(-28.24deg, rgb(143, 32, 160) 0%, rgb(234, 34, 138) 100%);
  background: -webkit-gradient(linear, -16.14% -82.67%, 56.27% 62.57%, color-stop(0, rgb(143, 32, 160)), color-stop(1, rgb(234, 34, 138)));
  background: -o-linear-gradient(-28.24deg, rgb(143, 32, 160) 0%, rgb(234, 34, 138) 100%);
  background: -ms-linear-gradient(-28.24deg, rgb(143, 32, 160) 0%, rgb(234, 34, 138) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8F20A0', endColorstr='#EA228A' ,GradientType=0)";
  background: linear-gradient(118.24deg, rgb(143, 32, 160) 0%, rgb(234, 34, 138) 100%);
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8F20A0",endColorstr="#EA228A" , GradientType=1);
  font-size: 15px;
  font-size: clamp(15px, calc(15px + 0vw), 15px);
  color: #ffffff;
  font-family: semi;
}
.btn-purple-grad:hover {
  background: -moz-linear-gradient(-16.14% -82.67% -28.24deg, rgb(143, 32, 160) 0%, rgb(234, 34, 138) 100%);
  background: -webkit-linear-gradient(-28.24deg, rgb(143, 32, 160) 0%, rgb(234, 34, 138) 100%);
  background: -webkit-gradient(linear, -16.14% -82.67%, 56.27% 62.57%, color-stop(0, rgb(143, 32, 160)), color-stop(1, rgb(234, 34, 138)));
  background: -o-linear-gradient(-28.24deg, rgb(143, 32, 160) 0%, rgb(234, 34, 138) 100%);
  background: -ms-linear-gradient(-28.24deg, rgb(143, 32, 160) 0%, rgb(234, 34, 138) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8F20A0', endColorstr='#EA228A' ,GradientType=0)";
  background: linear-gradient(118.24deg, rgb(143, 32, 160) 0%, rgb(234, 34, 138) 100%);
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8F20A0",endColorstr="#EA228A" , GradientType=1);
}

.btn2-primary,
.btn2-ghost {
  font-family: semi;
  padding: 10px 30px;
}

.store2 span {
  font-family: regular;
}

.btn-label {
  border: 1px solid #06f4ff;
  border-radius: 15px;
  padding: 3px 10px;
  background-color: transparent;
  font-size: 16px;
  font-size: clamp(16px, calc(16px + 0vw), 16px);
  color: #ffffff;
  text-align: center;
}
.btn-label i {
  color: #f4b51e;
  font-size: 10px;
  margin-right: 5px;
}

.d-flex {
  display: flex;
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.flow-wrap {
  flex-flow: wrap;
}

.center {
  max-width: 1160px;
  margin: 0 auto;
}

.nav2-links a {
  font-size: 15px;
  font-size: clamp(15px, calc(15px + 0vw), 15px);
  color: #ffffff;
  font-family: regular;
}

@media (max-width: 767px) {
  .hero2-inner {
    padding: 0 15px;
    display: flex;
    flex-flow: column;
  }
}

@media (max-width: 991px) {
  .hero2-visual {
    display: none;
  }
}

.hero2-copy h1 {
  font-family: bold;
}
.hero2-copy h1 em {
  background: none;
  -webkit-text-fill-color: #f4b51e;
  color: #f4b51e;
}
.hero2-copy > p {
  font-size: 16px;
  font-size: clamp(16px, calc(16px + 0vw), 16px);
  color: #ffffff;
  font-family: regular;
}

@media (max-width: 991px) {
  .hero2 {
    padding-top: 40px;
  }
}

.hero2-proof {
  border-top: 1px solid #06f4ff;
}

.hero-dark {
  background: none;
  background-image: url("../img/back-hero.webp");
  background-position: center;
}

.ctn-clientes {
  background-color: #144abd;
  padding: 15px 0;
  margin-top: 94px;
}
@media (max-width: 991px) {
  .ctn-clientes {
    margin-top: 35px;
  }
}

.ctn-d-clientes {
  flex-flow: row;
}
.ctn-d-clientes .item-cliente {
  padding: 0 17px;
}
.ctn-d-clientes .item-cliente img {
  max-height: 35px;
}

.sec2 {
  padding: 50px 0;
}

.sec2-head {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  margin-bottom: 40px;
}
.sec2-head .kicker2 {
  font-size: 15px;
  background-color: #f4b51e;
  padding: 5px 15px;
  border-radius: 15px;
  text-transform: capitalize;
  color: #002e70;
  letter-spacing: 0;
  font-family: semi;
}
.sec2-head h2 {
  width: 100%;
  text-align: center;
  color: #061029;
  font-family: bold;
  font-size: 23px;
  font-size: clamp(23px, calc(15px + 2.5vw), 45px);
}
.sec2-head p {
  text-align: center;
  color: #666666;
  font-size: 15px;
  font-family: regular;
}

.problem2-grid {
  border-color: #3fa9f5;
}
.problem2-grid .problem2 {
  border-color: #3fa9f5;
  display: flex;
  flex-flow: column;
}
.problem2-grid .problem2 h3 {
  text-align: center;
  font-size: 25px;
  color: #061029;
  font-family: bold;
}
.problem2-grid .problem2 p {
  text-align: center;
  font-size: 14px;
  color: #666666;
  font-family: regular;
}

.bento2-icon {
  height: 50px;
  width: 50px;
  background: none;
}

@media (max-width: 767px) {
  .bento2-cell {
    padding: 20px 15px;
  }
}
.bento2-cell h3 {
  font-size: 19px;
  font-size: clamp(19px, calc(18.6363636364px + 0.1136363636vw), 20px);
  color: #061029;
  font-family: bold;
}
.bento2-cell p {
  font-family: regular;
}

.steps2-fig .steps2-imgwrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.steps2-fig img {
  height: auto;
  width: auto;
  max-height: 165px;
}

.steps2 h3 {
  display: block;
  font-size: 19px;
  font-size: clamp(19px, calc(16.8181818182px + 0.6818181818vw), 25px);
  margin-bottom: 6px;
  text-align: center;
  color: #061029;
  font-family: bold;
}
.steps2 p {
  font-size: 15px;
  color: #666666;
  text-align: center;
  font-family: regular;
}

.band2 {
  background: none;
  background-color: #f4b51e;
  padding: 0;
}
.band2::before {
  display: none;
}
.band2 .band2-inner {
  padding: 55px 15px;
  background-image: url("../img/fondo-comunicacion.webp");
  background-position: right center;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .band2 .band2-inner {
    display: flex;
    justify-content: center;
  }
}
.band2 .band2-inner h2 {
  font-size: 20px;
  font-size: clamp(20px, calc(12.7272727273px + 2.2727272727vw), 40px);
  color: #061029;
  font-family: bold;
}
.band2 .band2-inner p {
  font-size: 17px;
  font-size: clamp(17px, calc(15.1818181818px + 0.5681818182vw), 22px);
  color: #061029;
  font-family: regular;
}
.band2 .btn2 {
  font-size: 15px;
  font-size: clamp(15px, calc(9.5454545455px + 1.7045454545vw), 30px);
  background-color: #061029;
  border-radius: 27px;
  color: #ffffff;
  font-family: regular;
}
.band2 .btn2 i {
  color: #f4b51e;
  font-size: 38px;
}

@media (max-width: 767px) {
  .price2 {
    display: flex;
    flex-flow: column;
  }
}

.price2-left {
  background: none;
  background-color: #031028;
}
@media (max-width: 767px) {
  .price2-left {
    padding: 25px 14px;
  }
}
.price2-left span {
  color: #f4b51e;
  font-size: 15px;
  font-family: bold;
}
.price2-left span .price2-from {
  margin-left: 0;
}
.price2-left .price2-amount {
  letter-spacing: 0;
  line-height: 1;
  font-family: bold;
  font-size: 36px;
  font-size: clamp(36px, calc(29.4545454545px + 2.0454545455vw), 54px);
}
.price2-left .price2-sub {
  margin-bottom: 15px;
  font-size: 15px;
  color: #cccccc;
  font-family: bold;
}

.price2-list li {
  font-size: 15px;
  color: #cccccc;
  line-height: 1;
  padding-left: 0px;
  display: flex;
  align-items: center;
  font-family: semi;
}
.price2-list li::before {
  display: none;
}
.price2-list li img {
  margin-right: 10px;
}

.calc2-head label {
  font-size: 15px;
  font-size: clamp(15px, calc(14.2727272727px + 0.2272727273vw), 17px);
  color: #000;
  font-family: med;
}
.calc2-head strong {
  color: #0049f3;
  font-family: bold;
}

.calc2-scale {
  font-family: med;
}

#calc2Slider::-webkit-slider-thumb, #calc2Slider::-moz-range-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: none !important;
  background-color: #035af2 !important;
  border: 3px solid #fff;
  box-shadow: none !important;
  cursor: pointer;
}

.calc2-rows {
  border-top: 2px solid #cccccc;
}
.calc2-rows span {
  font-size: 15px;
  color: #666666;
  font-family: med;
}
.calc2-rows .calc2-total {
  border-top: 2px dashed #cccccc;
}
.calc2-rows .calc2-total span {
  font-size: 17px;
  color: #000;
}
.calc2-rows .calc2-total span#calc2Total {
  font-size: 20px;
  color: #0f61ed;
}

.price2-calc .calc2-note {
  color: #999999;
  font-size: 13px;
  font-family: med;
}

.faq2 {
  border-color: #e6e6e6;
  border-radius: 25px;
}
.faq2 summary {
  font-size: 16px;
  color: #000;
  font-family: med;
}
.faq2 p {
  font-family: regular;
}

.contact2 {
  background: none;
  background-image: url("../img/back-hero.webp");
  background-position: center;
}
@media (max-width: 991px) {
  .contact2 {
    padding: 45px 0;
  }
}

@media (max-width: 991px) {
  .contact2-inner {
    gap: 30px;
  }
}

.contact2-points {
  font-size: 14px;
}
.contact2-points i {
  color: #7dedff;
}
.contact2-points li {
  font-family: regular;
}

.kicker2-light {
  border: 1px #06f4ff solid;
  border-radius: 15px;
  padding: 5px 15px;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: capitalize;
  font-family: semi;
}

@media (max-width: 991px) {
  .contact2-copy {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
}
.contact2-copy h2 {
  font-size: 26px;
  font-size: clamp(26px, calc(19.4545454545px + 2.0454545455vw), 44px);
  font-family: bold;
}
@media (max-width: 991px) {
  .contact2-copy h2 {
    text-align: center;
  }
}
.contact2-copy p {
  font-size: 14px;
  font-family: regular;
}
@media (max-width: 991px) {
  .contact2-copy p {
    text-align: center;
  }
}

.form2-note.error {
  font-family: regular;
}

@media (max-width: 767px) {
  .wrap2 {
    padding: 0 15px;
  }
}

.form2 {
  padding: 34px 25px;
}

.form2-lbl {
  font-size: 13px;
  color: #5a6072;
  font-family: semi;
}
.form2-lbl .req {
  color: #e91e8c;
}

.form2 label.form2-terms {
  font-family: semi;
}

.footer2 p {
  font-family: med;
}
@media (max-width: 767px) {
  .footer2 nav {
    flex-flow: column;
    width: 100%;
  }
}
.footer2 nav a {
  font-family: med;
}
@media (max-width: 767px) {
  .footer2 nav a {
    width: 100%;
    border-bottom: 1px #000 solid;
    font-size: 18px;
    text-align: center;
  }
  .footer2 nav a:last-child {
    border-bottom: none;
  }
}

@media (max-width: 767px) {
  .footer2-inner {
    padding: 0 15px;
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
    flex-flow: column;
  }
}
@media (max-width: 767px) {
  .footer2-inner p {
    order: 2;
  }
}

.footer2-logo {
  height: 44px;
}
@media (max-width: 991px) {
  .footer2-logo {
    order: 0;
  }
}

/*# sourceMappingURL=style.css.map */