@charset "UTF-8";
@font-face {
  font-family: "Poppins";
  src: url("./../assets/fonts/Poppins-Light.woff") format("woff"), url("./../assets/fonts/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../assets/fonts/Poppins-Regular.woff") format("woff"), url("./../assets/fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../assets/fonts/Poppins-Medium.woff") format("woff"), url("./../assets/fonts/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../assets/fonts/Poppins-SemiBold.woff") format("woff"), url("./../assets/fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../assets/fonts/Poppins-Bold.woff") format("woff"), url("./../assets/fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
* {
  padding: 0;
  margin: 0;
  font-family: "Poppins";
  box-sizing: border-box;
}

:root {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

html {
  height: 100vh;
  overflow-x: visible;
}

@media screen and (min-width: 1024px) {
  .html-register {
    background: linear-gradient(to right, #d7e5ff 50%, #fff 50%);
  }
}

body {
  overflow-x: hidden;
  position: relative;
  font-family: "Poppins";
  /* @include biggest-desktop {
    height: 96vh;
  } */
}

main {
  padding-top: 86px;
}
@media screen and (min-width: 1024px) {
  iframe {
    height: 350px;
  }
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

@media screen and (min-width: 768px) {
  .tablet-hidden {
    display: none;
  }
}

.tablet-visible {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .tablet-visible {
    display: block !important;
  }
}

@media screen and (min-width: 1024px) {
  .desktop-hidden {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .desktop-hidden1 {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .desktop-hidden-important {
    display: none !important;
  }
}

.desktop-view-more {
  display: none;
}
@media screen and (min-width: 1024px) {
  .desktop-view-more {
    display: block;
  }
}

.mobile-none {
  display: none;
}
@media screen and (min-width: 1024px) {
  .mobile-none {
    display: inline;
  }
}

.mobile-none1 {
  display: none !important;
}
@media screen and (min-width: 1024px) {
  .mobile-none1 {
    display: flex !important;
  }
}

.tablet-visible {
  display: none;
}
@media screen and (min-width: 768px) {
  .tablet-visible {
    display: block;
  }
}

.modal {
  z-index: 1600 !important;
}
.modal .modal-dialog {
  margin: 0 auto;
}
.modal .modal-dialog .modal-content {
  border: 0;
  border-radius: 10px !important;
  background-color: transparent;
  margin: 0 auto;
  width: 95vw;
}
.modal .modal-dialog .modal-content .modal-header {
  background: #d7e5ff;
  color: #fff;
  align-items: center;
  /*   border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  */
  padding: 17px 17px 14px 28px;
  height: 66px;
}
.modal .modal-dialog .modal-content .modal-header h5 {
  font-size: 17px;
  font-weight: 700;
  color: #4871bf;
}
.modal .modal-dialog .modal-content .modal-header .btn-modal-close {
  border-radius: 50%;
  border: 0;
  outline: none;
  width: 28px;
  height: 28px;
  background-color: #304b7f;
  transition: all 0.3s linear;
}
.modal .modal-dialog .modal-content .modal-header .btn-modal-close:hover {
  background-color: #88b1ff;
}
.modal .modal-dialog .modal-content .modal-header .btn-modal-close svg {
  vertical-align: middle;
  fill: #fff;
  margin-top: 0px;
  margin-right: 0px;
}
@media screen and (min-width: 1024px) {
  .modal .modal-dialog .modal-content .modal-header .btn-modal-close svg {
    margin-top: -1px;
    margin-right: -1px;
  }
}
.modal .modal-dialog .modal-content .modal-body {
  text-align: start;
  padding: 29px 28px 29px;
  background-color: #fff;
  /*     border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  */
}

.input-group {
  width: 280px;
  margin: auto;
  border-radius: 10px;
  height: 33px;
  border: #727587 1px solid;
  outline: none;
  position: relative;
  margin-bottom: 22px;
}
@media screen and (min-width: 1024px) {
  .input-group {
    width: 339px;
    height: 49px;
  }
}
@media screen and (min-width: 1500px) {
  .input-group {
    width: 466px;
  }
}
.input-group .input-group-prepend {
  margin-right: 8px;
}
.input-group .input-group-prepend .input-group-text {
  border-radius: 10px 0 0 10px;
  background: #fff;
  border: 0;
}
.input-group .variant {
  margin-right: 8px;
  margin-left: 5px;
}
.input-group #txtPassword {
  width: 190px;
}
@media screen and (min-width: 1024px) {
  .input-group #txtPassword {
    width: 74%;
  }
}
@media screen and (min-width: 1500px) {
  .input-group #txtPassword {
    width: 81%;
  }
}
.input-group input {
  width: 190px;
  border: 0;
  outline: none;
  font-size: 1.6rem;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .input-group input {
    width: 74%;
  }
}
@media screen and (min-width: 1500px) {
  .input-group input {
    width: 82%;
  }
}
.input-group input::placeholder {
  color: #727587;
  font-size: 1.6rem !important;
  font-weight: 500;
}
.input-group .check-validate,
.input-group .check-validate2,
.input-group .check-validate3,
.input-group .check-validate4,
.input-group .check-validate11 {
  display: none;
  position: absolute;
  right: -20px;
  top: 7px;
  width: 15px;
}
@media screen and (min-width: 1024px) {
  .input-group .check-validate,
  .input-group .check-validate2,
  .input-group .check-validate3,
  .input-group .check-validate4,
  .input-group .check-validate11 {
    top: 15px;
  }
}
.input-group .input-group-append button {
  background: #fff;
  border: 0;
  outline: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.input-group .input-group-append button:focus {
  box-shadow: none;
}
.input-group .input-group-append button span::before {
  color: #727587;
  font-size: 1.2rem;
}
.input-group .input-group-append button .fa-eye {
  padding-top: 3px;
}
.input-group .input-group-append button .fa-eye::before {
  font-size: 1.45rem;
  padding-left: 10px;
  padding-right: 0;
}
.input-group .input-group-append button .fa-eye-slash::before {
  color: #727587;
  font-size: 1.3rem;
  padding-left: 10px;
  padding-right: 0;
}

.input-img,
.input-img2,
.input-img3 {
  width: 13px;
}

img {
  max-width: 100%;
  height: auto;
}

.rotate {
  transform: rotate(180deg);
}

@keyframes fadeIn {
  from {
    transform: translateY(-200px) scale(0.5);
  }
  to {
    transform: translateY(0) scale(1);
  }
}
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #fff;
}

.desplegable {
  display: none;
}

.desplegable.d-block {
  display: block;
}

.arrow-icon.rotate {
  transform: rotate(180deg);
}

.btn-cert-container1 {
  display: none;
  position: relative;
  z-index: 1;
  display: flex;
  gap: 12px;
  margin: 15px 0 20px;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .btn-cert-container1 {
    display: block;
    flex-direction: column;
    gap: 20px;
    order: 4;
    margin: 0;
  }
}
.btn-cert-container1 a {
  display: block;
  text-decoration: none;
  max-width: 275px;
  color: #2d3277;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 1px;
  padding: 8px 3px;
  border: 0;
  outline: none;
  border-radius: 5.211px;
  background: #fff;
  box-shadow: 0.5726315379px 2.2905261517px 8.5894727707px 0px rgba(0, 0, 0, 0.2);
}
.btn-cert-container1 a.dif1 {
  max-width: none;
}
@media screen and (min-width: 1024px) {
  .btn-cert-container1 a {
    padding: 13px 8px;
    font-size: 18px;
    gap: 5px;
  }
}
.btn-cert-container1 a:hover {
  background-color: #d7e5ff;
  text-decoration: none;
}
.btn-cert-container1 a:focus {
  outline: none;
}
.btn-cert-container1 a img {
  margin-right: 5px;
  width: 40px !important;
}

.btn-cert-container {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-bottom: 12px;
}
@media screen and (min-width: 1024px) {
  .btn-cert-container {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .btn-cert-container.dif {
    display: none;
  }
}
.btn-cert-container.dif2 {
  display: none;
  margin-top: -160px !important;
  justify-content: end;
  margin-right: 115px;
}
@media screen and (min-width: 1024px) {
  .btn-cert-container.dif2 {
    display: flex;
    margin-right: 0;
    justify-content: center;
  }
}
.btn-cert-container.dif3 {
  display: none;
  margin-top: -160px !important;
  justify-content: start;
  margin-left: 160px;
}
@media screen and (min-width: 1024px) {
  .btn-cert-container.dif3 {
    display: flex;
    margin-left: 0;
    justify-content: center;
  }
}
@media screen and (min-width: 1500px) {
  .btn-cert-container.dif3 {
    margin-top: -180px !important;
  }
}
.btn-cert-container.dif4 {
  display: none;
  margin-top: 50px;
  justify-content: start;
}
@media screen and (min-width: 1024px) {
  .btn-cert-container.dif4 {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .btn-cert-container.variante {
    flex-direction: row;
    margin-top: 17px;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .btn-cert-container {
    gap: 20px;
    order: 4;
    margin: 0;
    justify-content: start;
  }
}
.btn-cert-container a {
  display: block;
  text-decoration: none;
  width: 195px;
  color: #2d3277;
  font-size: 9px;
  font-weight: 600;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 1px;
  padding: 9px;
  border: 0;
  outline: none;
  border-radius: 5.211px;
  background: #fff;
  box-shadow: 0.5726315379px 2.2905261517px 8.5894727707px 0px rgba(0, 0, 0, 0.2);
}
.btn-cert-container a.dif1 {
  max-width: 145px;
}
@media screen and (min-width: 1024px) {
  .btn-cert-container a {
    padding: 8px;
    font-size: 14px;
    gap: 5px;
    line-height: 18px;
    width: max-content;
  }
}
.btn-cert-container a:hover {
  background-color: #d7e5ff;
  text-decoration: none;
}
.btn-cert-container a:focus {
  outline: none;
}
.btn-cert-container a img {
  margin-right: 5px;
  width: 30px !important;
}

@media screen and (min-width: 1024px) {
  .fast {
    margin-top: 80px;
  }
}
.fast p:first-child {
  color: #4871bf;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.fast p:last-child {
  color: #4871bf;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.fast p span {
  display: flex;
  gap: 5px;
}
.fast p a {
  color: #4871bf;
  font-size: 14px;
  font-weight: 600;
}
.fast p a:hover {
  text-decoration: underline;
}

/*spiner*/
.loading-op-dots,
.loading-ad-dots {
  display: inline-block;
  position: relative;
  margin-top: -34px;
}
@media screen and (min-width: 1024px) {
  .loading-op-dots,
  .loading-ad-dots {
    margin-top: -27px;
  }
}
.loading-op-dots span,
.loading-ad-dots span {
  font-size: 50px;
}

.loading-op-dots span,
.loading-ad-dots span {
  opacity: 0;
  animation: dotsFadeInOut 1.5s infinite;
}

.loading-op-dots span:nth-child(1),
.loading-ad-dots span:nth-child(1) {
  animation-delay: 0s;
}

.loading-op-dots span:nth-child(2),
.loading-ad-dots span:nth-child(2) {
  animation-delay: 0.5s;
}

.loading-op-dots span:nth-child(3),
.loading-ad-dots span:nth-child(3) {
  animation-delay: 1s;
}

@keyframes dotsFadeInOut {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
button {
  cursor: pointer;
  z-index: 1;
}

.btn-free-trial-planes,
.btn-contact-planes,
.btn-free-trial-meli,
.btn-test-free-potencial,
.btn-cta-historias {
  font-weight: 600;
  font-size: 1.5rem;
  text-align: center;
  color: #ffffff;
  background-color: #6097ff;
  border: 0;
  width: 222px;
  cursor: pointer;
}
.btn-free-trial-planes:hover,
.btn-contact-planes:hover,
.btn-free-trial-meli:hover,
.btn-test-free-potencial:hover,
.btn-cta-historias:hover {
  background-color: #4871bf;
}
@media screen and (min-width: 901px) {
  .btn-free-trial-planes,
  .btn-contact-planes,
  .btn-free-trial-meli,
  .btn-test-free-potencial,
  .btn-cta-historias {
    margin-bottom: 0;
  }
}

.btn-cta-historias {
  width: max-content;
}

@media screen and (min-width: 1024px) {
  #btn-free-trial-banner {
    font-size: 16px;
    width: 266px;
  }
}
@media screen and (min-width: 1366px) {
  #btn-free-trial-banner {
    font-size: 18px;
    width: 266px;
  }
}

@media screen and (min-width: 1024px) {
  .btn-contact-info-banner {
    font-size: 18px;
  }
}
@media screen and (min-width: 1366px) {
  .btn-contact-info-banner {
    font-size: 20px;
  }
}

.btn-free-trial-planes {
  padding: 8px 33px 9px;
  box-shadow: 7px 11px 28px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.btn-contact-info {
  display: none;
  border: solid 2px #6097ff;
  background-color: #fff;
  font-weight: 600;
  font-size: 1.8rem;
  text-align: center;
  color: #6097ff;
  padding-left: 58px;
  padding-right: 58px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.btn-contact-info:hover {
  border: solid 2px #4871bf;
}
.btn-contact-info:hover:hover > a {
  color: #4871bf !important;
}
@media screen and (min-width: 901px) {
  .btn-contact-info {
    display: block;
  }
}

.btn-signup {
  border: 0;
  background-color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  color: #6097ff;
  cursor: pointer;
  box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2);
}
.btn-signup:hover {
  color: #4871bf;
}

.btn-form {
  border: 0;
  background-color: #6097ff;
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.btn-form:hover {
  background-color: #4871bf;
}

.btn-come-back {
  border: 0;
  background-color: #6097ff;
  font-weight: 700;
  font-size: 2rem;
  width: 223px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.btn-planes-free {
  background: #ffb87c;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
  border-radius: 61px;
  border: 0;
}

.btn-register-now {
  border: solid 1px #6097ff;
  background-color: #6097ff;
  font-weight: 600;
  font-size: 1.6rem;
  text-align: center;
  color: #fff;
  padding-left: 58px;
  padding-right: 58px;
  cursor: pointer;
}
.btn-register-now:hover {
  background: #4871bf;
}

.btn-wsp-landing {
  bottom: 1px !important;
  left: 10px !important;
}
@media screen and (min-width: 1024px) {
  .btn-wsp-landing {
    bottom: 20px !important;
    right: 0 !important;
    left: auto !important;
    width: max-content;
  }
}
.btn-wsp-landing a {
  width: 85px;
  display: block;
}
@media screen and (min-width: 1024px) {
  .btn-wsp-landing a {
    width: 65px;
    margin-left: auto;
    margin-right: 8px;
  }
}
.btn-wsp-landing a img {
  width: 100% !important;
}

.btn-continue {
  background: #6097ff;
  margin-bottom: 10px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  border: 0;
  outline: none;
  cursor: pointer;
  border-radius: 10px;
  height: 33px;
  width: 280px;
  transition: all 0.3s linear;
}
.btn-continue:hover {
  background-color: #4871bf;
}
@media screen and (min-width: 1024px) {
  .btn-continue {
    width: 339px;
    height: 49px;
  }
}
@media screen and (min-width: 1500px) {
  .btn-continue {
    width: 466px;
  }
}

.btn-disabled {
  background-color: #a1a3af !important;
}

#mailConfirmModal .modal-dialog {
  max-width: none !important;
  width: 350px;
}
@media screen and (min-width: 1024px) {
  #mailConfirmModal .modal-dialog {
    width: 708px;
  }
}
#mailConfirmModal .modal-dialog .modal-header {
  border-radius: 40px 40px 0 0;
  padding: 0 28px;
}
#mailConfirmModal .modal-dialog .modal-header .modal-title {
  margin: auto;
  font-weight: 600;
  font-size: 30px;
}
#mailConfirmModal .modal-dialog .modal-body {
  border-radius: 0 0 40px 40px;
}
#mailConfirmModal .modal-dialog .modal-body aside {
  text-align: center;
}
#mailConfirmModal .modal-dialog .modal-body aside .img-content {
  width: 72px;
  margin-top: 20px;
}
#mailConfirmModal .modal-dialog .modal-body aside p {
  font-weight: 500;
  font-size: 22px;
  text-align: center;
  color: #405789;
  margin-top: 23px;
}
#mailConfirmModal .modal-dialog .modal-body .logo-footer-container {
  margin-top: 40px;
  text-align: center;
}

#initSessionModal .modal-dialog {
  max-width: none !important;
  width: 350px;
}
@media screen and (min-width: 1024px) {
  #initSessionModal .modal-dialog {
    width: 551px;
  }
}
#initSessionModal .modal-dialog .modal-body {
  border-radius: 40px;
  background-color: #6097ff;
}
#initSessionModal .modal-dialog .modal-body aside {
  text-align: center;
}
#initSessionModal .modal-dialog .modal-body aside .img-content {
  width: 53px;
  margin: 15px 0;
}
#initSessionModal .modal-dialog .modal-body aside h2 {
  font-weight: 700;
  font-size: 40px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 30px;
}
#initSessionModal .modal-dialog .modal-body aside p {
  font-weight: 500;
  font-size: 22px;
  text-align: center;
  color: #fff;
  margin-top: 23px;
}
#initSessionModal .modal-dialog .modal-body aside button {
  background-color: #fff;
  outline: none;
  border: 0;
  box-shadow: 3px 4px 25px #6097ff;
  border-radius: 10px;
  padding: 10px 0;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.08em;
  color: #6097ff;
  width: 95%;
}
@media screen and (min-width: 1024px) {
  #initSessionModal .modal-dialog .modal-body aside button {
    width: 466px;
  }
}
#initSessionModal .modal-dialog .modal-body aside button:focus, #initSessionModal .modal-dialog .modal-body aside button:focus-visible {
  outline: none;
  border: 0;
}
#initSessionModal .modal-dialog .modal-body .logo-footer-container {
  margin-top: 40px;
  text-align: center;
}

#errorSessionModal .modal-dialog {
  max-width: none !important;
  width: 350px;
}
@media screen and (min-width: 1024px) {
  #errorSessionModal .modal-dialog {
    width: 708px;
  }
}
#errorSessionModal .modal-dialog .modal-header {
  background-color: #ffb0b0;
  border-radius: 40px 40px 0 0;
  padding: 0 !important;
}
#errorSessionModal .modal-dialog .modal-header .modal-title {
  font-weight: 600;
  text-align: center;
  color: #7f3030 !important;
  margin: auto;
  font-size: 20px;
}
@media screen and (min-width: 1024px) {
  #errorSessionModal .modal-dialog .modal-header .modal-title {
    font-size: 30px;
  }
}
#errorSessionModal .modal-dialog .modal-body {
  border-radius: 0 0 40px 40px;
  background-color: #ffffff;
}
#errorSessionModal .modal-dialog .modal-body aside .img-content {
  width: 53px;
  margin-bottom: 29px;
}
#errorSessionModal .modal-dialog .modal-body .content-error {
  background: #fdeaea;
  border-radius: 28px;
  height: 160px;
  padding-top: 30px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  #errorSessionModal .modal-dialog .modal-body .content-error {
    width: 465px;
  }
}
#errorSessionModal .modal-dialog .modal-body .content-error .error-desc {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #7f3030;
}
#errorSessionModal .modal-dialog .modal-body .contacus-info {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #727587;
  margin-top: 22px;
}
#errorSessionModal .modal-dialog .modal-body aside {
  text-align: center;
}
#errorSessionModal .modal-dialog .modal-body aside button,
#errorSessionModal .modal-dialog .modal-body aside a {
  text-decoration: none;
  background-color: #6097ff;
  display: inline-block;
  outline: none;
  border: 0;
  box-shadow: 3px 4px 25px #fff;
  border-radius: 10px;
  padding: 10px 0;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.08em;
  color: #fff;
  width: 95%;
  transition: all 0.3s linear;
}
@media screen and (min-width: 1024px) {
  #errorSessionModal .modal-dialog .modal-body aside button,
  #errorSessionModal .modal-dialog .modal-body aside a {
    width: 466px;
  }
}
#errorSessionModal .modal-dialog .modal-body aside button:focus, #errorSessionModal .modal-dialog .modal-body aside button:focus-visible,
#errorSessionModal .modal-dialog .modal-body aside a:focus,
#errorSessionModal .modal-dialog .modal-body aside a:focus-visible {
  outline: none;
  border: 0;
}
#errorSessionModal .modal-dialog .modal-body aside button:hover,
#errorSessionModal .modal-dialog .modal-body aside a:hover {
  background-color: #405789;
}
#errorSessionModal .modal-dialog .modal-body .logo-footer-container {
  margin: 25px 0 40px;
  text-align: center;
}

#errorModal .modal-dialog {
  max-width: none !important;
  width: 340px;
}
#errorModal .modal-dialog .modal-header {
  height: 50px;
  margin: 0;
  border-radius: 20px 20px 0 0;
  border: 0;
  background-color: #ffffff;
}
#errorModal .modal-dialog .modal-header .modal-title {
  font-weight: 600;
  text-align: center;
  color: #7f3030 !important;
  margin: auto;
  font-size: 20px;
}
@media screen and (min-width: 1024px) {
  #errorModal .modal-dialog .modal-header .modal-title {
    font-size: 30px;
  }
}
#errorModal .modal-dialog .modal-header .btn-modal-close {
  background-color: #ffb0b0;
  border-radius: 50%;
  border: 0;
  outline: none;
  width: 28px;
  height: 28px;
  transition: all 0.3s linear;
}
#errorModal .modal-dialog .modal-header .btn-modal-close svg {
  fill: #ff6060;
}
#errorModal .modal-dialog .modal-body {
  border-radius: 0 0 20px 20px;
  background-color: #ffffff;
}
#errorModal .modal-dialog .modal-body p {
  color: #7f3030;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 146%; /* 29.2px */
}

#gmailModal .modal-dialog {
  max-width: none !important;
  width: 350px;
}
@media screen and (min-width: 1024px) {
  #gmailModal .modal-dialog {
    width: 708px;
  }
}
#gmailModal .modal-dialog .modal-header {
  background-color: #d7e5ff;
  border-radius: 40px 40px 0 0;
  padding: 10px 20px 10px 10px;
}
@media screen and (min-width: 1024px) {
  #gmailModal .modal-dialog .modal-header {
    padding: 20px 30px 20px 20px;
  }
}
#gmailModal .modal-dialog .modal-header .modal-title {
  font-weight: 600;
  font-size: 20px;
  color: #4871bf;
}
@media screen and (min-width: 1024px) {
  #gmailModal .modal-dialog .modal-header .modal-title {
    font-size: 27px;
  }
}
#gmailModal .modal-dialog .modal-body {
  background-color: #fff; /*nuevos estilos*/
  border-radius: 0 0 40px 40px;
}
#gmailModal .modal-dialog .modal-body .gmail-step-1 .desc-step-1 {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #727587;
}
@media screen and (min-width: 1024px) {
  #gmailModal .modal-dialog .modal-body .gmail-step-1 .desc-step-1 {
    font-size: 20px;
  }
}
#gmailModal .modal-dialog .modal-body .gmail-step-2 {
  display: none;
}
@media screen and (min-width: 1024px) {
  #gmailModal .modal-dialog .modal-body .gmail-step-2 .number-step-2 {
    text-align: center;
  }
}
#gmailModal .modal-dialog .modal-body .gmail-step-2 .number-step-2 p {
  font-weight: 400;
  font-size: 12px;
  color: #727587;
  text-align: center;
  cursor: pointer;
}
#gmailModal .modal-dialog .modal-body .gmail-step-2 .number-step-2 p:hover > a {
  text-decoration: underline;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  #gmailModal .modal-dialog .modal-body .gmail-step-2 .number-step-2 p {
    font-size: 16px;
  }
}
#gmailModal .modal-dialog .modal-body .gmail-step-2 .number-step-2 p a {
  text-decoration: none;
  color: #4871bf;
  transition: all 0.1s linear;
}
#gmailModal .modal-dialog .modal-body .gmail-step-2 .number-step-2 p a:hover {
  text-decoration: underline;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  #gmailModal .modal-dialog .modal-body .gmail-step-2 .number-step-2 #btn-continue4 {
    width: 466px;
  }
}
.code-verification-desc.code-verification-desc-country {
  justify-content: center;
}

.info-code-not-sent {
  background: #eeeeee;
  border-radius: 22px;
  padding: 14px;
  font-size: 14px;
  text-align: center;
  color: #304b7f;
  max-width: 424px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .info-code-not-sent {
    padding: 14px 20px;
    font-size: 18px;
  }
}
.info-code-not-sent a {
  color: #304b7f;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#errorVeryNewAccount .modal-dialog {
  width: 350px;
  max-width: none !important;
}
@media screen and (min-width: 1024px) {
  #errorVeryNewAccount .modal-dialog {
    width: 650px;
  }
}
#errorVeryNewAccount .modal-dialog .modal-header {
  background-color: #ffb0b0;
  border-radius: 10px 10px 0 0;
  padding: 0 12px !important;
}
#errorVeryNewAccount .modal-dialog .modal-header .modal-title {
  font-weight: 600;
  text-align: start;
  color: #7f3030 !important;
  font-size: 18px;
}
#errorVeryNewAccount .modal-dialog .modal-body {
  border-radius: 0 0 10px 10px;
  background-color: #ffffff;
  padding: 24px;
}
#errorVeryNewAccount .modal-dialog .modal-body .img-content {
  height: 200px;
}
#errorVeryNewAccount .modal-dialog .modal-body .img-content img {
  width: 210px;
  display: block;
  margin: 0 auto 12px;
}
#errorVeryNewAccount .modal-dialog .modal-body p {
  text-align: center;
  color: #43475f;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 12px;
}
#errorVeryNewAccount .modal-dialog .modal-body p strong {
  font-weight: 600;
}
#errorVeryNewAccount .modal-dialog .modal-body .link-blue {
  text-decoration: none;
  background-color: #6097ff;
  border-radius: 4px;
  padding: 4px 6px;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  color: #fff;
  transition: all 0.3s linear;
  height: max-content;
  display: block;
  width: max-content;
  margin-left: auto;
}
#errorVeryNewAccount .modal-dialog .modal-body .link-blue:focus, #errorVeryNewAccount .modal-dialog .modal-body .link-blue:focus-visible {
  outline: none;
  border: 0;
}
#errorVeryNewAccount .modal-dialog .modal-body .link-blue:hover {
  background-color: #405789;
  text-decoration: none;
}

.bg-burble-top {
  z-index: 150;
  position: absolute;
  width: 140px;
  top: 0;
}
@media screen and (min-width: 1024px) {
  .bg-burble-top {
    display: none;
  }
}

.bg-burble-top.bg-signup {
  width: 100px;
}

.bg-burble-top-desktop {
  display: none;
}
@media screen and (min-width: 1024px) {
  .bg-burble-top-desktop {
    display: block;
    z-index: 150;
    position: absolute;
    width: 140px;
    top: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .bg-burble-top-desktop.bg-top-signup {
    left: 8%;
    transform: rotate(185deg);
    width: 300px;
  }
}
@media screen and (min-width: 1500px) {
  .bg-burble-top-desktop.bg-top-signup {
    left: 15%;
    width: 360px;
  }
}

.bg-burble-bottom {
  z-index: 150;
  position: absolute;
  width: 200px;
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 1024px) {
  .bg-burble-bottom {
    display: none;
  }
}

.bg-burble-bottom-desktop {
  display: none;
}
@media screen and (min-width: 1024px) {
  .bg-burble-bottom-desktop {
    display: block;
    z-index: 140;
    position: absolute;
    width: 200px;
    bottom: 0;
    right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .bg-burble-bottom-desktop.bg-bottom-signup {
    right: 8%;
    width: 380px;
    bottom: -80px;
    transform: rotate(100deg);
  }
}
@media screen and (min-width: 1500px) {
  .bg-burble-bottom-desktop.bg-bottom-signup {
    right: 17%;
  }
}

.popoptop-login {
  background-color: #405789;
  width: 100%;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  padding: 5px 0 3px;
  height: 38px;
  position: relative;
  z-index: 160;
  display: none;
}
.popoptop-login.landind {
  font-size: 1.4rem;
  height: 40px;
  background-color: #6679a1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
}
.popoptop-login.landind button {
  background-color: transparent;
  border: none;
  outline: none;
}
.popoptop-login.landind button:focus, .popoptop-login.landind button:focus-visible {
  border: none;
  outline: none;
}
.popoptop-login.landind button a {
  color: #fff;
  text-decoration: none;
}
.popoptop-login.landind button a img {
  width: 24px;
}
@media screen and (min-width: 901px) {
  .popoptop-login {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .popoptop-login {
    font-size: 1.4rem;
  }
}
.popoptop-login p {
  margin: 0;
}
.popoptop-login p button {
  background-color: transparent;
  outline: none;
  border: 0;
  padding: 0;
  margin: 0;
}
.popoptop-login p button:focus, .popoptop-login p button:focus-visible {
  outline: none;
  border: 0;
}
.popoptop-login p button a {
  text-decoration: none;
  color: #fff;
}
.popoptop-login p button a img {
  width: 24px;
  vertical-align: bottom;
}

.btn-wsp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 160;
  width: max-content;
}
.btn-wsp a img {
  width: 57px;
}

.login {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
@media screen and (min-width: 901px) {
  .login {
    flex-direction: row;
  }
}
.login .banner-section {
  background-color: #d7e5ff;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 901px) {
  .login .banner-section {
    width: 50%;
    /* padding-left: 150px;*/
  }
}
.login .banner-section .container-logo {
  position: relative;
  z-index: 160;
}
.login .banner-section .container-logo img {
  margin: 21px 0 15px;
}
.login .banner-section .container-logo-desktop {
  position: relative;
  z-index: 200;
  margin-top: 20px;
}
.login .banner-section .container-logo-desktop h2 {
  font-weight: 700;
  font-size: 25px;
  text-align: center;
  color: #606cff;
  margin: 30px 0 5px;
}
.login .banner-section .container-logo-desktop h2 span {
  border-radius: 63px;
  background-color: #ebf2ff;
  padding: 1px 8px;
}
.login .banner-section .brand-desktop-content {
  position: relative;
  z-index: 160;
  display: none;
}
@media screen and (min-width: 901px) {
  .login .banner-section .brand-desktop-content {
    display: block;
    position: relative;
  }
}
.login .banner-section .brand-desktop-content img {
  width: 75%;
}
.login .banner-section .certifications-container {
  position: relative;
  z-index: 160;
}
@media screen and (min-width: 1024px) {
  .login .banner-section .certifications-container {
    padding-bottom: 0px;
  }
}
.login .banner-section .certifications-container h2 {
  display: none;
}
@media screen and (min-width: 1024px) {
  .login .banner-section .certifications-container h2 {
    display: block;
    margin: 12px 0;
    color: #304b7f;
    font-size: 2.5rem;
    font-weight: 500;
  }
}
.login .banner-section .certifications-container .certifications-content {
  display: flex;
  justify-content: center;
  gap: 30px;
}
@media screen and (min-width: 1024px) {
  .login .banner-section .certifications-container .certifications-content {
    gap: 15px;
  }
}
@media screen and (min-width: 1500px) {
  .login .banner-section .certifications-container .certifications-content {
    gap: 48px;
  }
}
.login .banner-section .certifications-container .certifications-content .certification {
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .login .banner-section .certifications-container .certifications-content .certification {
    gap: 20px;
  }
}
.login .banner-section .certifications-container .certifications-content .certification .partner-logo {
  height: 20px;
  background: #eef4ff;
  border-radius: 50px;
  padding: 4px 16px 5px;
  width: 184px;
  height: 40px;
}
@media screen and (min-width: 901px) {
  .login .banner-section .certifications-container .certifications-content .certification .partner-logo {
    border-radius: 50px;
    padding: 4px 16px 5px;
    width: 184px;
    height: 40px;
  }
}
.login .banner-section .certifications-container .certifications-content .certification aside {
  margin-top: 8px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .login .banner-section .certifications-container .certifications-content .certification aside img {
    height: 41px;
  }
}
.login .banner-section .certifications-container .certifications-content .certification aside p {
  color: #2c3356;
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 10px;
}
@media screen and (min-width: 901px) {
  .login .banner-section .certifications-container .certifications-content .certification aside p {
    margin: 0;
    font-size: 1.2rem;
  }
}
.login .banner-section .appstore-info {
  margin-top: 5px;
}
@media screen and (min-width: 1024px) {
  .login .banner-section .appstore-info {
    margin-top: 25px;
  }
}
.login .banner-section .appstore-info p a {
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: #4871bf;
  text-decoration: none;
  transition: all 0.2s linear;
}
@media screen and (min-width: 1024px) {
  .login .banner-section .appstore-info p a {
    font-size: 15px;
  }
}
.login .banner-section .appstore-info p a:hover {
  text-decoration: underline;
}
.login .login-section {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .login .login-section {
    padding-top: 30px;
  }
}
@media screen and (min-width: 901px) {
  .login .login-section,
  .login .signup-section {
    width: 50%;
  }
}
.login .login-section .title-login,
.login .signup-section .title-login {
  margin: 18px 0;
  text-align: center;
}
.login .login-section .title-login h1,
.login .signup-section .title-login h1 {
  font-size: 2.6rem;
  color: #6097ff;
  font-weight: 600;
}
.login .login-section .title-login h1 span,
.login .signup-section .title-login h1 span {
  font-weight: 700;
}
.login .login-section form .country-select,
.login .signup-section form .country-select {
  text-align: center;
}
.login .login-section form .country-select .select-box,
.login .signup-section form .country-select .select-box {
  width: 164px;
  border-radius: 8px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .login .login-section form .country-select .select-box,
  .login .signup-section form .country-select .select-box {
    width: 224px;
  }
}
.login .login-section form .country-select .select-box:hover,
.login .signup-section form .country-select .select-box:hover {
  background: #f2f7ff;
}
.login .login-section form .country-select .select-box .select,
.login .signup-section form .country-select .select-box .select {
  border: solid 1px #88b1ff;
  width: 100%;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.2s ease all;
  margin-bottom: 3px;
  padding: 6px 13px;
  position: relative;
  box-shadow: none;
}
.login .login-section form .country-select .select-box .select .select-content .item-list-first,
.login .login-section form .country-select .select-box .select .select-content .item-list,
.login .signup-section form .country-select .select-box .select .select-content .item-list-first,
.login .signup-section form .country-select .select-box .select .select-content .item-list {
  font-size: 1.4rem;
  margin: 0;
  color: #727587;
}
@media screen and (min-width: 1024px) {
  .login .login-section form .country-select .select-box .select .select-content .item-list-first,
  .login .login-section form .country-select .select-box .select .select-content .item-list,
  .login .signup-section form .country-select .select-box .select .select-content .item-list-first,
  .login .signup-section form .country-select .select-box .select .select-content .item-list {
    font-size: 1.8rem;
  }
}
.login .login-section form .country-select .select-box .select img,
.login .signup-section form .country-select .select-box .select img {
  width: 20px;
}
.login .login-section form .country-select .select-box .options,
.login .signup-section form .country-select .select-box .options {
  position: absolute;
  z-index: 170;
  width: 164px;
  margin-top: 7px;
  background: #f0f0f0;
  border-radius: 8px;
  display: none;
}
@media screen and (min-width: 1024px) {
  .login .login-section form .country-select .select-box .options,
  .login .signup-section form .country-select .select-box .options {
    width: 224px;
  }
}
.login .login-section form .country-select .select-box .options.active,
.login .signup-section form .country-select .select-box .options.active {
  display: block;
  animation: fadeIn 0.3s forwards;
  filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.4039215686));
  box-shadow: none;
}
.login .login-section form .country-select .select-box .options .option,
.login .signup-section form .country-select .select-box .options .option {
  padding: 6px 13px;
}
.login .login-section form .country-select .select-box .options .option:hover,
.login .signup-section form .country-select .select-box .options .option:hover {
  background: #d7e5ff;
}
.login .login-section form .country-select .select-box .options .option .item-list,
.login .signup-section form .country-select .select-box .options .option .item-list {
  color: #405789;
  font-size: 1.8rem;
  margin: 0;
  text-align: start;
}
.login .login-section form .create-acount-container h2,
.login .signup-section form .create-acount-container h2 {
  color: #405789;
  font-size: 2rem;
  font-weight: 500;
  margin: 25px 0 18px;
  text-align: center;
}
.login .login-section form .create-acount-container .subtitle-signup,
.login .signup-section form .create-acount-container .subtitle-signup {
  font-size: 1.6rem;
  color: #405789;
  font-weight: 500;
  margin: 25px 0 18px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .login .login-section form .create-acount-container .subtitle-signup,
  .login .signup-section form .create-acount-container .subtitle-signup {
    font-size: 2.2rem;
  }
}
.login .login-section form .create-acount-container .create-acount-content,
.login .signup-section form .create-acount-container .create-acount-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  max-width: 570px;
  margin: auto;
}
.login .login-section form .create-acount-container .create-acount-content.emprende-container,
.login .signup-section form .create-acount-container .create-acount-content.emprende-container {
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: 0 20px;
  margin-bottom: 24px;
}
.login .login-section form .create-acount-container .create-acount-content.emprende-container a,
.login .signup-section form .create-acount-container .create-acount-content.emprende-container a {
  width: 100%;
  height: 60px;
  justify-content: center;
}
.login .login-section form .create-acount-container .create-acount-content .btn-create-acount,
.login .signup-section form .create-acount-container .create-acount-content .btn-create-acount {
  border-radius: 4px;
  height: 42px;
  display: flex;
  align-items: center;
  height: 50px;
  width: 180px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s linear;
  padding-left: 7px;
  border: 0;
}
.login .login-section form .create-acount-container .create-acount-content .btn-create-acount:hover,
.login .signup-section form .create-acount-container .create-acount-content .btn-create-acount:hover {
  box-shadow: none;
}
.login .login-section form .create-acount-container .create-acount-content .btn-create-acount:hover > p,
.login .signup-section form .create-acount-container .create-acount-content .btn-create-acount:hover > p {
  text-decoration: underline;
  transition: all 0.3s linear;
}
@media screen and (min-width: 1024px) {
  .login .login-section form .create-acount-container .create-acount-content .btn-create-acount,
  .login .signup-section form .create-acount-container .create-acount-content .btn-create-acount {
    padding: 9px;
    height: 42px;
  }
}
.login .login-section form .create-acount-container .create-acount-content .btn-create-acount p,
.login .login-section form .create-acount-container .create-acount-content .btn-create-acount span,
.login .signup-section form .create-acount-container .create-acount-content .btn-create-acount p,
.login .signup-section form .create-acount-container .create-acount-content .btn-create-acount span {
  font-size: 1.3rem;
  font-weight: 400;
  padding-left: 5px;
  margin: 0;
}
.login .login-section form .create-acount-container .create-acount-content .btn-create-acount img,
.login .signup-section form .create-acount-container .create-acount-content .btn-create-acount img {
  width: 42px;
  margin: 0;
}
.login .login-section form .create-acount-container .create-acount-content .btn-meli:focus,
.login .login-section form .create-acount-container .create-acount-content .btn-tiendanube:focus,
.login .login-section form .create-acount-container .create-acount-content .btn-gmail:focus,
.login .signup-section form .create-acount-container .create-acount-content .btn-meli:focus,
.login .signup-section form .create-acount-container .create-acount-content .btn-tiendanube:focus,
.login .signup-section form .create-acount-container .create-acount-content .btn-gmail:focus {
  outline: none;
}
.login .login-section form .create-acount-container .create-acount-content .btn-meli:hover,
.login .login-section form .create-acount-container .create-acount-content .btn-tiendanube:hover,
.login .login-section form .create-acount-container .create-acount-content .btn-gmail:hover,
.login .signup-section form .create-acount-container .create-acount-content .btn-meli:hover,
.login .signup-section form .create-acount-container .create-acount-content .btn-tiendanube:hover,
.login .signup-section form .create-acount-container .create-acount-content .btn-gmail:hover {
  text-decoration: underline;
}
.login .login-section form .create-acount-container .create-acount-content .btn-meli,
.login .signup-section form .create-acount-container .create-acount-content .btn-meli {
  background-color: #ffe600;
  color: #405789;
}
.login .login-section form .create-acount-container .create-acount-content .btn-tiendanube,
.login .signup-section form .create-acount-container .create-acount-content .btn-tiendanube {
  background-color: #2e3354;
  color: #fff;
}
.login .login-section form .create-acount-container .create-acount-content .btn-gmail,
.login .signup-section form .create-acount-container .create-acount-content .btn-gmail {
  color: #405789;
  background-color: #edf3ff;
}
.login .login-section form .create-acount-container h3,
.login .signup-section form .create-acount-container h3 {
  font-size: 1.4rem;
  color: #405789;
  margin: 26px 0 19px;
  text-align: center;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .login .login-section form .create-acount-container h3,
  .login .signup-section form .create-acount-container h3 {
    font-size: 1.8rem;
  }
}
.login .login-section form .create-acount-container .input-container,
.login .signup-section form .create-acount-container .input-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .login .login-section form .create-acount-container .input-container,
  .login .signup-section form .create-acount-container .input-container {
    width: 339px;
    margin: auto;
  }
}
@media screen and (min-width: 1500px) {
  .login .login-section form .create-acount-container .input-container,
  .login .signup-section form .create-acount-container .input-container {
    width: 466px;
  }
}
@media screen and (min-width: 1024px) {
  .login .login-section form .create-acount-container .input-container .input-mail-signup-admin,
  .login .login-section form .create-acount-container .input-container .input-mail-signup-operator,
  .login .login-section form .create-acount-container .input-container .input-pass-signup-admin,
  .login .login-section form .create-acount-container .input-container .input-pass-signup-operator,
  .login .signup-section form .create-acount-container .input-container .input-mail-signup-admin,
  .login .signup-section form .create-acount-container .input-container .input-mail-signup-operator,
  .login .signup-section form .create-acount-container .input-container .input-pass-signup-admin,
  .login .signup-section form .create-acount-container .input-container .input-pass-signup-operator {
    width: 466px;
    height: 49px;
    margin: 0 0 22px;
  }
  .login .login-section form .create-acount-container .input-container .input-mail-signup-admin #txtPassword2,
  .login .login-section form .create-acount-container .input-container .input-mail-signup-admin #txtPassword3,
  .login .login-section form .create-acount-container .input-container .input-mail-signup-admin .input-mail-text-signup-operator,
  .login .login-section form .create-acount-container .input-container .input-mail-signup-admin .input-mail-text-signup-admin,
  .login .login-section form .create-acount-container .input-container .input-mail-signup-operator #txtPassword2,
  .login .login-section form .create-acount-container .input-container .input-mail-signup-operator #txtPassword3,
  .login .login-section form .create-acount-container .input-container .input-mail-signup-operator .input-mail-text-signup-operator,
  .login .login-section form .create-acount-container .input-container .input-mail-signup-operator .input-mail-text-signup-admin,
  .login .login-section form .create-acount-container .input-container .input-pass-signup-admin #txtPassword2,
  .login .login-section form .create-acount-container .input-container .input-pass-signup-admin #txtPassword3,
  .login .login-section form .create-acount-container .input-container .input-pass-signup-admin .input-mail-text-signup-operator,
  .login .login-section form .create-acount-container .input-container .input-pass-signup-admin .input-mail-text-signup-admin,
  .login .login-section form .create-acount-container .input-container .input-pass-signup-operator #txtPassword2,
  .login .login-section form .create-acount-container .input-container .input-pass-signup-operator #txtPassword3,
  .login .login-section form .create-acount-container .input-container .input-pass-signup-operator .input-mail-text-signup-operator,
  .login .login-section form .create-acount-container .input-container .input-pass-signup-operator .input-mail-text-signup-admin,
  .login .signup-section form .create-acount-container .input-container .input-mail-signup-admin #txtPassword2,
  .login .signup-section form .create-acount-container .input-container .input-mail-signup-admin #txtPassword3,
  .login .signup-section form .create-acount-container .input-container .input-mail-signup-admin .input-mail-text-signup-operator,
  .login .signup-section form .create-acount-container .input-container .input-mail-signup-admin .input-mail-text-signup-admin,
  .login .signup-section form .create-acount-container .input-container .input-mail-signup-operator #txtPassword2,
  .login .signup-section form .create-acount-container .input-container .input-mail-signup-operator #txtPassword3,
  .login .signup-section form .create-acount-container .input-container .input-mail-signup-operator .input-mail-text-signup-operator,
  .login .signup-section form .create-acount-container .input-container .input-mail-signup-operator .input-mail-text-signup-admin,
  .login .signup-section form .create-acount-container .input-container .input-pass-signup-admin #txtPassword2,
  .login .signup-section form .create-acount-container .input-container .input-pass-signup-admin #txtPassword3,
  .login .signup-section form .create-acount-container .input-container .input-pass-signup-admin .input-mail-text-signup-operator,
  .login .signup-section form .create-acount-container .input-container .input-pass-signup-admin .input-mail-text-signup-admin,
  .login .signup-section form .create-acount-container .input-container .input-pass-signup-operator #txtPassword2,
  .login .signup-section form .create-acount-container .input-container .input-pass-signup-operator #txtPassword3,
  .login .signup-section form .create-acount-container .input-container .input-pass-signup-operator .input-mail-text-signup-operator,
  .login .signup-section form .create-acount-container .input-container .input-pass-signup-operator .input-mail-text-signup-admin {
    width: 377px;
    background-color: #fff;
  }
}
@media screen and (min-width: 1024px) {
  .login .login-section form .create-acount-container .input-container .input-pass-signup-operator input,
  .login .signup-section form .create-acount-container .input-container .input-pass-signup-operator input {
    width: 377px;
  }
}
.login .login-section form .create-acount-container .input-container .invalid-alert-container,
.login .login-section form .create-acount-container .input-container .invalid-alert-container-signup-admin,
.login .login-section form .create-acount-container .input-container .invalid-alert-container-signup-operator,
.login .signup-section form .create-acount-container .input-container .invalid-alert-container,
.login .signup-section form .create-acount-container .input-container .invalid-alert-container-signup-admin,
.login .signup-section form .create-acount-container .input-container .invalid-alert-container-signup-operator {
  width: 280px;
  display: none;
}
.login .login-section form .create-acount-container .input-container .invalid-alert-container p,
.login .login-section form .create-acount-container .input-container .invalid-alert-container-signup-admin p,
.login .login-section form .create-acount-container .input-container .invalid-alert-container-signup-operator p,
.login .signup-section form .create-acount-container .input-container .invalid-alert-container p,
.login .signup-section form .create-acount-container .input-container .invalid-alert-container-signup-admin p,
.login .signup-section form .create-acount-container .input-container .invalid-alert-container-signup-operator p {
  color: #ff6060;
  font-size: 1.2rem;
  font-weight: 400;
  margin: 0;
}
.login .login-section form .create-acount-container .input-container .invalid-alert-container,
.login .signup-section form .create-acount-container .input-container .invalid-alert-container {
  margin-left: 30px;
}
@media screen and (min-width: 1024px) {
  .login .login-section form .create-acount-container .input-container .invalid-alert-container,
  .login .signup-section form .create-acount-container .input-container .invalid-alert-container {
    margin-left: 0;
  }
}
.login .login-section form .create-acount-container .input-container .input-mail-alert,
.login .signup-section form .create-acount-container .input-container .input-mail-alert {
  margin-top: 10px;
  margin-left: 5px;
  display: none;
}
.login .login-section form .create-acount-container .input-container .input-mail-alert p,
.login .signup-section form .create-acount-container .input-container .input-mail-alert p {
  font-size: 1.2rem;
  font-weight: 400;
  color: #727587;
  line-height: 1.6rem;
  width: 280px;
  margin: 0 auto 10px;
}
@media screen and (min-width: 1024px) {
  .login .login-section form .create-acount-container .input-container .input-mail-alert p,
  .login .signup-section form .create-acount-container .input-container .input-mail-alert p {
    width: auto;
  }
}
.login .login-section form .create-acount-container .input-container .input-pass-repeat-container,
.login .signup-section form .create-acount-container .input-container .input-pass-repeat-container {
  position: relative;
}
.login .login-section form .create-acount-container .input-container .input-pass-repeat-container .validate-pass-alert,
.login .signup-section form .create-acount-container .input-container .input-pass-repeat-container .validate-pass-alert {
  font-size: 1.2rem;
  font-weight: 400;
  color: #ff6060;
  margin: 0 0 0 63px;
  width: 338px;
  display: none;
}
@media screen and (min-width: 1024px) {
  .login .login-section form .create-acount-container .input-container .input-pass-repeat-container .validate-pass-alert,
  .login .signup-section form .create-acount-container .input-container .input-pass-repeat-container .validate-pass-alert {
    margin: 0 0 0 0px;
  }
}
.login .login-section form .create-acount-container .input-container .input-pass-repeat-container .check-validate1,
.login .signup-section form .create-acount-container .input-container .input-pass-repeat-container .check-validate1 {
  display: none;
  position: absolute;
  right: 40px;
  top: 26px;
  width: 15px;
}
@media screen and (min-width: 1024px) {
  .login .login-section form .create-acount-container .input-container .input-pass-repeat-container .check-validate1,
  .login .signup-section form .create-acount-container .input-container .input-pass-repeat-container .check-validate1 {
    right: -20px;
  }
}
.login .login-section form .create-acount-container .input-container .remember-container,
.login .signup-section form .create-acount-container .input-container .remember-container {
  margin: 12px 0 12px;
}
.login .login-section form .create-acount-container .input-container .remember-container p,
.login .signup-section form .create-acount-container .input-container .remember-container p {
  text-align: center;
  margin: 0;
}
.login .login-section form .create-acount-container .input-container .remember-container p:hover > a,
.login .signup-section form .create-acount-container .input-container .remember-container p:hover > a {
  color: #4871bf;
  text-decoration: underline;
  transition: all 0.3s linear;
}
.login .login-section form .create-acount-container .input-container .remember-container p a,
.login .signup-section form .create-acount-container .input-container .remember-container p a {
  cursor: pointer;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.2rem;
  color: #727587;
}
.login .login-section form .create-acount-container .input-container .btn-test-free,
.login .signup-section form .create-acount-container .input-container .btn-test-free {
  background: #6097ff;
  margin-top: 2px;
  /*margin-bottom: 10px;*/
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  border: 0;
  outline: none;
  cursor: pointer;
  border-radius: 10px;
  height: 33px;
  width: 280px;
  transition: all 0.3s linear;
  /* padding: 0 0 0 19px;*/
}
.login .login-section form .create-acount-container .input-container .btn-test-free:hover,
.login .signup-section form .create-acount-container .input-container .btn-test-free:hover {
  background-color: #4871bf;
}
@media screen and (min-width: 1024px) {
  .login .login-section form .create-acount-container .input-container .btn-test-free,
  .login .signup-section form .create-acount-container .input-container .btn-test-free {
    width: 339px;
    height: 49px;
  }
}
@media screen and (min-width: 1500px) {
  .login .login-section form .create-acount-container .input-container .btn-test-free,
  .login .signup-section form .create-acount-container .input-container .btn-test-free {
    width: 466px;
  }
}
.login .login-section form .create-acount-container .input-container .btn-variant,
.login .signup-section form .create-acount-container .input-container .btn-variant {
  margin-top: 11px;
}
@media screen and (min-width: 1024px) {
  .login .login-section form .create-acount-container .input-container .btn-test-free-signup,
  .login .signup-section form .create-acount-container .input-container .btn-test-free-signup {
    width: 466px;
  }
}
.login .login-section form .create-acount-container .input-container .input-pass-signup-admin,
.login .signup-section form .create-acount-container .input-container .input-pass-signup-admin {
  margin: 0;
}
.login .login-section form .create-acount-container .account,
.login .signup-section form .create-acount-container .account {
  position: relative;
  z-index: 160;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.login .login-section form .create-acount-container .account p,
.login .signup-section form .create-acount-container .account p {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: #43475f;
  margin: 24px 0;
}
.login .login-section form .create-acount-container .account p a,
.login .signup-section form .create-acount-container .account p a {
  color: #6097ff;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.login .login-section form .create-acount-container .account p a:hover,
.login .signup-section form .create-acount-container .account p a:hover {
  text-decoration: underline;
}
.login .login-section form .create-acount-container .terms,
.login .signup-section form .create-acount-container .terms {
  position: relative;
  z-index: 150;
}
.login .login-section form .create-acount-container .terms p,
.login .signup-section form .create-acount-container .terms p {
  color: #43475f;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  max-width: 400px;
  margin: 0 auto 10px;
}
.login .login-section form .create-acount-container .terms p a,
.login .signup-section form .create-acount-container .terms p a {
  color: #336bd4;
  text-decoration: none;
  transition: all 0.3s linear;
}
.login .login-section form .create-acount-container .terms p a:hover,
.login .signup-section form .create-acount-container .terms p a:hover {
  text-decoration: underline;
}
.login .signup-section {
  width: auto;
}

.signup-container {
  max-width: 100%;
  justify-content: center;
}
@media screen and (min-width: 901px) {
  .signup-container {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .signup-container {
    padding-bottom: 50px;
  }
}
.signup-container .signup {
  flex-direction: column;
  background: #fff;
  box-shadow: 11px 18px 50px rgba(50, 91, 170, 0.2);
}
@media screen and (min-width: 901px) {
  .signup-container .signup {
    width: 707px;
    border-radius: 69px;
    margin-top: 70px;
  }
}
@media screen and (min-width: 1024px) {
  .signup-container .signup {
    position: relative;
    z-index: 160;
  }
}
.signup-container .signup {
  /* @include biggest-desktop {
    margin-top: 163px;
  }*/
}
.signup-container .signup .banner-signup-section {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 901px) {
  .signup-container .signup .banner-signup-section {
    height: 80px;
    border-radius: 69px 69px 0 0;
  }
}
@media screen and (min-width: 1500px) {
  .signup-container .signup .banner-signup-section {
    padding-top: 0;
  }
}
.signup-container .signup .banner-signup-section .container-logo img {
  margin: 0;
}

.container-logo-footer {
  display: none;
}
@media screen and (min-width: 1024px) {
  .container-logo-footer {
    display: block;
    text-align: center;
    margin-top: 30px;
  }
}

/*tabs*/
.active {
  background: #fff;
  transition: all 0.4s ease-in-out;
}
.active .tab-link {
  transition: all 0.3s linear;
  color: #405789 !important;
}

.title-signup {
  color: #405789;
  margin: 16px 0 11px;
  text-align: center;
}
.title-signup h1 {
  font-weight: 600;
  font-size: 2rem;
}
@media screen and (min-width: 1024px) {
  .title-signup h1 {
    font-size: 2.5rem;
  }
}

.wrap {
  position: relative;
  z-index: 160;
}
.wrap .tabs-list {
  margin: 0 auto 22px;
  padding: 5px 6px;
  border-radius: 100px;
  width: 338px;
  height: 51px;
  background: #88b1ff;
  list-style: none;
  display: flex;
  gap: 28px;
  align-items: center;
}
.wrap .tabs-list .tab-item {
  width: 153px;
  padding: 7px 16px;
  border-radius: 100px;
  text-align: center;
}
.wrap .tabs-list .tab-item .tab-link {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.svg-mail-signup-operator {
  width: 18px;
}

/*modal content*/
#recoverPass .modal-dialog {
  min-width: 339px !important;
  max-width: 707px !important;
}
#recoverPass .modal-dialog .modal-header {
  border-top-left-radius: 40px !important;
  border-top-right-radius: 40px !important;
}
#recoverPass .modal-dialog .modal-body {
  border-bottom-left-radius: 40px !important;
  border-bottom-right-radius: 40px !important;
}
#recoverPass .modal-dialog .modal-body .recover-info-container {
  margin-bottom: 22px;
}
#recoverPass .modal-dialog .modal-body .recover-info-container p {
  color: #727587;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
#recoverPass .modal-dialog .modal-body .recover-input-container {
  width: 280px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .recover-input-container {
    width: 466px;
  }
}
#recoverPass .modal-dialog .modal-body .recover-input-container .invalid-alert-container-signup-modal {
  width: 280px;
  display: none;
}
#recoverPass .modal-dialog .modal-body .recover-input-container .invalid-alert-container-signup-modal p {
  color: #ff6060;
  font-size: 1.2rem;
  font-weight: 400;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .recover-input-container .input-mail-signup-modal {
    width: 466px;
    height: 49px;
  }
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .recover-input-container .input-mail-signup-modal .input-mail-text-signup-modal {
    width: 90%;
  }
}
#recoverPass .modal-dialog .modal-body .btn-recover-container {
  text-align: center;
}
#recoverPass .modal-dialog .modal-body .btn-recover-container .btn-recover {
  background: #6097ff;
  border: 0;
  outline: none;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  border-radius: 10px;
  padding: 9px 0 7px;
  cursor: pointer;
  margin-bottom: 31px;
  width: 280px;
  transition: all 0.3s linear;
}
#recoverPass .modal-dialog .modal-body .btn-recover-container .btn-recover:hover {
  background-color: #4871bf;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .btn-recover-container .btn-recover {
    width: 466px;
    height: 49px;
  }
}
#recoverPass .modal-dialog .modal-body .recover-check-validate {
  display: none;
  margin-bottom: 53px;
  text-align: center;
}
#recoverPass .modal-dialog .modal-body .recover-check-validate img {
  width: 43px;
}
#recoverPass .modal-dialog .modal-body .recover-info-container,
#recoverPass .modal-dialog .modal-body .recover-intent-container,
#recoverPass .modal-dialog .modal-body .recover-cap-container,
#recoverPass .modal-dialog .modal-body .info-pass-changed {
  width: 278px;
  margin: 0 auto 22px;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .recover-info-container,
  #recoverPass .modal-dialog .modal-body .recover-intent-container,
  #recoverPass .modal-dialog .modal-body .recover-cap-container,
  #recoverPass .modal-dialog .modal-body .info-pass-changed {
    width: 433px;
  }
}
#recoverPass .modal-dialog .modal-body .recover-intent-container,
#recoverPass .modal-dialog .modal-body .recover-cap-container,
#recoverPass .modal-dialog .modal-body .recover-cap-container,
#recoverPass .modal-dialog .modal-body .input-pass-recover-cap-container,
#recoverPass .modal-dialog .modal-body .input-pass-repeat-recover-cap-container,
#recoverPass .modal-dialog .modal-body .btn-cap-pass-container,
#recoverPass .modal-dialog .modal-body .check-pass-changed,
#recoverPass .modal-dialog .modal-body .info-pass-changed,
#recoverPass .modal-dialog .modal-body .btn-signup,
#recoverPass .modal-dialog .modal-body .logo-footer-container-white,
#recoverPass .modal-dialog .modal-body .btn-recover-wsp {
  display: none;
}
#recoverPass .modal-dialog .modal-body .recover-intent-container p,
#recoverPass .modal-dialog .modal-body .recover-cap-container p,
#recoverPass .modal-dialog .modal-body .recover-cap-container p,
#recoverPass .modal-dialog .modal-body .input-pass-recover-cap-container p,
#recoverPass .modal-dialog .modal-body .input-pass-repeat-recover-cap-container p,
#recoverPass .modal-dialog .modal-body .btn-cap-pass-container p,
#recoverPass .modal-dialog .modal-body .check-pass-changed p,
#recoverPass .modal-dialog .modal-body .info-pass-changed p,
#recoverPass .modal-dialog .modal-body .btn-signup p,
#recoverPass .modal-dialog .modal-body .logo-footer-container-white p,
#recoverPass .modal-dialog .modal-body .btn-recover-wsp p {
  font-size: 1.6rem;
  font-weight: 500;
  color: #727587;
  text-align: center;
  margin-bottom: 31px;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .input-pass-recover-cap-container {
    width: 466px !important;
    height: 49px;
  }
}
#recoverPass .modal-dialog .modal-body .input-pass-recover-cap-container #txtPassword5 {
  height: 31px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .input-pass-recover-cap-container #txtPassword5 {
    height: 46px;
  }
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .input-pass-repeat-recover-cap-container .input-pass-repeat-recover-cap-content {
    width: 466px;
    height: 49px;
  }
}
#recoverPass .modal-dialog .modal-body .input-pass-repeat-recover-cap-container #txtPassword6 {
  width: 71%;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .input-pass-repeat-recover-cap-container #txtPassword6 {
    width: 83%;
    height: 47px;
  }
}
#recoverPass .modal-dialog .modal-body .input-pass-repeat-recover-cap-container .variant {
  margin-right: 0;
}
#recoverPass .modal-dialog .modal-body .input-pass-repeat-recover-cap-container p {
  margin: 0 95px 0 0;
  color: #ff6060;
  font-size: 1.2rem;
  display: none;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .input-pass-repeat-recover-cap-container p {
    width: 375px;
  }
}
#recoverPass .modal-dialog .modal-body .input-pass-repeat-recover-cap-container .input-pass-repeat-recover-cap-content {
  position: relative;
}
#recoverPass .modal-dialog .modal-body .input-pass-repeat-recover-cap-container .input-pass-repeat-recover-cap-content .check-validate6 {
  position: absolute;
  right: -20px;
  top: 8px;
  width: 15px;
  display: none;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .input-pass-repeat-recover-cap-container .input-pass-repeat-recover-cap-content .check-validate6 {
    top: 15px;
  }
}
#recoverPass .modal-dialog .modal-body .btn-cap-pass-container {
  text-align: center;
  margin-bottom: 31px;
}
#recoverPass .modal-dialog .modal-body .btn-cap-pass-container .btn-recover-pass {
  cursor: pointer;
  border: 0;
  outline: none;
  color: #fff;
  background-color: #6097ff;
  font-size: 1.4rem;
  font-weight: 600;
  border-radius: 10px;
  padding: 9px 0 7px;
  width: 280px;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .btn-cap-pass-container .btn-recover-pass {
    width: 466px;
    height: 49px;
  }
}
#recoverPass .modal-dialog .modal-body .btn-recover-wsp {
  text-align: center;
}
#recoverPass .modal-dialog .modal-body .btn-recover-wsp a {
  background: #6097ff;
  border: 0;
  outline: none;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  border-radius: 10px;
  padding: 6px 0 5px;
  width: 280px;
  height: 33px;
  cursor: pointer;
  display: block;
  margin: 0 auto 20px;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .btn-recover-wsp a {
    padding: 9px 0 7px;
    width: 466px;
    height: 49px;
    font-size: 2rem;
    margin-bottom: 25px;
  }
}
#recoverPass .modal-dialog .modal-body .btn-recover-wsp a img {
  margin-left: 10px;
  width: 21px;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .btn-recover-wsp a img {
    width: 28px;
  }
}
#recoverPass .modal-dialog .modal-body .logo-footer-container {
  text-align: center;
}
#recoverPass .modal-dialog .modal-body .check-pass-changed {
  text-align: center;
}
#recoverPass .modal-dialog .modal-body .check-pass-changed img {
  margin-top: 26px;
  margin-bottom: 59px;
}
#recoverPass .modal-dialog .modal-body .info-pass-changed {
  margin-bottom: 50px;
}
#recoverPass .modal-dialog .modal-body .info-pass-changed p {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .info-pass-changed p {
    font-size: 2.5rem;
  }
}
#recoverPass .modal-dialog .modal-body .btn-signup {
  width: 100%;
  margin-bottom: 38px;
}
#recoverPass .modal-dialog .modal-body .btn-signup a {
  background: #fff;
  border: 0;
  outline: none;
  border-radius: 10px;
  color: #6097ff;
  font-weight: 700;
  font-size: 1.4rem;
  padding: 9px 0 10px;
  width: 280px;
  display: block;
  margin: 0 auto;
  text-align: center;
  transition: all 0.3s linear;
}
#recoverPass .modal-dialog .modal-body .btn-signup a:hover {
  background-color: #d7e5ff;
  color: #304b7f;
}
@media screen and (min-width: 1024px) {
  #recoverPass .modal-dialog .modal-body .btn-signup a {
    width: 466px;
    font-size: 2rem;
  }
}
#recoverPass .modal-dialog .modal-body .logo-footer-container-white {
  text-align: center;
}

#show_password6 {
  border-radius: 0 10px 10px 0;
}

@media screen and (min-width: 1024px) {
  .alarge-modal {
    height: 472px !important;
  }
}

.rotate {
  transform: rotate(180deg);
}

.svg-phone {
  width: 22px;
}
@media screen and (min-width: 1024px) {
  .svg-phone {
    width: 27px;
  }
}

.input-phone {
  flex-wrap: nowrap;
  gap: 3px;
  border: 0;
  position: relative;
}
.input-phone .country-phone-container {
  display: flex;
  border-radius: 10px;
  border: 1px #727587 solid;
}
.input-phone .country-phone-container .input-group-prepend {
  margin: 0;
}
.input-phone .country-phone-container .input-group-prepend img {
  width: 37px;
}
.input-phone .country-phone-container .input-code-text,
.input-phone .country-phone-container .input-code-text-modal {
  width: 45px;
}
.input-phone .phone-container {
  border-radius: 10px;
  border: 1px #727587 solid;
  display: flex;
}
.input-phone .phone-container .input-group-prepend.variante {
  margin-right: 0px;
}
.input-phone .phone-container .input-telf-text {
  width: 135px;
}
@media screen and (min-width: 1024px) {
  .input-phone .phone-container .input-telf-text {
    width: 198px;
  }
}
@media screen and (min-width: 1500px) {
  .input-phone .phone-container .input-telf-text {
    width: 335px;
  }
}
.input-phone .phone-container .input-telf-text.variante {
  width: 135px;
}
@media screen and (min-width: 1024px) {
  .input-phone .phone-container .input-telf-text.variante {
    width: 320px;
  }
}

.input-phone.country-step-1 {
  justify-content: space-between;
  margin: auto;
  margin-bottom: 22px;
}
@media screen and (min-width: 1024px) {
  .input-phone.country-step-1 {
    justify-content: center;
    width: 490px;
    margin: 0 auto 22px;
  }
  .input-phone.country-step-1 .svg-phone {
    width: 27px;
  }
  .input-phone.country-step-1 .input-telf-text {
    width: 308px;
  }
}

.number-step-1 {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .number-step-1 #btn-continue3 {
    width: 466px;
    margin: 0 auto 10px;
  }
}

.check-validate-number {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .check-validate-number {
    transform: translateY(-40%);
  }
}

.check-validate-number-modal {
  right: -20px;
}
@media screen and (min-width: 1024px) {
  .check-validate-number-modal {
    right: -10px;
  }
}

.check-validate-code {
  position: absolute;
  right: -20px;
  top: 50%;
  width: 15px;
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .check-validate-code {
    top: 40%;
  }
}

.code-verification-desc {
  display: flex;
}
.code-verification-desc p {
  width: 280px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.08em;
  color: #43475f;
}
@media screen and (min-width: 1024px) {
  .code-verification-desc p {
    font-size: 16px;
    line-height: 23px;
    width: 341px;
  }
}

.code-verification-info,
.code-verification-info-modal {
  display: flex;
  width: 273px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .code-verification-info,
  .code-verification-info-modal {
    width: 340px;
  }
}
.code-verification-info p,
.code-verification-info-modal p {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #a1a3af;
}
@media screen and (min-width: 1024px) {
  .code-verification-info p,
  .code-verification-info-modal p {
    font-size: 15px;
    line-height: 21px;
  }
}

.code-verification-info-modal {
  width: 280px;
}
@media screen and (min-width: 1024px) {
  .code-verification-info-modal {
    justify-content: center;
    margin: 0 auto 10px;
    width: 466px;
  }
}
@media screen and (min-width: 1024px) {
  .code-verification-info-modal .input-content-code-verify input {
    width: 242px;
    height: 50px;
  }
}

.input-content-code-verify {
  position: relative;
  display: flex;
  gap: 4px;
}
.input-content-code-verify .code-wrong {
  position: absolute;
  top: -18px;
  font-weight: 400;
  font-size: 11px;
  color: #ff6060;
}
.input-content-code-verify input {
  border-radius: 10px;
  width: 165px;
  height: 40px;
  border: 1px solid #727587;
  font-weight: 700;
  font-size: 33px;
  color: #323547;
  outline: none;
  text-align: center;
}
.input-content-code-verify input:focus, .input-content-code-verify input:focus-visible {
  outline: none;
}
@media screen and (min-width: 1024px) {
  .input-content-code-verify input {
    width: 175px;
  }
}

.no-code p {
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  color: #727587;
  cursor: pointer;
}
.no-code p:hover > a {
  text-decoration: underline;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .no-code p {
    font-size: 16px;
  }
}
.no-code p a {
  text-decoration: none;
  color: #4871bf;
  transition: all 0.1s linear;
}
.no-code p a:hover {
  text-decoration: underline;
  font-weight: 700;
}

.no-code-modal {
  display: none;
}

.desc-code-no-sent {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.08em;
  color: #304b7f;
  position: relative;
  z-index: 151;
  max-width: 430px;
}
@media screen and (min-width: 1024px) {
  .desc-code-no-sent {
    font-size: 17px;
    margin: 0 auto 40px;
    line-height: 26px;
  }
}
.desc-code-no-sent a {
  color: #304b7f;
}

.country-select .select-box.variante-register {
  width: 100px !important;
}
.country-select .select-box.variante-register .select {
  height: 33px !important;
  padding: 6px !important;
  border-radius: 10px;
  border: 1px #727587 solid;
}
@media screen and (min-width: 1024px) {
  .country-select .select-box.variante-register .select {
    height: 49px !important;
  }
}
.country-select .select-box.variante-register .select .arrow-select-country10 {
  width: 15px !important;
}
.country-select .select-box.variante-register .select .select-content {
  display: flex;
  align-items: center;
}
.country-select .select-box.variante-register .select .select-content .item-list-first,
.country-select .select-box.variante-register .select .select-content .item-list {
  width: 32px !important;
}
.country-select .select-box.variante-register .select .select-content img {
  width: 32px !important;
}
.country-select .select-box.variante-register .select .select-content p {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  color: #727587;
}
.country-select .select-box.variante-register .options {
  width: 110px !important;
  margin-top: 0 !important;
}
.country-select .select-box.variante-register .options.variante {
  left: 0 !important;
}
.country-select .select-box.variante-register .options .option {
  padding: 4px !important;
  display: flex !important;
  align-items: center;
  justify-content: start;
  gap: 5px;
}
.country-select .select-box.variante-register .options .option p {
  margin: 0 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #727587 !important;
  cursor: pointer;
}

.alert-phone {
  font-weight: 400;
  margin: -10px 0 5px;
  color: #ff6060;
  padding-left: 85px;
  width: 240px;
  font-size: 12px;
  line-height: 15px;
}
@media screen and (min-width: 1024px) {
  .alert-phone {
    font-size: 14px;
    width: 270px;
    padding-left: 70px;
  }
}
@media screen and (min-width: 1500px) {
  .alert-phone {
    width: 350px;
    padding-left: 45px;
  }
}

#options10 {
  height: 188px;
  overflow-y: auto;
}

#options11 {
  height: 240px;
  overflow-y: auto;
}

#options10::-webkit-scrollbar {
  -webkit-appearance: none;
}
#options10::-webkit-scrollbar:vertical {
  width: 10px;
}
#options10::-webkit-scrollbar:horizontal {
  height: 10px;
}

@media screen and (min-width: 1024px) {
  .input-group-text.variante {
    width: 35px;
  }
}

#options10::-webkit-scrollbar-button:increment,
#options10::-webkit-scrollbar-button {
  display: none;
}

#options10::-webkit-scrollbar-thumb {
  background-color: #4871bf;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}

#options10::-webkit-scrollbar-track {
  border-radius: 10px;
}

#options11::-webkit-scrollbar {
  -webkit-appearance: none;
}
#options11::-webkit-scrollbar:vertical {
  width: 10px;
}
#options11::-webkit-scrollbar:horizontal {
  height: 10px;
}

#options11::-webkit-scrollbar-button:increment,
#options11::-webkit-scrollbar-button {
  display: none;
}

#options11::-webkit-scrollbar-thumb {
  background-color: #4871bf;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}

#options11::-webkit-scrollbar-track {
  border-radius: 10px;
}

.float-cloud {
  position: relative;
}
.float-cloud .float-cloud-content {
  /*  position: absolute;
  left: 50%;
  z-index: 100;
  top: -170px;
  transform: translateX(-50%); */
  width: 460px;
  margin: 10px auto;
  background: rgba(255, 255, 255, 0.6);
  border: 4.61353px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(23.0676px);
  border-radius: 25.8358px;
}
.float-cloud .float-cloud-content p {
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  color: #405789;
}
.float-cloud .float-cloud-content p span {
  background-color: #ffe600;
  padding: 2px 4px;
  border-radius: 25.8358px;
}

.vuelta-meli-container .cert-desc {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.07em;
  color: #2c3356;
}
.vuelta-meli-container .cert-desc span {
  background: #eef4ff;
  border-radius: 50px;
  padding: 2px 3px 3px;
}
.vuelta-meli-container .cert-desc .img-cert {
  width: 23px;
}
.vuelta-meli-container .link-tnube {
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  color: #304b7f !important;
}

.btn-cert-container a {
  width: max-content;
  max-width: 155px;
  font-size: 11px;
  padding: 3px 6px;
  line-height: 115%;
  text-align: start;
}

.emprendstyle {
  height: calc(100vh - 40px);
}

.input-code.variante1 {
  position: absolute;
  top: -1000px;
}
.input-code.variante2 {
  position: absolute;
  z-index: -1000;
  left: -50000px;
}

header {
  position: fixed;
  top: 40px;
  z-index: 6;
  width: 100%;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  header {
    display: flex;
    justify-content: center;
    box-shadow: 0px 0px 7px rgba(82, 80, 80, 0.6156862745);
  }
}
header .header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 67px;
  padding: 8px 0 8px 17px;
  gap: 20px;
  position: relative;
  z-index: 10;
  background: #fff;
  box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1024px) {
  header .header-content {
    justify-content: center;
    z-index: 1;
    height: 60px;
    box-shadow: none;
  }
}
header .header-content .logo-container img {
  width: 180px;
}
header .header-content div {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: flex-end;
}
header .header-content div .menu-container {
  height: 100%;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 10;
}
header .header-content div .menu-container label {
  padding: 8px 19px 0 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 1024px) {
  header .header-content div .menu-container label {
    display: none;
  }
}
header .header-content div .menu-container label div {
  position: relative;
  padding-top: 8px;
  transition: all 0.5s linear;
}
header .header-content div .menu-container label div span {
  height: 2px;
  width: 25px;
  background-color: #6097ff;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50px;
}
header .header-content div .menu-container label div .span1 {
  top: 0px;
}
header .header-content div .menu-container label div .span2 {
  top: 10px;
}
header .header-content div .menu-container label div .span3 {
  top: 20px;
}
header .header-content div .menu-container .menuBotton {
  display: none;
}
header .navContainer {
  position: absolute;
  top: 67px;
  right: -600px;
  transition: all 0.5s ease-out;
  z-index: 9;
}
@media screen and (min-width: 1024px) {
  header .navContainer {
    width: auto;
    position: relative;
    right: 0 !important;
    top: 0;
  }
}
header .navContainer .menuContainer {
  height: 100vh;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  header .navContainer .menuContainer {
    height: 60px;
    width: 100%;
    top: 0;
    background: transparent;
  }
}
header .navContainer .menuContainer .menuDropdown {
  color: #000000;
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  header .navContainer .menuContainer .menuDropdown {
    padding-right: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 60px;
  }
}
header .navContainer .menuContainer .menuDropdown .menuItem {
  font-size: 1.7rem;
  line-height: 7rem;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  header .navContainer .menuContainer .menuDropdown .menuItem {
    height: 100%;
    display: flex;
    align-items: center;
    line-height: 3rem;
  }
}
header .navContainer .menuContainer .menuDropdown .menuItem:hover {
  background-color: #d7e5ff;
}
header .navContainer .menuContainer .menuDropdown .menuItem .menuLink {
  height: 7rem;
  display: inline-block;
  width: 100%;
  padding: 0 15px;
  font-weight: 600;
  font-size: 18px;
  color: #405789;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1024px) {
  header .navContainer .menuContainer .menuDropdown .menuItem .menuLink {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 15px;
  }
}
header .navContainer .menuContainer .menuDropdown .dropdown-item {
  /*  &:hover > .drop-item-menu {
    display: block;
  } */
  padding: 0 !important;
}
@media screen and (min-width: 1024px) {
  header .navContainer .menuContainer .menuDropdown .dropdown-item {
    position: relative;
  }
}
header .navContainer .menuContainer .menuDropdown .dropdown-item .menuLink:after {
  content: url(./../assets/icons/arrow-down-black.svg);
  margin-left: 10px;
}
header .navContainer .menuContainer .menuDropdown .dropdown-item .drop-item-menu {
  list-style: none;
  padding: 0;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  display: none;
}
@media screen and (min-width: 1024px) {
  header .navContainer .menuContainer .menuDropdown .dropdown-item .drop-item-menu {
    position: absolute;
    top: 60px;
    left: 0;
    box-shadow: 0px 4px 31px rgba(0, 0, 0, 0.15);
    width: 250px;
  }
}
header .navContainer .menuContainer .menuDropdown .dropdown-item .drop-item-menu:hover {
  display: block;
}
header .navContainer .menuContainer .menuDropdown .dropdown-item .drop-item-menu.active {
  display: block;
}
header .navContainer .menuContainer .menuDropdown .dropdown-item .drop-item-menu .drop-item {
  padding: 0px 8px;
}
@media screen and (min-width: 1024px) {
  header .navContainer .menuContainer .menuDropdown .dropdown-item .drop-item-menu .drop-item {
    padding: 0;
  }
}
header .navContainer .menuContainer .menuDropdown .dropdown-item .drop-item-menu .drop-item:hover {
  background-color: #d7e5ff;
}
header .navContainer .menuContainer .menuDropdown .dropdown-item .drop-item-menu .drop-item .drop-link {
  text-decoration: none;
  font-weight: 600;
  font-size: 17px;
  color: #405789;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
@media screen and (min-width: 1024px) {
  header .navContainer .menuContainer .menuDropdown .dropdown-item .drop-item-menu .drop-item .drop-link {
    font-weight: 500;
    font-size: 15px;
    padding: 12px 8px;
  }
}
header .navContainer .menuContainer .menuDropdown .dropdown-item .drop-item-menu .drop-item .drop-link img {
  width: 38px;
}
header .navContainer .menuContainer .menuDropdown .dropdown-item .drop-item-menu .drop-item .drop-link img.variant {
  width: 30px;
  margin-right: 5px;
  margin-left: 3px;
}
header .navContainer .menuContainer .menuDropdown .itemButtons {
  padding: 0 15px;
}
@media screen and (min-width: 1024px) {
  header .navContainer .menuContainer .menuDropdown .itemButtons {
    display: flex;
    gap: 20px;
  }
}
header .navContainer .menuContainer .menuDropdown .itemButtons button {
  display: block;
  padding: 6px 0;
  width: 240px;
  border-radius: 3px;
  font-weight: 500;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  header .navContainer .menuContainer .menuDropdown .itemButtons button {
    width: 130px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1366px) {
  header .navContainer .menuContainer .menuDropdown .itemButtons button {
    width: 190px;
  }
}
@media screen and (min-width: 1500px) {
  header .navContainer .menuContainer .menuDropdown .itemButtons button {
    width: 200px;
  }
}
header .navContainer .menuContainer .menuDropdown .itemButtons button:focus, header .navContainer .menuContainer .menuDropdown .itemButtons button:focus-visible {
  outline: none;
}
header .navContainer .menuContainer .menuDropdown .itemButtons .btn-init-free {
  background-color: #fff;
  color: #6097ff;
  border: #6097ff 2px solid;
}
header .navContainer .menuContainer .menuDropdown .itemButtons .btn-init-free:focus, header .navContainer .menuContainer .menuDropdown .itemButtons .btn-init-free:focus-visible {
  outline: none;
  border: 0;
}
header .navContainer .menuContainer .menuDropdown .itemButtons .btn-init-free:hover {
  color: #4871bf;
  border: #4871bf 2px solid;
}
@media screen and (min-width: 1024px) {
  header .navContainer .menuContainer .menuDropdown .itemButtons .btn-init-free {
    font-size: 18px;
  }
}
header .navContainer .menuContainer .menuDropdown .itemButtons .btn-init-session {
  background-color: #fff;
  background-color: #6097ff;
  color: #fff;
  border: 0;
  outline: none;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  header .navContainer .menuContainer .menuDropdown .itemButtons .btn-init-session {
    width: 220px;
    font-size: 18px;
  }
}
header .navContainer .menuContainer .menuDropdown .itemButtons .btn-init-session:hover {
  background-color: #4871bf !important;
}

.country-container form .country-select {
  text-align: center;
}
.country-container form .country-select .select-box {
  border-radius: 8px;
  margin: auto;
  position: relative;
}
.country-container form .country-select .select-box:hover {
  background: #f2f7ff;
}
.country-container form .country-select .select-box .select {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.2s ease all;
  margin-bottom: 3px;
  padding: 6px 13px;
  position: relative;
  box-shadow: none;
}
.country-container form .country-select .select-box .select.active .arrow-select-country9 {
  margin-left: 5px;
}
.country-container form .country-select .select-box .select .select-content p {
  display: none;
}
.country-container form .country-select .select-box .select .select-content .item-list-first,
.country-container form .country-select .select-box .select .select-content .item-list {
  width: 37px;
  margin: 0;
  color: #727587;
}
@media screen and (min-width: 1024px) {
  .country-container form .country-select .select-box .select .select-content .item-list-first,
  .country-container form .country-select .select-box .select .select-content .item-list {
    font-size: 1.8rem;
  }
}
.country-container form .country-select .select-box .select .arrow-select-country9 {
  width: 15px;
  margin-left: 5px;
}
.country-container form .country-select .select-box .options {
  position: absolute;
  right: 0;
  z-index: 170;
  width: 200px;
  margin-top: 7px;
  background: #f0f0f0;
  border-radius: 8px;
  display: none;
}
.country-container form .country-select .select-box .options.active {
  display: block;
  animation: fadeIn 0.3s forwards;
  filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.4039215686));
  box-shadow: none;
}
.country-container form .country-select .select-box .options .option {
  padding: 6px 13px;
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: start;
}
.country-container form .country-select .select-box .options .option:hover {
  background: #d7e5ff;
}
.country-container form .country-select .select-box .options .option .item-list {
  color: #405789;
  font-size: 1.8rem;
  margin: 0;
  text-align: start;
  width: 43px;
}
.country-container form .country-select .select-box .options .option p {
  font-weight: 500;
  font-size: 18px;
  color: #405789;
  margin: 0;
  cursor: pointer;
}

.country-container1 form .country-select {
  text-align: center;
}
.country-container1 form .country-select .select-box {
  border-radius: 8px;
  margin: auto;
  position: relative;
}
.country-container1 form .country-select .select-box:hover {
  background: #f2f7ff;
}
.country-container1 form .country-select .select-box .select {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.2s ease all;
  margin-bottom: 3px;
  padding: 6px 13px;
  position: relative;
  box-shadow: none;
}
.country-container1 form .country-select .select-box .select.active .arrow-select-country9 {
  margin-left: 5px;
}
.country-container1 form .country-select .select-box .select .select-content .item-list-first,
.country-container1 form .country-select .select-box .select .select-content .item-list {
  width: 37px;
  margin: 0;
  color: #727587;
}
@media screen and (min-width: 1024px) {
  .country-container1 form .country-select .select-box .select .select-content .item-list-first,
  .country-container1 form .country-select .select-box .select .select-content .item-list {
    font-size: 1.8rem;
  }
}
.country-container1 form .country-select .select-box .select .arrow-select-country9 {
  width: 15px;
  margin-left: 5px;
}
.country-container1 form .country-select .select-box .options {
  position: absolute;
  right: 0;
  z-index: 170;
  width: 200px;
  margin-top: 7px;
  background: #f0f0f0;
  border-radius: 8px;
  display: none;
}
.country-container1 form .country-select .select-box .options.active {
  display: block;
  animation: fadeIn 0.3s forwards;
  filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.4039215686));
  box-shadow: none;
}
.country-container1 form .country-select .select-box .options .option {
  padding: 6px 13px;
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: start;
}
.country-container1 form .country-select .select-box .options .option:hover {
  background: #d7e5ff;
}
.country-container1 form .country-select .select-box .options .option .item-list {
  color: #405789;
  font-size: 1.8rem;
  margin: 0;
  text-align: start;
  width: 43px;
}
.country-container1 form .country-select .select-box .options .option p {
  font-weight: 500;
  font-size: 18px;
  color: #405789;
  margin: 0;
}

.menu-active {
  right: 0 !important;
}

.efects-menu .span1 {
  transform: rotate(45deg) translateX(-3px) translateY(20px) !important;
  transition: all 0.3s linear;
}
.efects-menu .span2 {
  opacity: 0;
  transition: all 0.2s linear;
}
.efects-menu .span3 {
  transform: rotate(-45deg) translateX(-6px) translateY(-16px) !important;
  transition: all 0.3s linear;
}

.menu-blur {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.411);
  display: none;
}

.active {
  display: block;
}

.banner-container {
  position: relative;
  background: linear-gradient(180deg, #4c76fd 0%, #4c76fd 100%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px 0;
}
@media screen and (min-width: 1024px) {
  .banner-container {
    padding: 14px 0 0;
    flex-direction: row;
  }
}
.banner-container.variante {
  background-color: #e4ecff;
  padding: 30px 0 0 0;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .banner-container.variante {
    text-align: start;
    display: flex;
    align-items: center;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1500px) {
  .banner-container.variante {
    justify-content: center;
  }
}
.banner-container.variante img {
  width: 600px;
}
.banner-container img {
  width: 100vw;
}
@media screen and (min-width: 1024px) {
  .banner-container img {
    height: 100%;
  }
}
.banner-container .banner-text {
  text-align: center;
  padding: 12px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 400px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .banner-container .banner-text {
    max-width: none;
    margin: 0;
    position: absolute;
    text-align: start;
    top: 10%;
    left: 5%;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 1366px) {
  .banner-container .banner-text {
    top: 15%;
  }
}
.banner-container .banner-text.variante {
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .banner-container .banner-text.variante {
    display: block;
    position: static;
  }
}
.banner-container .banner-text h1 {
  font-weight: 500;
  font-size: 2.7rem;
  line-height: 3.2rem;
  text-align: start;
  color: #fff;
}
.banner-container .banner-text h1.changer {
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .banner-container .banner-text h1.changer {
    margin-top: 40px;
  }
}
.banner-container .banner-text h1.changer .changer-content {
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
}
.banner-container .banner-text h1.changer .changer-content strong {
  position: absolute;
  top: -56px;
  display: none;
  width: max-content;
}
@media screen and (min-width: 1024px) {
  .banner-container .banner-text h1.changer .changer-content strong {
    top: -84px;
  }
}
.banner-container .banner-text h1.variante {
  font-size: 3rem;
  line-height: 3.8rem;
}
@media screen and (min-width: 1024px) {
  .banner-container .banner-text h1 {
    text-align: start;
    font-size: 4rem;
    line-height: 4.3rem;
    order: 1;
  }
}
@media screen and (min-width: 1366px) {
  .banner-container .banner-text h1 {
    font-size: 44px;
  }
}
.banner-container .banner-text h1 strong {
  color: #fff;
  display: block;
}
.banner-container .banner-text p {
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: #fff;
  line-height: 2.1rem;
}
.banner-container .banner-text p.p-variante {
  text-shadow: none;
}
@media screen and (min-width: 1024px) {
  .banner-container .banner-text p {
    text-align: start;
    font-size: 16px;
    line-height: 20px;
    order: 2;
    margin: 0px 0 30px;
  }
}
@media screen and (min-width: 1366px) {
  .banner-container .banner-text p {
    font-size: 18px;
    line-height: 22px;
  }
}
.banner-container .banner-text .input-group1 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border: 1px solid #727587;
  border-radius: 5px;
  margin: auto;
  width: 90%;
  height: 44px;
}
@media screen and (min-width: 901px) {
  .banner-container .banner-text .input-group1 {
    width: 70%;
  }
}
@media screen and (min-width: 1024px) {
  .banner-container .banner-text .input-group1 {
    padding-left: 5px;
    width: 90%;
  }
}
.banner-container .banner-text .input-group1 .input-group-prepend {
  width: 35px;
}
.banner-container .banner-text .input-group1 .input-group-prepend .input-prepend {
  width: 20px;
}
.banner-container .banner-text .input-group1 input {
  height: 100%;
  border-radius: 0 5px 5px 0;
  border: 0;
  outline: none;
  width: 100%;
}
.banner-container .banner-text .input-group1 input::placeholder {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #727587;
}
.banner-container .banner-text .input-group1 input:focus, .banner-container .banner-text .input-group1 input:focus-visible {
  border: 0;
  outline: none;
}
.banner-container .banner-text .btn-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (min-width: 1024px) {
  .banner-container .banner-text .btn-container {
    order: 3;
  }
}
.banner-container .banner-text .btn-container.dif {
  border-radius: 5px;
}
.banner-container .banner-text .btn-container.dif .btn-free-trial {
  padding: 12px;
  width: 90% !important;
}
@media screen and (min-width: 901px) {
  .banner-container .banner-text .btn-container.dif .btn-free-trial {
    width: 70% !important;
  }
}
@media screen and (min-width: 1024px) {
  .banner-container .banner-text .btn-container.dif .btn-free-trial {
    width: 90% !important;
  }
}
.banner-container .banner-text .btn-container .btn-free-trial {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.banner-container .banner-text .btn-container .btn-free-trial:focus, .banner-container .banner-text .btn-container .btn-free-trial:focus-visible {
  outline: none;
  border: 0;
}
.banner-container .banner-text .btn-container .btn-free-trial {
  padding: 14px 0;
  max-width: 350px;
  margin: auto;
  width: 100%;
  background: #fff;
  box-shadow: 4px 4px 20px 0px rgba(64, 87, 137, 0.3);
  font-size: 22px;
  font-weight: 700;
  transition: all 0.2s linear;
  color: #3c67fd;
}
.banner-container .banner-text .btn-container .btn-free-trial:hover {
  color: #4851bf;
}
@media screen and (min-width: 1024px) {
  .banner-container .banner-text .btn-container .btn-free-trial {
    max-width: 333px;
    width: auto !important;
    margin: initial;
    font-size: 24px !important;
  }
}
.banner-container .banner-text .btn-container .btn-contact-info {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.banner-container .banner-text .btn-container .btn-contact-info:focus, .banner-container .banner-text .btn-container .btn-contact-info:focus-visible {
  outline: none;
  border: 0;
}
.banner-container .banner-text .btn-container .btn-contact-info {
  padding: 5px 12px;
}
.banner-container .banner-text .btn-container .btn-contact-info a {
  text-decoration: none;
  color: #6097ff;
}
.banner-container .banner-text .btn-container p {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.08em;
  color: #fff;
  text-shadow: 0px 0px 46px #ffffff;
}
@media screen and (min-width: 1240px) {
  .banner-container .banner-text .btn-container p {
    font-size: 16px;
    text-align: start;
  }
}
@media screen and (min-width: 1366px) {
  .banner-container .banner-text .btn-container p {
    max-width: 265px;
    font-size: 18px;
  }
}

.benefits-container {
  padding: 35px 18px 20px;
}
@media screen and (min-width: 768px) {
  .benefits-container {
    padding: 35px 50px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .benefits-container {
    padding: 35px 0px;
  }
}
.benefits-container h2 {
  font-weight: 500;
  font-size: 2.2rem;
  text-align: center;
  color: #405789;
  margin-bottom: 30px;
  padding: 0 20px;
}
@media screen and (min-width: 1024px) {
  .benefits-container h2 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1366px) {
  .benefits-container h2 {
    font-size: 3.3rem;
  }
}
.benefits-container .cards-content {
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
@media screen and (min-width: 1024px) {
  .benefits-container .cards-content {
    padding-bottom: 0px;
    flex-direction: row;
    gap: 30px;
    max-width: 60%;
    margin: auto;
  }
}
.benefits-container .cards-content .card {
  box-shadow: 3px 3px 24px rgba(155, 177, 220, 0.3);
  border-radius: 40px;
  text-align: center;
  padding: 7px 0;
  width: 222px;
}
.benefits-container .cards-content .card img {
  margin-bottom: 4px;
}
.benefits-container .cards-content .card p {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #727587;
}
.benefits-container .cards-content .card p strong {
  font-weight: 700;
}
.benefits-container .cards-content .card1 p strong {
  color: #6097ff;
}
.benefits-container .cards-content .card2 p strong {
  color: #ff9840;
}
.benefits-container .cards-content .card3 img {
  width: 150px;
}
@media screen and (min-width: 1024px) {
  .benefits-container .cards-content .card3 img {
    width: 155px;
  }
}
.benefits-container .cards-content .card3 p strong {
  color: #c362fb;
}

.benefits-container.variante {
  padding-bottom: 0 !important;
}

.wave-services-top {
  margin-bottom: -5px;
}
@media screen and (min-width: 1024px) {
  .wave-services-top {
    margin-top: -160px;
    position: relative;
  }
}
@media screen and (min-width: 1366px) {
  .wave-services-top {
    margin-top: -170px;
  }
}
@media screen and (min-width: 1500px) {
  .wave-services-top {
    margin-top: -260px;
  }
}

.wave-services-bottom {
  transform: rotate(180deg);
  margin-top: -15px;
}
@media screen and (min-width: 1024px) {
  .wave-services-bottom {
    margin-top: -60px;
    position: relative;
    z-index: -1;
  }
}

.services-container {
  background-color: #d7e5ff;
  padding: 36px 22px 156px;
}
@media screen and (min-width: 1024px) {
  .services-container .services-title {
    position: relative;
  }
}
.services-container .services-title h2 {
  font-weight: 600;
  font-size: 22px;
  text-align: center;
  margin-bottom: 7px;
  background: linear-gradient(270deg, #3c67fd -3.59%, #6097ff 87.57%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 1024px) {
  .services-container .services-title h2 {
    font-size: 34px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1366px) {
  .services-container .services-title h2 {
    font-size: 40px;
  }
}
.services-container .services-title p {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #727587;
  margin: 0 0 18px;
}
@media screen and (min-width: 1024px) {
  .services-container .services-title p {
    font-size: 20px;
    margin: 12px 0 24px;
  }
}
@media screen and (min-width: 1366px) {
  .services-container .services-title p {
    font-size: 23px;
  }
}
.services-container .services-title p strong {
  font-weight: 600;
}
@media screen and (min-width: 901px) {
  .services-container .services-flex-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .services-container .services-flex-content {
    width: 100%;
  }
}
.services-container .services-flex-content .services-cards {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 21px;
  max-width: 700px;
}
@media screen and (min-width: 1366px) {
  .services-container .services-flex-content .services-cards {
    max-width: none;
  }
}
.services-container .services-flex-content .services-cards .flip-card {
  perspective: 1000px;
  min-width: 290px;
  height: 300px;
}
.services-container .services-flex-content .services-cards .flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.services-container .services-flex-content .services-cards .flip-card .flip-card-inner {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 1s;
}
.services-container .services-flex-content .services-cards .flip-card .flip-card-inner .flip-card-front,
.services-container .services-flex-content .services-cards .flip-card .flip-card-inner .flip-card-back {
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  backface-visibility: hidden;
  border-radius: 8.454px;
  background: linear-gradient(330deg, #3c67fd 0%, #6097ff 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.services-container .services-flex-content .services-cards .flip-card .flip-card-inner .flip-card-front img,
.services-container .services-flex-content .services-cards .flip-card .flip-card-inner .flip-card-front p {
  transform: translateZ(10px);
}
.services-container .services-flex-content .services-cards .flip-card .flip-card-inner .flip-card-front p {
  margin: 0;
  text-align: center;
  color: #fff;
  font-size: 16.907px;
  font-weight: 500;
  line-height: 120%;
}
.services-container .services-flex-content .services-cards .flip-card .flip-card-inner .flip-card-back {
  padding: 15px;
  transform: rotateY(180deg);
}
.services-container .services-flex-content .services-cards .flip-card .flip-card-inner .flip-card-back ul {
  transform: translateZ(30px);
  color: #fff;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 120%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.services-container .services-flex-content .ecommapp-athom-container {
  text-align: center;
}
.services-container .services-flex-content .ecommapp-athom-container h2 {
  margin-top: 50px;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 24px;
  text-align: center;
  color: #405789;
}
@media screen and (min-width: 901px) {
  .services-container .services-flex-content .ecommapp-athom-container h2 {
    display: none;
  }
}
.services-container .services-flex-content .ecommapp-athom-container img {
  width: 100%;
  max-width: 650px;
}
@media screen and (min-width: 1024px) {
  .services-container .services-flex-content .ecommapp-athom-container img {
    width: 120%;
  }
}
.integrations-container1 {
  border-radius: 10px;
  background: #b0cbff;
  box-shadow: 0px 14px 29px 0px rgba(48, 75, 127, 0.2);
  padding: 24px 12px;
  margin: -120px auto;
  position: relative;
  width: 88%;
}
@media screen and (min-width: 1024px) {
  .integrations-container1 {
    margin: -100px auto;
    width: 90.5%;
    max-width: 1229px;
  }
}
.integrations-container1 h2 {
  color: #304b7f;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .integrations-container1 h2 {
    font-size: 25px;
  }
}
.integrations-container1 .integrations-content {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.integrations-container1 .integrations-content div {
  border-radius: 4.75px;
  background-color: #fff;
  padding: 8px;
  height: 35px;
  display: inline-flex;
}
@media screen and (min-width: 1024px) {
  .integrations-container1 .integrations-content div {
    height: 59px;
  }
}
@media screen and (min-width: 1024px) {
  .integrations-container1 .integrations-content div img {
    align-self: center;
    height: 75%;
  }
}

.videos-de-exito-container {
  padding: 156px 0 36px;
}
@media screen and (min-width: 1024px) {
  .videos-de-exito-container .slider-histories {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    max-width: 1229px;
    margin: auto;
    padding: 0 60px;
  }
  .videos-de-exito-container .slider-histories .slider-histories-desc,
  .videos-de-exito-container .slider-histories .mySwiperHistory {
    flex: 1;
  }
}
@media screen and (min-width: 1366px) {
  .videos-de-exito-container .slider-histories {
    padding: 48px 0;
  }
}
.videos-de-exito-container h2 {
  color: #6097ff;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  line-height: 103.5%; /* 22.77px */
  margin-bottom: 24px;
  padding: 0 22px;
}
@media screen and (min-width: 1024px) {
  .videos-de-exito-container h2 {
    font-size: 48px;
    text-align: start;
    line-height: 55px;
    padding: 0;
  }
}
.videos-de-exito-container .mySwiperHistory .swiper-content {
  width: 75%;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .videos-de-exito-container .mySwiperHistory .swiper-content {
    width: 87%;
  }
}
.videos-de-exito-container .mySwiperHistory .swiper-content iframe {
  border-radius: 10px;
}
.videos-de-exito-container .mySwiperHistory .swiper-button-next,
.videos-de-exito-container .mySwiperHistory .swiper-button-prev {
  border-radius: 50%;
  background: #b0cbff;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.videos-de-exito-container .mySwiperHistory .swiper-button-next:hover,
.videos-de-exito-container .mySwiperHistory .swiper-button-prev:hover {
  background-color: #88b1ff;
}
.videos-de-exito-container .mySwiperHistory .swiper-button-next::after,
.videos-de-exito-container .mySwiperHistory .swiper-button-prev::after {
  color: #304b7f;
  font-weight: 700;
  font-size: 13px;
}

.big-sellers-container {
  margin-top: 60px;
  padding: 0 22px;
}
.big-sellers-container p {
  color: #727587;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .big-sellers-container p {
    font-size: 26px;
  }
}
.big-sellers-container .mySwiperBigSeller .swiper-wrapper {
  align-items: center;
}
.big-sellers-container .mySwiperBigSeller .swiper-slide {
  text-align: center;
}

.mySwiperBigSeller1 .swiper-wrapper {
  align-items: center;
}
.mySwiperBigSeller1 .swiper-slide {
  text-align: center;
  width: max-content !important;
}

.popup-ebook {
  background: #ce60ff;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 105px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 12px;
}
.popup-ebook.variante {
  position: static;
  top: auto;
}
.popup-ebook:hover {
  background: #9B48BF;
}
@media screen and (min-width: 1024px) {
  .popup-ebook {
    gap: 12px;
    top: 100px;
  }
}
.popup-ebook img {
  width: 44px;
  height: 30px;
}
.popup-ebook p {
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  line-height: 113.5%;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .popup-ebook p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1240px) {
  .popup-ebook p {
    font-size: 18px;
  }
}
.popup-ebook p a {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
.popup-ebook p a:hover {
  text-decoration: underline;
}

.wave-details-top,
.wave-rec-top {
  margin-bottom: -5px;
}

@media screen and (min-width: 1024px) {
  .wave-rec-top {
    margin-top: -70px;
  }
}

@media screen and (min-width: 1024px) {
  .wave-details-top {
    margin-top: -150px;
  }
}

.wave-details-bottom,
.wave-rec-bottom {
  transform: rotate(180deg);
  margin-top: -2px;
}

.details-desc {
  padding: 35px 18px 20px;
}
@media screen and (min-width: 768px) {
  .details-desc {
    padding: 35px 50px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .details-desc {
    padding: 35px 0px;
  }
}
.details-desc h2 {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 26px;
  color: #405789;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .details-desc h2 {
    margin-bottom: 36px;
  }
}
@media screen and (min-width: 1024px) {
  .details-desc .desc-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 87%;
    margin: auto;
    gap: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .details-desc .desc-content {
    max-width: 75%;
  }
}
@media screen and (min-width: 1024px) {
  .details-desc .desc-content .desc {
    width: 40%;
  }
}
@media screen and (min-width: 1024px) {
  .details-desc .desc-content .desc.variante {
    width: 100%;
  }
}
.details-desc .desc-content .desc.variante .canales-content {
  border-radius: 50px;
  background-color: #d7daff;
  padding: 12px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin: 20px auto 0;
}
@media screen and (min-width: 1024px) {
  .details-desc .desc-content .desc.variante .canales-content {
    display: none;
  }
}
.details-desc .desc-content .desc.variante .canales-content .card {
  border-radius: 50%;
  box-shadow: 0px 0px 6px #a1b7db;
  /*    width: 47px;
  height: 47px; */
  width: calc(16.6666666667% - 3px);
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.details-desc .desc-content .desc.variante .canales-content .card img {
  width: 75%;
}
.details-desc .desc-content .desc p {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  color: #606cff;
  margin-bottom: 7px;
}
@media screen and (min-width: 1024px) {
  .details-desc .desc-content .desc p {
    font-size: 16px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1366px) {
  .details-desc .desc-content .desc p {
    font-size: 20px;
    margin-bottom: 0px;
  }
}
.details-desc .desc-content .desc h3 {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 30px;
  letter-spacing: 0.01em;
  color: #43475f;
  margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  .details-desc .desc-content .desc h3 {
    font-size: 27px;
  }
}
@media screen and (min-width: 1366px) {
  .details-desc .desc-content .desc h3 {
    font-size: 30px;
  }
}
.details-desc .desc-content .desc ul {
  list-style: none;
  padding: 0 0 0 20px;
  list-style-image: url("./../assets/icons/check-list.svg");
}
.details-desc .desc-content .desc ul li {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #43475f;
  margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  .details-desc .desc-content .desc ul li {
    font-size: 15px;
    line-height: 19px;
  }
}
@media screen and (min-width: 1366px) {
  .details-desc .desc-content .desc ul li {
    font-size: 17px;
    line-height: 21px;
  }
}
.details-desc .desc-content .desc ul li strong {
  font-weight: 700;
}
.details-desc .desc-content {
  /*  .canales-container {
    margin-bottom: 50px;
    @include desktop {
      display: none;
    }
    h2 {
      font-weight: 600;
      font-size: 1.2rem;
      line-height: 16px;
      color: #405789;
      text-align: center;
      margin-bottom: 7px;
    }
    .canales-content {
      border-radius: 5px;
      background-color: #d7daff;
      padding: 12px;
      display: flex;
      gap: 6px;
      justify-content: start;
      align-items: center;

      &.variante {
        .card {
          &:nth-child(n + 2) {
            height: 38px;
          }
          &.variante {
            width: 125px;
          }
        }
      }
      .card {
        border-radius: 50%;
        box-shadow: 0px 0px 6px #a1b7db;
        width: 44px;
        height: 44px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        &.variante {
          display: none;
          @include desktop {
            background-color: transparent;
            border-radius: 0;
            display: block;
            width: 150px;
            box-shadow: none;
            p {
              font-weight: 600;
              font-size: 1.3rem;
              margin-top: -4px;
              line-height: 1.7rem;
              letter-spacing: 0.05em;
              color: #405789;
              width: 140px;
              margin-left: 15px;
              margin-bottom: 0;

              &.invent-slogan {
                color: #ff5050;
              }
            }
          }
          &.dif {
            width: 135px;
          }
        }
      }
    }
  } */
}
@media screen and (min-width: 1024px) {
  .details-desc .desc-content .gif-container {
    width: 60%;
  }
}
@media screen and (min-width: 1024px) {
  .details-desc .desc-content .canales-container {
    display: none;
  }
}
.details-desc .desc-content .canales-container h2 {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 16px;
  color: #405789;
  text-align: center;
  margin-bottom: 7px;
  margin-top: 10px;
}
.details-desc .desc-content .canales-container .canales-content {
  border-radius: 50px;
  background-color: #d7daff;
  padding: 12px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 110%;
  margin: auto;
}
.details-desc .desc-content .canales-container .canales-content.dif {
  margin: 0 auto 0 -15px !important;
}
@media screen and (min-width: 1024px) {
  .details-desc .desc-content .canales-container .canales-content {
    max-width: none;
  }
}
.details-desc .desc-content .canales-container .canales-content .card {
  border-radius: 50%;
  box-shadow: 0px 0px 6px #a1b7db;
  /*    width: 47px;
  height: 47px; */
  width: calc(16.6666666667% - 3px);
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.details-desc .desc-content .canales-container .canales-content .card img {
  width: 75%;
}
.details-desc .cta-container {
  text-align: center;
}
.details-desc .cta-container p {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #405789;
  margin: 17px auto 0;
}
.details-desc .cta-container button {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.details-desc .cta-container button:focus, .details-desc .cta-container button:focus-visible {
  outline: none;
  border: 0;
}
.details-desc .cta-container button {
  padding: 8px 25px;
  font-weight: 600;
  font-size: 1.6rem;
  margin-top: 12px;
}
@media screen and (min-width: 1024px) {
  .details-desc .cta-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 100px;
  }
}
.details-desc .cta-container p {
  width: 270px;
}
@media screen and (min-width: 1024px) {
  .details-desc .cta-container p {
    width: auto;
    margin: 0;
    font-size: 19px;
  }
}
@media screen and (min-width: 1366px) {
  .details-desc .cta-container p {
    font-size: 2.1rem;
  }
}
.details-desc .cta-container .btn-free-trial:hover {
  background-color: #4871bf;
}
@media screen and (min-width: 1024px) {
  .details-desc .cta-container .btn-free-trial {
    margin: 0 !important;
  }
}

.fact-desc-container {
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .fact-desc-container {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .fact-desc-container h2 {
    text-align: center;
    font-size: 34px;
  }
}
@media screen and (min-width: 1366px) {
  .fact-desc-container h2 {
    font-size: 37px;
  }
}
@media screen and (min-width: 1024px) {
  .fact-desc-container .desc-content .desc h3 {
    font-size: 27px;
    line-height: 33px;
  }
}
@media screen and (min-width: 1366px) {
  .fact-desc-container .desc-content .desc h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media screen and (min-width: 1024px) {
  .fact-desc-container .cta-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 100px;
  }
}
.fact-desc-container .cta-container p {
  width: 270px;
}
@media screen and (min-width: 1024px) {
  .fact-desc-container .cta-container p {
    width: auto;
    margin: 0;
    font-size: 1.9rem;
  }
}
@media screen and (min-width: 1366px) {
  .fact-desc-container .cta-container p {
    font-size: 2.1rem;
  }
}
.fact-desc-container .cta-container .btn-free-trial:hover {
  background-color: #4871bf;
}
@media screen and (min-width: 1024px) {
  .fact-desc-container .cta-container .btn-free-trial {
    margin: 0 !important;
  }
}

.fact-desc-container.dif {
  padding-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  .fact-desc-container.dif {
    padding-bottom: 0;
  }
}
.fact-desc-container.dif .cta-container {
  background-color: #6097ff;
  margin-top: 30px;
  height: 100px;
}
.fact-desc-container.dif .cta-container p {
  color: #fff;
}
.fact-desc-container.dif .cta-container .btn-free-trial {
  background-color: #fff;
  color: #6097ff;
  transition: all 0.3s linear;
}
.fact-desc-container.dif .cta-container .btn-free-trial:hover {
  outline: #4871bf 2px solid;
  color: #4871bf;
}

.win-desc-container.dif {
  padding-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  .win-desc-container.dif {
    padding-bottom: 0;
  }
}
.win-desc-container.dif .cta-container {
  background-color: #6097ff;
  margin-top: 30px;
  height: 100px;
}
.win-desc-container.dif .cta-container p {
  color: #fff;
}
.win-desc-container.dif .cta-container .btn-free-trial {
  background-color: #fff;
  color: #6097ff;
  transition: all 0.3s linear;
}
.win-desc-container.dif .cta-container .btn-free-trial:hover {
  outline: #4871bf 2px solid;
  color: #4871bf;
}

.cta-container-mobile {
  background: #6097ff;
  padding: 25px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}
.cta-container-mobile .btn-free-trial-desktop {
  border-radius: 10px;
  outline: none;
  text-decoration: none;
  border: 0;
  padding: 8px 10px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  background-color: #fff;
  color: #6097ff;
  margin-top: 17px;
  transition: all 0.3s ease;
  margin-top: 10px;
  cursor: pointer;
}
.cta-container-mobile .btn-free-trial-desktop:hover {
  outline: solid 2px #4871bf;
  color: #4871bf !important;
}
.cta-container-mobile .btn-free-trial-desktop:hover:hover > a {
  color: #4871bf !important;
}

.invent-desc-container {
  background-color: #e7efff;
  padding-top: 50px;
}
@media screen and (min-width: 1024px) {
  .invent-desc-container .desc-content .desc {
    order: 2;
  }
}
.invent-desc-container .desc-content .desc p {
  color: #ff5050;
}
@media screen and (min-width: 1024px) {
  .invent-desc-container .desc-content .desc p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1366px) {
  .invent-desc-container .desc-content .desc p {
    font-size: 20px;
  }
}
.invent-desc-container .desc-content .desc h3 {
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .invent-desc-container .desc-content .desc h3 {
    font-size: 27px;
    line-height: 33px;
  }
}
@media screen and (min-width: 1366px) {
  .invent-desc-container .desc-content .desc h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
.invent-desc-container .desc-content .desc ul {
  list-style: none;
  list-style-image: url("./../assets/icons/check-list-red.svg");
}
@media screen and (min-width: 1024px) {
  .invent-desc-container .desc-content .desc ul li {
    font-size: 15px;
    line-height: 19px;
  }
}
@media screen and (min-width: 1366px) {
  .invent-desc-container .desc-content .desc ul li {
    font-size: 17px;
    line-height: 21px;
  }
}
.invent-desc-container .desc-content .desc ul li strong {
  font-weight: 700;
}
.invent-desc-container .desc-content .canales-container h2 {
  color: #ff5050;
}
@media screen and (min-width: 1024px) {
  .invent-desc-container .desc-content .gif-container {
    order: 1;
  }
}

@media screen and (min-width: 1024px) {
  .invent-desc-container.var {
    padding-top: 0;
    padding-bottom: 120px !important;
  }
}
.invent-desc-container.var h2 {
  color: #405789;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .invent-desc-container.var h2 {
    font-size: 40px;
    margin-bottom: 60px;
  }
}

.newsletter-container.dif {
  margin: 0px 18px 36px;
  border-radius: 5px;
}
@media screen and (min-width: 1024px) {
  .newsletter-container.dif {
    border-radius: 20px;
    margin: 0px auto 36px;
  }
}
@media screen and (min-width: 1024px) {
  .newsletter-container.variante {
    margin: -85px auto 0;
  }
}

@media screen and (min-width: 1024px) {
  .invent-desc-container.dif,
  .rec-desc-container.dif {
    padding-bottom: 0;
  }
}
.invent-desc-container.dif .cta-container,
.rec-desc-container.dif .cta-container {
  background: #b0cbff;
  padding: 30px 0 30px;
  margin-top: 20px;
}
.invent-desc-container.dif .cta-container p,
.rec-desc-container.dif .cta-container p {
  filter: drop-shadow(0px 0px 19px #ffffff);
}
.invent-desc-container.dif .cta-container button,
.rec-desc-container.dif .cta-container button {
  box-shadow: 2px 2px 17px rgba(64, 87, 137, 0.3);
  color: #6097ff;
  background-color: #fff;
  transition: all 0.3s linear;
}
.invent-desc-container.dif .cta-container button:hover,
.rec-desc-container.dif .cta-container button:hover {
  outline: solid 2px #4871bf;
  color: #4871bf;
  background-color: #fff;
}

.win-desc-container {
  padding-top: 50px;
  padding-bottom: 0;
}
.win-desc-container .desc-content .desc p {
  color: #ff9840;
}
.win-desc-container .desc-content .desc h2 {
  font-size: 1.8rem;
}
@media screen and (min-width: 1024px) {
  .win-desc-container .desc-content .desc h2 {
    font-size: 27px;
    line-height: 33px;
  }
}
@media screen and (min-width: 1366px) {
  .win-desc-container .desc-content .desc h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
.win-desc-container .desc-content .desc ul {
  list-style: none;
  list-style-image: url("./../assets/icons/check-list-orange.svg");
}
@media screen and (min-width: 1024px) {
  .win-desc-container .desc-content .desc ul li {
    font-size: 15px;
    line-height: 19px;
  }
}
@media screen and (min-width: 1366px) {
  .win-desc-container .desc-content .desc ul li {
    font-size: 17px;
    line-height: 21px;
  }
}
.win-desc-container .desc-content .desc ul li strong {
  font-weight: 700;
}

.rec-desc-container {
  background-color: #e7efff;
  padding-top: 50px;
}
@media screen and (min-width: 1024px) {
  .rec-desc-container .desc-content .desc {
    order: 2;
  }
}
@media screen and (min-width: 1024px) {
  .rec-desc-container .desc-content .desc h3 {
    font-size: 27px;
    line-height: 33px;
  }
}
@media screen and (min-width: 1024px) {
  .rec-desc-container .desc-content .desc h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
.rec-desc-container .desc-content .desc ul {
  list-style: none;
  list-style-image: url("./../assets/icons/check-list-red.svg");
}
@media screen and (min-width: 1024px) {
  .rec-desc-container .desc-content .desc ul li {
    font-size: 15px;
    line-height: 19px;
  }
}
@media screen and (min-width: 1366px) {
  .rec-desc-container .desc-content .desc ul li {
    font-size: 17px;
    line-height: 21px;
  }
}
.rec-desc-container .desc-content .desc ul li strong {
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .rec-desc-container .desc-content .gif-container {
    order: 1;
  }
}

.rec-desc-container.dif .desc-content .desc p {
  color: #6097ff;
}
.rec-desc-container.dif .desc-content .desc ul {
  list-style-image: url("./../assets/icons/check-list-blue.svg");
}

.mySwiperEmpretienda .swiper-pagination-horizontal {
  bottom: -4px;
}

.all-need-container.variante.dif2 {
  padding: 25px 0 0;
}
.all-need-container.variante.dif2 .all-need-content {
  width: 100%;
}
.all-need-container.variante.dif2 .all-need-content h2 {
  margin: 15px auto 20px;
  width: 90%;
}
.all-need-container.variante.dif2 .all-need-content .card-container {
  width: 90%;
  margin: 0 auto 40px;
}
.all-need-container.variante.dif {
  padding: 25px 0 0;
}

.newsletter-container {
  background: linear-gradient(120deg, #606cfd 0%, #202454 100%);
  padding: 15px 18px;
  max-width: 1200px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .newsletter-container {
    height: 180px;
    border-radius: 30px;
    margin: 0px auto -85px;
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .newsletter-container .newsl-content {
    max-width: 1366px;
    margin: 0 auto;
  }
}
.newsletter-container .newsl-content .step1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.newsletter-container .newsl-content .step1 img {
  display: none;
}
@media screen and (min-width: 1024px) {
  .newsletter-container .newsl-content .step1 img {
    display: block;
  }
}
.newsletter-container .newsl-content .step1 .newsletter-content h3 {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}
@media screen and (min-width: 1024px) {
  .newsletter-container .newsl-content .step1 .newsletter-content h3 {
    font-size: 19px;
  }
}
@media screen and (min-width: 1024px) {
  .newsletter-container .newsl-content .step1 .newsletter-content .input-content {
    display: flex;
    gap: 15px;
  }
}
.newsletter-container .newsl-content .step1 .newsletter-content .input-content .input-newsletter {
  border-radius: 3px;
  background-color: #fff;
  height: 49px;
  width: 100%;
  border: 0;
  padding: 5px 10px;
  color: #304b7f;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 20px 0;
}
.newsletter-container .newsl-content .step1 .newsletter-content .input-content .input-newsletter::placeholder {
  color: #aaa;
}
.newsletter-container .newsl-content .step1 .newsletter-content .input-content .input-newsletter:focus {
  outline: none;
}
@media screen and (min-width: 1024px) {
  .newsletter-container .newsl-content .step1 .newsletter-content .input-content .input-newsletter {
    margin: 20px 0 0;
    width: 430px;
  }
}
.newsletter-container .newsl-content .step1 .newsletter-content .input-content .btn-newsletter {
  color: #6097ff;
  background-color: #fff;
  border-radius: 10px;
  padding: 8px;
  font-size: 20px;
  font-weight: 700;
  border: 0;
  outline: none;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .newsletter-container .newsl-content .step1 .newsletter-content .input-content .btn-newsletter {
    height: 49px;
    margin: 20px 0 0;
    width: 276px;
  }
}
.newsletter-container .newsl-content .step1 .newsletter-content .input-content .btn-newsletter:focus {
  outline: none;
}
.newsletter-container .newsl-content .step1 .newsletter-content .input-content .btn-newsletter:hover {
  color: #4871bf;
}
.newsletter-container .newsl-content .step1 .newsletter-content .input-content .btn-newsletter[disabled] {
  color: #a1a3af !important;
  background: #fff !important;
}
.newsletter-container .newsl-content .step2 {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .newsletter-container .newsl-content .step2 {
    text-align: center;
    height: 161px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.newsletter-container .newsl-content .step2 img {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .newsletter-container .newsl-content .step2 img {
    display: none;
  }
}
.newsletter-container .newsl-content .step2 p {
  margin: 0;
  color: #fff;
  text-align: center;
  font-size: 19px;
  font-weight: 500;
  line-height: 22px;
}

@media screen and (min-width: 1024px) {
  .pre-news {
    padding-top: 120px;
  }
}

.certifications-float-container {
  position: relative;
  width: 90%;
  background-color: #fff;
  margin: auto;
  box-shadow: 0px 5px 47px rgba(0, 0, 0, 0.15);
  border-radius: 50px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .certifications-float-container {
    width: 85%;
    bottom: -100px;
    height: 200px;
  }
}
.certifications-float-container .certifications-content {
  padding: 1px 0;
}
@media screen and (min-width: 1024px) {
  .certifications-float-container .certifications-content {
    position: absolute;
    width: 100%;
  }
}
.certifications-float-container .certifications-content h2 {
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
  color: #727587;
  margin: 20px 0;
}
@media screen and (min-width: 1024px) {
  .certifications-float-container .certifications-content h2 {
    font-size: 2.5rem;
  }
}
.certifications-float-container .certifications-content .certifications-cards {
  display: flex;
  gap: 5px;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 0;
}
@media screen and (min-width: 1024px) {
  .certifications-float-container .certifications-content .certifications-cards {
    align-items: flex-start;
    flex-wrap: nowrap;
  }
}
.certifications-float-container .certifications-content .certifications-cards .certification.cert-tnube img {
  height: 27px;
}
.certifications-float-container .certifications-content .certifications-cards .certification img {
  filter: grayscale(1);
  opacity: 0.7;
  width: auto;
  height: 27px;
  transition: 0.3s;
}
.certifications-float-container .certifications-content .certifications-cards .certification img:hover {
  filter: grayscale(0);
  opacity: 1;
}

.wave-slider-top {
  margin-bottom: -5px;
}

.wave-slider-bottom {
  margin-top: -2px;
  transform: rotate(180deg);
}

.slider-container {
  background-color: #e7efff;
}
.slider-container h2 {
  font-weight: 500;
  font-size: 2.2rem;
  color: #405789;
  text-align: center;
  margin-bottom: 20px;
  padding-top: 30px;
}
@media screen and (min-width: 1024px) {
  .slider-container h2 {
    font-size: 4rem;
  }
}
.slider-container .swiper {
  width: 100%;
  padding: 0 18px;
}
.slider-container .swiper .swiper-wrapper {
  margin-bottom: 30px;
}
.slider-container .swiper .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 1.8rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 19px 32px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
}
.slider-container .swiper .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-container .swiper .swiper-pagination .swiper-pagination-bullet {
  background: #6097ff !important;
}

.slider-biggest {
  background-color: #fff;
}

.slide-content-intro {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .slide-content-intro {
    background-color: #e7efff;
  }
}
.slide-content-intro .column-one {
  width: 100%;
  border-radius: 50px;
}
@media screen and (min-width: 1024px) {
  .slide-content-intro .column-one {
    width: 50%;
    height: 460px;
    background-color: #fff;
  }
}
.slide-content-intro .column-one h3 {
  font-weight: 700;
  font-size: 1.8rem;
  color: #727587;
  padding: 20px 0 25px;
}
.slide-content-intro .column-one aside {
  border-radius: 50px;
  max-width: 575px;
  height: 350px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .slide-content-intro .column-two {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.slide-content-intro .column-two .rows {
  border-radius: 50px;
  max-width: 575px;
  height: auto;
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: flex-start;
  height: 221px;
  background-color: #fff;
  padding: 25px 0;
}
.slide-content-intro .column-two .rows .img-test {
  border-radius: 50%;
  width: 106px;
  height: 106px;
  margin-left: 10px;
  border: solid 4px #ddd;
}
.slide-content-intro .column-two .rows .img-test img {
  border-radius: 50%;
}
.slide-content-intro .column-two .rows .test-content {
  max-width: 402px;
}
.slide-content-intro .column-two .rows .test-content h3 {
  font-weight: 700;
  font-size: 1.5rem;
  color: #727587;
  text-align: start;
}
.slide-content-intro .column-two .rows .test-content p {
  font-weight: 400;
  font-size: 1.5rem;
  color: #727587;
  text-align: start;
  margin-bottom: 30px;
}
.slide-content-intro .column-two .rows .test-content .rrss-test {
  display: flex;
  gap: 15px;
}
.slide-content-intro .column-two .rows .test-content .rrss-test img {
  width: 25px;
}
.free-trial-container {
  padding: 35px 18px 20px;
}
@media screen and (min-width: 768px) {
  .free-trial-container {
    padding: 35px 50px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .free-trial-container {
    padding: 35px 0px;
  }
}
.free-trial-container {
  background: linear-gradient(114.37deg, #6097ff 16.08%, #405789 79.85%);
  color: #fff;
}
.free-trial-container .free-text-content {
  max-width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .free-trial-container .free-text-content .free-trial-content {
    width: 55%;
  }
}
.free-trial-container .free-text-content .free-trial-content h2 {
  text-align: center;
  margin-bottom: 13px;
  font-weight: 600;
  font-size: 2rem;
}
@media screen and (min-width: 1024px) {
  .free-trial-container .free-text-content .free-trial-content h2 {
    font-size: 3rem;
    text-align: start;
  }
}
@media screen and (min-width: 1366px) {
  .free-trial-container .free-text-content .free-trial-content h2 {
    font-size: 3.5rem;
  }
}
.free-trial-container .free-text-content .free-trial-content p {
  color: #000;
  text-align: center;
  margin-bottom: 32px;
  font-weight: 500;
  font-size: 15px;
  text-align: start;
  line-height: 17px;
}
@media screen and (min-width: 1024px) {
  .free-trial-container .free-text-content .free-trial-content p {
    max-width: 512px;
    text-align: start;
  }
}
@media screen and (min-width: 1024px) {
  .free-trial-container .free-text-content .free-trial-content .card-container {
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }
}
.free-trial-container .free-text-content .free-trial-content .card-container .card {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 27px;
}
.free-trial-container .free-text-content .free-trial-content .card-container .card img {
  margin-right: 10px;
}
.free-trial-container .free-text-content .free-trial-content .card-container .card div {
  line-height: 25px;
}
.free-trial-container .free-text-content .free-trial-content .card-container .card div h3 {
  font-weight: 800;
  font-size: 2.8rem;
}
.free-trial-container .free-text-content .free-trial-content .card-container .card div p {
  text-align: start;
  font-weight: 600;
  font-size: 1.3rem;
  margin: 0;
  color: #fff;
}
.free-trial-container .free-text-content .free-trial-content .btn-container {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .free-trial-container .free-text-content .free-trial-content .btn-container {
    text-align: start;
  }
}
.free-trial-container .free-text-content .free-trial-content .btn-container button {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.free-trial-container .free-text-content .free-trial-content .btn-container button:focus, .free-trial-container .free-text-content .free-trial-content .btn-container button:focus-visible {
  outline: none;
  border: 0;
}
.free-trial-container .free-text-content .free-trial-content .btn-container button {
  padding: 12px 0px;
  width: 100%;
  font-size: 18px;
}
.free-test-container-big {
  background: linear-gradient(99deg, #6097ff 0.97%, #3c67fd 100%);
}
.free-test-container-big .free-test-container {
  background: transparent;
  color: #fff;
  padding: 48px 18px;
}
@media screen and (min-width: 1024px) {
  .free-test-container-big .free-test-container {
    display: flex;
    gap: 24px;
    align-items: start;
    max-width: 1229px;
    margin: auto;
    padding: 48px 67px;
  }
}
@media screen and (min-width: 1366px) {
  .free-test-container-big .free-test-container {
    padding: 48px 0;
  }
}
.free-test-container-big .free-test-container .free-text-content {
  max-width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .free-test-container-big .free-test-container .free-text-content {
    width: 50%;
    justify-content: space-between;
  }
}
.free-test-container-big .free-test-container .free-text-content .free-trial-content h2 {
  text-align: center;
  margin-bottom: 13px;
  font-weight: 600;
  font-size: 2rem;
}
@media screen and (min-width: 1024px) {
  .free-test-container-big .free-test-container .free-text-content .free-trial-content h2 {
    font-size: 3rem;
    text-align: start;
  }
}
@media screen and (min-width: 1366px) {
  .free-test-container-big .free-test-container .free-text-content .free-trial-content h2 {
    font-size: 3.5rem;
  }
}
.free-test-container-big .free-test-container .free-text-content .free-trial-content p {
  color: #000;
  text-align: center;
  margin-bottom: 32px;
  font-weight: 500;
  font-size: 15px;
  text-align: start;
  line-height: 17px;
}
@media screen and (min-width: 1024px) {
  .free-test-container-big .free-test-container .free-text-content .free-trial-content p {
    max-width: 512px;
    text-align: start;
    font-size: 26px;
    line-height: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .free-test-container-big .free-test-container .free-text-content .free-trial-content .card-container {
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }
}
.free-test-container-big .free-test-container .free-text-content .free-trial-content .card-container .card {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 27px;
}
.free-test-container-big .free-test-container .free-text-content .free-trial-content .card-container .card img {
  margin-right: 10px;
}
.free-test-container-big .free-test-container .free-text-content .free-trial-content .card-container .card div {
  line-height: 25px;
}
.free-test-container-big .free-test-container .free-text-content .free-trial-content .card-container .card div h3 {
  font-weight: 800;
  font-size: 2.8rem;
}
.free-test-container-big .free-test-container .free-text-content .free-trial-content .card-container .card div p {
  text-align: start;
  font-weight: 600;
  font-size: 1.3rem;
  margin: 0;
  color: #fff;
}
.free-test-container-big .free-test-container .free-text-content .free-trial-content .btn-container {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .free-test-container-big .free-test-container .free-text-content .free-trial-content .btn-container {
    text-align: start;
  }
}
.free-test-container-big .free-test-container .free-text-content .free-trial-content .btn-container button {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.free-test-container-big .free-test-container .free-text-content .free-trial-content .btn-container button:focus, .free-test-container-big .free-test-container .free-text-content .free-trial-content .btn-container button:focus-visible {
  outline: none;
  border: 0;
}
.free-test-container-big .free-test-container .free-text-content .free-trial-content .btn-container button {
  padding: 12px 0px;
  width: 100%;
  font-size: 18px;
}
@media screen and (min-width: 1024px) {
  .free-test-container-big .free-test-container .slider-34 {
    width: 50%;
  }
}
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 {
  padding: 24px 0 0;
}
@media screen and (min-width: 1024px) {
  .free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 {
    padding: 0;
  }
}
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-wrapper {
  margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-wrapper {
    margin-bottom: 60px;
  }
}
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-wrapper .swiper-slide .slide-content {
  height: 320px;
  width: 75%;
  margin: auto;
  text-align: start;
  padding: 15px;
  box-shadow: 0px 19px 32px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-wrapper .swiper-slide .slide-content {
    height: 278px;
    padding: 20px 15px;
  }
}
@media screen and (min-width: 1500px) {
  .free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-wrapper .swiper-slide .slide-content {
    padding: 20px 50px;
  }
}
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-wrapper .swiper-slide .slide-content .slider-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-wrapper .swiper-slide .slide-content .slider-title .img-title {
  width: 80px;
}
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-wrapper .swiper-slide .slide-content .slider-title div h3 {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 16px;
  color: #727587;
}
@media screen and (min-width: 1024px) {
  .free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-wrapper .swiper-slide .slide-content .desc-history {
    margin-top: 8px;
  }
}
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-wrapper .swiper-slide .slide-content .desc-history h4 {
  font-weight: 700;
  font-size: 14px;
  color: #727587;
}
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-wrapper .swiper-slide .slide-content .desc-history p {
  font-weight: 400;
  font-size: 14px;
  color: #727587;
}
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-pagination-bullet {
  background: #88b1ff;
}
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-button-next,
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-button-prev {
  border-radius: 50%;
  background: #b0cbff;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-button-next:hover,
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-button-prev:hover {
  background-color: #88b1ff;
}
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-button-next::after,
.free-test-container-big .free-test-container .slider-34 .mySwiperHistorias1 .swiper-button-prev::after {
  color: #304b7f;
  font-weight: 700;
  font-size: 13px;
}
.free-test-container-big .free-test-container .slider-34 .text-desc p {
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 122%;
  letter-spacing: 0.98px;
}
.free-test-container-big .free-test-container .slider-34 .text-desc p:last-child {
  margin-top: 12px;
}
.free-test-container-big .free-test-container .slider-34 .text-desc p a {
  color: #fff;
  text-decoration: none;
}
.free-test-container-big .free-test-container .slider-34 .text-desc p a:hover {
  text-decoration: underline;
}

.support-container {
  padding: 35px 18px 20px;
}
@media screen and (min-width: 768px) {
  .support-container {
    padding: 35px 50px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .support-container {
    padding: 35px 0px;
  }
}
.support-container h2 {
  font-weight: 500;
  font-size: 2.2rem;
  text-align: center;
  color: #405789;
  margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
  .support-container h2 {
    font-size: 3.3rem;
  }
}
@media screen and (min-width: 1366px) {
  .support-container h2 {
    font-size: 3.5rem;
  }
}
.support-container .swiper-slide img {
  height: 40px;
}
@media screen and (min-width: 1024px) {
  .support-container .swiper-slide img {
    height: 60px;
  }
}

#preloader-container {
  z-index: 1000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #f0f0f0;
}
#preloader-container #preloader {
  display: flex;
  align-items: center;
  justify-content: center;
}
#preloader-container #preloader.loader {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 20rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
#preloader-container #preloader.loader:before, #preloader-container #preloader.loader:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  animation: pulsOut 1.8s ease-in-out infinite;
  filter: drop-shadow(0 0 1rem #a350f3);
}
#preloader-container #preloader.loader:before {
  width: 100%;
  padding-bottom: 100%;
  box-shadow: inset 0 0 0 1rem #fff;
  animation-name: pulsIn;
}
#preloader-container #preloader.loader:after {
  width: calc(100% - 2rem);
  padding-bottom: calc(100% - 2rem);
  box-shadow: 0 0 0 0 #fff;
}
#preloader-container #preloader img {
  position: absolute;
  width: 100px;
  top: 50%;
  left: 50%;
  transform: translateX(-56%) translateY(-50%);
}

@keyframes pulsIn {
  0% {
    box-shadow: inset 0 0 0 1rem #3c67fd;
    opacity: 1;
  }
  50%, 100% {
    box-shadow: inset 0 0 0 0 #3c67fd;
    opacity: 0;
  }
}
@keyframes pulsOut {
  0%, 50% {
    box-shadow: 0 0 0 0 #3c67fd;
    opacity: 0;
  }
  100% {
    box-shadow: 0 0 0 1rem #3c67fd;
    opacity: 1;
  }
}
@keyframes pulsOut1 {
  0%, 50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.refered-container {
  padding: 35px 18px 20px;
}
@media screen and (min-width: 768px) {
  .refered-container {
    padding: 35px 50px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .refered-container {
    padding: 35px 0px;
  }
}
.refered-container {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .refered-container .refered-content {
    max-width: 75%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 100px;
  }
}
@media screen and (min-width: 1024px) {
  .refered-container .refered-content .refered-desc {
    text-align: center;
    width: 520px;
  }
}
.refered-container .refered-content .refered-desc h2 {
  font-weight: 500;
  font-size: 2.2rem;
  text-align: center;
  color: #405789;
}
@media screen and (min-width: 1024px) {
  .refered-container .refered-content .refered-desc h2 {
    font-size: 3.2rem;
    margin-bottom: 30px;
  }
}
.refered-container .refered-content .refered-desc p {
  font-weight: 400;
  font-size: 1.35rem;
  text-align: center;
  color: #405789;
  margin-bottom: 14px;
}
@media screen and (min-width: 1024px) {
  .refered-container .refered-content .refered-desc p {
    font-size: 1.55rem;
  }
}
.refered-container .refered-content .refered-desc p.first-child {
  margin: 17px auto 25px;
}
@media screen and (min-width: 1024px) {
  .refered-container .refered-content .refered-desc p.second-child {
    margin: 0 auto 35px;
  }
}
.refered-container .refered-content .refered-desc button {
  width: 240px;
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.refered-container .refered-content .refered-desc button:focus, .refered-container .refered-content .refered-desc button:focus-visible {
  outline: none;
  border: 0;
}
.refered-container .refered-content .refered-desc button {
  padding: 10px 0px;
}
.refered-container .refered-content .refered-content-img {
  border-radius: 30px;
  box-shadow: 0px 19px 32px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .refered-container .refered-content .refered-content-img {
    margin: 0;
    width: 500px;
  }
}
.refered-container .refered-content .refered-content-img .img-ref {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.refered-container .refered-content .refered-content-img .medal-ref {
  position: absolute;
  width: 80px;
  right: 10px;
  bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .refered-container .refered-content .refered-content-img .medal-ref {
    width: 90px;
  }
}
.refered-container .refered-content .btn-container {
  text-align: center;
}
.refered-container .refered-content .btn-container button {
  width: 240px;
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.refered-container .refered-content .btn-container button:focus, .refered-container .refered-content .btn-container button:focus-visible {
  outline: none;
  border: 0;
}
.refered-container .refered-content .btn-container button {
  padding: 10px 0px;
}

footer {
  background: linear-gradient(93deg, #6198ff 0.9%, #426ffe 54.98%);
  padding-top: 35px;
}
footer img {
  width: 180px;
  margin-left: 18px;
}
@media screen and (min-width: 1024px) {
  footer img {
    margin: 0;
  }
}
footer .logo-footer-content {
  max-width: 80%;
}
@media screen and (min-width: 1024px) {
  footer .logo-footer-content {
    margin: auto;
  }
}
@media screen and (min-width: 1500px) {
  footer .logo-footer-content {
    max-width: 1366px;
  }
}
footer .footer-content {
  padding: 35px 18px 20px;
}
@media screen and (min-width: 768px) {
  footer .footer-content {
    padding: 35px 50px 0px;
  }
}
@media screen and (min-width: 1024px) {
  footer .footer-content {
    padding: 35px 0px;
  }
}
@media screen and (min-width: 1024px) {
  footer .footer-content {
    max-width: 80%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    gap: 100px;
  }
}
@media screen and (min-width: 1500px) {
  footer .footer-content {
    max-width: 1366px;
  }
}
@media screen and (min-width: 1024px) {
  footer .footer-content .display-desktop {
    display: flex;
    gap: 90px;
  }
}
footer .footer-content .display-desktop .menu-and-rrss-container,
footer .footer-content .display-desktop .integrations-container,
footer .footer-content .display-desktop .ask-container {
  margin-bottom: 30px;
}
footer .footer-content .display-desktop .menu-and-rrss-container p,
footer .footer-content .display-desktop .integrations-container p,
footer .footer-content .display-desktop .ask-container p {
  font-weight: 700;
  font-size: 1.4rem;
  color: #ffffff;
}
footer .footer-content .display-desktop .menu-and-rrss-container .footer-menu,
footer .footer-content .display-desktop .integrations-container .footer-menu,
footer .footer-content .display-desktop .ask-container .footer-menu {
  list-style: none;
  padding: 0;
}
footer .footer-content .display-desktop .menu-and-rrss-container .footer-menu.variante,
footer .footer-content .display-desktop .integrations-container .footer-menu.variante,
footer .footer-content .display-desktop .ask-container .footer-menu.variante {
  width: max-content;
}
footer .footer-content .display-desktop .menu-and-rrss-container .footer-menu li,
footer .footer-content .display-desktop .integrations-container .footer-menu li,
footer .footer-content .display-desktop .ask-container .footer-menu li {
  line-height: 40px;
}
@media screen and (min-width: 1024px) {
  footer .footer-content .display-desktop .menu-and-rrss-container .footer-menu li,
  footer .footer-content .display-desktop .integrations-container .footer-menu li,
  footer .footer-content .display-desktop .ask-container .footer-menu li {
    line-height: 28px;
  }
}
footer .footer-content .display-desktop .menu-and-rrss-container .footer-menu li a,
footer .footer-content .display-desktop .integrations-container .footer-menu li a,
footer .footer-content .display-desktop .ask-container .footer-menu li a {
  font-weight: 400;
  font-size: 1.4rem;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s linear;
}
footer .footer-content .display-desktop .menu-and-rrss-container .footer-menu li a:hover,
footer .footer-content .display-desktop .integrations-container .footer-menu li a:hover,
footer .footer-content .display-desktop .ask-container .footer-menu li a:hover {
  font-weight: 700;
}
footer .footer-content .display-desktop .menu-and-rrss-container .footer-menu li a span,
footer .footer-content .display-desktop .integrations-container .footer-menu li a span,
footer .footer-content .display-desktop .ask-container .footer-menu li a span {
  color: #405789;
  background-color: #ffc99b;
  font-weight: 700;
  padding: 0px 5px;
  border-radius: 50px;
}
footer .footer-content .display-desktop .menu-and-rrss-container .certifications-imgs-container,
footer .footer-content .display-desktop .integrations-container .certifications-imgs-container,
footer .footer-content .display-desktop .ask-container .certifications-imgs-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
footer .footer-content .display-desktop .menu-and-rrss-container .certifications-imgs-container .grace-img-container-desktop,
footer .footer-content .display-desktop .integrations-container .certifications-imgs-container .grace-img-container-desktop,
footer .footer-content .display-desktop .ask-container .certifications-imgs-container .grace-img-container-desktop {
  display: none;
}
@media screen and (min-width: 1024px) {
  footer .footer-content .display-desktop .menu-and-rrss-container .certifications-imgs-container .grace-img-container-desktop,
  footer .footer-content .display-desktop .integrations-container .certifications-imgs-container .grace-img-container-desktop,
  footer .footer-content .display-desktop .ask-container .certifications-imgs-container .grace-img-container-desktop {
    display: inline-block;
  }
}
footer .footer-content .display-desktop .menu-and-rrss-container .certifications-imgs-container .grace-img-container-desktop img,
footer .footer-content .display-desktop .integrations-container .certifications-imgs-container .grace-img-container-desktop img,
footer .footer-content .display-desktop .ask-container .certifications-imgs-container .grace-img-container-desktop img {
  margin: 12px 0 0;
  width: 87px !important;
}
footer .footer-content .display-desktop .menu-and-rrss-container .certifications-imgs-container .iso-container-desktop,
footer .footer-content .display-desktop .integrations-container .certifications-imgs-container .iso-container-desktop,
footer .footer-content .display-desktop .ask-container .certifications-imgs-container .iso-container-desktop {
  display: none;
}
@media screen and (min-width: 1024px) {
  footer .footer-content .display-desktop .menu-and-rrss-container .certifications-imgs-container .iso-container-desktop,
  footer .footer-content .display-desktop .integrations-container .certifications-imgs-container .iso-container-desktop,
  footer .footer-content .display-desktop .ask-container .certifications-imgs-container .iso-container-desktop {
    display: inline-block;
  }
}
footer .footer-content .display-desktop .menu-and-rrss-container .certifications-imgs-container .iso-container-desktop img,
footer .footer-content .display-desktop .integrations-container .certifications-imgs-container .iso-container-desktop img,
footer .footer-content .display-desktop .ask-container .certifications-imgs-container .iso-container-desktop img {
  width: 110px !important;
}
footer .footer-content .display-desktop .menu-and-rrss-container {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  footer .footer-content .display-desktop .menu-and-rrss-container {
    width: 210px;
  }
}
footer .footer-content .display-desktop .menu-and-rrss-container .rrss-content {
  text-align: center;
  width: 50%;
}
footer .footer-content .display-desktop .menu-and-rrss-container .rrss-content p {
  font-weight: 600;
  font-size: 1.4rem;
  text-align: center;
  color: #ffffff;
  margin-bottom: 12px;
}
footer .footer-content .display-desktop .menu-and-rrss-container .rrss-content .rrss {
  display: flex;
  justify-content: center;
  gap: 16px;
  align-items: center;
}
footer .footer-content .display-desktop .menu-and-rrss-container .rrss-content .rrss img {
  width: 30px;
  margin: 0;
}
footer .footer-content .display-desktop .menu-and-rrss-container .rrss-content .certifications-imgs-container-mobile {
  display: flex;
  gap: 12px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  footer .footer-content .display-desktop .menu-and-rrss-container .rrss-content .certifications-imgs-container-mobile {
    display: none;
  }
}
footer .footer-content .display-desktop .menu-and-rrss-container .rrss-content .certifications-imgs-container-mobile .grace-img-container-mobile img {
  width: 77px;
  margin: 12px auto 0;
}
@media screen and (min-width: 1024px) {
  footer .footer-content .display-desktop .menu-and-rrss-container .rrss-content .certifications-imgs-container-mobile .iso-container-mobile {
    display: none;
  }
}
footer .footer-content .display-desktop .menu-and-rrss-container .rrss-content .certifications-imgs-container-mobile .iso-container-mobile img {
  width: 120px;
  margin: 0;
}
footer .footer-content .display-desktop .integrations-container {
  margin-top: -150px;
}
@media screen and (min-width: 901px) {
  footer .footer-content .display-desktop .integrations-container {
    margin-top: 0;
  }
}
footer .footer-content .display-desktop .integrations-container.integrations-container-latam {
  margin-top: -200px;
}
@media screen and (min-width: 901px) {
  footer .footer-content .display-desktop .integrations-container.integrations-container-latam {
    margin-top: 0;
  }
}
footer .footer-content .display-desktop-col-2 .rrss-content {
  text-align: center;
  width: 50%;
}
footer .footer-content .display-desktop-col-2 .rrss-content p {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 12px;
}
footer .footer-content .display-desktop-col-2 .rrss-content .rrss {
  display: flex;
  justify-content: center;
  gap: 25px;
  align-items: center;
}
footer .footer-content .display-desktop-col-2 .rrss-content .rrss img {
  width: 40px;
  margin: 0;
  transition: all 0.3s linear;
}
footer .footer-content .display-desktop-col-2 .rrss-content .rrss img:hover {
  transform: scale(1.4);
}
footer .footer-content .display-desktop-col-2 .server-container {
  margin-top: 19px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 10px;
}
footer .footer-content .display-desktop-col-2 .server-container img {
  margin: 0;
}
footer .footer-content .display-desktop-col-2 .server-container img:nth-child(1) {
  width: 64px;
}
footer .footer-content .display-desktop-col-2 .server-container img:nth-child(2) {
  width: 84px;
}
footer .footer-content .display-desktop-col-2 .server-container img:nth-child(3) {
  width: 67px;
}
footer .footer-content .display-desktop-col-2 .server-container img:nth-child(4) {
  width: 31px;
}
footer .copyright-container {
  background-color: #6097ff;
  padding: 7px 10px;
}
footer .copyright-container p {
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: -0.02em;
  color: #ffffff;
}
@media screen and (min-width: 1024px) {
  footer .copyright-container p {
    text-align: center;
  }
}

.underline {
  position: relative;
}
.underline img {
  position: absolute;
  right: 4px;
  bottom: -3px;
}

.bg-desgrade {
  background: linear-gradient(to top, #88b1ff -18.24%, rgba(136, 177, 255, 0) 96.76%);
}

.title-container {
  padding: 23px;
  text-align: center;
}
.title-container h1 {
  font-weight: 600;
  font-size: 21px;
  text-align: center;
  color: #405789;
}
@media screen and (min-width: 1024px) {
  .title-container h1 {
    font-size: 40px;
  }
}
.title-container p {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #6b7c99;
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .title-container p {
    font-size: 16px;
  }
}
.title-container .btn-planes-free {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.title-container .btn-planes-free:focus, .title-container .btn-planes-free:focus-visible {
  outline: none;
  border: 0;
}
.title-container .btn-planes-free {
  padding: 0px 12px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #405789;
  margin-top: 17px;
}
@media screen and (min-width: 1024px) {
  .title-container .btn-planes-free {
    font-size: 18px;
  }
}

.tab-suscription-container .tabs-suscription-content ul {
  border: 0;
  gap: 10px;
  margin-bottom: 20px;
}
.tab-suscription-container .tabs-suscription-content ul li {
  font-weight: 400;
  font-size: 14px;
  color: #43475f;
}
.tab-suscription-container .tabs-suscription-content ul li button {
  opacity: 0.6;
  border-radius: 15px;
  border: 0;
  height: 20px;
  padding: 0 9px;
}
@media screen and (min-width: 1024px) {
  .tab-suscription-container .tabs-suscription-content ul li button {
    width: 100%;
  }
}
.tab-suscription-container .tabs-suscription-content ul li button.active {
  opacity: 1;
  color: #fff;
  background: linear-gradient(180deg, #4871bf 0%, #4871bf 0.01%, #304b7f 100%);
}
@media screen and (min-width: 1024px) {
  .tab-suscription-container .tabs-suscription-content ul li button.active.active {
    background-color: #6298fe !important;
    background-image: none;
  }
}
.tab-suscription-container .tabs-suscription-content ul li .badge {
  color: #fff;
  background-color: #727587;
  font-weight: 600;
  font-size: 12px;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .tab-suscription-container .tabs-suscription-content ul li .badge {
    margin-top: 10px;
  }
}
.tab-suscription-container .tabs-suscription-content .tab-content {
  background: transparent;
}
.tab-suscription-container .tabs-suscription-content .tab-content .tab-pane {
  background: transparent;
}

.tab-content {
  max-width: 340px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .tab-content {
    max-width: none;
    margin: 0;
  }
}
.tab-content .accordion {
  width: 95%;
  margin: 0 auto;
  padding-bottom: 27px;
}
.tab-content .accordion .card:first-child {
  border-radius: 15px 15px 0 0;
}
.tab-content .accordion .card:last-child {
  border-radius: 0 0 15px 15px;
}
.tab-content .accordion .card .card-header button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  outline: none;
  border: 0;
  background-color: transparent;
}
.tab-content .accordion .card .card-header button:focus, .tab-content .accordion .card .card-header button:focus-visible {
  outline: none !important;
  border: 0;
}
.tab-content .accordion .card .card-header button h2 {
  text-decoration: none;
  color: #6097ff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.tab-content .accordion .card .card-header button h2 .plan-info {
  margin: 0;
}
.tab-content .accordion .card .card-header button h2 .plan-info span:first-child {
  font-weight: 600;
  font-size: 18px;
  color: #304b7f;
}
.tab-content .accordion .card .card-header button h2 .plan-info span:last-child {
  font-weight: 400;
  font-size: 13px;
  color: #727587;
}
.tab-content .accordion .card .card-body .plan-desc {
  text-align: start;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.tab-content .accordion .card .card-body .plan-desc li {
  text-align: start !important;
}
.tab-content .accordion .card .card-body .plan-desc li::before {
  content: ">";
  margin-right: 5px;
}
.tab-content .accordion .card .card-body .total-mobile {
  margin: 7px 0 13px;
  color: #304b7f;
  font-size: 18px;
  font-weight: 500;
}
.tab-content .accordion .card .card-body .total-mobile span {
  font-weight: 700;
  border-radius: 50px;
  padding: 0px 7px;
  background: #d5e3ff;
}
.tab-content .accordion .card .card-body .btn-container {
  text-align: start;
  margin-top: 15px;
  margin-bottom: 20px;
}
.tab-content .accordion .card .card-body .btn-container .btn-free-trial-planes:hover {
  color: #fff;
  text-decoration: none;
}
.tab-content .accordion .card .card-body .plan-desc1 {
  text-align: start;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.tab-content .accordion .card .card-body .plan-desc1 li {
  text-align: start;
}
.tab-content .accordion .card .card-body .plan-desc1 li::before {
  content: url(./../assets/icons/check-pricing1.svg);
  margin-right: 5px;
}

@media screen and (min-width: 1024px) {
  .flex-desktop {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .flex-desktop .more-pay-container {
    padding: 0;
    margin: 0;
  }
}

.more-plan-container {
  padding: 0 10px 20px;
}
.more-plan-container .more-plan-content {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 95%;
  max-width: 340px;
  margin: auto;
  box-shadow: 5px 5px 22px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 5px 0;
  background-color: #fff;
}
.more-plan-container .more-plan-content .column-one {
  text-align: center;
}
.more-plan-container .more-plan-content .column-one h3 {
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  color: #4871bf;
  margin-bottom: 7px;
  width: 170px;
}
.more-plan-container .more-plan-content .column-one .btn-contact-planes {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.more-plan-container .more-plan-content .column-one .btn-contact-planes:focus, .more-plan-container .more-plan-content .column-one .btn-contact-planes:focus-visible {
  outline: none;
  border: 0;
}
.more-plan-container .more-plan-content .column-one .btn-contact-planes {
  padding: 8px;
  width: 147px;
  display: block;
  margin: auto;
}
.more-plan-container .more-plan-content .column-one .btn-contact-planes:hover {
  color: #fff;
}
.more-plan-container .more-plan-content .column-two {
  font-weight: 500;
  font-size: 12px;
  color: #727587;
}
.more-plan-container .more-plan-content .column-two p {
  margin: 0;
}

.more-pay-container {
  padding-top: 25px;
  padding-bottom: 1px;
}
.more-pay-container .more-pay-content {
  text-align: center;
}
.more-pay-container .more-pay-content p {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  color: #304b7f;
}

.plan-benefits-container h2 {
  padding-top: 20px;
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #405789;
}
@media screen and (min-width: 1024px) {
  .plan-benefits-container h2 {
    font-size: 35px;
    margin-left: 200px;
  }
}
.plan-benefits-container .plan-benefits-content {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .plan-benefits-container .plan-benefits-content {
    padding: 0px;
    justify-content: center;
    align-items: center;
    max-width: 1366px;
    margin: auto;
  }
}
.plan-benefits-container .plan-benefits-content .globitos-top {
  display: flex;
  gap: 9px;
  flex-direction: column;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .plan-benefits-container .plan-benefits-content .globitos-top {
    justify-content: center;
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .plan-benefits-container .plan-benefits-content .globitos-top {
    order: 2;
    gap: 50px;
    margin-bottom: 20px;
    padding-bottom: 0;
  }
}
.plan-benefits-container .plan-benefits-content .globitos-top .globito {
  text-align: center;
  display: flex;
  align-items: center;
  gap: 12px;
}
.plan-benefits-container .plan-benefits-content .globitos-top .globito p {
  font-weight: 500;
  text-align: center;
  color: #405789;
  font-size: 16px;
  line-height: normal;
  width: 200px;
  text-align: start;
}
@media screen and (min-width: 1024px) {
  .plan-benefits-container .plan-benefits-content .globitos-top .globito p {
    width: 215px;
  }
}
.plan-benefits-container .plan-benefits-content .big-cards-benefits {
  width: 95%;
  margin: 40px auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .plan-benefits-container .plan-benefits-content .big-cards-benefits {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .plan-benefits-container .plan-benefits-content .big-cards-benefits {
    margin: 40px 0;
    width: 75%;
    order: 1;
  }
}
.plan-benefits-container .plan-benefits-content .big-cards-benefits .big-card-benefit {
  background-color: #fff;
  border-radius: 5px;
  padding: 12px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 768px) {
  .plan-benefits-container .plan-benefits-content .big-cards-benefits .big-card-benefit {
    width: 348px;
  }
}
@media screen and (min-width: 1024px) {
  .plan-benefits-container .plan-benefits-content .big-cards-benefits .big-card-benefit {
    width: 450px;
  }
}
@media screen and (min-width: 1366px) {
  .plan-benefits-container .plan-benefits-content .big-cards-benefits .big-card-benefit {
    width: 495px;
  }
}
.plan-benefits-container .plan-benefits-content .big-cards-benefits .big-card-benefit .title-content {
  border-radius: 3px 3px 0px 0px;
  background: linear-gradient(330deg, #3c67fd 0%, #6097ff 100%);
  padding: 12px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.plan-benefits-container .plan-benefits-content .big-cards-benefits .big-card-benefit .title-content img {
  width: 70px;
}
.plan-benefits-container .plan-benefits-content .big-cards-benefits .big-card-benefit .title-content h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.36px;
  margin: 0px;
}
@media screen and (min-width: 1024px) {
  .plan-benefits-container .plan-benefits-content .big-cards-benefits .big-card-benefit .title-content h3 {
    font-size: 21px;
  }
}
.plan-benefits-container .plan-benefits-content .big-cards-benefits .big-card-benefit ul {
  list-style: none;
  padding: 0 0 0 25px;
  list-style-image: url("./../assets/icons/check-plan-celeste.svg");
}
@media screen and (min-width: 1024px) {
  .plan-benefits-container .plan-benefits-content .big-cards-benefits .big-card-benefit ul {
    padding: 0 0 0 40px;
  }
}
.plan-benefits-container .plan-benefits-content .big-cards-benefits .big-card-benefit ul li {
  font-weight: 500;
  font-size: 13px;
  line-height: 35px;
  letter-spacing: -0.01em;
  color: #43475f;
}
@media screen and (min-width: 1366px) {
  .plan-benefits-container .plan-benefits-content .big-cards-benefits .big-card-benefit ul li {
    font-size: 14px;
  }
}

.aditional-tools-container {
  background-color: #ebf2ff;
}
.aditional-tools-container .aditional-tools-content {
  width: 95%;
  margin: auto;
  padding-top: 40px;
}
@media screen and (min-width: 1024px) {
  .aditional-tools-container .aditional-tools-content {
    max-width: 1000px;
  }
}
.aditional-tools-container .aditional-tools-content h2 {
  font-weight: 500;
  font-size: 22px;
  color: #405789;
  text-align: center;
  margin-bottom: 18px;
}
@media screen and (min-width: 1024px) {
  .aditional-tools-container .aditional-tools-content h2 {
    font-size: 30px;
  }
}
.aditional-tools-container .aditional-tools-content .tool-one,
.aditional-tools-container .aditional-tools-content .tool-two {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .aditional-tools-container .aditional-tools-content .tool-one,
  .aditional-tools-container .aditional-tools-content .tool-two {
    display: flex;
    align-items: center;
  }
}
.aditional-tools-container .aditional-tools-content .tool-one .tool-desc h3,
.aditional-tools-container .aditional-tools-content .tool-two .tool-desc h3 {
  text-align: start;
  font-weight: 600;
  font-size: 18px;
  color: #74a4ff;
  margin-bottom: 6px;
}
@media screen and (min-width: 1024px) {
  .aditional-tools-container .aditional-tools-content .tool-one .tool-desc h3,
  .aditional-tools-container .aditional-tools-content .tool-two .tool-desc h3 {
    font-size: 23px;
    margin-bottom: 5px;
  }
}
.aditional-tools-container .aditional-tools-content .tool-one .tool-desc p,
.aditional-tools-container .aditional-tools-content .tool-two .tool-desc p {
  text-align: start;
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  color: #405789;
}
@media screen and (min-width: 1024px) {
  .aditional-tools-container .aditional-tools-content .tool-one .tool-desc p,
  .aditional-tools-container .aditional-tools-content .tool-two .tool-desc p {
    font-size: 17px;
    width: 500px;
    margin: 0;
  }
}
.aditional-tools-container .aditional-tools-content .tool-one .img-content,
.aditional-tools-container .aditional-tools-content .tool-two .img-content {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .aditional-tools-container .aditional-tools-content .tool-one .img-content,
  .aditional-tools-container .aditional-tools-content .tool-two .img-content {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .aditional-tools-container .aditional-tools-content .tool-one {
    margin: 0 auto 30px;
  }
}
@media screen and (min-width: 768px) {
  .aditional-tools-container .aditional-tools-content .tool-one .tool-desc {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .aditional-tools-container .aditional-tools-content .tool-one .tool-desc p {
    width: auto;
  }
}
.aditional-tools-container .aditional-tools-content .tool-one .img-content img {
  width: 530px;
}
.aditional-tools-container .aditional-tools-content .tool-two {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .aditional-tools-container .aditional-tools-content .tool-two {
    margin-bottom: 0;
    padding-bottom: 30px;
  }
  .aditional-tools-container .aditional-tools-content .tool-two .tool-desc {
    order: 1;
    width: 65%;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .aditional-tools-container .aditional-tools-content .tool-two p {
    width: 90%;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  .aditional-tools-container .aditional-tools-content .tool-two p {
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .aditional-tools-container .aditional-tools-content .tool-two .img-content {
    order: 2;
  }
}
@media screen and (min-width: 1024px) {
  .aditional-tools-container .aditional-tools-content .tool-two {
    gap: 15px;
  }
  .aditional-tools-container .aditional-tools-content .tool-two .tool-desc {
    order: 2;
  }
  .aditional-tools-container .aditional-tools-content .tool-two .img-content {
    order: 1;
  }
  .aditional-tools-container .aditional-tools-content .tool-two .img-content img {
    width: 530px;
  }
}
@media screen and (min-width: 768px) {
  .aditional-tools-container .aditional-tools-content .tool-two {
    margin: 0 auto;
    padding-bottom: 30px;
  }
  .aditional-tools-container .aditional-tools-content .tool-two .tool-desc {
    width: 60%;
  }
  .aditional-tools-container .aditional-tools-content .tool-two .img-content {
    width: 40%;
  }
}
@media screen and (min-width: 1024px) {
  .aditional-tools-container .aditional-tools-content .tool-two .tool-desc {
    width: 50%;
  }
  .aditional-tools-container .aditional-tools-content .tool-two .img-content {
    width: 50%;
  }
  .aditional-tools-container .aditional-tools-content .tool-two .img-content img {
    width: 530px;
  }
}
.aditional-tools-container .aditional-tools-content .tool-two .btn-try-compet {
  background: #6097ff;
  border-radius: 4px;
  transition: all 0.2s linear;
  font-weight: 600;
  font-size: 20px;
  width: 100%;
  line-height: 47px;
  margin: 30px 0 14px;
  color: #ffffff;
  border: 0;
  outline: none;
}
@media screen and (min-width: 768px) {
  .aditional-tools-container .aditional-tools-content .tool-two .btn-try-compet {
    width: 90%;
  }
}
@media screen and (min-width: 1024px) {
  .aditional-tools-container .aditional-tools-content .tool-two .btn-try-compet {
    font-size: 25px;
    margin: 14px 0;
  }
}
.aditional-tools-container .aditional-tools-content .tool-two .btn-try-compet:hover {
  background-color: #304b7f;
}
.aditional-tools-container .aditional-tools-content .tool-two .tool-desc p {
  margin: 0;
}
.aditional-tools-container .aditional-tools-content .tool-two .tool-desc p.desc-tool-two {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #6097ff;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .aditional-tools-container .aditional-tools-content .tool-two .tool-desc p.desc-tool-two {
    font-size: 20px;
    margin-bottom: 0;
    text-align: start;
  }
}
@media screen and (min-width: 1024px) {
  .aditional-tools-container .aditional-tools-content .tool-two .img-content img {
    width: 100%;
  }
}

.select-us-container {
  background: linear-gradient(114.37deg, #6097ff 16.08%, #405789 79.85%);
  padding: 35px 0;
}
.select-us-container .select-us-content {
  width: 95%;
  margin: auto;
}
.select-us-container .select-us-content h2 {
  font-weight: 600;
  margin-bottom: 35px;
  font-size: 22px;
  text-align: center;
  color: #ffffff;
}
.select-us-container .select-us-content .cards-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .select-us-container .select-us-content .cards-container {
    gap: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .select-us-container .select-us-content .cards-container {
    flex-direction: row;
    gap: 26px;
  }
}
.select-us-container .select-us-content .cards-container .card {
  height: 140px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  width: 200px;
  height: 226px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .select-us-container .select-us-content .cards-container .card {
    height: 215px;
    width: 182px;
  }
}
@media screen and (min-width: 1500px) {
  .select-us-container .select-us-content .cards-container .card {
    height: 305px;
    width: 260px;
  }
}
.select-us-container .select-us-content .cards-container .card img {
  width: 120px;
}
@media screen and (min-width: 1024px) {
  .select-us-container .select-us-content .cards-container .card img {
    width: 140px;
    height: 140px;
  }
}
@media screen and (min-width: 1500px) {
  .select-us-container .select-us-content .cards-container .card img {
    width: 204px;
    height: 204px;
  }
}
.select-us-container .select-us-content .cards-container .card p {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: #4b70b9;
  width: 170px;
}
@media screen and (min-width: 1024px) {
  .select-us-container .select-us-content .cards-container .card p {
    padding: 0 10px;
    font-size: 15px;
    line-height: 18px;
    width: auto;
  }
}
@media screen and (min-width: 1500px) {
  .select-us-container .select-us-content .cards-container .card p {
    font-size: 18px;
  }
}

.cta-section-container {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .cta-section-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 50px 0;
  }
}
.cta-section-container h2 {
  font-weight: 500;
  font-size: 18px;
  color: #6097ff;
  margin: 20px 0 13px;
}
@media screen and (min-width: 1024px) {
  .cta-section-container h2 {
    font-size: 21px;
  }
}
.cta-section-container button {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.cta-section-container button:focus, .cta-section-container button:focus-visible {
  outline: none;
  border: 0;
}
.cta-section-container button {
  background: #6097ff;
  border-radius: 4px;
  border: 0;
  padding: 5px 12px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .cta-section-container button {
    margin: 0;
    font-size: 20px;
    width: 330px;
  }
}

/*================================
SUSCRIPCION
==============================*/
/*Suscription styles view*/
.personalized-card-container {
  margin: 0;
  padding: 0 0 20px;
}
@media screen and (min-width: 1024px) {
  .personalized-card-container .extra-plan-content {
    padding-bottom: 0;
  }
}
.personalized-card-container .extra-plan-content .box-plan {
  padding: 0;
  border: 0;
  outline: none;
  position: relative;
  background-color: #fff;
  margin: auto;
  height: auto;
  width: 216px;
  border-top: 10px #6097ff solid;
  border-radius: 10px;
  box-shadow: 7px 11px 28px rgba(0, 0, 0, 0.1019607843);
  transition: all 0.3s linear;
  cursor: pointer;
}
.personalized-card-container .extra-plan-content .box-plan:hover > .btn-contrat {
  background: #4871bf;
}
.personalized-card-container .extra-plan-content .box-plan .float-box {
  position: relative;
  z-index: 1000;
}
.personalized-card-container .extra-plan-content .box-plan .box {
  padding: 18px 8px 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 18px 0 0 0;
}
.personalized-card-container .extra-plan-content .box-plan .box h3 {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
  color: #6097ff;
}
.personalized-card-container .extra-plan-content .box-plan .box h4 {
  font-size: 25px;
  color: #304b7f;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin: 0;
}
.personalized-card-container .extra-plan-content .box-plan .box h4 small {
  color: #727587;
  font-size: 15px;
  font-weight: 400;
}
.personalized-card-container .extra-plan-content .box-plan .box .old-price {
  color: #727587;
  font-size: 15px;
  font-weight: 500;
  text-align: start;
  text-decoration: line-through;
  margin: -5px 0 5px;
  padding-left: 17px;
  position: absolute;
  bottom: 17px;
  right: 46px;
}
@media screen and (min-width: 1024px) {
  .personalized-card-container .extra-plan-content .box-plan .box .old-price {
    margin-bottom: 2px;
  }
}
.personalized-card-container .extra-plan-content .box-plan .box .plan-benefits {
  list-style: none;
  padding: 0;
  text-align: start;
}
.personalized-card-container .extra-plan-content .box-plan .box .plan-benefits li {
  font-size: 13.5px;
  font-weight: 500;
  color: #727587;
  letter-spacing: -1px;
}
.personalized-card-container .extra-plan-content .box-plan .box .plan-benefits li::before {
  content: ">";
}
.personalized-card-container .extra-plan-content .box-plan .box .plan-benefits li i {
  margin-right: 5px;
}
.personalized-card-container .extra-plan-content .box-plan .box .plan-benefits-variant {
  margin: 15px auto;
  width: 86%;
}
.personalized-card-container .extra-plan-content .box-plan .box .guion {
  font-size: 13.5px;
  font-weight: 500;
  color: #727587;
  letter-spacing: -1px;
  margin: 0;
}
.personalized-card-container .extra-plan-content .box-plan .box .plan-benefits-dif {
  margin-top: 5px;
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .personalized-card-container .extra-plan-content .box-plan .box .plan-benefits-dif {
    margin-top: 34px;
    min-height: 120px;
    margin-bottom: 0;
  }
}
.personalized-card-container .extra-plan-content .box-plan .box .plan-benefits-dif li {
  text-align: center;
  line-height: 35px;
  border-top: #d0d1d7 solid 1px;
  font-weight: 600;
  font-size: 18px;
  color: #6097ff;
}
.personalized-card-container .extra-plan-content .box-plan .box .plan-benefits-dif li.no-check {
  color: #a1a3af !important;
}
.personalized-card-container .extra-plan-content .box-plan .box .plan-benefits-dif li:before {
  content: "";
}
.personalized-card-container .extra-plan-content .box-plan .box .total-plan-container {
  position: relative;
}
.personalized-card-container .extra-plan-content .box-plan .box .total-plan-container .detail-hidden {
  display: none;
  margin: 0;
}
.personalized-card-container .extra-plan-content .box-plan .box .total-plan-container .total-plan {
  font-size: 14px;
  font-weight: 500;
  color: #304b7f;
  margin: 25px 0;
  text-align: center;
}
.personalized-card-container .extra-plan-content .box-plan .box .total-plan-container .total-plan span {
  background-color: #b0cbff;
  border-radius: 10px;
  font-weight: 600;
  padding: 0 3px;
}
.personalized-card-container .extra-plan-content .box-plan .box .btn-container-contrat .btn-contrat {
  background-color: #6097ff;
  border-radius: 6px;
  margin: 0 14px;
  padding: 3px 0 4px;
  cursor: pointer;
  outline: none;
  border: 0;
  color: #fff;
  width: 95%;
  margin: auto;
  font-weight: 600;
  font-size: 18px;
  display: block;
  transition: all 0.3s linear;
}
.personalized-card-container .extra-plan-content .box-plan .box .btn-container-contrat .btn-contrat:hover {
  background-color: #4871bf;
}
.personalized-card-container .extra-plan-content .big-plan {
  display: flex;
  align-items: center;
  width: 90% !important;
  border-top: 0;
  height: 90px;
  padding: 10px 15px;
  gap: 12px;
  margin-top: 21px;
}
@media screen and (min-width: 1024px) {
  .personalized-card-container .extra-plan-content .big-plan {
    display: block;
    width: 500px !important;
    height: 105px;
    margin-top: 7px;
  }
}
.personalized-card-container .extra-plan-content .big-plan .title-container {
  padding: 5px;
  background: transparent;
}
@media screen and (min-width: 1024px) {
  .personalized-card-container .extra-plan-content .big-plan .title-container {
    background-color: transparent;
  }
}
.personalized-card-container .extra-plan-content .big-plan .title-container .big-plan-title {
  font-weight: 700;
  font-size: 12px;
  color: #6097ff;
}
@media screen and (min-width: 1024px) {
  .personalized-card-container .extra-plan-content .big-plan .title-container .big-plan-title {
    font-size: 18px;
    text-align: start;
  }
}
.personalized-card-container .extra-plan-content .big-plan .title-container .btn-contrat {
  background-color: #6097ff;
  border-radius: 6px;
  margin: 0 14px;
  padding: 3px 0 4px;
  cursor: pointer;
  outline: none;
  border: 0;
  color: #fff;
  margin: auto;
  font-weight: 600;
  font-size: 15px;
  display: block;
  transition: all 0.3s linear;
  width: 147px;
}
.personalized-card-container .extra-plan-content .big-plan .title-container .btn-contrat:hover {
  background: #6097ff !important;
  color: #fff !important;
}
@media screen and (min-width: 1024px) {
  .personalized-card-container .extra-plan-content .big-plan .title-container .btn-contrat {
    display: none;
  }
}
.personalized-card-container .extra-plan-content .big-plan .title-container .btn-contrat svg {
  fill: #fff;
}
@media screen and (min-width: 1024px) {
  .personalized-card-container .extra-plan-content .big-plan .personalized-card-content {
    display: flex;
    gap: 22px;
  }
}
.personalized-card-container .extra-plan-content .big-plan .personalized-card-content .btn-contrat {
  background-color: #6097ff;
  border-radius: 6px;
  margin: 0 14px;
  padding: 3px 0 4px;
  cursor: pointer;
  outline: none;
  border: 0;
  color: #fff;
  margin: auto;
  font-weight: 600;
  font-size: 18px;
  display: block;
  transition: all 0.3s linear;
  width: 147px;
  display: none;
}
.personalized-card-container .extra-plan-content .big-plan .personalized-card-content .btn-contrat:hover {
  background: #6097ff !important;
  color: #fff !important;
}
@media screen and (min-width: 1024px) {
  .personalized-card-container .extra-plan-content .big-plan .personalized-card-content .btn-contrat {
    display: block;
    width: 50%;
  }
}
.personalized-card-container .extra-plan-content .big-plan .personalized-card-content .btn-contrat svg {
  fill: #fff;
}
.personalized-card-container .extra-plan-content .big-plan .personalized-card-content .personalized-description {
  color: #727587;
  font-size: 12px;
  margin: 0;
  text-align: start;
}
@media screen and (min-width: 1024px) {
  .personalized-card-container .extra-plan-content .big-plan .personalized-card-content .personalized-description {
    width: 50%;
  }
}

.box-plan-container {
  flex-wrap: wrap;
  gap: 15px;
  position: relative;
  text-align: center;
  margin: auto;
  max-width: 1366px;
}
@media screen and (min-width: 1024px) {
  .box-plan-container {
    display: flex;
    margin: 0 auto 27px;
  }
}
.box-plan-container .plan {
  position: relative;
}
.box-plan-container .plan .box-plan {
  padding: 0;
  border: 0;
  outline: none;
  position: relative;
  background-color: #fff;
  /*padding-bottom: 15px;*/
  margin: auto;
  height: auto;
  width: 216px;
  border-top: 10px #6097ff solid;
  border-radius: 10px;
  box-shadow: 7px 11px 28px rgba(0, 0, 0, 0.1019607843);
  transition: all 0.3s linear;
  cursor: pointer;
}
.box-plan-container .plan .box-plan:hover > .btn-contrat {
  background: #4871bf;
}
.box-plan-container .plan .box-plan .float-box {
  position: relative;
  z-index: 1000;
}
.box-plan-container .plan .box-plan .box {
  /*height: 100%;*/
  padding: 18px 8px 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 18px 0 0 0;
}
.box-plan-container .plan .box-plan .box h3 {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
  color: #6097ff;
}
.box-plan-container .plan .box-plan .box h4 {
  font-size: 25px;
  color: #304b7f;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin: 0;
}
.box-plan-container .plan .box-plan .box h4 small {
  color: #727587;
  font-size: 15px;
  font-weight: 400;
}
.box-plan-container .plan .box-plan .box .old-price {
  color: #727587;
  font-size: 15px;
  font-weight: 500;
  text-align: start;
  text-decoration: line-through;
  margin: -5px 0 5px;
  padding-left: 17px;
  position: absolute;
  bottom: 17px;
  right: 46px;
}
@media screen and (min-width: 1024px) {
  .box-plan-container .plan .box-plan .box .old-price {
    margin-bottom: 2px;
  }
}
.box-plan-container .plan .box-plan .box .old-price {
  /* @include desktop-1240 {
    padding-left: 8px;
  }
  @include desktop-1366 {
    padding-left: 17px;
  }
  @include biggest-desktop {
    padding-left: 35px;
  }
  @include more-biggest-desktop {
    padding-left: 53px;
  } */
}
.box-plan-container .plan .box-plan .box .plan-benefits {
  list-style: none;
  padding: 0;
  text-align: start;
  /* @include biggest-desktop {
    padding: 0 10px;
  }
  @include more-biggest-desktop {
    padding: 0 20px;
  } */
}
.box-plan-container .plan .box-plan .box .plan-benefits li {
  font-size: 13.5px;
  font-weight: 500;
  color: #727587;
  letter-spacing: -1px;
}
.box-plan-container .plan .box-plan .box .plan-benefits li::before {
  content: ">";
}
.box-plan-container .plan .box-plan .box .plan-benefits li i {
  margin-right: 5px;
}
.box-plan-container .plan .box-plan .box .plan-benefits-variant {
  margin: 15px auto;
  width: 86%;
}
.box-plan-container .plan .box-plan .box .guion {
  font-size: 13.5px;
  font-weight: 500;
  color: #727587;
  letter-spacing: -1px;
  margin: 0;
}
.box-plan-container .plan .box-plan .box .plan-benefits-dif {
  margin-top: 5px;
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .box-plan-container .plan .box-plan .box .plan-benefits-dif {
    margin-top: 34px;
    min-height: 120px;
    margin-bottom: 0;
  }
}
.box-plan-container .plan .box-plan .box .plan-benefits-dif li {
  text-align: center;
  line-height: 35px;
  border-top: #d0d1d7 solid 1px;
  font-weight: 600;
  font-size: 18px;
  color: #6097ff;
}
.box-plan-container .plan .box-plan .box .plan-benefits-dif li.no-check {
  color: #a1a3af !important;
}
.box-plan-container .plan .box-plan .box .plan-benefits-dif li:before {
  content: "";
}
.box-plan-container .plan .box-plan .box .plan-benefits-dif li {
  /* &:before {
    content: url(./../assets/icons/check-pricing.svg);
  } */
}
.box-plan-container .plan .box-plan .box .total-plan-container {
  /* @include biggest-desktop {
    padding: 0 10px;
  }
  @include more-biggest-desktop {
    padding: 0 20px;
  } */
  position: relative;
}
.box-plan-container .plan .box-plan .box .total-plan-container .detail-hidden {
  display: none;
  margin: 0;
}
.box-plan-container .plan .box-plan .box .total-plan-container .total-plan {
  font-size: 14px;
  font-weight: 500;
  color: #304b7f;
  margin: 25px 0;
  text-align: center;
}
.box-plan-container .plan .box-plan .box .total-plan-container .total-plan span {
  background-color: #b0cbff;
  border-radius: 10px;
  font-weight: 600;
  padding: 0 3px;
}
.box-plan-container .plan .box-plan .box .btn-container-contrat .btn-contrat {
  background-color: #6097ff;
  border-radius: 6px;
  margin: 0 14px;
  padding: 3px 0 4px;
  cursor: pointer;
  outline: none;
  border: 0;
  color: #fff;
  width: 95%;
  margin: auto;
  font-weight: 600;
  font-size: 18px;
  display: block;
  transition: all 0.3s linear;
}
.box-plan-container .plan .box-plan .box .btn-container-contrat .btn-contrat:hover {
  background-color: #4871bf;
}
.box-plan-container .plan {
  /* .big-plan {
    display: flex;
    align-items: center;
    width: 90% !important;
    border-top: 0;
    height: 90px;
    padding: 10px 15px;
    gap: 12px;
    margin-top: 21px;
    @include desktop {
      display: block;
      width: 500px !important;
      height: 105px;
      margin-top: 7px;
    }

    .title-container {
      padding: 5px;
      background: transparent;
      @include desktop {
        background-color: transparent;
      }
      .big-plan-title {
        font-weight: 700;
        font-size: 12px;
        color: #6097ff;
        @include desktop {
          font-size: 18px;
          text-align: start;
        }
      }
      .btn-contrat {
        background-color: #6097ff;
        border-radius: 6px;
        margin: 0 14px;
        padding: 3px 0 4px;
        cursor: pointer;
        outline: none;
        border: 0;
        color: #fff;
        margin: auto;
        font-weight: 600;
        font-size: 15px;
        display: block;
        transition: all 0.3s linear;
        width: 147px;

        &:hover {
          background: #6097ff !important;
          color: #fff !important;
        }
        @include desktop {
          display: none;
        }
        svg {
          fill: #fff;
        }
      }
    }
    .personalized-card-content {
      @include desktop {
        display: flex;
        gap: 22px;
      }
      .btn-contrat {
        background-color: #6097ff;
        border-radius: 6px;
        margin: 0 14px;
        padding: 3px 0 4px;
        cursor: pointer;
        outline: none;
        border: 0;
        color: #fff;
        margin: auto;
        font-weight: 600;
        font-size: 18px;
        display: block;
        transition: all 0.3s linear;
        width: 147px;
        display: none;

        &:hover {
          background: #6097ff !important;
          color: #fff !important;
        }
        @include desktop {
          display: block;
          width: 50%;
        }
        svg {
          fill: #fff;
        }
      }
      .personalized-description {
        color: #727587;
        font-size: 12px;
        margin: 0;
        text-align: start;
        @include desktop {
          width: 50%;
        }
      }
    }
  } */
}
.box-plan-container .plan .tooltip-content {
  display: none !important;
  border: 0;
  position: relative;
  margin: -15px auto 20px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  border-radius: 7px;
}
@media screen and (min-width: 1024px) {
  .box-plan-container .plan .tooltip-content {
    margin-bottom: 0;
  }
}
.box-plan-container .plan .tooltip-content .tooltip-one {
  padding: 10px;
  width: 251px;
  height: auto;
  line-height: 24px;
  background: #b0cbff;
  z-index: 1000;
  top: 10px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
  filter: drop-shadow(3px 3px 30px rgba(0, 0, 0, 0.15));
}
.box-plan-container .plan .tooltip-content .tooltip-one:hover {
  display: block;
}
.box-plan-container .plan .tooltip-content .tooltip-one:after {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  width: 23px;
  height: 23px;
  background: #b0cbff;
  transform: rotate(45deg) translateX(-50%);
}
.box-plan-container .plan .tooltip-content .tooltip-one .content {
  color: #304b7f;
}
.box-plan-container .plan .tooltip-content .tooltip-one .content .available,
.box-plan-container .plan .tooltip-content .tooltip-one .content .not-available {
  margin: 0;
  text-align: start;
}
.box-plan-container .plan .tooltip-content .tooltip-one .content .available {
  font-size: 12px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .box-plan-container .plan .tooltip-content .tooltip-one .content .available {
    font-size: 12px;
  }
}
.box-plan-container .plan .tooltip-content .tooltip-one .content .available span {
  font-weight: 700;
}
.box-plan-container .plan .tooltip-content .tooltip-one .content .not-available {
  font-size: 12px;
}
.box-plan-container .plan .tooltip-content .tooltip-one .content p {
  text-align: start;
  margin: 0;
}
.box-plan-container .plan .tooltip-content .tooltip-one .content p .btn-detail {
  cursor: pointer;
  text-decoration: none;
  font-weight: 400;
}
.box-plan-container .plan .tooltip-content .tooltip-one .content p .btn-detail:hover {
  text-decoration: underline;
}

.extra-plan-container {
  order: 1;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container {
    margin-top: 21px;
    order: 6;
  }
}
@media screen and (min-width: 1500px) {
  .extra-plan-container {
    width: 50%;
  }
}
.extra-plan-container .extra-plan-content {
  display: flex;
  gap: 22px;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container .extra-plan-content {
    flex-direction: row;
  }
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container {
  cursor: pointer;
  margin: auto;
  padding: 18px 8px 15px !important;
  outline: none;
  border: 0;
  border-radius: 10px;
  border-top: 10px #6097ff solid;
  width: 216px;
  height: 261px;
  box-shadow: 7px 11px 28px rgba(0, 0, 0, 0.1019607843);
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  transition: all 0.3s linear;
  color: #fff;
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container:hover {
  background: #d7e5ff;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container {
    flex-direction: row;
    flex-wrap: wrap;
    width: 500px !important;
    height: 105px !important;
    border: 0 !important;
  }
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container {
  /* @include desktop-1366 {
    width: 555px;
  } */
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-title {
  order: 1;
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-title h3 {
  font-weight: 700;
  margin: 0 0 10px;
  font-size: 18px;
  color: #6097ff;
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-title .btn-contrat {
  display: none;
  background-color: #6097ff;
  border-radius: 6px;
  margin: 0 14px;
  padding: 3px 0 4px;
  cursor: pointer;
  outline: none;
  border: 0;
  width: 95%;
  color: #fff;
  margin: auto;
  font-weight: 600;
  font-size: 18px;
  transition: all 0.3s linear;
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-title .btn-contrat:hover {
  background-color: #4871bf;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-title .btn-contrat {
    display: block;
  }
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-btn-contrat-container {
  order: 5;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-btn-contrat-container {
    display: none;
    order: 2;
    width: auto;
  }
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-btn-contrat-container .btn-contrat {
  background-color: #6097ff;
  border-radius: 6px;
  margin: 0 14px;
  padding: 3px 0 4px;
  cursor: pointer;
  outline: none;
  border: 0;
  width: 95%;
  color: #fff;
  margin: auto;
  font-weight: 600;
  font-size: 18px;
  display: block;
  transition: all 0.3s linear;
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-btn-contrat-container .btn-contrat:hover {
  background-color: #4871bf;
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-benefits {
  order: 3;
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-benefits .plan-benefits {
  list-style: none;
  padding: 0;
  margin: 15px 0;
  text-align: start;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-benefits .plan-benefits {
    margin: 0;
  }
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-benefits .plan-benefits li {
  font-size: 13.5px;
  font-weight: 500;
  color: #727587;
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-benefits .plan-benefits li i {
  margin-right: 5px;
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-benefits.benefits-variant {
  margin-top: -7px;
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .total-plan-container {
  order: 4;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .total-plan-container {
    order: 5;
    display: flex;
    justify-content: center;
    gap: 4px;
  }
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .total-plan-container .detail-hidden {
  display: none;
  margin: 0;
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .total-plan-container .total-plan {
  font-size: 14px;
  font-weight: 500;
  color: #304b7f;
  margin-bottom: 7px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .total-plan-container .total-plan {
    display: none;
  }
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .total-plan-container .total-plan span {
  background-color: #b0cbff;
  border-radius: 10px;
  font-weight: 600;
  padding: 0 3px;
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price {
  order: 2;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price {
    order: 4;
  }
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price h4 {
  font-size: 25px;
  color: #304b7f;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price h4 {
    color: #6097ff;
  }
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price h4 span {
  font-size: 16px;
  color: #727587;
  text-decoration: line-through;
  text-align: start;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price h4 span {
    display: block;
  }
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price h4 small {
  color: #727587;
  font-size: 15px;
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price h4 small {
    display: block;
  }
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price h4.variant-price {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price h4.variant-price {
    display: block !important;
  }
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price h4.variant-price div {
  order: 1;
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price h4.variant-price span {
  order: 3;
  width: 100%;
  padding-left: 20px;
  margin: -5px 0 5px;
}
@media screen and (min-width: 1024px) {
  .extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price h4.variant-price span {
    padding-left: 0 !important;
    margin-bottom: 0;
  }
}
.extra-plan-container .extra-plan-content .plan .entrepreneaur-card-container .entrepreneaur-price h4.variant-price small {
  order: 2;
}

/*inicion del order*/
.Inicial {
  order: 2;
}
@media screen and (min-width: 1024px) {
  .Inicial {
    order: 1;
  }
}

.Standard {
  order: 3;
}
@media screen and (min-width: 1024px) {
  .Standard {
    order: 2;
  }
}

.Plus {
  order: 4;
}
@media screen and (min-width: 1024px) {
  .Plus {
    order: 3px;
  }
}

.Premium {
  order: 5;
}
@media screen and (min-width: 1024px) {
  .Premium {
    order: 4px;
  }
}

.Corporate {
  order: 6;
}
@media screen and (min-width: 1024px) {
  .Corporate {
    order: 5px;
  }
}

/*fin del orden*/
/*
Beneficios generales de los planes
*/
.plans-benefits-list {
  margin-right: -14px;
}
.plans-benefits-list.variant button {
  margin: 115px 0 119px;
}
.plans-benefits-list button {
  margin: 115px 0 119px;
  background: #ffffff;
  box-shadow: 0.825112px 0.825112px 7.42601px #88b1ff;
  border-radius: 4.12556px;
  font-weight: 500;
  font-size: 19.0106px;
  line-height: 26px;
  color: #405789;
  padding: 6px 12px;
  border: 0;
  outline: none;
}
.plans-benefits-list p {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #4871bf;
  text-align: start;
}
.plans-benefits-list ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0 !important;
}
.plans-benefits-list ul li {
  text-align: start;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 35px;
  color: #4871bf !important;
  text-align: start !important;
  border-top: #d0d1d7 solid 1px;
  padding-right: 12px;
}

/*estilos del scroll*/
.facts-container::-webkit-scrollbar {
  -webkit-appearance: none;
}
.facts-container::-webkit-scrollbar:vertical {
  width: 10px;
}
.facts-container::-webkit-scrollbar:horizontal {
  height: 10px;
}

.facts-container::-webkit-scrollbar-button:increment,
.facts-container::-webkit-scrollbar-button {
  display: none;
}

.facts-container::-webkit-scrollbar-thumb {
  background-color: #4871bf;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}

.facts-container::-webkit-scrollbar-track {
  border-radius: 10px;
}

/*fin de estilos del scroll*/
/*inicio titles emprendedor*/
.title-mobile {
  margin-bottom: 8px;
}
@media screen and (min-width: 1024px) {
  .title-mobile {
    display: none;
  }
}

.title-desktop {
  display: none;
}
@media screen and (min-width: 1024px) {
  .title-desktop {
    display: block;
  }
}

/*fin titles emprendedor*/
.main-prensa {
  background-color: #ebf2ff;
}

.banner-prensa-container {
  background: linear-gradient(90.17deg, #304b7f 3.67%, #6097ff 99.82%);
  text-align: center;
  padding: 20px 0;
}
@media screen and (min-width: 1024px) {
  .banner-prensa-container .content {
    display: flex;
    max-width: 75%;
    margin: auto;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .banner-prensa-container .content img {
    width: 236px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-prensa-container .content .banner-desc img {
    width: 473px;
  }
}
.banner-prensa-container .content .banner-desc h1 {
  font-size: 2rem;
  text-align: center;
  letter-spacing: 0.05em;
  color: #ffffff;
  text-shadow: 0px 4px 4px rgba(21, 101, 189, 0.25);
}
@media screen and (min-width: 1024px) {
  .banner-prensa-container .content .banner-desc h1 {
    font-size: 4rem;
    text-align: end;
  }
}

.recent-news-container {
  background-color: #6097ff;
  padding: 0 0 20px 0;
  transition: all linear 0.2s;
}
.recent-news-container:hover {
  background-color: #4871bf;
}
.recent-news-container .row .col-12 {
  margin: auto;
}
.recent-news-container .row .col-12 .card {
  width: 92%;
  margin: auto;
  border-radius: 20px;
  background-color: transparent;
  margin-top: 30px;
  border: 0;
}
@media screen and (min-width: 1024px) {
  .recent-news-container .row .col-12 .card {
    width: 80%;
    margin-top: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .recent-news-container .row .col-12 .card {
    width: 1350px;
    margin-top: 50px;
  }
}
.recent-news-container .row .col-12 .card .row {
  /* @include biggest-desktop {
    width: 75%;
    margin: auto;
  } */
}
.recent-news-container .row .col-12 .card .row .img-card-content img {
  border-radius: 15px 15px 0 0;
}
@media screen and (min-width: 768px) {
  .recent-news-container .row .col-12 .card .row .img-card-content img {
    border-radius: 15px 0 15px 15px;
  }
}
.recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news {
  position: relative;
}
@media screen and (min-width: 768px) {
  .recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1024px) {
  .recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news {
    height: 100%;
    padding-bottom: 0;
  }
}
.recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news h2 {
    font-size: 25px;
    line-height: 35px;
  }
}
.recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news .news-date {
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  margin: 15px 0 13px;
}
@media screen and (min-width: 1024px) {
  .recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news .news-date {
    font-size: 16px;
  }
}
.recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news .info-medios {
  font-weight: 600;
  font-size: 18px;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news .info-medios {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news .info-medios {
    font-size: 22px;
  }
}
.recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news .recent-news {
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  line-height: 26px;
}
@media screen and (min-width: 1024px) {
  .recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news .recent-news {
    margin: 0;
  }
}
@media screen and (min-width: 1500px) {
  .recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news .recent-news {
    font-size: 20px;
    line-height: 32px;
  }
}
.recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news .see-more {
  text-align: end;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news .see-more {
    font-size: 18px;
    position: absolute;
    right: 20px;
    bottom: 20px;
  }
}
.recent-news-container .row .col-12 .card .row .card-body-container .card-content-main-news .see-more a {
  cursor: pointer;
  color: #fff;
}

.wave-big-card {
  margin-top: -100px;
}

.prensa-cards-container {
  margin-top: 40px;
  /* @include biggest-desktop {
    max-width: 75%;
  } */
}
.prensa-cards-container .news-render-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (min-width: 1024px) {
  .prensa-cards-container .news-render-container {
    width: 85%;
    margin: auto;
  }
}
@media screen and (min-width: 1500px) {
  .prensa-cards-container .news-render-container {
    width: 1370px;
    margin: auto;
  }
}
.prensa-cards-container .news-render-container .card-other-news {
  width: 324px;
  margin: 0 auto 20px;
  border: 0;
  border-radius: 10px;
}
.prensa-cards-container .news-render-container .card-other-news .card-link {
  text-decoration: none;
  border-radius: 10px;
  transition: all 0.2s linear;
}
.prensa-cards-container .news-render-container .card-other-news .card-link:hover {
  box-shadow: 4px 4px 20px rgba(64, 87, 137, 0.3);
}
.prensa-cards-container .news-render-container .card-other-news .card-link .card-img-top {
  border-radius: 10px 10px 0 0;
}
@media screen and (min-width: 768px) {
  .prensa-cards-container .news-render-container .card-other-news .card-link .card-img-top {
    height: 195px;
  }
}
.prensa-cards-container .news-render-container .card-other-news .card-link .card-body {
  position: relative;
  padding: 20px 10px;
}
@media screen and (min-width: 768px) {
  .prensa-cards-container .news-render-container .card-other-news .card-link .card-body {
    padding: 20px;
    height: 150px;
  }
}
.prensa-cards-container .news-render-container .card-other-news .card-link .card-body .news-date {
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #727587;
}
.prensa-cards-container .news-render-container .card-other-news .card-link .card-body .card-title {
  font-weight: 700;
  font-size: 16px;
  color: #405789;
  margin: 15px 0;
}
@media screen and (min-width: 768px) {
  .prensa-cards-container .news-render-container .card-other-news .card-link .card-body .card-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.prensa-cards-container .news-render-container .card-other-news .card-link .card-body .card-medios {
  font-weight: 700;
  font-size: 16px;
  color: #727587;
}

@media screen and (min-width: 1024px) {
  .cta-container-prensa {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #fff;
    margin: 20px 0 0;
    padding: 40px 0;
  }
}
.cta-container-prensa p {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #405789;
  margin: 17px auto 0;
  width: 270px;
}
@media screen and (min-width: 1024px) {
  .cta-container-prensa p {
    width: auto;
    margin: 0;
    font-size: 19px;
  }
}
@media screen and (min-width: 1366px) {
  .cta-container-prensa p {
    font-size: 2.1rem;
  }
}
.cta-container-prensa button {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.cta-container-prensa button:focus, .cta-container-prensa button:focus-visible {
  outline: none;
  border: 0;
}
.cta-container-prensa button {
  padding: 8px 25px;
  font-weight: 600;
  font-size: 1.6rem;
  margin-top: 12px;
}
.cta-container-prensa .btn-free-trial:hover {
  background-color: #4871bf;
}
@media screen and (min-width: 1024px) {
  .cta-container-prensa .btn-free-trial {
    margin: 0 !important;
  }
}

/*PAGINADOR*/
#pagination-container {
  text-align: center;
  padding-bottom: 20px;
}
#pagination-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  justify-content: center;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}
#pagination-container ul li {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #6097ff;
}
#pagination-container ul li:first-child, #pagination-container ul li:first-child span {
  border-radius: 5px 0 0 5px;
}
#pagination-container ul li:first-child a {
  border-radius: 5px 0 0 5px;
}
#pagination-container ul li:last-child, #pagination-container ul li:last-child a, #pagination-container ul li:last-child span {
  border-radius: 0 5px 5px 0;
}
#pagination-container ul li.active {
  background-color: #6097ff;
}
#pagination-container ul li a {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #6097ff;
  padding: 10px 15px;
  border: 0;
}
#pagination-container ul li a.page-link:hover {
  background-color: #ebf2ff;
}
#pagination-container ul li span {
  padding: 8px 15px;
  display: flex;
  align-items: center;
  height: 100%;
}
#pagination-container ul li span.current {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
}
.banner-learning-container {
  text-align: center;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .banner-learning-container .content {
    max-width: 75%;
    margin: auto;
    align-items: center;
    justify-content: flex-end;
  }
}
.banner-learning-container .content .banner-desc {
  text-align: center;
}
.banner-learning-container .content .banner-desc h1 {
  font-weight: 600;
  font-size: 1.8rem;
  text-align: center;
  color: #405789;
}
@media screen and (min-width: 1024px) {
  .banner-learning-container .content .banner-desc h1 {
    font-size: 4rem;
  }
}
.banner-learning-container .content .banner-desc p {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #405789;
  margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .banner-learning-container .content .banner-desc p {
    font-size: 4rem;
    margin: 0;
  }
}
.banner-learning-container .content .banner-desc .btn-come-back {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.banner-learning-container .content .banner-desc .btn-come-back:focus, .banner-learning-container .content .banner-desc .btn-come-back:focus-visible {
  outline: none;
  border: 0;
}
.banner-learning-container .content .banner-desc .btn-come-back {
  padding: 10px 12px;
  display: none;
  margin: 48px 0;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .banner-learning-container .content .banner-desc .btn-come-back {
    display: inline-block;
  }
}

.btn-container.variante {
  display: flex;
}
.btn-container.variante img {
  width: 35% !important;
  margin-left: 10px;
}

.banner-meli-container {
  background-color: #e7efff;
}
.banner-meli-container.variante .banner-meli-content {
  width: 93%;
}
.banner-meli-container .banner-meli-content {
  width: 95%;
  margin: auto;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .banner-meli-container .banner-meli-content {
    text-align: right;
    max-width: 1024px;
    padding-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-meli-container .banner-meli-content img {
    width: 85%;
  }
}
@media screen and (min-width: 1024px) {
  .banner-meli-container .banner-meli-content .text-content {
    width: 40%;
    margin-top: -150px;
  }
}
.banner-meli-container .banner-meli-content .text-content .banner-meli-desc h1 {
  font-weight: 600;
  font-size: 50px;
  color: #405789;
}
@media screen and (min-width: 1024px) {
  .banner-meli-container .banner-meli-content .text-content .banner-meli-desc h1 {
    text-align: start;
    width: 530px;
  }
}
.banner-meli-container .banner-meli-content .text-content .banner-meli-desc p {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #405789;
}
@media screen and (min-width: 1024px) {
  .banner-meli-container .banner-meli-content .text-content .banner-meli-desc p {
    max-width: 460px;
    text-align: start;
  }
}
.banner-meli-container .banner-meli-content .text-content .btn-container {
  text-align: center;
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .banner-meli-container .banner-meli-content .text-content .btn-container {
    text-align: start;
  }
}
.banner-meli-container .banner-meli-content .text-content .btn-container .btn-free-trial-meli {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.banner-meli-container .banner-meli-content .text-content .btn-container .btn-free-trial-meli:focus, .banner-meli-container .banner-meli-content .text-content .btn-container .btn-free-trial-meli:focus-visible {
  outline: none;
  border: 0;
}
.banner-meli-container .banner-meli-content .text-content .btn-container .btn-free-trial-meli {
  padding: 8px 0px;
  width: 222px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin-top: 17px;
}
@media screen and (min-width: 1024px) {
  .banner-meli-container .banner-meli-content .text-content .btn-container .btn-free-trial-meli {
    font-size: 18px;
    width: 240px;
    margin-top: 10px;
  }
}
.banner-meli-container ~ svg {
  position: relative;
  z-index: -1;
  margin-top: -30px;
}
@media screen and (min-width: 1024px) {
  .banner-meli-container ~ svg {
    margin-top: -125px;
  }
}
@media screen and (min-width: 1500px) {
  .banner-meli-container ~ svg {
    margin-top: -175px;
  }
}

.all-need-container .all-need-content {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .all-need-container .all-need-content {
    width: 95%;
  }
}
.all-need-container .all-need-content h2 {
  font-weight: 600;
  font-size: 21px;
  text-align: center;
  color: #405789;
  margin-top: 15px;
  margin-bottom: 20px;
  line-height: 28px;
}
@media screen and (min-width: 1024px) {
  .all-need-container .all-need-content h2 {
    font-size: 30px !important;
    margin-top: 10px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1500px) {
  .all-need-container .all-need-content h2 {
    font-size: 40px;
  }
}
.all-need-container .all-need-content .card-container {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .all-need-container .all-need-content .card-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .all-need-container .all-need-content .card-container {
    justify-content: center;
  }
}
.all-need-container .all-need-content .card-container .card {
  box-shadow: -1px 0px 6px rgba(0, 0, 0, 0.4);
  border-radius: 30px;
  height: 120px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .all-need-container .all-need-content .card-container .card {
    max-width: 335px;
    margin: auto;
  }
}
@media screen and (min-width: 1024px) {
  .all-need-container .all-need-content .card-container .card {
    margin: 0;
    flex-direction: column;
    height: 270px;
    width: 239px;
    padding-top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .all-need-container .all-need-content .card-container .card {
    height: 390px !important;
    width: 345px !important;
  }
}
.all-need-container .all-need-content .card-container .card .img-container {
  width: 250px;
}
@media screen and (min-width: 1024px) {
  .all-need-container .all-need-content .card-container .card .img-container {
    text-align: center;
  }
}
@media screen and (min-width: 1500px) {
  .all-need-container .all-need-content .card-container .card .img-container {
    width: 200px;
    height: 200px;
    padding-top: 12px;
  }
}
.all-need-container .all-need-content .card-container .card .img-container img {
  width: 113px;
}
@media screen and (min-width: 1024px) {
  .all-need-container .all-need-content .card-container .card .img-container img {
    height: 120px;
  }
}
@media screen and (min-width: 1500px) {
  .all-need-container .all-need-content .card-container .card .img-container img {
    width: 171px !important;
    height: 166px !important;
  }
}
.all-need-container .all-need-content .card-container .card .desc-container {
  margin-left: -50px;
  width: 480px;
}
@media screen and (min-width: 1024px) {
  .all-need-container .all-need-content .card-container .card .desc-container {
    margin: 0;
    width: auto;
  }
}
.all-need-container .all-need-content .card-container .card .desc-container h3 {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #405789;
}
@media screen and (min-width: 1024px) {
  .all-need-container .all-need-content .card-container .card .desc-container h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 1500px) {
  .all-need-container .all-need-content .card-container .card .desc-container h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
  }
}
.all-need-container .all-need-content .card-container .card .desc-container p {
  font-weight: 500;
  font-size: 13px;
  text-align: center;
  color: #6b7c99;
  padding: 0 25px;
  line-height: 17px;
}
@media screen and (min-width: 1024px) {
  .all-need-container .all-need-content .card-container .card .desc-container p {
    font-size: 13px;
    padding: 0 10px;
    line-height: 17px;
  }
}
@media screen and (min-width: 1500px) {
  .all-need-container .all-need-content .card-container .card .desc-container p {
    font-size: 18px;
    padding: 0 30px;
    line-height: 25px;
  }
}
.all-need-container .all-need-content .card-container .card1 .desc-container h3 span {
  color: #9d26e1;
}
.all-need-container .all-need-content .card-container .card2 .desc-container h3 span {
  color: #ff7e7e;
}
.all-need-container .all-need-content .card-container .card3 .desc-container h3 span {
  color: #fd8218;
}
.all-need-container .all-need-content .card-container .card4 .desc-container h3 span {
  color: #6097ff;
}
.all-need-container .all-need-content .fact-meli-desc-container .desc-content .desc p {
  color: #c362fb;
  font-size: 14px;
}
.all-need-container .all-need-content .fact-meli-desc-container .desc-content .desc h3 {
  font-weight: 600;
  font-size: 25px;
  line-height: 31px;
}
@media screen and (min-width: 1024px) {
  .all-need-container .all-need-content .fact-meli-desc-container .desc-content .desc h3 {
    font-size: 27px;
    line-height: 33px;
  }
}
@media screen and (min-width: 1366px) {
  .all-need-container .all-need-content .fact-meli-desc-container .desc-content .desc h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
.all-need-container .all-need-content .fact-meli-desc-container .desc-content .desc ul {
  list-style: none;
  list-style-image: url("./../assets/icons/check-list-violet.svg");
}
.all-need-container .all-need-content .fact-meli-desc-container .desc-content .desc ul li {
  line-height: 15px;
}
.all-need-container .all-need-content .fact-meli-desc-container .desc-content .desc ul li strong {
  font-weight: 700;
}
.all-need-container .all-need-content .fact-meli-desc-container .desc-content .canales-container h2 {
  color: #405789;
}
.all-need-container .all-need-content .fact-meli-desc-container .desc-content .canales-container .canales-content {
  background-color: #efd2ff;
}

.all-need-container.dif {
  background-color: #e7efff;
}

.all-need-container-variante {
  background-color: #e7efff;
  padding-top: 20px;
}
.all-need-container-variante .all-need-content .desc p {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #ff9840;
}
.all-need-container-variante .all-need-content .desc h3 {
  line-height: 31px;
}
.all-need-container-variante .all-need-content .desc ul {
  list-style-image: url("./../assets/icons/check-list-orange.svg");
}

.all-dif {
  position: relative;
  margin-top: -20px;
}
@media screen and (min-width: 1024px) {
  .all-dif {
    margin: 0;
  }
}

.all-need-container-variante ~ svg {
  margin-top: 0px;
  position: relative;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .all-need-container-variante ~ svg {
    margin-bottom: -220px;
  }
}

.benefit-meli-container {
  padding: 30px 0px 0px;
}
.benefit-meli-container.variante {
  background-color: #d7e5ff;
}
.benefit-meli-container .benefit-meli-content {
  width: 95%;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .benefit-meli-container .benefit-meli-content {
    width: 85%;
  }
}
.benefit-meli-container .benefit-meli-content h2 {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #43475f;
  padding-top: 10px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .benefit-meli-container .benefit-meli-content h2 {
    font-size: 20px;
  }
}
.benefit-meli-container .benefit-meli-content .bobbles-container {
  margin: 10px 0 20px;
}
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper {
  margin-bottom: 20px;
}
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide {
    justify-content: center;
  }
}
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .card-desktop,
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .card-desktop1 {
  display: none;
}
@media screen and (min-width: 1024px) {
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .card-desktop,
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .card-desktop1 {
    flex-wrap: wrap;
    width: 100%;
  }
}
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .mostrar {
  display: flex;
  margin-top: 24px;
}
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles {
  position: relative;
  width: 50%;
  margin-bottom: 20px;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles {
    text-align: center;
    height: 190px;
    width: 16.6666666667%;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles img {
    font-size: 12px;
  }
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles img:hover ~ .burble-desplegable {
    display: block;
  }
}
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles h4 {
  font-weight: 500;
  font-size: 14px;
  color: #405789;
}
@media screen and (min-width: 768px) {
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles h4 {
    font-size: 11.5px;
  }
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles h4:hover ~ .burble-desplegable {
    display: block;
  }
}
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles h4 img {
  display: block;
  margin: 5px 0;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles h4 img {
    display: none;
  }
}
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles .burble-desplegable {
  display: none;
}
@media screen and (min-width: 1024px) {
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles .burble-desplegable {
    position: absolute;
  }
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles .burble-desplegable:hover {
    display: block;
  }
}
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles .burble-desplegable hr {
  width: 40%;
  background-color: #c362fb;
  border: 1px solid #c362fb;
  margin: 10px auto;
}
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles .burble-desplegable p {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  color: #727587;
}
@media screen and (min-width: 768px) {
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles .burble-desplegable p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles .burble-desplegable p {
    font-size: 12px;
    line-height: 15px;
  }
}
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .desktop-view-more {
  width: 100%;
  margin-bottom: 40px;
}
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .desktop-view-more .text-view-more,
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .desktop-view-more .text-view-more1 {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #405789;
  cursor: pointer;
}
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .desktop-view-more .text-view-more img .mostrar,
.benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .desktop-view-more .text-view-more1 img .mostrar {
  transform: rotate(180deg);
}
@media screen and (min-width: 1024px) {
  .benefit-meli-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide.swiper-slide-variante-desktop {
    display: none;
  }
}

.cta-info-container {
  background-color: #6097ff;
  padding: 20px;
}
.cta-info-container .cta-info-content {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .cta-info-container .cta-info-content {
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
  }
}
.cta-info-container .cta-info-content p {
  margin: auto;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  max-width: 640px;
}
@media screen and (min-width: 1024px) {
  .cta-info-container .cta-info-content p {
    margin: 0;
    font-size: 20px;
    line-height: normal;
  }
}
.cta-info-container .cta-info-content .btn-container {
  text-align: center;
}
.cta-info-container .cta-info-content .btn-container .btn-free-trial-meli-cta {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.cta-info-container .cta-info-content .btn-container .btn-free-trial-meli-cta:focus, .cta-info-container .cta-info-content .btn-container .btn-free-trial-meli-cta:focus-visible {
  outline: none;
  border: 0;
}
.cta-info-container .cta-info-content .btn-container .btn-free-trial-meli-cta {
  border: 0;
  padding: 8px 10px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  background-color: #fff;
  color: #6097ff;
  margin-top: 17px;
}
.cta-info-container .cta-info-content .btn-container .btn-free-trial-meli-cta:hover {
  outline: solid 2px #4871bf;
  color: #4871bf;
}
@media screen and (min-width: 1024px) {
  .cta-info-container .cta-info-content .btn-container .btn-free-trial-meli-cta {
    font-size: 18px;
    padding: 5px 12px;
    margin: 0;
  }
}

.fact-meli-metr-container .desc-content .canales-container h2 {
  font-size: 12px;
  line-height: 16px;
}

.fact-meli-desc-container1 {
  padding-top: 40px !important;
}
.fact-meli-desc-container1.dif {
  background-color: #e7efff;
}
.fact-meli-desc-container1 .desc-content .desc p {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #c362fb;
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container1 .desc-content .desc p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container1 .desc-content .desc h3 {
    font-size: 27px;
    line-height: 33px;
  }
}
@media screen and (min-width: 1366px) {
  .fact-meli-desc-container1 .desc-content .desc h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
.fact-meli-desc-container1 .desc-content .desc ul {
  list-style: none;
  list-style-image: url("./../assets/icons/check-list-violet.svg");
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container1 .desc-content .desc ul li {
    font-size: 15px;
  }
}

.fact-meli-desc-container2 .desc-content .desc p {
  color: #ff5050;
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container2 .desc-content .desc p {
    font-size: 16px;
  }
}
.fact-meli-desc-container2 .desc-content .desc ul {
  list-style: none;
  list-style-image: url("./../assets/icons/check-list-red.svg");
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container2 .desc-content .desc ul li {
    font-size: 15px;
  }
}
.fact-meli-desc-container2 .desc-content .desc h3 {
  font-size: 26px;
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container2 .desc-content .desc h3 {
    font-size: 27px;
    line-height: 33px;
  }
}
@media screen and (min-width: 1366px) {
  .fact-meli-desc-container2 .desc-content .desc h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container2 .desc-content .desc {
    order: 2;
  }
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container2 .desc-content .gif-container {
    order: 1;
  }
}

.fact-meli-desc-container5 .desc-content .desc p {
  color: #ff9840;
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container5 .desc-content .desc p {
    font-size: 16px;
  }
}
.fact-meli-desc-container5 .desc-content .desc ul {
  list-style: none;
  list-style-image: url("./../assets/icons/check-list-orange.svg");
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container5 .desc-content .desc ul li {
    font-size: 15px;
  }
}
.fact-meli-desc-container5 .desc-content .desc h3 {
  font-size: 26px;
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container5 .desc-content .desc h3 {
    font-size: 27px;
    line-height: 33px;
  }
}
@media screen and (min-width: 1366px) {
  .fact-meli-desc-container5 .desc-content .desc h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container5 .desc-content .desc {
    order: 2;
  }
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container5 .desc-content .gif-container {
    order: 1;
  }
}

.fact-meli-desc-container3 {
  padding-top: 0;
}
.fact-meli-desc-container3 .desc-content .desc p {
  color: #ff9840;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container3 .desc-content .desc p {
    font-size: 16px;
    margin-bottom: 7px;
  }
}
.fact-meli-desc-container3 .desc-content .desc h3 {
  font-size: 25px;
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container3 .desc-content .desc h3 {
    font-size: 27px;
    line-height: 33px;
  }
}
@media screen and (min-width: 1366px) {
  .fact-meli-desc-container3 .desc-content .desc h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
.fact-meli-desc-container3 .desc-content .desc ul {
  list-style: none;
  list-style-image: url("./../assets/icons/check-list-orange.svg");
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container3 .desc-content .desc ul li {
    font-size: 15px;
  }
}

.fact-meli-desc-container3-dif {
  position: relative;
  margin-top: -30px;
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container3-dif {
    margin: 0;
  }
}

.fact-meli-desc-container4 .desc-content .desc p {
  color: #6097ff;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container4 .desc-content .desc p {
    font-size: 16px;
    margin-bottom: 7px;
  }
}
.fact-meli-desc-container4 .desc-content .desc h3 {
  font-size: 24px;
  line-height: 31px;
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container4 .desc-content .desc h3 {
    font-size: 27px;
    line-height: 33px;
  }
}
@media screen and (min-width: 1366px) {
  .fact-meli-desc-container4 .desc-content .desc h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
.fact-meli-desc-container4 .desc-content .desc ul {
  list-style: none;
  list-style-image: url("./../assets/icons/check-list.svg");
}
@media screen and (min-width: 1024px) {
  .fact-meli-desc-container4 .desc-content .desc ul li {
    font-size: 15px;
  }
}
.fact-meli-desc-container4 .desc-content .desc .canales-container {
  background-color: #f7f7ff;
}
.fact-meli-desc-container4 .desc-content div.canales-container.desktop-hidden {
  background-color: #f7f7ff;
}
.fact-meli-desc-container4 .desc-content div.canales-container.desktop-hidden h2 {
  font-size: 16px;
  line-height: 18px;
}

.slider-big-card-container .mySwiperResponsive .swiper-wrapper {
  margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container .mySwiperResponsive .swiper-wrapper {
    justify-content: center;
  }
}
.slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide {
  padding: 15px 0;
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide {
    width: 386px !important;
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 1500px) {
  .slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide {
    width: 467px !important;
  }
}
.slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide .card {
  padding: 20px 12px;
  border-radius: 30px;
  width: 90%;
  min-height: 330px;
  max-width: 386px;
  margin: auto;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  background: #d7e5ff;
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide .card {
    padding: 40px 12px;
    width: 386px;
    height: 300px;
  }
}
@media screen and (min-width: 1500px) {
  .slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide .card {
    width: 467px;
    height: auto;
  }
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide .card .content-desc {
    order: 2;
    margin-top: 32px;
  }
}
.slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide .card .content-desc h3 {
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  color: #43475f;
  margin-bottom: 0;
}
.slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide .card .content-desc p {
  color: #5d5f6c;
  font-size: 11px;
  font-weight: 500;
  line-height: 142.5%;
  margin-bottom: 4px;
  text-align: center;
}
.slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide .card .content-img {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide .card .content-img {
    order: 1;
  }
}
.slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide .card .content-img img {
  height: 236px;
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide .card .content-img img {
    height: 190px;
  }
}
@media screen and (min-width: 1500px) {
  .slider-big-card-container .mySwiperResponsive .swiper-wrapper .swiper-slide .card .content-img img {
    height: 267px;
  }
}

.slider-big-card-container-variante .content-slider-big-tnube {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  margin: 20px;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .slider-big-card-container-variante .content-slider-big-tnube {
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    margin: auto;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container-variante .content-slider-big-tnube {
    gap: 30px;
  }
}
@media screen and (min-width: 768px) {
  .slider-big-card-container-variante .content-slider-big-tnube .slider-content {
    padding-left: 15px;
    width: 90%;
  }
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container-variante .content-slider-big-tnube .slider-content {
    width: auto;
  }
}
.slider-big-card-container-variante .content-slider-big-tnube .slider-content h3 {
  font-weight: 600;
  font-size: 16px;
  text-align: start;
  color: #43475f;
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container-variante .content-slider-big-tnube .slider-content h3 {
    font-size: 20px;
  }
}
.slider-big-card-container-variante .content-slider-big-tnube .slider-content p {
  font-weight: 500;
  font-size: 14px;
  text-align: start;
  color: #5d5f6c;
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container-variante .content-slider-big-tnube .slider-content p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .slider-big-card-container-variante .content-slider-big-tnube .slider-content .list-content {
    display: flex;
    gap: 40px;
  }
}
.slider-big-card-container-variante .content-slider-big-tnube .slider-content .list-content ul {
  margin-top: 25px;
  padding-left: 23px;
  list-style: none;
  list-style-image: url("./../assets/icons/check.svg");
}
.slider-big-card-container-variante .content-slider-big-tnube .slider-content .list-content ul li {
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
  color: #5d5f6c;
}
.slider-big-card-container-variante .content-slider-big-tnube .card {
  padding: 20px 12px;
  border-radius: 30px;
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container-variante .content-slider-big-tnube .card {
    width: 470px;
    margin: 0;
    box-shadow: none;
  }
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container-variante .content-slider-big-tnube .card .content-desc {
    order: 2;
  }
}
.slider-big-card-container-variante .content-slider-big-tnube .card .content-desc h3 {
  font-weight: 600;
  font-size: 16px;
  color: #43475f;
  margin-bottom: 6px;
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container-variante .content-slider-big-tnube .card .content-desc h3 {
    text-align: center;
  }
}
.slider-big-card-container-variante .content-slider-big-tnube .card .content-desc p {
  font-weight: 400;
  font-size: 16px;
  color: #727587;
  margin-bottom: 4px;
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container-variante .content-slider-big-tnube .card .content-desc p {
    text-align: center;
  }
}
.slider-big-card-container-variante .content-slider-big-tnube .card .content-img {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container-variante .content-slider-big-tnube .card .content-img {
    order: 1;
  }
}
.slider-big-card-container-variante .content-slider-big-tnube .card .content-img img {
  height: 236px;
}
@media screen and (min-width: 1024px) {
  .slider-big-card-container-variante .content-slider-big-tnube .card .content-img img {
    height: 267px;
  }
}

.integracion-telegram-container {
  background-color: #e7efff;
  padding: 40px 0;
}
.integracion-telegram-container .integracion-telegram-content {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .integracion-telegram-container .integracion-telegram-content {
    display: flex;
    gap: 40px;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .integracion-telegram-container .integracion-telegram-content .telegram-cont {
    width: 44%;
  }
}
@media screen and (min-width: 1500px) {
  .integracion-telegram-container .integracion-telegram-content .telegram-cont {
    width: 40%;
  }
}
.integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-title {
  display: flex;
  padding: 0 24px;
}
.integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-title .text-content p {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #405789;
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-title .text-content p {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 1366px) {
  .integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-title .text-content p {
    font-size: 20px;
  }
}
.integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-title .text-content p img {
  width: 40px;
  margin-right: 8px;
}
.integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-title .text-content h3 {
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 0.01em;
  line-height: 30px;
  color: #405789;
}
@media screen and (min-width: 1366px) {
  .integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-title .text-content h3 {
    font-size: 33px;
    line-height: 39px;
  }
}
.integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-title .img-content {
  width: 395px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-title .img-content {
    display: none;
  }
}
.integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-desc {
  padding: 0 24px;
}
.integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-desc ul {
  margin-top: 17px;
}
@media screen and (min-width: 768px) {
  .integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-desc ul {
    max-width: 470px;
  }
}
.integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-desc ul li {
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  color: #405789;
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}
@media screen and (min-width: 1024px) {
  .integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-desc ul li {
    font-size: 15px;
    line-height: 19px;
  }
}
.integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-desc ul li img {
  margin-right: 7px;
}
.integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-cta {
  padding: 0 15px;
  display: flex;
  gap: 12px;
  align-items: center;
}
.integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-cta p {
  color: #405789;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%; /* 21.6px */
  letter-spacing: 0.18px;
}
@media screen and (min-width: 1366px) {
  .integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-cta p {
    font-size: 25px;
  }
}
@media screen and (min-width: 768px) {
  .integracion-telegram-container .integracion-telegram-content .telegram-cont .telegram-cta .img-content {
    display: none;
  }
}
.integracion-telegram-container .integracion-telegram-content .big-image {
  display: none;
}
@media screen and (min-width: 768px) {
  .integracion-telegram-container .integracion-telegram-content .big-image {
    display: block;
  }
}
.integracion-telegram-container .integracion-telegram-content .big-image img {
  width: 400px;
}

@media screen and (min-width: 1024px) {
  .fact-meli-metr-container .desc-content .desc {
    order: 2;
  }
}
.fact-meli-metr-container .desc-content .desc p {
  color: #6097ff;
}
@media screen and (min-width: 1024px) {
  .fact-meli-metr-container .desc-content .desc p {
    font-size: 18px;
  }
}
.fact-meli-metr-container .desc-content .desc h3 {
  font-size: 25px;
}
@media screen and (min-width: 1024px) {
  .fact-meli-metr-container .desc-content .desc h3 {
    font-size: 27px;
    line-height: 33px;
  }
}
@media screen and (min-width: 1366px) {
  .fact-meli-metr-container .desc-content .desc h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
.fact-meli-metr-container .desc-content .desc ul {
  list-style: none;
  list-style-image: url("./../assets/icons/check-list-celeste.svg");
}
@media screen and (min-width: 1024px) {
  .fact-meli-metr-container .desc-content .desc ul li {
    font-size: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .fact-meli-metr-container .desc-content .img-container {
    order: 1;
  }
}

@media screen and (min-width: 1024px) {
  .fact-meli-metr-container.variante .desc-content .desc {
    width: 42%;
  }
}
@media screen and (min-width: 1024px) {
  .fact-meli-metr-container.variante .desc-content .desc p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1366px) {
  .fact-meli-metr-container.variante .desc-content .desc p {
    letter-spacing: -1px;
  }
}
@media screen and (min-width: 1024px) {
  .fact-meli-metr-container.variante .desc-content .desc h3 {
    letter-spacing: -1.5px;
    font-size: 26px;
    line-height: 33px;
  }
}
@media screen and (min-width: 1366px) {
  .fact-meli-metr-container.variante .desc-content .desc h3 {
    font-size: 28px;
    line-height: 36px;
  }
}

.potencia-canales-container {
  background-color: #e7efff;
}
@media screen and (min-width: 1024px) {
  .potencia-canales-container {
    padding: 40px 0;
  }
}
.potencia-canales-container .potencia-canales-content {
  width: 95%;
  padding: 35px 18px 20px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .potencia-canales-container .potencia-canales-content {
    width: 75%;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 50px;
  }
}
.potencia-canales-container .potencia-canales-content .desc-content-potencial {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .potencia-canales-container .potencia-canales-content .desc-content-potencial {
    width: 50%;
  }
}
.potencia-canales-container .potencia-canales-content .desc-content-potencial p {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.5px;
  color: #6097ff;
}
@media screen and (min-width: 1024px) {
  .potencia-canales-container .potencia-canales-content .desc-content-potencial p {
    margin: 0;
    font-size: 18px;
  }
}
.potencia-canales-container .potencia-canales-content .desc-content-potencial h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  color: #43475f;
  margin: 7px 0 10px;
  max-width: 622px;
}
@media screen and (min-width: 1024px) {
  .potencia-canales-container .potencia-canales-content .desc-content-potencial h2 {
    font-size: 28px;
    line-height: 32px;
  }
}
@media screen and (min-width: 1366px) {
  .potencia-canales-container .potencia-canales-content .desc-content-potencial h2 {
    font-size: 33px;
    line-height: 39px;
    margin-top: 7px;
  }
}
.potencia-canales-container .potencia-canales-content .desc-content-potencial .nubecita-container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background: #b1ccff;
  padding: 13px 0px;
  border-radius: 50px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .potencia-canales-container .potencia-canales-content .desc-content-potencial .nubecita-container {
    padding: 13px 20px;
  }
}
.potencia-canales-container .potencia-canales-content .desc-content-potencial .nubecita-container p {
  font-weight: 600;
  font-size: 13px;
  color: #405789;
  width: 35%;
}
@media screen and (min-width: 1024px) {
  .potencia-canales-container .potencia-canales-content .desc-content-potencial .nubecita-container p {
    width: auto;
  }
}
.potencia-canales-container .potencia-canales-content .desc-content-potencial .nubecita-container .btn-container {
  display: flex;
  justify-content: space-evenly;
  gap: 4px;
}
@media screen and (min-width: 1024px) {
  .potencia-canales-container .potencia-canales-content .contact-desc {
    width: 36%;
  }
}
.potencia-canales-container .potencia-canales-content .contact-desc ul {
  list-style: none;
  padding: 0 0 0 20px;
  list-style-image: url("./../assets/icons/check-list.svg");
}
.potencia-canales-container .potencia-canales-content .contact-desc ul li {
  font-weight: 300;
  font-size: 14px;
  color: #292c3e;
  margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  .potencia-canales-container .potencia-canales-content .contact-desc ul li {
    font-weight: 300;
    line-height: 17px;
  }
}
@media screen and (min-width: 1366px) {
  .potencia-canales-container .potencia-canales-content .contact-desc ul li {
    font-size: 16px;
    line-height: 21px;
  }
}
.potencia-canales-container .cta-potencial-container {
  text-align: center;
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .potencia-canales-container .cta-potencial-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
}
.potencia-canales-container .cta-potencial-container p {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #405789;
  line-height: 20px;
}
@media screen and (min-width: 1024px) {
  .potencia-canales-container .cta-potencial-container p {
    font-weight: 700;
  }
}
.potencia-canales-container .cta-potencial-container .btn-test-free-potencial {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.potencia-canales-container .cta-potencial-container .btn-test-free-potencial:focus, .potencia-canales-container .cta-potencial-container .btn-test-free-potencial:focus-visible {
  outline: none;
  border: 0;
}
.potencia-canales-container .cta-potencial-container .btn-test-free-potencial {
  padding: 10px 0px;
  width: 222px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin-top: 17px;
}
@media screen and (min-width: 1024px) {
  .potencia-canales-container .cta-potencial-container .btn-test-free-potencial {
    font-size: 16px;
    width: auto;
    padding: 5px 10px;
    margin: 0;
  }
}

.video-container {
  padding: 35px 0;
}
.video-container .video-content {
  width: 95%;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .video-container .video-content {
    width: 75%;
  }
}
.video-container .video-content h2 {
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  color: #405789;
  margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  .video-container .video-content h2 {
    font-size: 25px;
  }
}

@media screen and (min-width: 1024px) {
  .historias-exito-container.variante {
    padding: 180px 0 40px;
  }
}

.historias-exito-container {
  background: #e7efff;
  padding: 35px 0;
}
@media screen and (min-width: 1024px) {
  .historias-exito-container {
    padding: 40px;
  }
}
.historias-exito-container h2 {
  font-weight: 500;
  font-size: 22px;
  color: #405789;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .historias-exito-container h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1366px) {
  .historias-exito-container h2 {
    font-size: 33px !important;
  }
}
.historias-exito-container .historias-exito-content {
  width: 95%;
  margin: auto;
  padding: 20px 0;
}
@media screen and (min-width: 1024px) {
  .historias-exito-container .historias-exito-content {
    width: 85%;
  }
}
.historias-exito-container .historias-exito-content .mySwiperHistorias {
  padding: 5px 10px;
}
.historias-exito-container .historias-exito-content .mySwiperHistorias .swiper-wrapper {
  margin-bottom: 40px;
  padding: 6px 0;
}
@media screen and (min-width: 1024px) {
  .historias-exito-container .historias-exito-content .mySwiperHistorias .swiper-wrapper {
    margin-bottom: 60px;
  }
}
.historias-exito-container .historias-exito-content .mySwiperHistorias .swiper-wrapper .swiper-slide {
  padding: 15px;
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .historias-exito-container .historias-exito-content .mySwiperHistorias .swiper-wrapper .swiper-slide {
    height: auto;
    padding: 20px 15px;
  }
}
@media screen and (min-width: 1500px) {
  .historias-exito-container .historias-exito-content .mySwiperHistorias .swiper-wrapper .swiper-slide {
    padding: 20px 50px;
  }
}
.historias-exito-container .historias-exito-content .mySwiperHistorias .swiper-wrapper .swiper-slide .slider-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.historias-exito-container .historias-exito-content .mySwiperHistorias .swiper-wrapper .swiper-slide .slider-title .img-title {
  width: 80px;
}
.historias-exito-container .historias-exito-content .mySwiperHistorias .swiper-wrapper .swiper-slide .slider-title div h3 {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 16px;
  color: #727587;
}
@media screen and (min-width: 1024px) {
  .historias-exito-container .historias-exito-content .mySwiperHistorias .swiper-wrapper .swiper-slide .desc-history {
    margin-top: 8px;
  }
}
.historias-exito-container .historias-exito-content .mySwiperHistorias .swiper-wrapper .swiper-slide .desc-history h4 {
  font-weight: 700;
  font-size: 14px;
  color: #727587;
}
.historias-exito-container .historias-exito-content .mySwiperHistorias .swiper-wrapper .swiper-slide .desc-history p {
  font-weight: 400;
  font-size: 14px;
  color: #727587;
}
.historias-exito-container .cta-historias {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .historias-exito-container .cta-historias {
    gap: 15px;
    flex-direction: row;
    justify-content: center;
    padding: 25px 0;
  }
}
.historias-exito-container .cta-historias p {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #405789;
  width: 276px;
}
@media screen and (min-width: 1024px) {
  .historias-exito-container .cta-historias p {
    font-size: 21px;
    width: auto;
  }
}
.historias-exito-container .cta-historias .btn-container {
  text-align: center;
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .historias-exito-container .cta-historias .btn-container {
    padding-bottom: 0;
  }
}
.historias-exito-container .cta-historias .btn-container button {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.historias-exito-container .cta-historias .btn-container button:focus, .historias-exito-container .cta-historias .btn-container button:focus-visible {
  outline: none;
  border: 0;
}
.historias-exito-container .cta-historias .btn-container button {
  padding: 8px 10px;
  width: max-content;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin-top: 17px;
}
@media screen and (min-width: 1024px) {
  .historias-exito-container .cta-historias .btn-container button {
    font-size: 18px;
    margin: 0;
  }
}

.historias-exito-container.dif {
  background: #fff !important;
}

.cta-mpago {
  background-color: #6097ff;
  padding: 20px 0;
}
@media screen and (min-width: 1024px) {
  .cta-mpago {
    background-color: transparent;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
  }
}
.cta-mpago p {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 1024px) {
  .cta-mpago p {
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    color: #405789;
  }
}
.cta-mpago .btn-container {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .cta-mpago .btn-container {
    text-align: start;
  }
}
.cta-mpago .btn-container .cta-mpago-1 {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.cta-mpago .btn-container .cta-mpago-1:focus, .cta-mpago .btn-container .cta-mpago-1:focus-visible {
  outline: none;
  border: 0;
}
.cta-mpago .btn-container .cta-mpago-1 {
  padding: 8px 0px;
  width: 222px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  background-color: #fff;
  color: #6097ff;
  margin-top: 17px;
  border: 0;
}
.cta-mpago .btn-container .cta-mpago-1:hover {
  outline: #4871bf solid 2px;
  color: #4871bf;
}
@media screen and (min-width: 1024px) {
  .cta-mpago .btn-container .cta-mpago-1 {
    margin: 0;
    font-size: 18px;
  }
}

/* empretienda */
@media screen and (min-width: 1024px) {
  .swiper-slide.variante {
    justify-content: center;
  }
}

.contact-number-container {
  padding-top: 30px;
}
.contact-number-container .contact-number-content {
  width: 95%;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .contact-number-container .contact-number-content {
    display: flex;
    gap: 15px;
    justify-content: center;
    padding-bottom: 30px;
  }
}
.contact-number-container .contact-number-content .contact {
  width: max-content;
  margin-bottom: 24px;
}
.contact-number-container .contact-number-content .contact p {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #6097ff;
  margin-bottom: 3px;
}
.contact-number-container .contact-number-content .contact aside {
  box-shadow: 4px 4px 20px rgba(64, 87, 137, 0.3);
  border-radius: 10px;
}
.contact-number-container .contact-number-content .contact aside a {
  text-decoration: none;
  display: flex;
  gap: 5px;
  padding: 8px;
}
.contact-number-container .contact-number-content .contact aside a p {
  font-weight: 700;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0.06em;
  color: #405789;
}

.formulario {
  padding: 40px 20px;
  background: linear-gradient(0deg, #88b1ff 0%, #d7e5ff 100%);
}
.formulario .form-step1 h3 {
  color: #405789;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
}
@media screen and (min-width: 1024px) {
  .formulario .form-step1 h3 {
    font-size: 40px;
  }
}
.formulario .form-step1 form {
  max-width: 954px;
  margin: auto;
}
.formulario .form-step1 form .input-content {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .formulario .form-step1 form .input-content {
    flex-direction: row;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.formulario .form-step1 form .input-content input {
  padding: 5px 9px;
  outline: none;
  border-radius: 3px;
  border: 0.8px solid #a1a3af;
  background: #fff;
  height: 49px;
  width: 100%;
  color: #304b7f;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
}
.formulario .form-step1 form .input-content input:focus {
  outline: none;
}
.formulario .form-step1 form .input-content input::placeholder {
  color: #727587;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
}
@media screen and (min-width: 1024px) {
  .formulario .form-step1 form .input-content input {
    flex: 0 0 49%;
  }
}
.formulario .form-step1 form .textarea-content textarea {
  width: 100%;
  margin-top: 20px;
  height: 135px;
  padding: 5px 9px;
  border-radius: 3px;
  border: 0.8px solid #a1a3af;
  background: #fff;
  color: #304b7f;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
}
.formulario .form-step1 form .textarea-content textarea::placeholder {
  color: #a1a3af;
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
}
.formulario .form-step1 form .textarea-content textarea:focus {
  outline: none;
}
@media screen and (min-width: 1024px) {
  .formulario .form-step1 form .btn-send-form-container {
    text-align: end;
    margin-top: 18px;
  }
}
.formulario .form-step1 form .btn-send-form-container .btn-send-form {
  border-radius: 10px;
  background-color: #6097ff;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  outline: none;
  border: 0;
  width: 100%;
  height: 49px;
}
.formulario .form-step1 form .btn-send-form-container .btn-send-form:focus {
  outline: none;
  border: 0;
}
.formulario .form-step1 form .btn-send-form-container .btn-send-form:hover {
  background-color: #405789;
}
@media screen and (min-width: 1024px) {
  .formulario .form-step1 form .btn-send-form-container .btn-send-form {
    width: 276px;
  }
}
@media screen and (min-width: 1024px) {
  .formulario .form-step2,
  .formulario .form-step1-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
}
.formulario .form-step2 .step2-text h2,
.formulario .form-step1-2 .step2-text h2 {
  color: #405789;
  text-align: center;
  font-size: 25px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .formulario .form-step2 .step2-text h2,
  .formulario .form-step1-2 .step2-text h2 {
    font-size: 40px;
  }
}
.formulario .form-step2 .step2-text p,
.formulario .form-step1-2 .step2-text p {
  color: #405789;
  text-align: center;
  font-size: 17px;
  font-weight: 300;
}
@media screen and (min-width: 1024px) {
  .formulario .form-step2 .step2-text p,
  .formulario .form-step1-2 .step2-text p {
    font-size: 27px;
  }
}
.formulario .form-step2 .step2-img,
.formulario .form-step1-2 .step2-img {
  display: none;
}
@media screen and (min-width: 1024px) {
  .formulario .form-step2 .step2-img,
  .formulario .form-step1-2 .step2-img {
    display: block;
  }
}
.formulario .form-step1-2 .step2-text {
  text-align: center;
}

/* LOADER DE CONTACTO*/
.lds-roller,
.lds-roller div,
.lds-roller div:after {
  box-sizing: border-box;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7.2px;
  height: 7.2px;
  border-radius: 50%;
  background: #405789;
  margin: -3.6px 0 0 -3.6px;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 62.62742px;
  left: 62.62742px;
}

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 67.71281px;
  left: 56px;
}

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 70.90963px;
  left: 48.28221px;
}

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 70.90963px;
  left: 31.71779px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*========================
DESTACADO FLOTANTE INTEGRACION MELI
==========================*/
.main-special {
  padding-top: 140px;
}
@media screen and (min-width: 1024px) {
  .main-special {
    padding-top: 140px;
  }
}

@media screen and (min-width: 1024px) {
  .main-competencia {
    background-color: #eaf1fe;
  }
}

.big-blur {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6431372549);
  z-index: 161;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .big-blur {
    display: none;
  }
}
.big-blur .modal-descatado {
  position: relative;
  width: 219px;
  height: 316px;
  box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.5);
  background: #fff;
  border-radius: 25px;
  padding: 15px 10px;
  text-align: center;
}
.big-blur .modal-descatado:hover {
  background-color: #ffedd7;
}

.big-blur-compet {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6431372549);
  z-index: 161;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(5px);
}
.big-blur-compet .modal-descatado {
  position: relative;
  width: 340px;
  box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.5);
  background: #fff;
  border-radius: 25px;
  padding: 15px 10px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado {
    width: 600px;
    padding: 15px 67px;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 {
  border-radius: 0px 25px 25px 0px;
  text-decoration: none;
  transition: all 0.2s linear;
  display: block;
  height: 100%;
}
.big-blur-compet .modal-descatado .destacado-content1 .img-destacado img {
  margin: 22px 0 12px;
}
.big-blur-compet .modal-descatado .destacado-content1 .title-destacado {
  font-size: 20px;
  line-height: 23px;
  color: #405789;
  margin-bottom: 11px;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .title-destacado {
    font-size: 23px;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .desc-destacado {
  font-weight: 400;
  font-size: 15px;
  color: #727587;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .desc-destacado {
    font-size: 16px;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content {
  margin: 15px 0;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .invalid-alert-container11 {
  width: 280px;
  margin: auto;
  display: none;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .invalid-alert-container11 {
    margin: 0;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .invalid-alert-container11 p {
  text-align: start;
  color: #ff6060;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-name,
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-mail {
  display: flex;
  align-items: center;
  padding: 5px;
  height: 44px;
  margin-bottom: 17px;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-name,
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-mail {
    width: 100%;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-name .svg-mail,
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-mail .svg-mail {
  vertical-align: middle;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-name input,
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-mail input {
  width: 240px;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-name input,
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-mail input {
    width: 93%;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone {
  display: flex;
  gap: 10px;
  border: 0;
  height: 44px;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone {
    width: 100%;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select {
  text-align: center;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box {
  width: 100px;
  border-radius: 8px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box {
    width: 102px;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box:hover {
  background: #f2f7ff;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .select {
  border: #727587 1px solid;
  width: 100%;
  height: 44px !important;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.2s ease all;
  margin-bottom: 3px;
  padding: 6px 8px;
  position: relative;
  box-shadow: none;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .select .arrow-select-country12 {
  width: 15px;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .select .select-content {
  display: flex;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .select .select-content p {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #727587;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .select .select-content .item-list-first,
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .select .select-content .item-list {
  font-size: 1.4rem;
  margin: 0;
  color: #727587;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .select .select-content .item-list-first,
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .select .select-content .item-list {
    font-size: 1.8rem;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .select img {
  width: 20px;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .options {
  position: absolute;
  z-index: 170;
  width: 130px;
  margin-top: 7px;
  background: #f0f0f0;
  border-radius: 8px;
  display: none;
  max-height: 140px;
  overflow-y: scroll;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .options.active {
  display: block;
  animation: fadeIn 0.3s forwards;
  filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.4039215686));
  box-shadow: none;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .options .option {
  padding: 6px;
  display: flex;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .options .option:hover {
  background: #d7e5ff;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .options .option .item-list {
  color: #405789;
  font-size: 1.8rem;
  margin: 0 0 0 5px;
  text-align: start;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .country-container1 .country-select .select-box .options .option p {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #727587;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .phone-container {
  display: flex;
  align-items: center;
  border: #727587 1px solid;
  border-radius: 10px;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .phone-container .svg-phone {
  vertical-align: middle;
  margin-left: 3px;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .phone-container .input-telf-text {
  width: 140px;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .input-phone .phone-container .input-telf-text {
    width: 317px;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .btn-continuar-container .btn-continue1 {
  border: 0;
  outline: none;
  background-color: #6097ff;
  padding: 7px;
  text-align: center;
  width: 285px;
  margin: auto;
  border-radius: 6px;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  display: block;
  transition: al 0.2s linear;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .btn-continuar-container .btn-continue1 {
    width: 100%;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .btn-continuar-container .btn-continue1:hover {
  background-color: #4871bf;
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .verify-container-compet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 0px 20px;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .verify-container-compet {
    padding: 0px 5px;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .verify-container-compet p {
  font-weight: 400;
  font-size: 14px;
  color: #a1a3af;
  text-align: start;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .verify-container-compet p {
    font-size: 18px;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .verify-container-compet input {
  width: 131px;
  background: #ffffff;
  border: 1px solid #727587;
  border-radius: 10px;
  font-weight: 700;
  font-size: 26px;
  padding: 0 15px;
  letter-spacing: 0.08em;
  color: #323547;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .verify-container-compet input {
    width: 260px;
    font-size: 28px;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .verify-container-compet input:focus, .big-blur-compet .modal-descatado .destacado-content1 .inputs-give-info-content .input-content .verify-container-compet input:focus-visible {
  outline: none;
}
.big-blur-compet .modal-descatado .destacado-content1 .btn-container {
  margin-top: 16px;
}
.big-blur-compet .modal-descatado .destacado-content1 .btn-container .show-results {
  border: 0;
  outline: none;
  background-color: #6097ff;
  padding: 7px;
  text-align: center;
  width: 285px;
  margin: auto;
  border-radius: 6px;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  display: block;
  transition: al 0.2s linear;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .btn-container .show-results {
    width: 100%;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .btn-container .show-results:hover {
  background-color: #4871bf;
}
.big-blur-compet .modal-descatado .destacado-content1 .btn-container p {
  margin: 20px 0;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0;
  color: #727587;
  transition: all 0.2s linear;
}
@media screen and (min-width: 1024px) {
  .big-blur-compet .modal-descatado .destacado-content1 .btn-container p {
    font-size: 14px;
  }
}
.big-blur-compet .modal-descatado .destacado-content1 .btn-container p:hover > span {
  text-decoration: underline;
}
.big-blur-compet .modal-descatado .destacado-content1 .btn-container p span {
  color: #4871bf;
}
.big-blur-compet .modal-descatado .destacado-content1 .desc-term {
  margin-top: 17px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #727587;
}

.big-blur-meli {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6431372549);
  z-index: 161;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(5px);
}
.big-blur-meli .modal-descatado {
  position: relative;
  width: 340px;
  box-shadow: 3px 3px 24px rgba(155, 177, 220, 0.3);
  border-radius: 48px;
  background: #6097ff;
  padding: 40px 10px 25px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .big-blur-meli .modal-descatado {
    width: 642px;
    padding: 40px 85px;
  }
}
.big-blur-meli .modal-descatado button {
  border: 0;
  outline: none;
  background: transparent;
  position: absolute;
  right: 35px;
  top: 15px;
}
@media screen and (min-width: 1024px) {
  .big-blur-meli .modal-descatado button {
    right: 50px;
    top: 30px;
  }
}
.big-blur-meli .modal-descatado h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .big-blur-meli .modal-descatado h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 0px;
  }
}
.big-blur-meli .modal-descatado .meli-content-button a {
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .big-blur-meli .modal-descatado .meli-content-button a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.big-blur-meli .modal-descatado .meli-content-button a p {
  border-radius: 7.33032px;
  background-color: #fff;
  font-weight: 600;
  font-size: 14.6606px;
  letter-spacing: 0.02em;
  color: #6097ff;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 42px;
  transition: all 0.2s linear;
}
@media screen and (min-width: 1024px) {
  .big-blur-meli .modal-descatado .meli-content-button a p {
    font-size: 20px;
    height: 47px;
    width: max-content;
    padding-right: 10px;
  }
}
.big-blur-meli .modal-descatado .meli-content-button a p:hover {
  background-color: #d7e5ff;
}
.big-blur-meli .modal-descatado .meli-content-button a p img {
  margin-bottom: 1px;
}
@media screen and (min-width: 1024px) {
  .big-blur-meli .modal-descatado .meli-content-button a p img {
    width: 50px;
  }
}
.big-blur-meli .modal-descatado p {
  margin-top: 17px;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 1024px) {
  .big-blur-meli .modal-descatado p {
    margin-top: 55px;
  }
}

.big-blur-more-dom {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6431372549);
  z-index: 161;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(5px);
}
.big-blur-more-dom .modal-descatado {
  position: relative;
  width: 340px;
  box-shadow: 3px 3px 24px rgba(155, 177, 220, 0.3);
  border-radius: 10px;
  background: #ffffff;
  padding: 40px 10px 25px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .big-blur-more-dom .modal-descatado {
    width: 470px;
  }
}
.big-blur-more-dom .modal-descatado button {
  border: 0;
  outline: none;
  background: transparent;
  position: absolute;
  right: 35px;
  top: 15px;
}
@media screen and (min-width: 1024px) {
  .big-blur-more-dom .modal-descatado button {
    right: 50px;
    top: 30px;
  }
}
.big-blur-more-dom .modal-descatado ul {
  text-align: start;
  padding-left: 30px;
  max-height: 300px;
  overflow-y: auto;
}
.big-blur-more-dom .modal-descatado ul li {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #304b7f;
  max-width: 255px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.big-blur-more-seconds,
.big-blur-error {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6431372549);
  z-index: 161;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(5px);
}
.big-blur-more-seconds .modal-descatado,
.big-blur-error .modal-descatado {
  position: relative;
  width: 340px;
  box-shadow: 3px 3px 24px rgba(155, 177, 220, 0.3);
  border-radius: 48px;
  height: 250px;
  background: #ffffff;
  padding: 40px 10px 25px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .big-blur-more-seconds .modal-descatado,
  .big-blur-error .modal-descatado {
    width: 470px;
  }
}
.big-blur-more-seconds .modal-descatado button,
.big-blur-error .modal-descatado button {
  border: 0;
  outline: none;
  background: transparent;
  position: absolute;
  right: 35px;
  top: 15px;
}
@media screen and (min-width: 1024px) {
  .big-blur-more-seconds .modal-descatado button,
  .big-blur-error .modal-descatado button {
    right: 50px;
    top: 30px;
  }
}
.big-blur-more-seconds .modal-descatado p,
.big-blur-error .modal-descatado p {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  color: #405789;
}
@media screen and (min-width: 1024px) {
  .big-blur-more-seconds .modal-descatado p,
  .big-blur-error .modal-descatado p {
    font-size: 18px;
  }
}

.destacado-competencia-container {
  display: none;
  position: relative;
  width: 410px;
  height: 170px;
  box-shadow: 4px 4px 20px rgba(64, 87, 137, 0.3);
  border-radius: 25px 0 0 25px;
  background: #ffffff;
  text-align: center;
  margin-left: 0px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .destacado-competencia-container {
    margin-left: -20px;
    display: block;
  }
}
.destacado-competencia-container .btn-close-destacado {
  position: absolute;
  right: 20px;
  top: 15px;
}
.destacado-competencia-container .btn-close-destacado button {
  background-color: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.destacado-competencia-container .ancor-destacado {
  border-radius: 25px 0 0 25px;
  text-decoration: none;
  transition: all 0.2s linear;
  height: 100%;
  padding: 0px 20px 0 30px;
}
.destacado-competencia-container .ancor-destacado:hover {
  background-color: #ffe1c7;
}
.destacado-competencia-container .ancor-destacado .title-destacado {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: #405789;
  padding-top: 20px;
  text-align: start;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 11px;
}
.destacado-competencia-container .ancor-destacado .input-popup-container {
  display: flex;
  gap: 5px;
  align-items: center;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select {
  text-align: center;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box {
  width: 80px !important;
  border-radius: 8px;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .select {
  border: 0;
  background-color: transparent;
  width: 100%;
  height: 40.5px !important;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.2s ease all;
  padding: 6px 8px;
  position: relative;
  box-shadow: none;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .select .arrow-select-country12 {
  width: 15px;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .select .select-content {
  display: flex;
  border-color: transparent;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .select .select-content p {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #727587;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .select .select-content .item-list-first,
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .select .select-content .item-list {
  font-size: 1.4rem;
  margin: 0;
  color: #727587;
}
@media screen and (min-width: 1024px) {
  .destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .select .select-content .item-list-first,
  .destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .select .select-content .item-list {
    font-size: 1.8rem;
  }
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .select img {
  width: 35px;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .arrow-select-country14 {
  width: 20px !important;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .options {
  position: absolute;
  z-index: 170;
  width: 130px;
  margin-top: 7px;
  background: #f0f0f0;
  border-radius: 8px;
  display: none;
  max-height: 100px;
  overflow-y: scroll;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .options.active {
  display: block;
  animation: fadeIn 0.3s forwards;
  filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.4039215686));
  box-shadow: none;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .options .option {
  padding: 6px;
  display: flex;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .options .option:hover {
  background: #d7e5ff;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .options .option .item-list {
  color: #405789;
  font-size: 1.8rem;
  margin: 0 0 0 5px;
  text-align: start;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .country-container3 .country-select .select-box .options .option p {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #727587;
}
.destacado-competencia-container .ancor-destacado .input-popup-container div {
  border: 1px solid #4871bf;
  border-radius: 10px;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.destacado-competencia-container .ancor-destacado .input-popup-container div input {
  border-radius: 10px 0 0 10px;
  border: 0;
  height: 34px;
  background-color: #fff;
  outline: none;
  font-weight: 400;
  font-size: 16px;
  color: #304b7f;
  padding-left: 11px;
}
@media screen and (min-width: 1024px) {
  .destacado-competencia-container .ancor-destacado .input-popup-container div input {
    width: 230px;
  }
}
.destacado-competencia-container .ancor-destacado .input-popup-container div input:focus, .destacado-competencia-container .ancor-destacado .input-popup-container div input:focus-visible {
  outline: none;
}
.destacado-competencia-container .ancor-destacado .input-popup-container div input::placeholder {
  font-weight: 400;
  font-size: 13px;
  margin-left: 7px !important;
  color: #727587;
}
.destacado-competencia-container .ancor-destacado .input-popup-container div #inputSearch1 {
  height: 40px;
  width: 48px;
  background: #4871bf;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 7px 7px 0;
  border: 0;
  outline: none;
  cursor: pointer;
}
.destacado-competencia-container .ancor-destacado .input-popup-container div #inputSearch1:hover {
  background-color: #6097ff;
}
.destacado-competencia-container .ancor-destacado .input-popup-container div #inputSearch1 img {
  width: 30px;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .compet-result1 {
  top: 160px;
  width: 390px;
  padding: 10px 0 10px 5px;
  z-index: 5;
  position: absolute;
  background: #fff;
  border-radius: 10px;
  box-shadow: 4px 4px 20px rgba(64, 87, 137, 0.3);
  transition: all 0.2s linear;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .compet-result1:hover {
  background-color: #eaeaea;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .compet-result1 .competidor-name {
  font-weight: 500;
  font-size: 16px;
  color: #323547;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .destacado-competencia-container .ancor-destacado .input-popup-container .compet-result1 .competidor-name {
    margin: 0;
  }
}
.destacado-competencia-container .ancor-destacado .input-popup-container .compet-result1 .competidor-name span {
  font-weight: 300;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .compet-result1 .competidor-level {
  font-weight: 400;
  font-size: 16px;
  color: #6d757b;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .compet-result1 .competidor-level img {
  margin-left: 2px;
  vertical-align: bottom;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .compet-not-result1 {
  z-index: 5;
  position: absolute;
  top: 160px;
  background: #fff;
  width: max-content;
  border-radius: 10px;
  padding: 10px 12px;
  box-shadow: 4px 4px 20px rgba(64, 87, 137, 0.3);
  transition: all 0.2s linear;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .compet-not-result1:hover {
  background-color: #eaeaea;
}
.destacado-competencia-container .ancor-destacado .input-popup-container .compet-not-result1 .competidor-name {
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
  color: #323547;
}
@media screen and (min-width: 1024px) {
  .destacado-competencia-container .ancor-destacado .input-popup-container .compet-not-result1 .competidor-name {
    font-size: 16px;
  }
}
.destacado-competencia-container .ancor-destacado .input-popup-container .compet-not-result1 .competidor-name span {
  font-weight: 500;
}

.btn-close-destacado {
  position: absolute;
  right: 20px;
  top: 15px;
}
.btn-close-destacado button {
  background-color: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}

.destacado-content {
  border-radius: 0px 25px 25px 0px;
  text-decoration: none;
  transition: all 0.2s linear;
  display: block;
  height: 100%;
  padding: 0 10px;
}
.destacado-content .img-destacado img {
  margin: 22px 0 12px;
}
.destacado-content .title-destacado {
  font-size: 19.6583px;
  line-height: 23px;
  color: #405789;
  margin-bottom: 11px;
}
.destacado-content .desc-destacado {
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0.05em;
  color: #ff9840;
}
.destacado-content .btn-container {
  margin-top: 16px;
}
.destacado-content .btn-container .ancor-destacado-mobile {
  text-decoration: none;
  background-color: #6097ff;
  padding: 7px;
  text-align: center;
  width: 175px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  display: block;
  transition: al 0.2s linear;
}
.destacado-content .btn-container .ancor-destacado-mobile:hover {
  background-color: #4871bf;
}

.limitado {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 200px;
}
@media screen and (min-width: 1024px) {
  .limitado {
    width: 210px;
  }
}

/*========================
PAGINA COMPETENCIA
==========================*/
.banner-competencia-container {
  background-color: #d7e5ff;
  padding: 15px 0;
}
@media screen and (min-width: 1024px) {
  .banner-competencia-container {
    padding: 35px 0 25px;
  }
}
.banner-competencia-container .banner-competencia-container-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-competencia-container .banner-competencia-container-content img {
  width: 170px;
  margin-left: -20px;
  margin-top: -26px;
  margin-bottom: -25px;
}
@media screen and (min-width: 1024px) {
  .banner-competencia-container .banner-competencia-container-content img {
    width: 210px;
    margin-left: 0px;
    margin-top: -50px;
    margin-bottom: -53px;
  }
}
.banner-competencia-container .banner-competencia-container-content {
  /*  h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.05em;

    color: #ffffff;
  } */
}
.banner-competencia-container .banner-competencia-container-content h1 {
  font-weight: 600;
  font-size: 19px;
  text-align: center;
  color: #4871bf;
  margin-left: -35px;
}
@media screen and (min-width: 1024px) {
  .banner-competencia-container .banner-competencia-container-content h1 {
    font-size: 33px;
    margin-left: 0px;
  }
}

.banner-competencia-desktop {
  gap: 10px;
  background: #d7e5ff;
  padding: 15px;
  display: none;
}
@media screen and (min-width: 1024px) {
  .banner-competencia-desktop {
    margin: auto;
    display: block;
  }
}
.banner-competencia-desktop .content1 {
  max-width: 1120px;
}
@media screen and (min-width: 1024px) {
  .banner-competencia-desktop .content1 {
    align-items: center;
    display: flex;
    margin: auto;
  }
}
.banner-competencia-desktop img {
  width: 190px;
}
.banner-competencia-desktop .banner-content p {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.05em;
  color: #ffffff;
}
@media screen and (min-width: 1024px) {
  .banner-competencia-desktop .banner-content p {
    margin-bottom: -10px;
  }
}
.banner-competencia-desktop .banner-content h1 {
  font-weight: 600;
  font-size: 40px;
  color: #ffffff;
  text-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2);
}

.search-compet {
  background-color: #fff;
}
.search-compet .search-compet-content {
  padding: 15px;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content {
    padding: 60px 15px;
    position: relative;
    max-width: 1120px;
    margin: auto;
  }
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .input-info-container {
    justify-content: center;
    gap: 20px;
    max-width: 1100px;
    margin: auto;
  }
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .input-info-container .desc-input {
    order: 2;
    margin-bottom: 20px;
  }
}
.search-compet .search-compet-content .input-info-container .desc-input p {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.065em;
  color: #4871bf !important;
}
.search-compet .search-compet-content .input-info-container .desc-input .input-group-search {
  order: 1;
}
.search-compet .search-compet-content .input-info-container .country-search-container {
  margin-top: 16px;
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .input-info-container .country-search-container {
    margin-top: 0;
    justify-content: center;
  }
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select {
  text-align: center;
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box {
  width: 80px !important;
  border-radius: 8px;
  margin: auto;
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .select {
  border: 0;
  background-color: transparent;
  width: 100%;
  height: 44px !important;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.2s ease all;
  padding: 6px 8px;
  position: relative;
  box-shadow: none;
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .select .arrow-select-country12 {
  width: 15px;
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .select .select-content {
  display: flex;
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .select .select-content p {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #727587;
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .select .select-content .item-list-first,
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .select .select-content .item-list {
  font-size: 1.4rem;
  margin: 0;
  color: #727587;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .select .select-content .item-list-first,
  .search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .select .select-content .item-list {
    font-size: 1.8rem;
  }
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .select img {
  width: 35px;
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .arrow-select-country13 {
  width: 20px !important;
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .options {
  position: absolute;
  z-index: 170;
  width: 130px;
  margin-top: 7px;
  background: #f0f0f0;
  border-radius: 8px;
  display: none;
  max-height: 140px;
  overflow-y: scroll;
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .options.active {
  display: block;
  animation: fadeIn 0.3s forwards;
  filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.4039215686));
  box-shadow: none;
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .options .option {
  padding: 6px;
  display: flex;
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .options .option:hover {
  background: #d7e5ff;
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .options .option .item-list {
  color: #405789;
  font-size: 1.8rem;
  margin: 0 0 0 5px;
  text-align: start;
}
.search-compet .search-compet-content .input-info-container .country-search-container .country-container2 .country-select .select-box .options .option p {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #727587;
}
.search-compet .search-compet-content .input-info-container .errores-container p {
  font-weight: 500;
  font-size: 13px;
  line-height: 142.5%;
  text-align: center;
  color: #bf4848;
  margin-top: 18px;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .input-info-container .errores-container p {
    font-size: 15px;
  }
}
.search-compet .search-compet-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #4f5269;
  position: relative;
}
.search-compet .search-compet-content .input-group-search {
  margin: 0;
  position: relative;
}
.search-compet .search-compet-content .input-group-search .input-contenedor {
  border: 1px solid #4871bf;
  border-radius: 10px;
  display: flex;
  align-items: center;
}
.search-compet .search-compet-content .input-group-search .input-contenedor:hover ~ .tooltip-search-compet {
  display: block;
}
.search-compet .search-compet-content .input-group-search .input-contenedor input {
  width: 100%;
  border-radius: 10px 0 0 10px;
  border: 0;
  height: 44px;
  background-color: #fff;
  outline: none;
  font-weight: 400;
  font-size: 16px;
  color: #4871bf;
  padding-left: 11px;
}
@media screen and (min-width: 768px) {
  .search-compet .search-compet-content .input-group-search .input-contenedor input {
    width: 400px;
  }
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .input-group-search .input-contenedor input {
    width: 575px;
  }
}
.search-compet .search-compet-content .input-group-search .input-contenedor input:focus, .search-compet .search-compet-content .input-group-search .input-contenedor input:focus-visible {
  outline: none;
}
.search-compet .search-compet-content .input-group-search .input-contenedor input::placeholder {
  font-weight: 400;
  font-size: 16px;
  margin-left: 11px;
  color: #727587;
}
.search-compet .search-compet-content .input-group-search .input-contenedor #inputDelete {
  border: 0;
  outline: none;
  background: #fff;
  height: 44px;
  padding-right: 10px;
}
.search-compet .search-compet-content .input-group-search .input-contenedor #inputDelete svg {
  opacity: 0;
  margin-top: 5px;
}
.search-compet .search-compet-content .input-group-search .input-contenedor #inputSearch3 {
  border: 0;
  outline: none;
  height: 44px;
  width: 48px;
  background: #4871bf;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 7px 7px 0;
}
.search-compet .search-compet-content .input-group-search .input-contenedor #inputSearch3:hover {
  background-color: #6097ff;
}
.search-compet .search-compet-content .input-group-search .tooltip-search-compet {
  display: none;
  padding: 5px 15px;
  text-align: center;
  position: absolute;
  z-index: 5;
  width: 285px;
  background: #304b7f;
  border-radius: 19.8305px;
  top: 65px;
  left: -49px;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .input-group-search .tooltip-search-compet {
    left: auto;
    right: -300px;
    width: 275px;
    top: -10px;
  }
}
.search-compet .search-compet-content .input-group-search .tooltip-search-compet:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  background-color: #304b7f;
  top: -10px;
  left: 47%;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .input-group-search .tooltip-search-compet:before {
    top: 23px;
    left: -10px;
  }
}
.search-compet .search-compet-content .input-group-search .tooltip-search-compet p {
  text-align: start;
  font-weight: 500;
  font-size: 19.1899px;
  line-height: 26px;
  color: #ffffff;
  margin-bottom: 17px;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .input-group-search .tooltip-search-compet p {
    font-size: 18px;
    line-height: 23px;
  }
}
.search-compet .search-compet-content .input-group-search .compet-result {
  z-index: 5;
  position: absolute;
  top: 50px;
  background: #fff;
  width: 340px;
  border-radius: 10px;
  padding: 15px 12px;
  box-shadow: 4px 4px 20px rgba(64, 87, 137, 0.3);
  transition: all 0.2s linear;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .input-group-search .compet-result {
    width: 540px;
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
.search-compet .search-compet-content .input-group-search .compet-result:hover {
  background-color: #eaeaea;
}
.search-compet .search-compet-content .input-group-search .compet-result .competidor-name {
  font-weight: 500;
  font-size: 16px;
  color: #323547;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .input-group-search .compet-result .competidor-name {
    margin: 0;
  }
}
.search-compet .search-compet-content .input-group-search .compet-result .competidor-name span {
  font-weight: 300;
}
.search-compet .search-compet-content .input-group-search .compet-result .competidor-level {
  font-weight: 400;
  font-size: 16px;
  color: #6d757b;
}
.search-compet .search-compet-content .input-group-search .compet-result .competidor-level img {
  vertical-align: bottom;
  margin-left: 2px;
}
.search-compet .search-compet-content .input-group-search .compet-not-result {
  z-index: 5;
  position: absolute;
  top: 50px;
  background: #fff;
  width: 340px;
  border-radius: 10px;
  padding: 10px 12px;
  box-shadow: 4px 4px 20px rgba(64, 87, 137, 0.3);
  transition: all 0.2s linear;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .input-group-search .compet-not-result {
    width: 610px;
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
.search-compet .search-compet-content .input-group-search .compet-not-result:hover {
  background-color: #eaeaea;
}
.search-compet .search-compet-content .input-group-search .compet-not-result .competidor-name {
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
  color: #323547;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .input-group-search .compet-not-result .competidor-name {
    font-size: 16px;
  }
}
.search-compet .search-compet-content .input-group-search .compet-not-result .competidor-name span {
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .search-desc {
    display: flex;
    gap: 5px;
    align-items: center;
    position: absolute;
    top: 105px;
  }
}
.search-compet .search-compet-content .search-desc p {
  margin: 14px 0 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #4871bf;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .search-desc p {
    font-size: 13px;
  }
}
.search-compet .search-compet-content .search-desc a {
  display: block;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  background-color: #6097ff;
  border-radius: 6px;
  padding: 10px 0;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .search-compet .search-compet-content .search-desc a {
    padding: 3px;
    font-size: 13px;
  }
}
.search-compet .search-compet-content .search-desc a:hover {
  background-color: #4871bf;
}

.big-image-opacity {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .big-image-opacity picture img {
    width: 82%;
  }
}
.big-image-opacity .suspenso-container {
  /* margin-top: -110px;
  padding: 58px 0 32px;
  position: relative;
  backdrop-filter: blur(4px);
  background: linear-gradient(to bottom, transparent 10%, #d8dde7 79%); */
  margin-top: -195px;
  padding: 158px 0 32px;
  position: relative;
  backdrop-filter: blur(4px);
  background: linear-gradient(to bottom, transparent 0%, #d7e5ff 100%);
}
@media screen and (min-width: 1024px) {
  .big-image-opacity .suspenso-container {
    padding: 158px 0 62px;
    margin-top: -210px;
  }
}
.big-image-opacity .suspenso-container p {
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
  text-align: center;
  color: #727587;
}
@media screen and (min-width: 1024px) {
  .big-image-opacity .suspenso-container p {
    font-size: 20px;
  }
}
.big-image-opacity .suspenso-container p a {
  text-decoration: none;
  color: #727587;
}
.big-image-opacity .suspenso-container p a:hover {
  text-decoration: underline;
}

.big-info-content .info-compet {
  max-width: 1120px;
  padding: 10px;
  background-color: #eaf1fe;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet {
    margin: auto;
  }
}
.big-info-content .info-compet .big-container {
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container {
    flex-direction: row;
    gap: 15px;
  }
}
.big-info-content .info-compet .big-container .info-compet-content {
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-compet-content {
    width: 49%;
    padding: 10px 0;
  }
}
.big-info-content .info-compet .big-container .info-compet-content .interno {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 0;
  box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #fff;
  min-height: 200px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-compet-content .interno {
    gap: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-compet-content .title-variante-content {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
  }
}
.big-info-content .info-compet .big-container .info-compet-content .title-variante-content .title-variante {
  font-weight: 500;
  font-size: 18px;
  color: #4871bf;
  background: #e9f0ff;
  border-radius: 10px;
  padding: 5px;
  width: fit-content;
}
.big-info-content .info-compet .big-container .info-compet-content .title-variante-content .meli-location-container {
  display: none;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-compet-content .title-variante-content .meli-location-container {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
.big-info-content .info-compet .big-container .info-compet-content .title-variante-content .meli-location-container img {
  vertical-align: bottom;
  margin-left: 5px;
}
.big-info-content .info-compet .big-container .info-compet-content .title-variante-content .meli-location-container .meli-location-title {
  font-weight: 500;
  font-size: 18px;
  color: #6d757b;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-compet-content .title-variante-content .meli-location-container .meli-location-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-compet-content .flex-content {
    display: flex;
    align-items: center;
    gap: 20px;
  }
}
.big-info-content .info-compet .big-container .info-compet-content p img {
  vertical-align: text-bottom;
  margin-right: 5px;
}
.big-info-content .info-compet .big-container .info-compet-content .meli-level-container {
  display: flex;
  gap: 5px;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-compet-content .meli-level-container {
    order: 2;
  }
}
.big-info-content .info-compet .big-container .info-compet-content .meli-level-container .meli-level {
  font-weight: 300;
  font-size: 16px;
  color: #6d757b;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-compet-content .meli-level-container .meli-level {
    order: 2;
  }
}
.big-info-content .info-compet .big-container .info-compet-content .row-compet {
  border: 1px solid #a1a3af;
  width: 115px;
  margin: 15px 0;
}
.big-info-content .info-compet .big-container .info-compet-content .meli-reputacion {
  font-weight: 500;
  font-size: 16px;
  color: #6d757b;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-compet-content .meli-reputacion {
    order: 1;
  }
}
.big-info-content .info-compet .big-container .info-compet-content .meli-reputacion span {
  width: 30px;
  height: 13px;
  border-radius: 2px;
  display: inline-block;
}
.big-info-content .info-compet .big-container .info-compet-content .meli-reputacion span.rojo {
  background-color: #ebd7db;
  margin-left: 10px;
}
.big-info-content .info-compet .big-container .info-compet-content .meli-reputacion span.bordo {
  background-color: #f0dccf;
}
.big-info-content .info-compet .big-container .info-compet-content .meli-reputacion span.amarillo {
  background-color: #fcf0bd;
}
.big-info-content .info-compet .big-container .info-compet-content .meli-reputacion span.lima {
  background-color: #daf490;
}
.big-info-content .info-compet .big-container .info-compet-content .meli-reputacion span.verde {
  background-color: #89e192;
  margin-left: 5px;
  transform: scale(1.2);
}
.big-info-content .info-compet .big-container .info-compet-content .meli-location-mobile {
  display: flex;
  gap: 5px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-compet-content .meli-location-mobile {
    display: none;
  }
}
.big-info-content .info-compet .big-container .info-compet-content .meli-location-mobile .meli-location {
  font-weight: 500;
  font-size: 16px;
  color: #6d757b;
}
.big-info-content .info-compet .big-container .info-compet-content {
  /*  .loyalty-points {
    font-weight: 500;
    font-size: 16px;
    color: #6d757b;
    @include desktop {
      margin: 20px 0 30px;
    }
    span {
      color: #304b7f;
      font-weight: 700;
      background: #ffdab0;
      border-radius: 5px;
      padding: 1px 2px;
    }
  } */
}
.big-info-content .info-compet .big-container .info-compet-content .opiniones {
  font-weight: 500;
  font-size: 16px;
  color: #6d757b;
}
.big-info-content .info-compet .big-container .info-compet-content .grafico-opiniones {
  margin-top: -10px;
  position: relative;
}
.big-info-content .info-compet .big-container .info-compet-content .grafico-opiniones div {
  width: 60%;
  margin-left: -20px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-compet-content .grafico-opiniones div {
    width: 30%;
    margin-left: 0;
  }
}
.big-info-content .info-compet .big-container .info-compet-content .grafico-opiniones .leyenda-content {
  position: absolute;
  bottom: 30px;
  right: 0px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-compet-content .grafico-opiniones .leyenda-content {
    right: 150px;
    bottom: 10px;
  }
}
.big-info-content .info-compet .big-container .info-compet-content .grafico-opiniones .leyenda-content ul {
  list-style: none;
  padding-left: 30px;
  padding-bottom: 10px;
  margin-top: 15px;
}
.big-info-content .info-compet .big-container .info-compet-content .grafico-opiniones .leyenda-content ul li {
  font-weight: 500;
  font-size: 13px;
  line-height: 28px;
  color: #304b7f;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-compet-content .grafico-opiniones .leyenda-content ul li {
    font-size: 14px;
  }
}
.big-info-content .info-compet .big-container .info-compet-content .grafico-opiniones .leyenda-content ul li:first-child::before {
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  background-color: #89e192;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
.big-info-content .info-compet .big-container .info-compet-content .grafico-opiniones .leyenda-content ul li:nth-child(2)::before {
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  background-color: #fac688;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
.big-info-content .info-compet .big-container .info-compet-content .grafico-opiniones .leyenda-content ul li:last-child::before {
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  background-color: #f88484;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
.big-info-content .info-compet .big-container .info-rango-precios {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-rango-precios {
    width: 49%;
    padding: 10px 0;
  }
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content {
  background: #ffffff;
  border-radius: 10px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content.variante {
    height: 250px;
  }
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .grafico-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .grafico-content {
    padding: 30px 10px 10px;
    align-items: start;
  }
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .grafico-content .title-graf {
  width: 55%;
  text-align: center;
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .grafico-content .title-graf .title-rango {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #304b7f;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .grafico-content .title-graf .title-rango {
    width: max-content;
  }
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .grafico-content .title-graf p {
  margin-top: 20px;
  font-weight: 700;
  font-size: 15px;
  color: #3d5687;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .grafico-content .title-graf p {
    text-align: start;
    padding-left: 4px;
  }
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .grafico-content .title-graf p span {
  color: #fff;
  padding: 1px 3px;
  margin-left: 5px;
  background: #6097ff;
  border-radius: 4px;
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .grafico-content .chart-rango {
  margin-top: -20px;
  width: 50%;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .grafico-content .chart-rango {
    width: 35%;
  }
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .grafico-content .chart-rango.variante {
    margin-left: -25px;
  }
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .leyenda-content {
    position: absolute;
    top: 95px;
  }
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .leyenda-content ul {
  list-style: none;
  padding-left: 30px;
  padding-bottom: 10px;
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .leyenda-content ul li {
  font-weight: 500;
  font-size: 13px;
  line-height: 28px;
  color: #304b7f;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .leyenda-content ul li {
    font-size: 14px;
  }
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .leyenda-content ul li:first-child::before {
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  background-color: #89e192;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .leyenda-content ul li:nth-child(2)::before {
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  background-color: #fac688;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .leyenda-content ul li:last-child::before {
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  background-color: #f88484;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content.variante {
    height: 337px;
  }
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .leyenda-content ul li:first-child::before {
  background-color: #ed6ed9;
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .leyenda-content ul li:nth-child(2)::before {
  background-color: #f7cf6b;
}
.big-info-content .info-compet .big-container .info-rango-precios .info-rango-precios-content .leyenda-content ul li:last-child::before {
  background-color: #40d6bb;
}
.big-info-content .info-compet .flex-desktop2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .flex-desktop2 {
    flex-direction: row;
    gap: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used {
    width: 49%;
  }
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content {
  background: #ffffff;
  border-radius: 10px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content.variante {
    height: 250px;
  }
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .grafico-content,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .grafico-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .grafico-content,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .grafico-content {
    padding: 30px 10px 10px;
    align-items: start;
  }
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .grafico-content .title-graf,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .grafico-content .title-graf {
  width: 55%;
  text-align: center;
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .grafico-content .title-graf .title-rango,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .grafico-content .title-graf .title-rango {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #304b7f;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .grafico-content .title-graf .title-rango,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .grafico-content .title-graf .title-rango {
    width: max-content;
  }
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .grafico-content .title-graf p,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .grafico-content .title-graf p {
  margin-top: 20px;
  font-weight: 700;
  font-size: 15px;
  color: #3d5687;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .grafico-content .title-graf p,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .grafico-content .title-graf p {
    text-align: start;
    padding-left: 4px;
  }
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .grafico-content .title-graf p span,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .grafico-content .title-graf p span {
  color: #fff;
  padding: 1px 3px;
  margin-left: 5px;
  background: #6097ff;
  border-radius: 4px;
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .grafico-content .chart-rango,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .grafico-content .chart-rango {
  margin-top: -20px;
  width: 50%;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .grafico-content .chart-rango,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .grafico-content .chart-rango {
    width: 35%;
  }
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .grafico-content .chart-rango.variante,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .grafico-content .chart-rango.variante {
    margin-left: -25px;
  }
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .leyenda-content,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .leyenda-content {
    position: absolute;
    top: 95px;
  }
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .leyenda-content ul,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .leyenda-content ul {
  list-style: none;
  padding-left: 30px;
  padding-bottom: 10px;
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .leyenda-content ul li,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .leyenda-content ul li {
  font-weight: 500;
  font-size: 13px;
  line-height: 28px;
  color: #304b7f;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .leyenda-content ul li,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .leyenda-content ul li {
    font-size: 14px;
  }
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .leyenda-content ul li:first-child::before {
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  background-color: #89e192;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .leyenda-content ul li:nth-child(2)::before {
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  background-color: #fac688;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-ventas-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-ventas-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-ventas-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-ventas-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content .leyenda-content ul li:last-child::before {
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  background-color: #f88484;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content.variante,
  .big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content.variante {
    height: 337px;
  }
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .leyenda-content ul li:first-child::before {
  background-color: #ed6ed9;
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .leyenda-content ul li:nth-child(2)::before {
  background-color: #f7cf6b;
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-precios-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-precios-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-precios-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-precios-content .leyenda-content ul li:last-child::before {
  background-color: #40d6bb;
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .leyenda-content ul li:first-child::before {
  background-color: #23a2df;
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-rango-dist-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-rango-dist-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-rango-dist-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-rango-dist-content .leyenda-content ul li:nth-child(2)::before {
  background-color: #86dbd9;
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .leyenda-content ul li:first-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .leyenda-content ul li:first-child::before {
  background-color: #f88484;
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .leyenda-content ul li:nth-child(2)::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .leyenda-content ul li:nth-child(2)::before {
  background-color: #fac688;
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-health-pub-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-health-pub-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-health-pub-content .leyenda-content ul li:last-child::before,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-health-pub-content .leyenda-content ul li:last-child::before {
  background-color: #89e192;
}
.big-info-content .info-compet .flex-desktop2 .info-rango-precios .info-sent-used-content,
.big-info-content .info-compet .flex-desktop2 .info-rango-ventas .info-sent-used-content,
.big-info-content .info-compet .flex-desktop2 .info-health-pub .info-sent-used-content,
.big-info-content .info-compet .flex-desktop2 .info-sent-used .info-sent-used-content {
  /* .leyenda-content {
    ul {
      li {
        &:first-child::before {
          background-color: #89e192;
        }
        &:nth-child(2)::before {
          background-color: #fac688;
        }
        &:nth-child(3)::before {
          background-color: #f88484;
        }
        &:nth-child(4)::before {
          background-color: #ed6ed9;
        }
        &:nth-child(5)::before {
          background-color: #f7cf6b;
        }
        &:nth-child(6)::before {
          background-color: #40d6bb;
        }
        &:last-child::before {
          background-color: #23a2df;
        }
      }
    }
  } */
}
.big-info-content .cta-container {
  background-color: #6097ff;
  padding: 20px 0;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .big-info-content .cta-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
}
.big-info-content .cta-container h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .cta-container h3 {
    margin: 0;
  }
}
.big-info-content .cta-container a {
  display: block;
  margin: auto;
  width: 242px;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #6097ff;
  background: #ffffff;
  border-radius: 10px;
  transition: all 0.2s linear;
  padding: 7px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .cta-container a {
    margin: 0;
  }
}
.big-info-content .cta-container a:hover {
  color: #4871bf;
  outline: 2px solid #4871bf;
}
.big-info-content .info-compet2 {
  padding: 10px;
  background-color: #eaf1fe;
  max-width: 1120px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 {
    margin: auto;
  }
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .info-compet2-flex {
    display: flex;
    margin-top: 15px;
    justify-content: space-between;
  }
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo {
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 10px;
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .info-compet2-flex .public-promo {
    width: 50%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .public-promo-title {
  border-radius: 10px 10px 0 0;
  background: #b0cbff;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  padding: 5px;
  color: #304b7f;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .info-compet2-flex .public-promo .public-promo-title {
    padding: 15px 10px;
  }
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo {
  /* .cards-content {
    background-color: #fff;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    max-height: 400px;
    .card {
      margin-bottom: 30px;
      &:last-child {
        margin-bottom: 10px;
      }
      .desc-card {
        display: flex;
        margin-bottom: 10px;
        img {
          width: 71px;
          height: 71px;
          margin-right: 10px;
        }
        .title-card {
          h4 {
            font-weight: 500;
            font-size: 16px;
            color: #727587;
          }
          p {
            span {
              font-weight: 500;
              font-size: 13px;
              color: #ffffff;
              padding: 1px 2px;
              border-radius: 3.8px;
              &.badge1 {
                background: #51bf48;
              }
              &.badge2 {
                margin-left: 5px;
                background-color: #ffb660;
              }
            }
          }
        }
      }
      .details-card {
        ul {
          list-style: none;
          padding: 0;
          li {
            font-weight: 500;
            font-size: 18px;
            color: #6d757b;
          }
        }
      }
    }
  } */
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content {
  max-height: 240px;
  overflow-y: auto;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1,
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1-1 {
  width: 100%;
  border-collapse: collapse;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1 tbody tr,
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1-1 tbody tr {
  border-bottom: 1px solid #a1a3af;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1 tbody tr td,
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1-1 tbody tr td {
  padding: 10px;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1 tbody tr td .desc-card,
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1-1 tbody tr td .desc-card {
  display: flex;
  margin-bottom: 10px;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1 tbody tr td .desc-card img,
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1-1 tbody tr td .desc-card img {
  width: 71px;
  height: 71px;
  margin-right: 10px;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1 tbody tr td .desc-card .title-card h4,
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1-1 tbody tr td .desc-card .title-card h4 {
  font-weight: 500;
  font-size: 16px;
  color: #727587;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1 tbody tr td .desc-card .title-card p span,
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1-1 tbody tr td .desc-card .title-card p span {
  font-weight: 500;
  font-size: 13px;
  color: #ffffff;
  padding: 1px 2px;
  border-radius: 3.8px;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1 tbody tr td .desc-card .title-card p span.badge-premium,
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1-1 tbody tr td .desc-card .title-card p span.badge-premium {
  background: #51bf48;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1 tbody tr td .desc-card .title-card p span.badge-mas-vendido,
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1-1 tbody tr td .desc-card .title-card p span.badge-mas-vendido {
  margin-left: 5px;
  background-color: #ffb660;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1 tbody tr td .details-card ul,
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1-1 tbody tr td .details-card ul {
  list-style: none;
  padding: 0;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1 tbody tr td .details-card ul li,
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1-1 tbody tr td .details-card ul li {
  font-weight: 500;
  font-size: 18px;
  color: #6d757b;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1 tbody tr td.desktop,
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1-1 tbody tr td.desktop {
  font-weight: 500;
  font-size: 16px;
  color: #6d757b;
  text-align: center;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1 tbody tr td.desktop strong,
.big-info-content .info-compet2 .info-compet2-flex .public-promo .table1-content .table1-1 tbody tr td.desktop strong {
  display: flex;
  gap: 1px;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .see-more {
  padding: 25px 0;
  text-align: center;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .see-more #btn-see-more-pub-star {
  font-weight: 500;
  font-size: 14px;
  color: #4871bf;
  background: #d7e5ff;
  border-radius: 41px;
  padding: 2px 10px;
  cursor: pointer;
  width: 205px;
  border: 0;
  outline: none;
  margin: auto;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .see-more #btn-see-more-pub-star:focus, .big-info-content .info-compet2 .info-compet2-flex .public-promo .see-more #btn-see-more-pub-star:focus-visible {
  border: 0;
  outline: none;
}
.big-info-content .info-compet2 .info-compet2-flex .public-promo .see-more #btn-see-more-pub-star img {
  margin-left: 4px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio {
    padding: 0 10px;
    width: 50%;
  }
}
.big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content {
  background: #ffffff;
  border-radius: 10px;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content {
    position: relative;
    height: 366px;
  }
}
.big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .grafico-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .grafico-content {
    align-items: start;
    padding: 30px 10px 10px;
  }
}
.big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .grafico-content .title-graf {
  width: 55%;
  text-align: center;
}
.big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .grafico-content .title-graf .title-rango {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #304b7f;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .grafico-content .title-graf .title-rango {
    width: max-content;
  }
}
.big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .grafico-content .title-graf p {
  margin-top: 20px;
  font-weight: 700;
  font-size: 15px;
  color: #3d5687;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .grafico-content .title-graf p {
    text-align: start;
    padding-left: 4px;
  }
}
.big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .grafico-content .title-graf p span {
  color: #fff;
  padding: 1px 3px;
  margin-left: 5px;
  background: #6097ff;
  border-radius: 4px;
}
.big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .grafico-content .chart-rango {
  margin-top: -20px;
  width: 50%;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .grafico-content .chart-rango {
    width: 220px;
  }
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .leyenda-content {
    position: absolute;
    top: 80px;
  }
}
.big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .leyenda-content ul {
  list-style-type: disc;
  padding-left: 30px;
  padding-bottom: 10px;
  margin-top: 0px;
  max-height: 195px;
  max-width: 300px;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .leyenda-content ul {
    margin-top: 35px;
  }
}
.big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .leyenda-content ul li {
  font-weight: 500;
  font-size: 13px;
  line-height: 28px;
  color: #304b7f;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .leyenda-content ul li {
    font-size: 14px;
  }
}
.big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .leyenda-content .show-more-dom,
.big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .leyenda-content .show-more-sent {
  border: 0;
  outline: none;
  background: #d7e5ff;
  border-radius: 5px;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 0.01em;
  padding: 9px;
  color: #304b7f;
  margin: 0 0 30px 30px;
}
.big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .leyenda-content .show-more-dom:hover,
.big-info-content .info-compet2 .info-compet2-flex .info-dist-dominio .info-rango-dominio-content .leyenda-content .show-more-sent:hover {
  background: #6097ff;
  color: #fff;
}
.big-info-content .info-compet2 .pub-star .title-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 33px 0 12px;
}
.big-info-content .info-compet2 .pub-star .title-content h2 {
  font-weight: 700;
  font-size: 16px;
  color: #304b7f;
}
.big-info-content .info-compet2 .pub-star .title-content .download-pub-star {
  border: 0;
  outline: none;
  border-radius: 4px;
  background: #6097ff;
  padding: 5px 10px 0;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .pub-star .title-content .download-pub-star {
    vertical-align: middle;
    margin-left: 5px;
    padding: 5px 10px;
  }
}
.big-info-content .info-compet2 .pub-star .title-content .download-pub-star:hover {
  background: #4871bf;
}
.big-info-content .info-compet2 .pub-star .title-content .download-pub-star span {
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .pub-star .title-content .download-pub-star img {
    margin-left: 5px;
    vertical-align: middle;
  }
}
.big-info-content .info-compet2 .pub-star .table2-content {
  overflow: auto;
  max-height: 400px;
}
.big-info-content .info-compet2 .pub-star .table2-content .table {
  width: 1600px;
  border-collapse: collapse;
}
@media screen and (min-width: 1024px) {
  .big-info-content .info-compet2 .pub-star .table2-content .table {
    max-width: 1450px;
    width: 100%;
    margin: auto;
  }
}
.big-info-content .info-compet2 .pub-star .table2-content .table thead {
  background-color: #6097ff;
  position: sticky;
  top: 0;
}
.big-info-content .info-compet2 .pub-star .table2-content .table thead tr th {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  padding: 10px;
  position: relative;
}
.big-info-content .info-compet2 .pub-star .table2-content .table thead tr th img {
  vertical-align: bottom;
  cursor: pointer;
}
.big-info-content .info-compet2 .pub-star .table2-content .table thead tr th img.question-sold:hover ~ .tooltip-sold {
  display: block;
}
.big-info-content .info-compet2 .pub-star .table2-content .table thead tr th img.img-stock:hover ~ .tooltip-stock {
  display: block;
}
.big-info-content .info-compet2 .pub-star .table2-content .table thead tr th .tooltip-sold {
  display: none;
  position: absolute;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  background: #304b7f;
  border-radius: 5px;
  width: 190px;
  padding: 5px 0;
  top: 5px;
  left: 95px;
  z-index: 1;
}
.big-info-content .info-compet2 .pub-star .table2-content .table thead tr th .tooltip-sold:before {
  content: "";
  width: 15px;
  height: 15px;
  background: #304b7f;
  transform: rotate(45deg);
  position: absolute;
  left: -6px;
  top: 12px;
  z-index: 0;
}
.big-info-content .info-compet2 .pub-star .table2-content .table thead tr th .tooltip-stock {
  display: none;
  position: absolute;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  background: #304b7f;
  border-radius: 5px;
  width: 155px;
  text-align: start;
  padding: 5px 10px;
  left: 75px;
  top: 2px;
  z-index: 1;
}
.big-info-content .info-compet2 .pub-star .table2-content .table thead tr th .tooltip-stock:before {
  content: "";
  width: 15px;
  height: 15px;
  background: #304b7f;
  transform: rotate(45deg);
  position: absolute;
  left: -6px;
  top: 12px;
  z-index: 0;
}
.big-info-content .info-compet2 .pub-star .table2-content .table thead tr th:first-child {
  border-radius: 10px 0 0 0;
}
.big-info-content .info-compet2 .pub-star .table2-content .table thead tr th:last-child {
  border-radius: 0 10px 0 0;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody {
  background-color: #fff;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr {
  text-align: center;
  border-bottom: 1px solid rgba(136, 136, 136, 0.6509803922);
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td {
  padding: 10px 5px;
  font-weight: 500;
  font-size: 14px;
  color: #6d757b;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content {
  display: flex;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content .img-table-prod {
  height: 55px;
  width: 55px;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content .img-table-prod .img-prod-content {
  height: 55px;
  width: auto;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content .title-container-table {
  padding: 5px;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content .title-container-table .title-prod {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #6d757b;
  max-width: 200px;
  text-align: start;
  margin-bottom: 5px;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content .title-container-table .title-prod:hover > a {
  text-decoration: underline;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content .title-container-table .title-prod a {
  color: #4871bf;
  text-decoration: none;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content .title-container-table .tags-prod {
  display: flex;
  gap: 4px;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content .title-container-table .tags-prod p {
  margin: 0;
  text-align: start;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content .title-container-table .tags-prod p .badge {
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
  padding: 1px 3px;
  border-radius: 5px;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content .title-container-table .tags-prod p .badge.badge-premium {
  background-color: #51bf48;
  border: 1.5px solid #51bf48;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content .title-container-table .tags-prod p .badge.badge-clasic {
  background-color: #6097ff;
  border: 1.5px solid #6097ff;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content .title-container-table .tags-prod p.badge-activada {
  color: #8891ff;
  border: #8891ff solid 1.5px;
  font-weight: 500;
  font-size: 12px;
  padding: 1px 3px;
  border-radius: 5px;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .title-prod-content .title-container-table .tags-prod p.badge-pausada {
  color: #ff8888;
  border: #ff8888 solid 1.5px;
  font-weight: 500;
  font-size: 12px;
  padding: 1px 3px;
  border-radius: 5px;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .desc-prod {
  margin-top: 10px;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .desc-prod p,
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .desc-prod .date-update,
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .desc-prod .cod-bar {
  text-align: start;
  font-weight: 400;
  font-size: 12px;
  color: #6d757b;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .desc-prod p .tag-more-sold,
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .desc-prod .date-update .tag-more-sold,
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .desc-prod .cod-bar .tag-more-sold {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  border-radius: 5px;
  padding: 0px 3px;
  background: #ffb660;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .desc-prod .cod-bar {
  margin-bottom: 5px;
}
.big-info-content .info-compet2 .pub-star .table2-content .table tbody tr td .desc-prod .cod-bar strong {
  font-weight: 600;
}
.big-info-content .info-compet2 .pub-star .btn-container-see-more {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
  background: #fff;
  padding-bottom: 20px;
  border-radius: 0 0 10px 10px;
}
.big-info-content .info-compet2 .pub-star .btn-container-see-more .btn-see-more-pub {
  margin-top: 26px;
  font-weight: 500;
  font-size: 18px;
  color: #4871bf;
  background: #d7e5ff;
  border-radius: 41px;
  padding: 1px 6px;
  border: 0;
  outline: none;
}
.big-info-content .info-compet2 .pub-star .btn-container-see-more img {
  width: 19px;
}

li.name-pub10::before {
  background-color: #89e192;
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
li.name-pub11::before {
  background-color: #fac688;
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
li.name-pub12::before {
  background-color: #f88484;
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
li.name-pub13::before {
  background-color: #ed6ed9;
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
li.name-pub14::before {
  background-color: #f7cf6b;
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}
li.name-pub15::before {
  background-color: #40d6bb;
  font-family: "Font Awesome 5 Free";
  content: "0";
  color: transparent;
  border-radius: 50%;
  position: absolute;
  height: 10px;
  width: 10px;
  left: -15px;
  top: 9px;
}

/*==========================

scrolls
============================*/
.table2-content::-webkit-scrollbar {
  -webkit-appearance: none;
}
.table2-content::-webkit-scrollbar:vertical {
  width: 10px;
}
.table2-content::-webkit-scrollbar:horizontal {
  height: 10px;
}

.table2-content::-webkit-scrollbar-button:increment,
.table2-content::-webkit-scrollbar-button {
  display: none;
}

.table2-content::-webkit-scrollbar-thumb {
  background-color: #4871bf;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}

.table2-content::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

.info-indicadores-slider-content::-webkit-scrollbar {
  -webkit-appearance: none;
}
.info-indicadores-slider-content::-webkit-scrollbar:vertical {
  width: 10px;
}
.info-indicadores-slider-content::-webkit-scrollbar:horizontal {
  height: 10px;
}

.info-indicadores-slider-content::-webkit-scrollbar-button:increment,
.info-indicadores-slider-content::-webkit-scrollbar-button {
  display: none;
}

.info-indicadores-slider-content::-webkit-scrollbar-thumb {
  background-color: #4871bf;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}

.info-indicadores-slider-content::-webkit-scrollbar-track {
  border-radius: 10px;
}

.table1-content::-webkit-scrollbar {
  -webkit-appearance: none;
}
.table1-content::-webkit-scrollbar:vertical {
  width: 10px;
}
.table1-content::-webkit-scrollbar:horizontal {
  height: 10px;
}

.table1-content::-webkit-scrollbar-button:increment,
.table1-content::-webkit-scrollbar-button {
  display: none;
}

.table1-content::-webkit-scrollbar-thumb {
  background-color: #4871bf;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}

.table1-content::-webkit-scrollbar-track {
  border-radius: 10px;
}

#options12::-webkit-scrollbar {
  -webkit-appearance: none;
}
#options12::-webkit-scrollbar:vertical {
  width: 10px;
}
#options12::-webkit-scrollbar:horizontal {
  height: 10px;
}

#options12::-webkit-scrollbar-button:increment,
#options12::-webkit-scrollbar-button {
  display: none;
}

#options12::-webkit-scrollbar-thumb {
  background-color: #4871bf;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}

#options12::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

#options13::-webkit-scrollbar {
  -webkit-appearance: none;
}
#options13::-webkit-scrollbar:vertical {
  width: 10px;
}
#options13::-webkit-scrollbar:horizontal {
  height: 10px;
}

#options13::-webkit-scrollbar-button:increment,
#options13::-webkit-scrollbar-button {
  display: none;
}

#options13::-webkit-scrollbar-thumb {
  background-color: #4871bf;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}

#options13::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

#options14::-webkit-scrollbar {
  -webkit-appearance: none;
}
#options14::-webkit-scrollbar:vertical {
  width: 10px;
}
#options14::-webkit-scrollbar:horizontal {
  height: 10px;
}

#options14::-webkit-scrollbar-button:increment,
#options14::-webkit-scrollbar-button {
  display: none;
}

#options14::-webkit-scrollbar-thumb {
  background-color: #4871bf;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}

#options14::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

.list-dom-complet .list-dom-complet::-webkit-scrollbar {
  -webkit-appearance: none;
}
.list-dom-complet .list-dom-complet::-webkit-scrollbar:vertical {
  width: 10px;
}
.list-dom-complet .list-dom-complet::-webkit-scrollbar:horizontal {
  height: 10px;
}

.list-dom-complet::-webkit-scrollbar-button:increment,
.list-dom-complet::-webkit-scrollbar-button {
  display: none;
}

.list-dom-complet::-webkit-scrollbar-thumb {
  background-color: #4871bf;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}

.list-dom-complet::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/*velocimetro*/
.chart-rango-health {
  position: relative;
  margin-top: -5px !important;
}
@media screen and (min-width: 1024px) {
  .chart-rango-health {
    margin-top: -20px !important;
    margin-right: 40px;
  }
}
.chart-rango-health .puntero {
  position: absolute;
  width: 6.5px;
  height: 36%;
  background: linear-gradient(#686f7a 10%, white 90%);
  bottom: 10px;
  left: 50%;
  transform-origin: bottom center;
}
@media screen and (min-width: 1024px) {
  .chart-rango-health .puntero {
    bottom: 43px;
  }
}
.chart-rango-health .puntero::before {
  content: "";
  position: absolute;
  width: 1.5px;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 10px solid #686f7a; /* Color de la punta de flecha */
  top: -8px; /* Ajusta esta posición para que la punta quede alineada con el extremo inferior */
  left: 50%;
  transform: translateX(-50%);
}
.chart-rango-health .indicador {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  border-radius: 5px;
  background: #6097ff;
  font-size: 14px;
  color: #fff;
  padding: 0 5px;
}
@media screen and (min-width: 1024px) {
  .chart-rango-health .indicador {
    font-size: 17px;
  }
}
.chart-rango-health .indi-percent {
  position: absolute;
}
.chart-rango-health .indi-percent .indis {
  color: #a8adb6;
  font-size: 17px;
  font-weight: 500;
  position: absolute;
  display: none;
}
@media screen and (min-width: 1024px) {
  .chart-rango-health .indi-percent .indis {
    display: block;
  }
}
.chart-rango-health .indi-percent .indis.ind0 {
  top: -50px;
  right: 0;
}
.chart-rango-health .indi-percent .indis.ind70 {
  top: -186px;
  right: -250px;
}
.chart-rango-health .indi-percent .indis.ind100 {
  top: -50px;
  right: -298px;
}

/*tooltips*/
.img-tooltip-comp {
  position: relative;
}
.img-tooltip-comp::before {
  content: url(./../assets/icons/question-blue.svg);
  position: absolute;
  right: -17px;
}
.img-tooltip-comp::before:hover {
  content: url(./../assets/icons/question-blue2.svg);
}
.img-tooltip-comp:hover > .tooltip-comp {
  display: block;
}
.img-tooltip-comp:hover::after {
  visibility: visible !important;
}
.img-tooltip-comp:hover::after {
  visibility: visible !important;
}
.img-tooltip-comp.dif1::after {
  content: "";
  visibility: hidden;
  width: 16px;
  height: 16px;
  background: #304b7f;
  transform: rotate(45deg);
  position: absolute;
  top: 18px;
  right: -2px;
}
.img-tooltip-comp.dif2::after {
  content: "";
  width: 16px;
  height: 16px;
  background: #304b7f;
  visibility: hidden;
  transform: rotate(45deg);
  position: absolute;
  top: 20px;
  right: -17px;
}
@media screen and (min-width: 1024px) {
  .img-tooltip-comp.dif2::after {
    top: 0;
    right: -36px;
  }
}
.img-tooltip-comp.dif3::after {
  content: "";
  width: 16px;
  height: 16px;
  background: #4871bf;
  visibility: hidden;
  transform: rotate(45deg);
  position: absolute;
  top: 18px;
  right: -2px;
}
@media screen and (min-width: 1024px) {
  .img-tooltip-comp.dif3::after {
    top: 18px;
    right: 0;
  }
}

.tooltip-comp {
  display: none;
  position: absolute;
  text-align: start;
  z-index: 1;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 17px !important;
  color: #ffffff !important;
  background: #304b7f !important;
  border-radius: 5px;
  padding: 8px !important;
  width: 240px;
  right: -138px;
  top: 27px;
  font-style: normal;
}
@media screen and (min-width: 1024px) {
  .tooltip-comp {
    right: auto;
    top: -20px;
    left: 28px;
  }
}
@media screen and (min-width: 1024px) {
  .tooltip-comp.tooltip-datos-var {
    width: 280px;
  }
}
.tooltip-comp.variante-mobile-1 {
  right: auto;
  left: -90px;
}
@media screen and (min-width: 1024px) {
  .tooltip-comp.variante-mobile-1 {
    top: 23px;
  }
}
@media screen and (min-width: 1024px) {
  .tooltip-comp.variant-desktop {
    right: -50px;
    top: 20px;
    left: auto;
  }
}
.tooltip-comp .span-inter-tooltip {
  display: block;
  width: max-content;
  margin: auto;
}
.tooltip-comp ul {
  padding-left: 20px;
  margin-top: 10px;
}

.meli-level-container.desktop-hidden1 {
  margin-top: 19px;
}

.info-rango-precios-content.empty {
  height: 200px;
}
.info-rango-precios-content.empty .title-graf {
  width: 100% !important;
}
.info-rango-precios-content.empty .empty-state-price-range {
  color: #43475f !important;
  font-size: 17px !important;
  font-style: italic;
  font-weight: 300 !important;
  line-height: 107.5%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.info-rango-precios-content.empty .empty-state-price-range img {
  width: 20%;
}

.body-onb {
  position: relative;
  overflow: hidden;
}

.circles-top {
  position: absolute;
  top: 0;
  left: 0;
}

.circles-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}

.loader-big-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader-big-container .loader-content h1 {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.005em;
  color: #304b7f;
}
@media screen and (min-width: 1024px) {
  .loader-big-container .loader-content h1 {
    font-size: 30px;
  }
}
.loader-big-container .loader-content h2 {
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.005em;
  color: #304b7f;
}
@media screen and (min-width: 1024px) {
  .loader-big-container .loader-content h2 {
    font-size: 30px;
  }
}
.loader-big-container .loader-content .loader-onb {
  text-align: center;
  margin-top: 40px;
}
.loader-big-container .loader-content .loader-onb .loader-03 {
  display: inline-block;
  width: 100px;
  height: 100px;
  color: inherit;
  vertical-align: middle;
  pointer-events: none;
  border: 10px solid #6097ff;
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: 1s loader-03 linear infinite;
  position: relative;
}

@keyframes loader-03 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 1024px) {
  .big-div-onboard {
    display: flex;
    align-items: center;
    height: 100%;
  }
}
.big-div-onboard .title-top {
  text-align: center;
  padding-top: 30px;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .title-top {
    width: 50%;
  }
}
.big-div-onboard .title-top h1 {
  font-weight: 700;
  font-size: 18.5366px;
  color: #304b7f;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .title-top h1 {
    font-size: 40px;
  }
}
.big-div-onboard .title-top h2 {
  font-weight: 400;
  font-size: 18px;
  color: #304b7f;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .title-top h2 {
    font-size: 30px;
  }
}
.big-div-onboard .title-top img {
  margin-bottom: 21px;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .title-top img {
    display: block;
    margin: 0 auto 21px;
    width: 410px;
  }
}
.big-div-onboard .title-top p {
  font-weight: 400;
  font-size: 22px;
  text-align: center;
  letter-spacing: 0.005em;
  color: #304b7f;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container {
    width: 43%;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info {
  background: #ebf2ff;
  border-radius: 10px 10px 0 0;
  padding: 15px 0 0;
  margin: 0 10px;
  max-width: 660px;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info {
    border-radius: 10px;
    height: 100%;
    padding-bottom: 20px;
    margin: 0;
    padding: 60px 0 30px;
    height: 500px;
    width: 577px;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info h3 {
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: #4871bf;
  margin-bottom: 15px;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards {
    gap: 18px;
    margin-bottom: 35px;
    width: 420px;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards .meli-card .canal-card:hover {
  background-color: #fef8c1;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards .mpago-card .canal-card:hover {
  background-color: #a6daee;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards .mshops-card .canal-card:hover {
  background-color: #ffd7ea;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards .tnube-card .canal-card:hover {
  background-color: #b9d5ff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards .local-card .canal-card:hover {
  background-color: #ffd9d9;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards .woo-card .canal-card:hover {
  background-color: #d2c7df;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards .woo-card .canal-card img {
  width: 63px;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards .empre-card .canal-card:hover {
  background-color: #dbfec0;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards .empre-card .canal-card img {
  width: 63px;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards input {
  display: none;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards input.card-meli:checked ~ .meli-card {
  outline: 2px solid #ffe600;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards input.card-mpago:checked ~ .mpago-card {
  outline: 2px solid #00aeef;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards input.card-mshops:checked ~ .mshops-card {
  outline: 2px solid #ff288d;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards input.card-tnube:checked ~ .tnube-card {
  outline: 2px solid #2d69c2;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards input.card-local:checked ~ .local-card {
  outline: 2px solid #ee7475;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards input.card-woo:checked ~ .woo-card {
  outline: 2px solid #6a4595;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards input.card-empre:checked ~ .empre-card {
  outline: 2px solid #28b861;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards label {
  border-radius: 17.9406px;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards label .canal-card {
  width: 75px;
  height: 75px;
  padding: 4px;
  background: #ffffff;
  box-shadow: 0px 2.58908px 15.5345px #d7e5ff;
  border-radius: 17.9406px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s linear;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards label .canal-card {
    width: 88px;
    height: 80px;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards label .canal-card.meli-card:hover {
  background-color: #fef8c1;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .canales-cards label .canal-card img {
  width: 53.78px;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container {
  max-width: 400px;
  margin: auto;
  text-align: end;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container h3 {
  text-align: center;
  margin: 18px 0 5px;
  font-weight: 500;
  font-size: 14px;
  color: #4871bf;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container .input-cap-info {
  display: block;
  width: 90%;
  margin: 0 auto 10px;
  background: #ffffff;
  border: 1px solid #4871bf;
  border-radius: 7px;
  height: 45px;
  padding-left: 5px;
  outline: none;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container .input-cap-info:focus, .big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container .input-cap-info:focus-visible {
  outline: none;
  filter: drop-shadow(0px 0px 4px #6097ff);
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container .input-cap-info {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container .btn-container {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 32px;
    width: 472px;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container .btn-container progress {
  width: 60%;
  height: 22px;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container .btn-container button.btn-cap-info {
  margin: 12px 18px 12px 0;
  background: #6097ff;
  border-radius: 3.9375px;
  font-weight: 400;
  font-size: 17px;
  color: #ffffff;
  border: 0;
  outline: none;
  padding: 8px;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container .btn-container button.btn-cap-info {
    margin-top: 0;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container .btn-container button.btn-cap-info:focus, .big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container .btn-container button.btn-cap-info:focus-visible {
  border: 0;
  outline: none;
}
.big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container .btn-container button.btn-cap-info:hover {
  background-color: #304b7f;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info .input-cap-info-container .btn-container button.btn-cap-info {
    margin: 0;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas {
  background: #ebf2ff;
  border-radius: 10px 10px 0 0;
  padding: 15px 0;
  margin: 0 10px;
  height: 370px;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info-ventas {
    border-radius: 10px;
    height: 100%;
    border-radius: 0;
    margin: 0;
    height: 500px;
    width: 577px;
    padding: 60px 0 30px;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas.step2 .btn-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas.step2 .btn-container .btn-cap-info-volver {
  margin-left: 10px;
  background: transparent;
  font-weight: 300;
  font-size: 18.375px;
  color: #6097ff;
  border: 0;
  outline: none;
  padding: 5px 6px;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas.step2 .btn-container .btn-cap-info-volver:focus, .big-div-onboard .dinamic-info-container .canales-cap-info-ventas.step2 .btn-container .btn-cap-info-volver:focus-visible {
  border: 0;
  outline: none;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas.step2 .btn-container .btn-cap-info-volver:hover {
  font-weight: 500;
  text-decoration: underline;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas.step2 .btn-container progress {
  width: 50%;
  height: 22px;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas h3 {
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: #4871bf;
  margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info-ventas h3 {
    margin: 38px 0 65px;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .counter-cards {
  display: flex;
  gap: 16px;
  justify-content: space-around;
  padding: 0 10px;
  align-items: center;
  flex-wrap: wrap;
  max-width: 500px;
  margin: 55px auto;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info-ventas .counter-cards {
    margin: auto;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .counter-cards label {
  background: #b0cbff;
  border-radius: 7.08243px;
  font-weight: 600;
  font-size: 15.5903px;
  text-align: center;
  color: #4871bf;
  padding: 13px 0px;
  width: 132px;
  transition: all 0.2s linear;
  cursor: pointer;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .counter-cards label:hover {
  background-color: #304b7f;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .counter-cards input {
  display: none;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .counter-cards input.counter-sells1:checked ~ .labels-counter1 {
  background-color: #304b7f;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .counter-cards input.counter-sells2:checked ~ .labels-counter2 {
  background-color: #304b7f;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .counter-cards input.counter-sells3:checked ~ .labels-counter3 {
  background-color: #304b7f;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .counter-cards input.counter-sells4:checked ~ .labels-counter4 {
  background-color: #304b7f;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .counter-cards input.counter-sells5:checked ~ .labels-counter5 {
  background-color: #304b7f;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .counter-cards input.counter-sells6:checked ~ .labels-counter6 {
  background-color: #304b7f;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .input-cap-info-container {
  text-align: end;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .input-cap-info-container h3 {
  text-align: center;
  margin: 18px 0 5px;
  font-weight: 500;
  font-size: 14px;
  color: #4871bf;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .input-cap-info-container .input-cap-info {
  display: block;
  width: 90%;
  margin: 0 auto 20px;
  background: #ffffff;
  border: 1px solid #4871bf;
  border-radius: 7px;
  height: 45px;
  padding-left: 5px;
  outline: none;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .input-cap-info-container .input-cap-info:focus, .big-div-onboard .dinamic-info-container .canales-cap-info-ventas .input-cap-info-container .input-cap-info:focus-visible {
  outline: none;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .input-cap-info-container .btn-container {
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info-ventas .input-cap-info-container .btn-container {
    margin-top: 130px;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .input-cap-info-container .btn-container button.btn-cap-info {
  margin-right: 18px;
  background: #6097ff;
  border-radius: 3.9375px;
  font-weight: 400;
  font-size: 17px;
  color: #ffffff;
  border: 0;
  outline: none;
  padding: 8px;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .input-cap-info-container .btn-container button.btn-cap-info:focus, .big-div-onboard .dinamic-info-container .canales-cap-info-ventas .input-cap-info-container .btn-container button.btn-cap-info:focus-visible {
  border: 0;
  outline: none;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-ventas .input-cap-info-container .btn-container button.btn-cap-info:hover {
  background-color: #304b7f;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv {
  background: #ebf2ff;
  border-radius: 10px 10px 0 0;
  padding: 15px 0;
  margin: 0 10px;
  height: 370px;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info-solv {
    border-radius: 10px;
    height: 100%;
    margin: 0;
    border-radius: 0;
    height: 500px;
    width: 577px;
    padding: 60px 0 30px;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv.step3 .btn-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info-solv.step3 .btn-container {
    margin-top: 40px;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv.step3 .btn-container .btn-cap-info-volver {
  margin-left: 10px;
  background: transparent;
  font-weight: 300;
  font-size: 18.375px;
  color: #6097ff;
  border: 0;
  outline: none;
  padding: 5px 6px;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv.step3 .btn-container .btn-cap-info-volver:focus, .big-div-onboard .dinamic-info-container .canales-cap-info-solv.step3 .btn-container .btn-cap-info-volver:focus-visible {
  border: 0;
  outline: none;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv.step3 .btn-container .btn-cap-info-volver:hover {
  font-weight: 500;
  text-decoration: underline;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv.step3 .btn-container progress {
  width: 50%;
  height: 22px;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv h3 {
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: #4871bf;
  margin-bottom: 25px;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info-solv h3 {
    margin: 0;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards {
  margin: 32px auto;
  padding: 0 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 227px;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: auto;
    margin: 40px auto 98px;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards .counter-cards-slider {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards .counter-cards-slider {
    flex-direction: row;
    margin-bottom: 0px;
    min-width: 600px;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards .counter-cards-slider label {
  margin-top: 1px;
  padding: 4px 6px;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 14.0494px;
  letter-spacing: -0.03em;
  color: #727587;
  background: #ffffff;
  box-shadow: 1.75617px 1.75617px 6.1466px rgba(72, 113, 191, 0.2);
  border-radius: 4.39043px;
  width: max-content;
  cursor: pointer;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards .counter-cards-slider label:hover {
  background: #6097ff;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards .counter-cards-slider input {
  display: none;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards .counter-cards-slider input.counter-solv1:checked ~ .label-solv1 {
  background: #6097ff;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards .counter-cards-slider input.counter-solv2:checked ~ .label-solv2 {
  background: #6097ff;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards .counter-cards-slider input.counter-solv3:checked ~ .label-solv3 {
  background: #6097ff;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards .counter-cards-slider input.counter-solv4:checked ~ .label-solv4 {
  background: #6097ff;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards .counter-cards-slider input.counter-solv5:checked ~ .label-solv5 {
  background: #6097ff;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards .counter-cards-slider input.counter-solv6:checked ~ .label-solv6 {
  background: #6097ff;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards .counter-cards-slider input.counter-solv7:checked ~ .label-solv7 {
  background: #6097ff;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .counter-cards .counter-cards-slider input.counter-solv8:checked ~ .label-solv8 {
  background: #6097ff;
  color: #fff;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .input-cap-info-container {
  text-align: end;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .input-cap-info-container h3 {
  text-align: center;
  margin: 18px 0 5px;
  font-weight: 500;
  font-size: 14px;
  color: #4871bf;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .input-cap-info-container .input-cap-info {
  display: block;
  width: 90%;
  margin: 0 auto 20px;
  background: #ffffff;
  border: 1px solid #4871bf;
  border-radius: 7px;
  height: 45px;
  padding-left: 5px;
  outline: none;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .input-cap-info-container .input-cap-info:focus, .big-div-onboard .dinamic-info-container .canales-cap-info-solv .input-cap-info-container .input-cap-info:focus-visible {
  outline: none;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .input-cap-info-container .input-cap-info::-webkit-input-placeholder, .big-div-onboard .dinamic-info-container .canales-cap-info-solv .input-cap-info-container .input-cap-info::-moz-placeholder {
  color: #bbb !important;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .canales-cap-info-solv .input-cap-info-container .btn-container {
    margin-top: -40px;
  }
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .input-cap-info-container .btn-container button.btn-cap-info {
  margin-right: 18px;
  background: #6097ff;
  border-radius: 3.9375px;
  font-weight: 400;
  font-size: 17px;
  color: #ffffff;
  border: 0;
  outline: none;
  padding: 8px;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .input-cap-info-container .btn-container button.btn-cap-info:focus, .big-div-onboard .dinamic-info-container .canales-cap-info-solv .input-cap-info-container .btn-container button.btn-cap-info:focus-visible {
  border: 0;
  outline: none;
}
.big-div-onboard .dinamic-info-container .canales-cap-info-solv .input-cap-info-container .btn-container button.btn-cap-info:hover {
  background-color: #304b7f;
}
.big-div-onboard .dinamic-info-container .step-emprende-container {
  background: #ebf2ff;
  border-radius: 10px 10px 0 0;
  padding: 15px 0 0;
  margin: 0 10px;
  max-width: 660px;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .step-emprende-container {
    border-radius: 10px;
    height: 100%;
    padding-bottom: 20px;
    margin: 0;
    padding: 30px 0;
    width: 577px;
  }
}
.big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container {
  max-width: 400px;
  margin: auto;
  text-align: center;
}
.big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container img {
  margin: 24px 0;
}
.big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container h2 {
  color: #4871bf;
  font-size: 16px;
  font-weight: 500;
  line-height: 131.5%;
  text-align: center;
}
.big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container h3 {
  text-align: center;
  margin: 18px 0 5px;
  font-weight: 500;
  font-size: 14px;
  color: #4871bf;
}
.big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container .input-phone-info {
  display: block;
  width: 90%;
  margin: 0 auto 10px;
  background: #ffffff;
  border: 1px solid #4871bf;
  border-radius: 7px;
  height: 45px;
  padding-left: 5px;
  outline: none;
}
.big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container .input-phone-info:focus, .big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container .input-phone-info:focus-visible {
  outline: none;
  filter: drop-shadow(0px 0px 4px #6097ff);
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container .input-phone-info {
    margin-bottom: 12px;
  }
}
.big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container .btn-container button.btn-cap-info {
  margin: 12px 0;
  background: #6097ff;
  border-radius: 3.9375px;
  font-weight: 400;
  font-size: 17px;
  color: #ffffff;
  border: 0;
  outline: none;
  padding: 8px;
  width: 90%;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container .btn-container button.btn-cap-info {
    margin-top: 0;
  }
}
.big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container .btn-container button.btn-cap-info:focus, .big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container .btn-container button.btn-cap-info:focus-visible {
  border: 0;
  outline: none;
}
.big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container .btn-container button.btn-cap-info:hover {
  background-color: #304b7f;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container .btn-container button.btn-cap-info {
    margin: 0;
  }
}
.big-div-onboard .dinamic-info-container .step-emprende-container .input-cap-phone-container .btn-container button.btn-cap-info img {
  margin: 0;
}
.big-div-onboard .dinamic-info-container .special-paragraph-emprendefest {
  margin: 24px 0 0;
  color: #4871bf;
  font-size: 18px;
  font-weight: 500;
  line-height: 131.5%;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .dinamic-info-container .special-paragraph-emprendefest {
    width: 577px;
  }
}
.big-div-onboard .progress-bar-container {
  background: #ebf2ff;
  border-radius: 0 0 10px 10px;
  margin: 0 10px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .big-div-onboard .progress-bar-container {
    display: none;
  }
}
.big-div-onboard .progress-bar-container progress {
  width: 90%;
  height: 22px;
  margin: 20px 0;
}

.vincular-canales-container {
  text-align: center;
  height: 100vh;
  display: flex;
  align-items: center;
  background-color: #eeeeee;
}
.vincular-canales-container .content-flex {
  width: 100%;
}
.vincular-canales-container .vincular-canales-content {
  width: 90%;
  max-width: 710px;
  margin: auto;
  padding: 15px 0;
  border-top: 7px #6097ff solid;
  background-color: #fff;
  box-shadow: 8px 8px 40px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
}
.vincular-canales-container .vincular-canales-content h3 {
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  color: #4871bf;
  margin-bottom: 0px;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content h3 {
    font-size: 23px;
  }
}
.vincular-canales-container .vincular-canales-content {
  /* h4 {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #4871bf;
    margin-bottom: 13px;
  } */
}
.vincular-canales-container .vincular-canales-content .desc {
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  color: #4871bf;
  margin: 4px 0 11px;
  line-height: 16px;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content .desc {
    font-size: 16px;
    line-height: 20px;
    margin: 4px 0 23px;
  }
}
.vincular-canales-container .vincular-canales-content .country-select {
  text-align: center;
  margin-bottom: 11px;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content .country-select {
    margin-bottom: 0px;
  }
}
.vincular-canales-container .vincular-canales-content .country-select .select-box {
  width: 130px;
  border-radius: 8px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content .country-select .select-box {
    width: 180px;
  }
}
.vincular-canales-container .vincular-canales-content .country-select .select-box:hover {
  background: #f2f7ff;
}
.vincular-canales-container .vincular-canales-content .country-select .select-box .select {
  border: solid 1px #88b1ff;
  width: 100%;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.2s ease all;
  margin-bottom: 3px;
  padding: 6px 13px;
  position: relative;
  box-shadow: none;
}
.vincular-canales-container .vincular-canales-content .country-select .select-box .select .select-content .item-list-first,
.vincular-canales-container .vincular-canales-content .country-select .select-box .select .select-content .item-list {
  font-size: 13px;
  margin: 0;
  color: #405789;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content .country-select .select-box .select .select-content .item-list-first,
  .vincular-canales-container .vincular-canales-content .country-select .select-box .select .select-content .item-list {
    font-size: 18px;
  }
}
.vincular-canales-container .vincular-canales-content .country-select .select-box .select img {
  width: 10px;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content .country-select .select-box .select img {
    width: 15px;
  }
}
.vincular-canales-container .vincular-canales-content .country-select .select-box .options {
  position: absolute;
  z-index: 100;
  width: 130px;
  margin-top: 7px;
  background: #f0f0f0;
  border-radius: 8px;
  display: none;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content .country-select .select-box .options {
    width: 180px;
  }
}
.vincular-canales-container .vincular-canales-content .country-select .select-box .options.active {
  display: block;
  animation: fadeIn 0.3s forwards;
  filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.3921568627));
  box-shadow: none;
}
.vincular-canales-container .vincular-canales-content .country-select .select-box .options .option {
  padding: 3px 13px;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content .country-select .select-box .options .option {
    padding: 6px 13px;
  }
}
.vincular-canales-container .vincular-canales-content .country-select .select-box .options .option:hover {
  background: #d7e5ff;
}
.vincular-canales-container .vincular-canales-content .country-select .select-box .options .option .item-list {
  color: #405789;
  font-size: 13px;
  margin: 0;
  text-align: start;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content .country-select .select-box .options .option .item-list {
    font-size: 18px;
  }
}
.vincular-canales-container .vincular-canales-content .canales-vinc-container {
  display: flex;
  gap: 11px 30px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content .canales-vinc-container {
    margin: 30px 0 15px;
  }
}
.vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card {
  width: 86px;
  height: 78px;
  padding: 4px;
  background: #ffffff;
  box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card {
    width: 139px;
    height: 127px;
  }
}
.vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card.meli-card:hover {
  background-color: #ffe600;
}
.vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card.mpago-card:hover {
  background-color: #00aeef;
}
.vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card.tnube-card:hover {
  background-color: #2d3354;
}
.vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card.woo-card:hover {
  background-color: #d2c7df;
}
.vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card.empre-card:hover {
  background-color: #dbfec0;
}
.vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card.empre-card img {
  width: 60px;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card.empre-card img {
    width: 102px;
  }
}
.vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card {
  /* &.tnube-card > a {
    &::before {
      content: url(./../assets/imgs/tiendanube-blue.svg);
      width: 87px;
    }
  }
  &.tnube-card:hover > a {
    &::before {
      content: url(./../assets/imgs/tiendanube-white.svg);
    }
  } */
}
.vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card img {
  width: 54px;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card img {
    width: 87px;
  }
}
.vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card svg {
  width: 54px;
}
@media screen and (min-width: 1024px) {
  .vincular-canales-container .vincular-canales-content .canales-vinc-container .canal-card svg {
    width: 87px;
  }
}
.vincular-canales-container .omit {
  font-size: 12px;
  text-align: center;
  color: #727587;
  margin: 20px 0;
  cursor: pointer;
}
.vincular-canales-container .omit:hover {
  text-decoration: underline;
}

.emprende-step .input-cap-info-container .btn-container {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .emprende-step .input-cap-info-container .btn-container {
    justify-content: center !important;
    width: auto !important;
  }
}
.emprende-step .input-cap-info-container .btn-container .btn-cap-info {
  margin: 6px 0 12px !important;
}
@media screen and (min-width: 1024px) {
  .emprende-step .input-cap-info-container .btn-container .btn-cap-info {
    margin: 0 !important;
    width: 200px;
  }
}

/*=============================
STYLES SCROLLS
==============================*/
.counter-cards1::-webkit-scrollbar {
  -webkit-appearance: none;
}
.counter-cards1::-webkit-scrollbar:vertical {
  width: 10px;
}
.counter-cards1::-webkit-scrollbar:horizontal {
  height: 10px;
}

.counter-cards1::-webkit-scrollbar-button:increment,
.counter-cards1::-webkit-scrollbar-button {
  display: none;
}

.counter-cards1::-webkit-scrollbar-thumb {
  background-color: #6097ff;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}

.counter-cards1::-webkit-scrollbar-track {
  border-radius: 10px;
}

.tnube-card1:hover > a > svg > path {
  fill: #fff;
}

.input-phone-info::-webkit-outer-spin-button,
.input-phone-info::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Para Firefox */
.input-phone-info {
  -moz-appearance: textfield;
}

.burble-top {
  position: absolute;
  width: 35%;
  top: 0;
  right: 0;
  z-index: -1;
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  .burble-top {
    width: 20%;
  }
}
@media screen and (min-width: 1024px) {
  .burble-top {
    width: 15%;
  }
}

.burble-bottom {
  position: absolute;
  width: 35%;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .burble-bottom {
    width: 20%;
  }
}
@media screen and (min-width: 1024px) {
  .burble-bottom {
    width: 15%;
  }
}

.banner-meli-container.variante {
  border-radius: 0 0 100% 100%/0 0 15% 15%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .banner-meli-container.variante {
    border-radius: 0 0 50% 50%/0 0 20% 20%;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1500px) {
  .banner-meli-container.variante .banner-meli-desc p {
    max-width: 360px !important;
  }
}

.all-need-container.variante {
  padding-top: 20px;
}
@media screen and (min-width: 1024px) {
  .all-need-container.variante {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1500px) {
  .all-need-container.variante .img-container {
    padding: 0 !important;
    height: 180px !important;
  }
}
@media screen and (min-width: 1500px) {
  .all-need-container.variante .desc-container p {
    font-size: 16px !important;
  }
}

.historias-exito-container.variante {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .historias-exito-container.variante {
    padding: 40px;
  }
}

.woo-integracion {
  text-align: center;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.woo-integracion main {
  padding: 0;
}
.woo-integracion main h1 {
  font-weight: 300;
  font-size: 14px;
  line-height: 12px;
  color: #727587;
}
@media screen and (min-width: 768px) {
  .woo-integracion main h1 {
    font-size: 23px;
  }
}
@media screen and (min-width: 1500px) {
  .woo-integracion main h1 {
    font-size: 28px;
  }
}
.woo-integracion main img {
  width: 214px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .woo-integracion main img {
    width: 308px;
    margin-bottom: 65px;
  }
}
@media screen and (min-width: 1500px) {
  .woo-integracion main img {
    width: 439px;
  }
}
.woo-integracion main p {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #727587;
}
@media screen and (min-width: 768px) {
  .woo-integracion main p {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .woo-integracion main p {
    font-size: 22px;
  }
}
@media screen and (min-width: 1500px) {
  .woo-integracion main p {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) {
  .woo-integracion main .input-url-container {
    width: 670px;
    margin: auto;
  }
}
@media screen and (min-width: 1500px) {
  .woo-integracion main .input-url-container {
    width: 950px;
  }
}
.woo-integracion main .input-url-container form input {
  background: #ffffff;
  border: 0.8px solid #a1a3af;
  border-radius: 3px;
  display: block;
  margin: auto;
  width: 90%;
  height: 44px;
  margin-bottom: 5px;
  padding-left: 5px;
  font-size: 16px;
  outline: none;
}
@media screen and (min-width: 1024px) {
  .woo-integracion main .input-url-container form input {
    width: 100%;
  }
}
@media screen and (min-width: 1500px) {
  .woo-integracion main .input-url-container form input {
    font-size: 20px;
  }
}
.woo-integracion main .input-url-container form input.error-activo {
  border: 0.8px solid #ff6060;
  box-shadow: 0px 0px 4px #ff6060;
}
.woo-integracion main .input-url-container form input.error-inactivo {
  border: 0.8px solid #ff6060;
}
.woo-integracion main .input-url-container form input:focus {
  filter: drop-shadow(0px 0px 4px #6097ff);
  border: 0.8px solid #4871bf;
}
.woo-integracion main .input-url-container form input::placeholder {
  font-size: 16px;
  color: #a1a3af;
}
@media screen and (min-width: 1500px) {
  .woo-integracion main .input-url-container form input::placeholder {
    font-size: 20px;
  }
}
.woo-integracion main .input-url-container form input:focus, .woo-integracion main .input-url-container form input:focus-visible {
  outline: none;
}
.woo-integracion main .input-url-container form .error-alert {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #ff6060;
  width: 80%;
  margin: 0 auto 15px;
}
@media screen and (min-width: 1024px) {
  .woo-integracion main .input-url-container form .error-alert {
    line-height: 27px;
  }
}
.woo-integracion main .input-url-container form button {
  background: #6097ff;
  border-radius: 4px;
  font-weight: 700;
  padding: 8px 0;
  width: 90%;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  border: 0;
  outline: none;
  color: #ffffff;
  transition: all 0.3s linear;
}
.woo-integracion main .input-url-container form button:hover {
  background-color: #4871bf;
}
.woo-integracion main .input-url-container form button:focus, .woo-integracion main .input-url-container form button:focus-visible {
  outline: none;
  border: 0;
}
@media screen and (min-width: 768px) {
  .woo-integracion main .input-url-container form button {
    width: 208px;
  }
}

[disabled] {
  background-color: #a1a3af !important;
}

@media screen and (min-width: 1024px) {
  header .header-content.variante {
    justify-content: space-between;
    width: 100%;
    padding: 8px 120px;
  }
}
@media screen and (min-width: 1500px) {
  header .header-content.variante {
    padding: 8px 320px;
  }
}

.cert-section {
  background: #b0cbff;
  text-align: center;
}
.cert-section.variante {
  background: #e7efff !important;
  padding-bottom: 24px !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cert-section .all-cert {
  text-align: center;
}
.cert-section p:first-child {
  color: #4871bf;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.cert-section .btn-cert-container {
  justify-content: center;
}
.cert-section .btn-cert-container .btn-cert-meli,
.cert-section .btn-cert-container .btn-cert-tnube {
  max-width: 175px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .cert-section .btn-cert-container .btn-cert-tnube img {
    margin-right: -16px;
    width: 35px !important;
  }
}

.demo-button-container {
  background-color: #fff;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.demo-button-container.variante {
  background-color: #e7efff;
}
.demo-button-container .btn-demo {
  text-decoration: none;
  border: 0;
  outline: none;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  background: #6097ff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  padding: 8px 3px;
  width: 90%;
}
@media screen and (min-width: 1024px) {
  .demo-button-container .btn-demo {
    width: 424px;
  }
}

.banner-container.variante {
  background-color: #e4ecff;
  padding-top: 30px;
  text-align: center;
  border-radius: 0 0 100% 100%/0 0 15% 15%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  padding-bottom: 120px;
}
@media screen and (min-width: 1024px) {
  .banner-container.variante {
    position: relative;
    text-align: start;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1500px) {
  .banner-container.variante {
    justify-content: center;
    padding: 30px 0 80px 0;
  }
}
.banner-container.variante img {
  width: 600px;
}
.banner-container.variante .banner-text.variante {
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .banner-container.variante .banner-text.variante {
    position: static;
  }
}
@media screen and (min-width: 1500px) {
  .banner-container.variante .banner-text.variante {
    padding: 50px 30px 100px 50px;
  }
}
.banner-container.variante .banner-text h1.variante {
  font-size: 3rem;
  line-height: 3.8rem;
  text-align: center;
  order: 1;
}
@media screen and (min-width: 1500px) {
  .banner-container.variante .banner-text h1.variante {
    font-size: 4rem;
    line-height: 4.8rem;
    text-align: start !important;
  }
}
.banner-container.variante .banner-text h1 strong {
  color: #fff;
  display: block;
}
.banner-container.variante .banner-text .btn-cert-container {
  flex-wrap: wrap;
  order: 4;
}
@media screen and (min-width: 1024px) {
  .banner-container.variante .banner-text .btn-cert-container {
    position: absolute;
    bottom: 85px;
    transform: translateX(-50%);
    left: 50%;
  }
}
.banner-container.variante .banner-text p.p-variante {
  text-shadow: none;
  color: #fff;
  order: 2;
}
@media screen and (min-width: 1500px) {
  .banner-container.variante .banner-text p.p-variante {
    font-size: 18px;
    line-height: 23px;
  }
}
.banner-container.variante .banner-text form {
  order: 3;
  width: 100%;
}
.banner-container.variante .banner-text form .input-group1 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border: 1px solid #727587;
  border-radius: 5px;
  margin: auto;
  margin-bottom: 16px;
  width: 90%;
  height: 44px;
}
@media screen and (min-width: 768px) {
  .banner-container.variante .banner-text form .input-group1 {
    width: 70%;
    padding-left: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-container.variante .banner-text form .input-group1 {
    margin: initial;
    margin-bottom: 16px;
    width: 90%;
  }
}
.banner-container.variante .banner-text form .input-group1 .input-group-prepend {
  width: 35px;
  margin-left: 5px;
}
.banner-container.variante .banner-text form .input-group1 .input-group-prepend .input-prepend {
  width: 20px;
}
.banner-container.variante .banner-text form .input-group1 input {
  height: 100%;
  border-radius: 0 5px 5px 0;
  border: 0;
  outline: none;
  width: 100%;
  padding: 3px 0 0;
  font-size: 14px;
}
.banner-container.variante .banner-text form .input-group1 input::placeholder {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #727587;
}
.banner-container.variante .banner-text form .input-group1 input:focus, .banner-container.variante .banner-text form .input-group1 input:focus-visible {
  border: 0;
  outline: none;
}
.banner-container.variante .banner-text .btn-container.dif {
  margin-bottom: 48px;
  border-radius: 5px;
}
.banner-container.variante .banner-text .btn-container.dif .btn-free-trial1 {
  padding: 12px;
  width: 90% !important;
}
@media screen and (min-width: 768px) {
  .banner-container.variante .banner-text .btn-container.dif .btn-free-trial1 {
    width: 70% !important;
  }
}
@media screen and (min-width: 1024px) {
  .banner-container.variante .banner-text .btn-container.dif .btn-free-trial1 {
    width: 90% !important;
  }
}
.banner-container.variante .banner-text .btn-container .btn-free-trial1 {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.banner-container.variante .banner-text .btn-container .btn-free-trial1:focus, .banner-container.variante .banner-text .btn-container .btn-free-trial1:focus-visible {
  outline: none;
  border: 0;
}
.banner-container.variante .banner-text .btn-container .btn-free-trial1 {
  margin: auto;
  padding: 8px 12px;
  transition: all 0.2s linear;
  background-color: #0d51d2;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.banner-container.variante .banner-text .btn-container .btn-contact-info {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.banner-container.variante .banner-text .btn-container .btn-contact-info:focus, .banner-container.variante .banner-text .btn-container .btn-contact-info:focus-visible {
  outline: none;
  border: 0;
}
.banner-container.variante .banner-text .btn-container .btn-contact-info {
  padding: 5px 12px;
}
.banner-container.variante .banner-text .btn-container .btn-contact-info a {
  text-decoration: none;
  color: #6097ff;
}
.banner-container.variante .banner-text .btn-container p {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.08em;
  color: #606cff;
  margin-top: 5px;
  text-shadow: 0px 0px 46px #ffffff;
}
@media screen and (min-width: 1024px) {
  .banner-container.variante .banner-text .btn-container p {
    max-width: 265px;
  }
}
.banner-container.variante2 {
  background-color: #6097ff;
  padding-top: 30px;
  text-align: center;
  border-radius: 0 0 100% 100%/0 0 15% 15%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  padding-bottom: 120px;
}
@media screen and (min-width: 1024px) {
  .banner-container.variante2 {
    text-align: start;
    display: flex;
    align-items: center;
    padding-bottom: 100px;
    justify-content: center;
  }
}
@media screen and (min-width: 1500px) {
  .banner-container.variante2 {
    justify-content: center;
  }
}
.banner-container.variante2 img {
  width: 600px;
}
@media screen and (min-width: 1024px) {
  .banner-container.variante2 img {
    order: 2;
  }
}
.banner-container.variante2 .banner-text.variante {
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .banner-container.variante2 .banner-text.variante {
    position: static;
    order: 1;
  }
}
@media screen and (min-width: 1500px) {
  .banner-container.variante2 .banner-text.variante {
    width: 36%;
  }
}
.banner-container.variante2 .banner-text h1.variante {
  font-size: 3rem;
  line-height: 3.8rem;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .banner-container.variante2 .banner-text h1.variante {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}
.banner-container.variante2 .banner-text h1 strong {
  color: #fff;
  display: block;
}
.banner-container.variante2 .banner-text p.p-variante {
  text-shadow: none;
  color: #fff;
}
@media screen and (min-width: 1500px) {
  .banner-container.variante2 .banner-text p.p-variante {
    font-size: 18px;
    line-height: 23px;
  }
}
.banner-container.variante2 .banner-text .input-group1 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border: 1px solid #727587;
  border-radius: 5px;
  margin: auto;
  margin-bottom: 16px;
  width: 90%;
  height: 44px;
}
@media screen and (min-width: 768px) {
  .banner-container.variante2 .banner-text .input-group1 {
    width: 70%;
    padding-left: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .banner-container.variante2 .banner-text .input-group1 {
    margin: initial;
    margin-bottom: 16px;
    width: 85%;
  }
}
@media screen and (min-width: 1500px) {
  .banner-container.variante2 .banner-text .input-group1 {
    width: 80%;
  }
}
.banner-container.variante2 .banner-text .input-group1 .input-group-prepend {
  width: 35px;
  margin-left: 5px;
}
.banner-container.variante2 .banner-text .input-group1 .input-group-prepend .input-prepend {
  width: 20px;
}
.banner-container.variante2 .banner-text .input-group1 input {
  padding: 3px 0 0;
  height: 100%;
  border-radius: 0 5px 5px 0;
  border: 0;
  outline: none;
  width: 100%;
  font-size: 14px;
}
.banner-container.variante2 .banner-text .input-group1 input::placeholder {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #727587;
}
.banner-container.variante2 .banner-text .input-group1 input:focus, .banner-container.variante2 .banner-text .input-group1 input:focus-visible {
  border: 0;
  outline: none;
}
.banner-container.variante2 .banner-text .btn-container.dif {
  border-radius: 5px;
}
.banner-container.variante2 .banner-text .btn-container.dif .btn-free-trial2 {
  padding: 12px;
  width: 90% !important;
  background: #0d51d2;
  box-shadow: 2px 2px 13px #4871bf;
  border-radius: 7px;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #4871bf;
}
.banner-container.variante2 .banner-text .btn-container.dif .btn-free-trial2:hover {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .banner-container.variante2 .banner-text .btn-container.dif .btn-free-trial2 {
    width: 70% !important;
  }
}
@media screen and (min-width: 1024px) {
  .banner-container.variante2 .banner-text .btn-container.dif .btn-free-trial2 {
    width: 85% !important;
  }
}
@media screen and (min-width: 1500px) {
  .banner-container.variante2 .banner-text .btn-container.dif .btn-free-trial2 {
    width: 80% !important;
  }
}
.banner-container.variante2 .banner-text .btn-container .btn-free-trial2 {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.banner-container.variante2 .banner-text .btn-container .btn-free-trial2:focus, .banner-container.variante2 .banner-text .btn-container .btn-free-trial2:focus-visible {
  outline: none;
  border: 0;
}
.banner-container.variante2 .banner-text .btn-container .btn-free-trial2 {
  padding: 8px 12px;
  transition: all 0.2s linear;
}
.banner-container.variante2 .banner-text .btn-container .btn-free-trial2:hover {
  background-color: #4851bf;
}
.banner-container.variante2 .banner-text .btn-container .btn-free-trial2 a {
  text-decoration: none;
  color: #fff;
}
.banner-container.variante2 .banner-text .btn-container .btn-contact-info {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.banner-container.variante2 .banner-text .btn-container .btn-contact-info:focus, .banner-container.variante2 .banner-text .btn-container .btn-contact-info:focus-visible {
  outline: none;
  border: 0;
}
.banner-container.variante2 .banner-text .btn-container .btn-contact-info {
  padding: 5px 12px;
}
.banner-container.variante2 .banner-text .btn-container .btn-contact-info a {
  text-decoration: none;
  color: #6097ff;
}
.banner-container.variante2 .banner-text .btn-container p {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.08em;
  color: #606cff;
  margin-top: 5px;
  text-shadow: 0px 0px 46px #ffffff;
}
@media screen and (min-width: 1024px) {
  .banner-container.variante2 .banner-text .btn-container p {
    max-width: 265px;
  }
}
.banner-container.dif2 {
  padding-bottom: 170px;
}
.banner-container.dif2 img {
  margin: auto;
}

.all-need-container.variante {
  padding: 25px 0;
}
.all-need-container.variante .all-need-content h2 {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #405789;
}
@media screen and (min-width: 1024px) {
  .all-need-container.variante .all-need-content h2 {
    font-size: 23px !important;
  }
}
@media screen and (min-width: 768px) {
  .all-need-container.variante .all-need-content .card-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.all-need-container.variante .all-need-content .card-container .card {
  flex-direction: row;
}
@media screen and (min-width: 768px) {
  .all-need-container.variante .all-need-content .card-container .card {
    flex-direction: column;
    flex-wrap: wrap;
    height: 262px;
    width: 239px;
  }
}
@media screen and (min-width: 1500px) {
  .all-need-container.variante .all-need-content .card-container .card {
    flex-wrap: nowrap;
    height: auto;
    width: 295px;
  }
}
.all-need-container.variante .all-need-content .card-container .card .img-container {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .all-need-container.variante .all-need-content .card-container .card .img-container {
    text-align: center;
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .all-need-container.variante .all-need-content .card-container .card .img-container {
    margin-top: 0;
    width: auto;
  }
}
@media screen and (min-width: 1500px) {
  .all-need-container.variante .all-need-content .card-container .card .img-container {
    height: 175px;
  }
}
.all-need-container.variante .all-need-content .card-container .card .img-container img {
  width: 84px;
}
@media screen and (min-width: 1024px) {
  .all-need-container.variante .all-need-content .card-container .card .img-container img {
    width: 110px;
  }
}
@media screen and (min-width: 768px) {
  .all-need-container.variante .all-need-content .card-container .card .desc-container {
    margin: 0;
    width: auto;
    padding: 0;
  }
}
@media screen and (min-width: 1500px) {
  .all-need-container.variante .all-need-content .card-container .card .desc-container p {
    font-size: 16px !important;
  }
}

@media screen and (min-width: 1024px) {
  .benefits-container.dif h2 {
    font-size: 23px !important;
  }
}
@media screen and (min-width: 768px) {
  .benefits-container.dif .cards-content {
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .benefits-container.dif .cards-content {
    max-width: none;
  }
  .benefits-container.dif .cards-content .card {
    width: 28%;
  }
}
@media screen and (min-width: 1500px) {
  .benefits-container.dif .cards-content {
    max-width: none;
  }
  .benefits-container.dif .cards-content .card {
    width: 22%;
    padding: 30px 0;
  }
}
@media screen and (min-width: 1024px) {
  .benefits-container.dif {
    padding-bottom: 50px !important;
  }
}
.benefits-container.dif h2 {
  font-weight: 500;
  font-size: 16px;
  padding: 0;
  text-align: center;
  color: #405789;
}

.historias-exito-container.dif {
  background: #e7efff !important;
}
@media screen and (min-width: 1024px) {
  .historias-exito-container.dif {
    padding: 40px 0;
  }
}
@media screen and (min-width: 1500px) {
  .historias-exito-container.dif .historias-exito-content {
    width: 85%;
  }
}

.historias-exito-container.dif {
  padding-bottom: 0;
}
.historias-exito-container.dif h2 {
  font-weight: 500;
  font-size: 22px;
  color: #405789;
}
@media screen and (min-width: 1024px) {
  .historias-exito-container.dif h2 {
    font-size: 23px !important;
  }
}

.certifications-float-container.variante {
  display: block;
  width: 90%;
  background-color: #fff;
  margin: -90px auto 0;
  border-radius: 50px;
  box-shadow: 0px 3.76215px 35.3642px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 1024px) {
  .certifications-float-container.variante {
    height: auto;
    bottom: auto;
    margin-top: -80px;
  }
}
@media screen and (min-width: 1500px) {
  .certifications-float-container.variante {
    width: 70%;
  }
}
.certifications-float-container.variante .certifications-content {
  width: 100%;
  padding: 15px 0;
}
@media screen and (min-width: 1024px) {
  .certifications-float-container.variante .certifications-content {
    position: static;
    height: 170px;
  }
}
.certifications-float-container.variante .certifications-content h2 {
  font-weight: 500;
  font-size: 18px;
  color: #727587;
  margin: 7px 0 20px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .certifications-float-container.variante .certifications-content h2 {
    font-size: 23px !important;
    margin: 7px 0 30px;
  }
}
.certifications-float-container.variante .certifications-content .certifications-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 30px;
}
@media screen and (min-width: 1024px) {
  .certifications-float-container.variante .certifications-content .certifications-cards {
    gap: 5px;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-evenly;
  }
}
.certifications-float-container.variante .certifications-content .certifications-cards .certification.cert-tnube img {
  width: 118px;
}
@media screen and (min-width: 1024px) {
  .certifications-float-container.variante .certifications-content .certifications-cards .certification.cert-tnube img {
    width: 160px;
    height: auto;
  }
}
.certifications-float-container.variante .certifications-content .certifications-cards .certification.cert-afip {
  width: 100px;
}
.certifications-float-container.variante .certifications-content .certifications-cards .certification img {
  width: 110px;
  height: auto;
  filter: grayscale(0) !important;
  opacity: 1;
}
.certifications-float-container.dif2 {
  margin-top: 26px;
}

.chat-gpt-container {
  background: linear-gradient(91.35deg, #256084 4.14%, #3b83e4 35.27%, #4086ef 52.21%, #3b83e4 61.65%, #316e86 97.93%);
  position: relative;
}
.chat-gpt-container::before {
  content: url(./../assets/imgs/mobile/vector-gpt.svg);
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container::before {
    content: url(./../assets/imgs/tablet/vector-gpt.svg);
  }
}
@media screen and (min-width: 1024px) {
  .chat-gpt-container::before {
    content: url(./../assets/imgs/desktop/vector-gpt.svg);
  }
}
.chat-gpt-container .chat-gpt {
  margin: auto;
  display: flex;
  padding: 40px 18px;
  flex-direction: column;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt {
    max-width: 700px;
  }
}
@media screen and (min-width: 1024px) {
  .chat-gpt-container .chat-gpt {
    padding: 60px 18px 0px;
    max-width: 1110px;
    flex-direction: row;
  }
}
.chat-gpt-container .chat-gpt .top-gpt {
  order: 1;
}
@media screen and (min-width: 1024px) {
  .chat-gpt-container .chat-gpt .top-gpt {
    width: 50%;
  }
}
.chat-gpt-container .chat-gpt .top-gpt aside {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt .top-gpt aside {
    display: flex;
    align-items: center;
    gap: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .chat-gpt-container .chat-gpt .top-gpt aside {
    text-align: start;
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .chat-gpt-container .chat-gpt .top-gpt aside img:first-child {
    margin-right: 10px;
  }
}
.chat-gpt-container .chat-gpt .top-gpt aside p {
  margin-top: 18px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 22px;
  color: #d7e5ff;
  mix-blend-mode: normal;
  text-shadow: 2.17315px 2.17315px 13.0389px rgba(5, 16, 26, 0.2);
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt .top-gpt aside p {
    max-width: 543px;
    text-align: start;
  }
}
@media screen and (min-width: 1024px) {
  .chat-gpt-container .chat-gpt .top-gpt aside p {
    width: auto;
    max-width: 518px;
    font-size: 30px;
  }
}
.chat-gpt-container .chat-gpt .top-gpt .list-desktop {
  list-style-type: none;
  list-style-image: url(./../assets/icons/flechita.svg);
  display: none;
}
@media screen and (min-width: 1024px) {
  .chat-gpt-container .chat-gpt .top-gpt .list-desktop {
    display: block;
    margin-left: 30px;
  }
}
.chat-gpt-container .chat-gpt .top-gpt .list-desktop li {
  font-weight: 600;
  font-size: 13px;
  line-height: 25px;
  color: #d7e5ff;
}
@media screen and (min-width: 1024px) {
  .chat-gpt-container .chat-gpt .top-gpt .list-desktop li {
    font-size: 16px;
    line-height: 40px;
  }
}
.chat-gpt-container .chat-gpt .middle-gpt {
  order: 2;
  margin-bottom: 37px;
}
@media screen and (min-width: 1024px) {
  .chat-gpt-container .chat-gpt .middle-gpt {
    order: 3;
    width: 50%;
  }
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 12.778px 16.1854px 86.8902px #093041;
  backdrop-filter: blur(11.2011px);
  border-radius: 7.79929px;
  padding: 13px 9px 25px;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt .middle-gpt .card-chat {
    padding: 13px 20px;
  }
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-top {
  display: flex;
  gap: 7px;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-top .gpt-img {
  width: 76px;
  height: 76px;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-top .gpt-img {
    width: 112px;
    height: 112px;
  }
}
@media screen and (min-width: 1024px) {
  .chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-top .gpt-img {
    width: 96px;
    height: 96px;
  }
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-top .chat-details h3 {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.005em;
  color: #4871bf;
  margin-bottom: 7px;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-top .chat-details p {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.005em;
  color: #43475f;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-top .chat-details span:nth-child(1) {
  font-weight: 500;
  font-size: 13.0812px;
  letter-spacing: 0.005em;
  color: #4871bf;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-top .chat-details span:nth-child(2) {
  font-weight: 500;
  font-size: 13.0812px;
  letter-spacing: 0.005em;
  color: #3d454a;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-top .chat-details span:nth-child(3) {
  font-weight: 300;
  font-size: 13.0812px;
  letter-spacing: 0.005em;
  color: #43475f;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-location .chat-price {
  margin: 14px 0 0;
  font-weight: 400;
  font-size: 11.446px;
  letter-spacing: 0.005em;
  color: #323547;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-location .chat-price span {
  font-size: 14.0812px;
  letter-spacing: 0.005em;
  color: #4871bf;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-location .chat-price span strong {
  font-weight: 500;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-location .location {
  margin: 14px 0 20px;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-location .location span:first-child {
  font-size: 13.0812px;
  margin-right: 15px;
  letter-spacing: 0.005em;
  color: #3d454a;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-location .location span:first-child strong {
  font-weight: 500;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-location .location span:last-child {
  font-size: 13.0812px;
  letter-spacing: 0.005em;
  color: #43475f;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-location .location span:last-child strong {
  font-weight: 300;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-question {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 14px;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-question {
    margin-top: 18px;
  }
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-question .question-content {
  border-radius: 0 10px 10px 10px;
  background: #d9e5fb;
  padding: 10px;
  font-weight: 700;
  font-size: 15.1962px;
  letter-spacing: 0.005em;
  color: #182640;
  margin: 0;
  max-width: 60%;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-question .question-content {
    max-width: none;
  }
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .chat-question .time-content {
  font-weight: 300;
  font-size: 15.1962px;
  letter-spacing: 0.005em;
  color: #43475f;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-gpt-container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-gpt-container .btn-gpt {
  width: 100%;
  margin-bottom: 15px;
  border: 0;
  outline: none;
  filter: drop-shadow(1.86685px 1.86685px 9.33426px rgba(37, 96, 116, 0.2));
  background: #66ad9f;
  border-radius: 3.25632px;
  font-weight: 500;
  font-size: 15.1962px;
  letter-spacing: 0.005em;
  color: #ffffff;
  padding: 3px 5px;
  position: relative;
  transition: all 0.2s linear;
  display: flex;
  gap: 5px;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-gpt-container .btn-gpt {
    order: 2;
    width: 300px;
  }
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-gpt-container .btn-gpt:hover {
  background-color: #397367;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-gpt-container .btn-gpt:focus, .chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-gpt-container .btn-gpt:focus-visible {
  border: 0;
  outline: none;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-gpt-container .btn-gpt::before {
  content: url(./../assets/icons/new-tag.svg);
  position: absolute;
  right: 3px;
  top: -12px;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-gpt-container .label-chxb {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-gpt-container .label-chxb {
    order: 1;
  }
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-gpt-container .label-chxb label {
  font-weight: 400;
  font-size: 13.0812px;
  letter-spacing: 0.005em;
  color: #203249;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .answer-area textarea {
  outline: none;
  background: #ffffff;
  border: 1.08544px solid #727587;
  border-radius: 7.59809px;
  width: 100%;
  height: 170px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.005em;
  color: #182640;
  padding: 5px;
  overflow: hidden;
  resize: none;
  animation: typing 5s steps(40, end);
  animation-fill-mode: forwards;
  cursor: text;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .answer-area textarea:focus, .chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .answer-area textarea:focus-visible {
  outline: none;
}
@keyframes typing {
  from {
    width: 100%;
  }
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-answer-container {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-answer-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-answer-container .label-content-gpt {
  margin-bottom: 10px;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-answer-container .label-content-gpt label {
  font-weight: 400;
  font-size: 13.0812px;
  letter-spacing: 0.005em;
  color: #203249;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-answer-container .btn-respuesta {
  background: #6097ff;
  border-radius: 3.25632px;
  font-weight: 500;
  font-size: 17.3671px;
  letter-spacing: 0.005em;
  color: #ffffff;
  border: 0;
  outline: none;
  width: 100%;
  padding: 5px 0;
  transition: all 0.2s linear;
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-answer-container .btn-respuesta:hover {
  background-color: #4871bf;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-answer-container .btn-respuesta {
    width: 190px;
  }
}
.chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-answer-container .btn-respuesta:focus, .chat-gpt-container .chat-gpt .middle-gpt .card-chat .chat .btn-answer-container .btn-respuesta:focus-visible {
  border: 0;
  outline: none;
}
.chat-gpt-container .chat-gpt .bottom-gpt {
  order: 3;
}
@media screen and (min-width: 1024px) {
  .chat-gpt-container .chat-gpt .bottom-gpt {
    order: 2;
  }
}
.chat-gpt-container .chat-gpt .bottom-gpt .list-mobile {
  list-style-type: none;
  list-style-image: url(./../assets/icons/flechita.svg);
  margin-bottom: 0;
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt .bottom-gpt .list-mobile {
    padding-left: 30px;
  }
}
.chat-gpt-container .chat-gpt .bottom-gpt .list-mobile li {
  font-weight: 600;
  font-size: 13px;
  line-height: 35px;
  color: #d7e5ff;
}
@media screen and (min-width: 768px) {
  .chat-gpt-container .chat-gpt .bottom-gpt .list-mobile li {
    font-size: 16px;
    line-height: 39px;
  }
}

.tab-suscription-container.variante {
  background: linear-gradient(to bottom, #dfe4eb, #a9c7ff);
  text-align: center;
  padding: 37px 0 0;
}
.tab-suscription-container.variante .tabs-suscription-content h2 {
  font-weight: 600;
  font-size: 21px;
  text-align: center;
  color: #405789;
  margin-bottom: 13px;
}
.tab-suscription-container.variante .tabs-suscription-content p {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #6b7c99;
}
@media screen and (min-width: 768px) {
  .tab-suscription-container.variante .tabs-suscription-content p {
    margin-bottom: 25px;
  }
}
.tab-suscription-container.variante .tabs-suscription-content .btn-planes-free {
  border-radius: 10px;
  outline: none;
  text-decoration: none;
  padding: 0px 12px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #405789;
  margin: 10px 0 30px;
}

.more-plan-container.variante {
  padding-bottom: 37px;
  background: #a9c7ff;
}

.footer-variante img {
  margin-left: 0;
}
.footer-variante .logo-footer-content {
  margin-left: 18px;
  max-width: 95%;
}
@media screen and (min-width: 768px) {
  .footer-variante .logo-footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .footer-variante .logo-footer-content {
    max-width: 960px;
    margin: auto;
  }
}
@media screen and (min-width: 1500px) {
  .footer-variante .logo-footer-content {
    max-width: 1280px;
  }
}
@media screen and (min-width: 768px) {
  .footer-variante .logo-footer-content img {
    width: 280px;
  }
}
.footer-variante .logo-footer-content .rrss-content-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .footer-variante .logo-footer-content .rrss-content-desktop {
    display: block;
  }
}
@media screen and (min-width: 1500px) {
  .footer-variante .logo-footer-content .rrss-content-desktop {
    display: none;
  }
}
.footer-variante .logo-footer-content .rrss-content-desktop p {
  font-weight: 700;
  font-size: 16px;
  line-height: 134.5%;
  /* identical to box height, or 22px */
  text-align: center;
  color: #ffffff;
}
.footer-variante .logo-footer-content .rrss-content-desktop .rrss {
  margin-top: 10px;
  display: flex;
  gap: 22px;
  align-items: center;
  justify-content: center;
}
.footer-variante .logo-footer-content .rrss-content-desktop .rrss img {
  width: 30px;
}
@media screen and (min-width: 768px) {
  .footer-variante .footer-content {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .footer-variante .footer-content {
    max-width: 960px;
  }
}
@media screen and (min-width: 1500px) {
  .footer-variante .footer-content {
    max-width: 1280px;
  }
}
.footer-variante .footer-content .title-footer-menu {
  margin-bottom: 10px !important;
}
.footer-variante .footer-content .footer-item-menu {
  line-height: 30px !important;
}
@media screen and (min-width: 1500px) {
  .footer-variante .footer-content .rrss-footer-variant {
    display: flex;
    align-items: center;
    gap: 87px;
  }
}
.footer-variante .footer-content .rrss-footer-variant .rrss-content {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .footer-variante .footer-content .rrss-footer-variant .rrss-content {
    display: none;
  }
}
@media screen and (min-width: 1500px) {
  .footer-variante .footer-content .rrss-footer-variant .rrss-content {
    display: block;
  }
}
.footer-variante .footer-content .rrss-footer-variant .rrss-content p {
  font-weight: 700;
  font-size: 12px;
  color: #ffffff;
  width: 133px;
  margin-right: 15px;
}
@media screen and (min-width: 1500px) {
  .footer-variante .footer-content .rrss-footer-variant .rrss-content p {
    width: auto;
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.footer-variante .footer-content .rrss-footer-variant .rrss-content .rrss {
  display: flex;
  align-items: center;
  gap: 27px;
}
.footer-variante .footer-content .rrss-footer-variant .rrss-content .rrss a {
  width: 17px;
}
@media screen and (min-width: 1500px) {
  .footer-variante .footer-content .rrss-footer-variant .rrss-content .rrss a {
    width: 40px;
  }
}
.footer-variante .footer-content .rrss-footer-variant .server-container {
  margin-top: 30px;
  display: flex;
  gap: 14px;
  align-items: center;
}
.footer-variante .footer-content .rrss-footer-variant .server-container img {
  height: 31px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .footer-variante .footer-content .rrss-footer-variant .server-container img {
    height: 41px;
  }
}
.footer-variante .copyright-container {
  text-align: center;
}

@media screen and (min-width: 1500px) {
  .footer-variante .title-footer-menu {
    font-size: 2rem !important;
  }
}
@media screen and (min-width: 1500px) {
  .footer-variante .footer-item-menu a {
    font-size: 2rem !important;
  }
}

.tabs-suscription-content.variante h2 {
  font-size: 16px !important;
}
@media screen and (min-width: 1024px) {
  .tabs-suscription-content.variante h2 {
    font-size: 23px !important;
  }
}

.btn-free-trial2[disabled],
.btn-free-trial1[disabled] {
  background-color: #fff !important;
  border: 0 !important;
  color: #a1a3af !important;
  box-shadow: 2px 2px 20px #555;
}

.btn-activated {
  border: 0;
  outline: none;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
}
.btn-activated:hover {
  background-color: #09378e !important;
  color: #fff;
}

.btn-activated2 {
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  letter-spacing: 0.03em;
  border: 0;
  color: #ffffff !important;
}
.btn-activated2:hover {
  background-color: #09378e !important;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .sp-land {
    order: 6;
  }
}
@media screen and (min-width: 1024px) {
  .sp-land .big-plan {
    padding: 10px 15px !important;
  }
}

.pay-current {
  width: 95px;
}

.contact-container {
  order: 7;
  display: flex;
  gap: 80px;
  margin: 25px 0;
  align-items: center;
}
.contact-container .personalized-card-container {
  order: 0;
}
@media screen and (min-width: 1024px) {
  .contact-container .personalized-card-container.variante {
    margin-left: -60px;
    padding: 0 !important;
  }
}
.contact-container .personalized-card-container.variante .box-plan {
  padding: 10px 15px !important;
  width: 745px !important;
  border: 0 !important;
  display: flex;
  gap: 25px;
}
.contact-container .personalized-card-container.variante .box-plan .info h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: #4871bf;
  text-align: start;
}
.contact-container .personalized-card-container.variante .box-plan .info p {
  text-align: start;
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  color: #727587;
}
.contact-container .personalized-card-container.variante .box-plan .button-container .btn-contrat {
  background-color: #6097ff;
  border-radius: 6px;
  margin: 0 14px;
  padding: 3px 0 4px;
  cursor: pointer;
  outline: none;
  border: 0;
  color: #fff;
  width: 187px;
  margin: auto;
  font-weight: 600;
  font-size: 18px;
  display: block;
  transition: all 0.3s linear;
}
.contact-container .personalized-card-container.variante .box-plan .button-container .btn-contrat:hover {
  background-color: #4871bf;
}
.contact-container .personalized-card-container.variante .box-plan .button-container .btn-contrat svg path {
  fill: #fff;
}
.contact-container .more-pay-container {
  padding: 0 !important;
}
@media screen and (min-width: 1024px) {
  .contact-container .more-pay-container .more-pay-content {
    padding: 0 !important;
  }
}
.contact-container .more-pay-container .more-pay-content p {
  font-weight: 700;
  font-size: 19px !important;
  line-height: 21px;
  color: #304b7f !important;
}
@media screen and (min-width: 1024px) {
  .contact-container .more-pay-container .more-pay-content p {
    margin: 0 !important;
  }
}

@media screen and (min-width: 1024px) {
  .box-plan-container.variante {
    margin-bottom: 0;
  }
}

.btn-gpt:disabled {
  background-color: #66ad9f !important;
  transition: all 0.2s linear;
}
.btn-gpt:disabled:hover {
  background-color: #397367 !important;
}

.btn-respuesta:disabled {
  background-color: #a1a3af !important;
}

/*pauta-facturacion*/
.pauta-facturacion .bg-content {
  background: linear-gradient(180deg, #0f52d1 0%, rgba(255, 255, 255, 0) 100%);
}
.pauta-facturacion .bg-content .section1 {
  padding: 40px 18px;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section1 {
    display: flex;
    align-items: center;
    width: 1046px;
    margin: 14px auto 0;
    padding: 50px 0 0;
  }
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .bg-content .section1 {
    width: 1440px;
  }
}
.pauta-facturacion .bg-content .section1 .content1 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section1 .content1 {
    text-align: start;
  }
}
.pauta-facturacion .bg-content .section1 .content1 h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -1px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .bg-content .section1 .content1 h2 {
    font-size: 18px;
    letter-spacing: normal;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section1 .content1 h2 {
    text-align: start;
  }
}
.pauta-facturacion .bg-content .section1 .content1 h1 {
  margin: 0;
  color: #fff;
  text-align: center;
  text-shadow: 0.8px 0.8px 14.7px rgba(72, 113, 191, 0.1254901961);
  font-size: 30px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .bg-content .section1 .content1 h1 {
    font-size: 40px;
    width: 600px;
    margin: 16px auto 25px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section1 .content1 h1 {
    text-align: start;
  }
}
.pauta-facturacion .bg-content .section1 .content1 p {
  color: #182640;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .bg-content .section1 .content1 p {
    width: 464px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section1 .content1 p {
    text-align: start;
    margin: 0;
  }
}
.pauta-facturacion .bg-content .section1 .content1 button {
  width: 270px;
  margin: 20px auto 0;
  border-radius: 10px;
  padding: 8px;
  background-color: #fff;
  color: #6097ff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  border: 0;
  outline: none;
  transition: all 0.2s linear;
}
.pauta-facturacion .bg-content .section1 .content1 button:hover {
  color: #4871bf;
}
.pauta-facturacion .bg-content .section1 .content1 button:focus, .pauta-facturacion .bg-content .section1 .content1 button:focus-visible {
  border: 0;
  outline: none;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section1 .content1 button {
    margin: 20px 0 0;
  }
}
.pauta-facturacion .bg-content .section1 .content2 {
  margin-top: 45px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section1 .content2 {
    margin-top: 0;
  }
}
.pauta-facturacion .bg-content .section1 .content2 img {
  width: 470px;
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .bg-content .section1 .content2 img {
    width: 640px;
  }
}
.pauta-facturacion .bg-content .section2 {
  padding: 18px;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section2 {
    margin-top: 100px;
  }
}
.pauta-facturacion .bg-content .section2 .contents {
  padding: 28px 18px;
}
.pauta-facturacion .bg-content .section2 .contents:first-child {
  border-radius: 20px 20px 0 0;
}
.pauta-facturacion .bg-content .section2 .contents:last-child {
  border-radius: 0 0 20px 20px;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .bg-content .section2 .contents {
    padding: 28px;
    width: 580px;
    margin: auto;
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section2 .contents {
    width: 1050px;
    display: flex;
    padding: 28px 35px;
  }
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .bg-content .section2 .contents {
    gap: 20px;
    padding: 40px;
    width: 1400px;
  }
}
.pauta-facturacion .bg-content .section2 .contents aside {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section2 .contents aside {
    width: 50%;
  }
}
.pauta-facturacion .bg-content .section2 .contents aside h3 {
  color: #6097ff;
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .bg-content .section2 .contents aside h3 {
    font-size: 40px;
    margin-bottom: 19px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section2 .contents aside h3 {
    font-size: 54px;
    line-height: 54px;
    margin-bottom: 22px;
    text-align: start;
    width: 200px;
  }
}
.pauta-facturacion .bg-content .section2 .contents aside p {
  color: #e7efff;
  font-size: 16px;
  font-weight: 400;
}
.pauta-facturacion .bg-content .section2 .contents aside p.variant {
  font-size: 15px;
  font-style: italic;
  font-weight: 200;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .bg-content .section2 .contents aside p {
    font-size: 22px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section2 .contents aside p {
    text-align: start;
    max-width: 500px;
  }
}
.pauta-facturacion .bg-content .section2 .contents img {
  margin-top: 10px;
}
.pauta-facturacion .bg-content .section2 .contents img.img-var {
  margin-top: -15px;
  margin-bottom: -15px;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section2 .contents img {
    width: 50%;
    height: 50%;
  }
}
.pauta-facturacion .bg-content .section2 .content1,
.pauta-facturacion .bg-content .section2 .content3 {
  background-color: #082968;
}
.pauta-facturacion .bg-content .section2 .content2 {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .bg-content .section2 .content2 aside {
    order: 2;
  }
  .pauta-facturacion .bg-content .section2 .content2 img {
    order: 1;
  }
}
.pauta-facturacion .bg-content .section2 .content2 p {
  color: #082968 !important;
}
.pauta-facturacion .cta-fact-content {
  background-color: #082968;
  padding: 13px 20px 20px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .cta-fact-content {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
  }
}
.pauta-facturacion .cta-fact-content p {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .cta-fact-content p {
    font-size: 25px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .cta-fact-content p {
    margin: 0;
  }
}
.pauta-facturacion .cta-fact-content button {
  width: 270px;
  border-radius: 10px;
  padding: 8px;
  background-color: #fff;
  color: #6097ff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  border: 0;
  outline: none;
  transition: all 0.2s linear;
}
.pauta-facturacion .cta-fact-content button:hover {
  color: #4871bf;
}
.pauta-facturacion .cta-fact-content button:focus, .pauta-facturacion .cta-fact-content button:focus-visible {
  border: 0;
  outline: none;
}
.pauta-facturacion .section3 {
  background-color: #e7efff;
  padding: 20px 15px;
}
.pauta-facturacion .section3 h3 {
  padding: 0 5px;
  color: #082968;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 28px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section3 h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section3 h3 {
    font-size: 35px;
    margin: 60px auto 50px;
    width: 800px;
  }
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .section3 h3 {
    font-size: 35px;
    width: 820px;
  }
}
.pauta-facturacion .section3 .items {
  display: flex;
  gap: 14px;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section3 .items {
    flex-direction: row;
    justify-content: center;
    gap: 17px;
  }
}
.pauta-facturacion .section3 .items .item {
  padding: 13px;
  background: #082968;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 125px;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section3 .items .item:hover {
    transform: translateY(-10px);
  }
}
.pauta-facturacion .section3 .items .item:hover > .content1 {
  display: none;
}
.pauta-facturacion .section3 .items .item:hover > .content2 {
  display: block;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section3 .items .item {
    padding: 25px;
    min-height: 215px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section3 .items .item {
    padding: 35px 50px;
    width: 420px;
    min-height: auto;
  }
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .section3 .items .item {
    width: 570px;
  }
}
.pauta-facturacion .section3 .items .item .content1 {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section3 .items .item .content1 {
    flex-direction: column;
  }
}
.pauta-facturacion .section3 .items .item .content1 p {
  color: #b0cbff;
  text-align: center;
  font-size: 14.512px;
  font-weight: 500;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section3 .items .item .content1 p {
    font-size: 25px;
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section3 .items .item .content1 p {
    width: auto;
    order: 2;
    font-size: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .section3 .items .item .content1 p {
    font-size: 22px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section3 .items .item .content1 p br {
    display: none;
  }
}
.pauta-facturacion .section3 .items .item .content1 .content-img {
  width: 45%;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section3 .items .item .content1 .content-img {
    width: auto;
    order: 1;
  }
}
.pauta-facturacion .section3 .items .item .content1 .content-img img {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section3 .items .item .content1 .content-img img {
    height: 160px;
  }
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .section3 .items .item .content1 .content-img img {
    height: 240px;
  }
}
.pauta-facturacion .section3 .items .item .content2 {
  display: none;
}
.pauta-facturacion .section3 .items .item .content2 p {
  color: #b0cbff;
  text-align: center;
  font-size: 14.512px;
  font-weight: 500;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section3 .items .item .content2 p {
    font-size: 25px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section3 .items .item .content2 p {
    font-size: 16px;
    width: 378px;
  }
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .section3 .items .item .content2 p {
    font-size: 22px;
    width: 470px;
  }
}
.pauta-facturacion .section3 .content-demo {
  margin: 40px auto 20px;
}
.pauta-facturacion .section3 .content-demo button {
  background-color: #00d573;
  border-radius: 10px;
  color: #035731;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  gap: 7px;
  margin: 40px auto 0;
  padding: 8px;
  border: 0;
  outline: none;
}
.pauta-facturacion .section3 .content-demo button:focus, .pauta-facturacion .section3 .content-demo button:focus-visible {
  border: 0;
  outline: none;
}
.pauta-facturacion .section3 .content-demo button:hover {
  background-color: #04ad5f;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section3 .content-demo button {
    width: 460px;
    justify-content: center;
    margin: 40px auto;
    font-size: 24px;
  }
}
.pauta-facturacion .section4 {
  padding: 20px;
  background-color: #b0cbff;
}
.pauta-facturacion .section4 .title {
  color: #082968;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  margin: 46px 0 25px;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section4 .title {
    font-size: 35px;
  }
}
.pauta-facturacion .section4 .card-container {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section4 .card-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section4 .card-container {
    justify-content: center;
    gap: 15px;
  }
}
.pauta-facturacion .section4 .card-container .card {
  box-shadow: -1px 0px 6px rgba(0, 0, 0, 0.4);
  padding: 16px 20px;
  border-radius: 10px;
}
.pauta-facturacion .section4 .card-container .card:hover > .content1 {
  display: none;
}
.pauta-facturacion .section4 .card-container .card:hover > .content2 {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section4 .card-container .card {
    width: 582px;
    height: auto;
    margin: auto;
    padding: 28px 35px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section4 .card-container .card {
    width: 340px;
    height: 300px;
    margin: 0;
    padding: 28px 18px;
  }
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .section4 .card-container .card {
    width: 470px;
  }
}
.pauta-facturacion .section4 .card-container .card .content1 {
  height: 120px;
  display: flex;
  align-items: center;
  flex-direction: row;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section4 .card-container .card .content1 {
    flex-direction: column;
  }
}
.pauta-facturacion .section4 .card-container .card .content1 .img-container {
  width: 250px;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section4 .card-container .card .content1 .img-container {
    text-align: center;
  }
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .section4 .card-container .card .content1 .img-container {
    width: 200px;
    height: 200px;
    padding-top: 12px;
  }
}
.pauta-facturacion .section4 .card-container .card .content1 .img-container img {
  width: 65px;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section4 .card-container .card .content1 .img-container img {
    width: 110px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section4 .card-container .card .content1 .img-container img {
    width: 120px;
  }
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .section4 .card-container .card .content1 .img-container img {
    width: 135px !important;
    height: 108px !important;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section4 .card-container .card .content1 .img-container img.dif {
    height: 94px;
    width: auto;
  }
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .section4 .card-container .card .content1 .img-container img.dif {
    height: 108px !important;
  }
}
.pauta-facturacion .section4 .card-container .card .content1 .desc-container {
  margin-left: -50px;
  width: 480px;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section4 .card-container .card .content1 .desc-container {
    margin: 0;
    width: auto;
  }
}
.pauta-facturacion .section4 .card-container .card .content1 .desc-container h3 {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #405789;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section4 .card-container .card .content1 .desc-container h3 {
    font-size: 23px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section4 .card-container .card .content1 .desc-container h3 {
    font-size: 14px;
    line-height: 19px;
    margin: 15px 0;
  }
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .section4 .card-container .card .content1 .desc-container h3 {
    font-size: 20px;
    line-height: 23px;
  }
}
.pauta-facturacion .section4 .card-container .card .content1 .desc-container p {
  font-weight: 500;
  font-size: 8px;
  text-align: center;
  color: #6b7c99;
  padding: 0 25px;
  margin: 0;
  display: none;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section4 .card-container .card .content1 .desc-container p {
    font-size: 13px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section4 .card-container .card .content1 .desc-container p {
    display: block;
    font-size: 13px;
    padding: 0 10px;
    line-height: 17px;
  }
}
@media screen and (min-width: 1500px) {
  .pauta-facturacion .section4 .card-container .card .content1 .desc-container p {
    font-size: 15px;
    padding: 0 30px;
    line-height: 24px;
  }
}
.pauta-facturacion .section4 .card-container .card .content2 {
  height: 120px;
  display: none;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section4 .card-container .card .content2 {
    height: auto;
    padding-top: 20px;
    padding-left: 15px;
  }
}
.pauta-facturacion .section4 .card-container .card .content2 ul {
  padding: 0 0 0 5px;
}
.pauta-facturacion .section4 .card-container .card .content2 ul li {
  padding: 2px 0;
  color: #304b7f;
  font-size: 10.5px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section4 .card-container .card .content2 ul li {
    font-size: 13px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section4 .card-container .card .content2 ul li {
    padding: 7px 0;
  }
}
.pauta-facturacion .section4 .card-container .card2 .desc-container h3 span {
  color: #ff7e7e;
}
.pauta-facturacion .section4 .card-container .card3 .desc-container h3 span {
  color: #fd8218;
}
.pauta-facturacion .section4 .card-container .card4 .desc-container h3 span {
  color: #6097ff;
}
.pauta-facturacion .section5 {
  background-color: #e7efff;
  padding: 30px 20px;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section5 {
    padding: 60px 20px;
  }
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section5 .content1 .content1-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section5 .content1 .content1-1 {
    max-width: 1050px;
    margin: auto;
  }
}
.pauta-facturacion .section5 .content1 .content1-1 .mini-c h3 {
  color: #6097ff;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section5 .content1 .content1-1 .mini-c h3 {
    font-size: 30px;
    text-align: start;
    padding-left: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section5 .content1 .content1-1 .mini-c h3 {
    font-size: 45px;
    padding-left: 0;
  }
}
.pauta-facturacion .section5 .content1 .content1-1 .mini-c button {
  width: 420px;
  margin: 20px auto 0;
  border-radius: 10px;
  padding: 8px;
  background-color: #6097ff;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  border: 0;
  outline: none;
  transition: all 0.2s linear;
  display: none;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section5 .content1 .content1-1 .mini-c button {
    display: block;
  }
}
.pauta-facturacion .section5 .content1 .content1-1 .mini-c button:hover {
  background: #4871bf;
}
.pauta-facturacion .section5 .content1 .content1-1 .mini-c button:focus, .pauta-facturacion .section5 .content1 .content1-1 .mini-c button:focus-visible {
  border: 0;
  outline: none;
}
.pauta-facturacion .section5 .content1 .content1-1 .cards-content {
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section5 .content1 .content1-1 .cards-content {
    padding-bottom: 0px;
    flex-direction: column;
    gap: 30px;
    margin: auto;
  }
}
.pauta-facturacion .section5 .content1 .content1-1 .cards-content .card-img-f {
  width: 40%;
}
.pauta-facturacion .section5 .content1 .content1-1 .cards-content .card {
  box-shadow: 3px 3px 24px rgba(155, 177, 220, 0.3);
  border-radius: 10px;
  text-align: center;
  padding: 7px 0;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  border: 0;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section5 .content1 .content1-1 .cards-content .card {
    width: 400px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section5 .content1 .content1-1 .cards-content .card {
    width: 510px;
  }
}
.pauta-facturacion .section5 .content1 .content1-1 .cards-content .card img {
  margin-bottom: 4px;
  width: 110px;
}
.pauta-facturacion .section5 .content1 .content1-1 .cards-content .card p {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #727587;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section5 .content1 .content1-1 .cards-content .card p {
    font-size: 21px;
    line-height: 24px;
  }
}
.pauta-facturacion .section5 .content1 .content1-1 .cards-content .card p strong {
  font-weight: 700;
}
.pauta-facturacion .section5 .content1 .content1-1 .cards-content .card1 p strong {
  color: #6097ff;
}
.pauta-facturacion .section5 .content1 .content1-1 .cards-content .card1 img {
  width: 75px;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section5 .content1 .content1-1 .cards-content .card1 {
    height: 100px;
  }
}
.pauta-facturacion .section5 .content1 .content1-1 .cards-content .card2 p strong {
  color: #6097ff;
}
.pauta-facturacion .section5 .content1 .content1-1 .cards-content .card2 img {
  width: 70px;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section5 .content1 .content1-1 .cards-content .card2 {
    height: 100px;
  }
}
.pauta-facturacion .section5 .content1 .content1-1 .cards-content .card3 p strong {
  color: #6097ff;
}
.pauta-facturacion .section5 .content1 .content1-1 .cards-content .card3 img {
  width: 60px;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section5 .content1 .content1-1 .cards-content .card3 {
    height: 100px;
  }
}
.pauta-facturacion .section5 .content2 {
  text-align: center;
}
.pauta-facturacion .section5 .content2 button {
  width: 270px;
  margin: 20px auto 0;
  border-radius: 10px;
  padding: 8px;
  background-color: #6097ff;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  border: 0;
  outline: none;
  transition: all 0.2s linear;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .section5 .content2 button {
    width: 420px;
  }
}
@media screen and (min-width: 1024px) {
  .pauta-facturacion .section5 .content2 button {
    display: none;
  }
}
.pauta-facturacion .section5 .content2 button:hover {
  background: #4871bf;
}
.pauta-facturacion .section5 .content2 button:focus, .pauta-facturacion .section5 .content2 button:focus-visible {
  border: 0;
  outline: none;
}
.pauta-facturacion .historias-exito-container .cert-tnube {
  padding: 0 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .historias-exito-container .cert-tnube div {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .historias-exito-container .cert-tnube div h4 {
    margin: 0;
  }
}
.pauta-facturacion .historias-exito-container .cert-tnube div h4 img {
  display: none;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .historias-exito-container .cert-tnube div h4 img {
    display: inline-block;
    width: 22px;
  }
}
.pauta-facturacion .historias-exito-container .cert-tnube div img {
  margin: 10px 0 14px;
}
@media screen and (min-width: 768px) {
  .pauta-facturacion .historias-exito-container .cert-tnube div img {
    margin: 0;
  }
}
.pauta-facturacion .historias-exito-container .cert-tnube p {
  margin: 0;
}
.pauta-facturacion .historias-exito-container .cert-tnube p a {
  color: #4871bf;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}

/* nueva logica */
.popoptop-landing {
  height: 40px;
  position: fixed;
  width: 100%;
  text-align: center;
  padding: 0;
  z-index: 160;
}
.popoptop-landing a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  background: #88b1ff;
  font-size: 18px;
  width: 100%;
  padding: 0;
  margin: 0;
  color: #fff;
  text-decoration: none;
}
.popoptop-landing a div {
  height: 100%;
  width: 24px;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.big-main .main-banner {
  padding: 80px 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.big-main .main-banner.main-banner-empre {
  background: linear-gradient(102deg, #52b45b 6.98%, #3a6be4 52.13%, #9f51f3 91.31%);
}
.big-main .main-banner.main-banner-meli {
  background: linear-gradient(106deg, #ffe600 -14.24%, #3c67fd 41.25%, #a84ff2 95.63%);
}
.big-main .main-banner.main-banner-mepa {
  background: linear-gradient(103deg, rgba(81, 204, 247, 0.9019607843) -1.66%, #3c67fd 47.12%, #a84ff2 94.94%);
}
.big-main .main-banner.main-banner-mshops {
  background: linear-gradient(103deg, #cd39aa -1.66%, #3c67fd 47.12%, #a84ff2 94.94%);
}
.big-main .main-banner.main-banner-tnube {
  background: linear-gradient(103deg, #30417e -1.66%, #3c67fd 47.12%, #a84ff2 94.94%);
}
.big-main .main-banner.main-banner-woo {
  background: linear-gradient(103deg, #5e4fb2 -1.66%, #3c67fd 47.12%, #a84ff2 94.94%);
}
.big-main .main-banner.main-banner-local {
  background: linear-gradient(138deg, #bfd2ff -1.66%, #3c67fd 47.12%, #a84ff2 94.94%);
}
.big-main .main-banner.main-banner-prestadores {
  background: linear-gradient(148deg, #fff 1.66%, #3c67fd 35.12%, #a84ff2 94.94%);
}
@media screen and (min-width: 768px) {
  .big-main .main-banner {
    padding: 52px 20px;
    height: calc(100vh - 155px);
  }
}
@media screen and (min-width: 1024px) {
  .big-main .main-banner {
    flex-direction: row;
    padding: 125px 80px;
  }
}
@media screen and (min-width: 1500px) {
  .big-main .main-banner {
    padding: 125px 15%;
  }
}
.big-main .main-banner .img-banner-container {
  max-width: 513px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .big-main .main-banner .img-banner-container {
    margin: 0;
    order: 2;
    width: 65%;
    max-width: none;
  }
}
@media screen and (min-width: 1500px) {
  .big-main .main-banner .img-banner-container {
    width: 60%;
  }
}
.big-main .main-banner .banner-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
@media screen and (min-width: 1024px) {
  .big-main .main-banner .banner-text {
    order: 1;
    align-items: start;
    width: 35%;
  }
}
@media screen and (min-width: 1500px) {
  .big-main .main-banner .banner-text {
    width: 40%;
  }
}
.big-main .main-banner .banner-text h1 {
  color: #f2f2f7;
  font-size: 36px;
  font-weight: 600;
  line-height: 97%;
  /* 40.74px */
}
@media screen and (min-width: 768px) {
  .big-main .main-banner .banner-text h1 {
    font-size: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .big-main .main-banner .banner-text h1 {
    font-size: 50px;
  }
}
.big-main .main-banner .banner-text p.desc-banner {
  color: #f2f2f7;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 152%;
}
@media screen and (min-width: 768px) {
  .big-main .main-banner .banner-text p.desc-banner {
    font-size: 20px;
  }
}
.big-main .main-banner .banner-text p.desc-banner {
  /* 24.32px */
}
@media screen and (min-width: 1024px) {
  .big-main .main-banner .banner-text p.desc-banner {
    font-size: 20px;
    text-align: start;
  }
}
.big-main .main-banner .banner-text .btn-free-trial {
  border-radius: 3.874px;
  background: #fff;
  box-shadow: 0px 0px 15.497px 0px rgba(20, 60, 135, 0.6);
  color: #3c67fd;
  text-align: center;
  font-size: 20.241px;
  font-weight: 700;
  width: 270px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  margin: 12px 0;
  padding: 12px 0;
}
.big-main .main-banner .banner-text .btn-free-trial:focus {
  outline: none;
}
.big-main .main-banner .banner-text .btn-free-trial:hover {
  outline: solid 2px #4871bf;
  color: #4871bf;
}
.big-main .main-banner .banner-text a {
  color: #2d3277;
  text-decoration: none;
}
.big-main .main-banner .banner-text a:hover > p {
  background-color: #d7e5ff;
}
.big-main .main-banner .banner-text a .link-certification {
  border-radius: 5.782px;
  background: #fff;
  box-shadow: 0.635px 2.541px 9.53px 0px rgba(0, 0, 0, 0.2);
  padding: 9px 8px;
  color: #2d3277;
  font-size: 11.436px;
  font-weight: 600;
  line-height: 107.023%;
  width: 112px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.big-main .main-banner .banner-text a .link-certification.meli-certification {
  width: 155px;
}
.big-main .main-banner .banner-text a .link-certification img {
  width: 26px;
}
.big-main .main-banner .banner-text a .link-certification img.img-meli {
  margin-right: 5px;
}
.big-main .card-benefit-container {
  padding: 41px 14px;
}
.big-main .card-benefit-container h2 {
  color: #304b7f;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 24px;
}
.big-main .card-benefit-container .cards-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (min-width: 1500px) {
  .big-main .card-benefit-container .cards-container {
    gap: 40px;
  }
}
.big-main .card-benefit-container .cards-container .card-benefit {
  width: 292px;
  height: 320px;
  text-align: center;
  padding: 12px 14px;
  border-radius: 8.454px;
  background: linear-gradient(330deg, #3c67fd 0%, #6097ff 100%);
}
@media screen and (min-width: 1500px) {
  .big-main .card-benefit-container .cards-container .card-benefit {
    height: 340px;
    padding: 20px 14px;
  }
}
.big-main .card-benefit-container .cards-container .card-benefit img {
  width: 60%;
}
.big-main .card-benefit-container .cards-container .card-benefit h3 {
  color: #fff;
  text-align: center;
  font-size: 16.907px;
  font-weight: 800;
  line-height: 120%;
  /* 20.289px */
  margin-bottom: 12px;
}
.big-main .card-benefit-container .cards-container .card-benefit p {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  /* 24.32px */
}
.big-main .cta-info-container-empre {
  background-color: #6097ff;
  padding: 20px;
}
.big-main .cta-info-container-empre .cta-info-content {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .big-main .cta-info-container-empre .cta-info-content {
    display: flex;
    justify-content: center;
    gap: 24px;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .big-main .cta-info-container-empre .cta-info-content.dif {
    gap: 15px;
  }
}
.big-main .cta-info-container-empre .cta-info-content.dif p {
  color: #fff;
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
}
@media screen and (min-width: 1024px) {
  .big-main .cta-info-container-empre .cta-info-content.dif p {
    font-size: 25px;
    line-height: normal;
  }
}
.big-main .cta-info-container-empre .cta-info-content p {
  margin: auto;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #ffffff;
  max-width: 805px;
}
@media screen and (min-width: 1024px) {
  .big-main .cta-info-container-empre .cta-info-content p {
    margin: 0;
    font-size: 25px;
    line-height: normal;
  }
}
.big-main .cta-info-container-empre .cta-info-content .btn-container {
  text-align: center;
}
.big-main .cta-info-container-empre .cta-info-content .btn-container .btn-free-trial-meli-cta {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.big-main .cta-info-container-empre .cta-info-content .btn-container .btn-free-trial-meli-cta:focus, .big-main .cta-info-container-empre .cta-info-content .btn-container .btn-free-trial-meli-cta:focus-visible {
  outline: none;
  border: 0;
}
.big-main .cta-info-container-empre .cta-info-content .btn-container .btn-free-trial-meli-cta {
  border: 0;
  padding: 8px 10px;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  background-color: #fff;
  color: #6097ff;
  margin-top: 17px;
  border-radius: 3px;
}
.big-main .cta-info-container-empre .cta-info-content .btn-container .btn-free-trial-meli-cta:hover {
  outline: solid 2px #4871bf;
  color: #4871bf;
}
@media screen and (min-width: 1024px) {
  .big-main .cta-info-container-empre .cta-info-content .btn-container .btn-free-trial-meli-cta {
    font-size: 18px;
    padding: 5px 12px;
    margin: 0;
  }
}
.big-main .fact-empre-desc-container {
  padding-top: 20px !important;
  background-color: #d7e5ff;
}
.big-main .fact-empre-desc-container.variant1 {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .big-main .fact-empre-desc-container.variant1 .desc-content .desc {
    order: 2;
    width: 40%;
  }
  .big-main .fact-empre-desc-container.variant1 .desc-content .img-content {
    order: 1;
    width: 60%;
    margin-bottom: -80px;
  }
}
@media screen and (min-width: 1500px) {
  .big-main .fact-empre-desc-container.variant1 .desc-content .desc {
    width: 50%;
  }
  .big-main .fact-empre-desc-container.variant1 .desc-content .img-content {
    width: 50%;
    margin-bottom: -80px;
  }
}
.big-main .fact-empre-desc-container.variant1 .img-content {
  width: 330px;
}
.big-main .fact-empre-desc-container.variant1 .canales-container {
  background-color: #d7e5ff;
}
@media screen and (min-width: 1240px) {
  .big-main .fact-empre-desc-container.variant1 .canales-container {
    width: 480px;
    margin: 24px 0 0 59%;
  }
}
@media screen and (min-width: 1366px) {
  .big-main .fact-empre-desc-container.variant1 .canales-container {
    width: max-content;
  }
}
@media screen and (min-width: 1500px) {
  .big-main .fact-empre-desc-container.variant1 .canales-container {
    margin: 24px 0 0 51%;
  }
}
.big-main .fact-empre-desc-container {
  /* &.variant2 {
    background-color: #fff;
  } */
}
.big-main .fact-empre-desc-container.details-desc-empre {
  padding: 35px 18px 20px;
}
@media screen and (min-width: 768px) {
  .big-main .fact-empre-desc-container.details-desc-empre {
    padding: 35px 50px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .big-main .fact-empre-desc-container.details-desc-empre {
    padding: 35px 0px;
  }
}
.big-main .fact-empre-desc-container.details-desc-empre .desc-content .desc p {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  color: #ce60ff;
  margin-bottom: 7px;
}
.big-main .fact-empre-desc-container.details-desc-empre .desc-content .desc h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.01em;
  color: #43475f;
  margin-bottom: 15px;
}
.big-main .fact-empre-desc-container.details-desc-empre .desc-content .desc ul {
  list-style: none;
  padding: 0 0 0 20px;
  list-style-image: url("./../assets/icons/check-list-violet.svg");
}
.big-main .fact-empre-desc-container.details-desc-empre .desc-content .desc ul li {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #43475f;
  margin-bottom: 15px;
}
.big-main .fact-empre-desc-container.details-desc-empre .desc-content .canales-container {
  margin-bottom: 36px;
}
.big-main .fact-empre-desc-container.details-desc-empre .desc-content .canales-container h2 {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 16px;
  color: #405789;
  text-align: center;
  margin-bottom: 7px;
}
.big-main .fact-meli-desc-container1.variante {
  background: #d7e5ff;
}
@media screen and (min-width: 1024px) {
  .big-main .fact-meli-desc-container1 .img-content {
    margin-bottom: -70px;
  }
}
.big-main .fact-meli-desc-container1 .canales-container {
  background: #d7e5ff;
}
.big-main .fact-meli-desc-container1 .canales-container.variant1 {
  background-color: #fff;
}
.big-main .fact-meli-desc-container1 .canales-container1 {
  background: #d7e5ff;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  width: auto;
  margin: 0;
  max-width: 500px;
}
@media screen and (min-width: 1024px) {
  .big-main .fact-meli-desc-container1 .canales-container1 {
    display: none;
  }
}
.big-main .fact-meli-desc-container1 .canales-container1 .canales-content {
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  width: auto;
}
.big-main .fact-meli-desc-container1 .canales-container2 {
  display: none;
}
@media screen and (min-width: 1024px) {
  .big-main .fact-meli-desc-container1 .canales-container2 {
    display: inline-block;
    margin-top: 12px;
  }
}
.big-main .fact-meli-desc-container2 {
  background: #d7e5ff;
}
.big-main .fact-meli-desc-container2.variante {
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .big-main .desc-content {
    display: flex;
  }
  .big-main .desc-content.variante {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .big-main .desc-content .desc {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .big-main .desc-content .desc {
    width: 50%;
  }
}
.big-main .desc-content .desc p {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.05em;
  color: #c362fb;
}
@media screen and (min-width: 768px) {
  .big-main .desc-content .desc h3 {
    font-size: 35px;
    line-height: 39px;
  }
}
.big-main .desc-content .desc ul {
  list-style: none;
  list-style-image: url("./../assets/icons/check-list-violet.svg");
}
@media screen and (min-width: 1024px) {
  .big-main .desc-content .desc ul {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 768px) {
  .big-main .desc-content .desc ul li {
    font-size: 18px;
    line-height: 23px;
  }
}
.big-main .desc-content .img-content {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .big-main .desc-content .img-content {
    width: 613px;
  }
}
.big-main .canales-container {
  padding: 12px 8px;
  border-radius: 5px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .big-main .canales-container {
    width: max-content;
  }
}
@media screen and (min-width: 1024px) {
  .big-main .canales-container {
    max-width: 86%;
    margin: 0 0 0 7%;
  }
}
@media screen and (min-width: 1500px) {
  .big-main .canales-container {
    margin: -12px 0 0 12%;
  }
}
.big-main .canales-container h4 {
  color: #405789;
  font-size: 14px;
  font-weight: 600;
  line-height: 113.5%;
  /* 15.89px */
  letter-spacing: 0.7px;
  margin-bottom: 4px;
}
.big-main .canales-container .canales-content {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.big-main .canales-container .canales-content img {
  box-shadow: 1px 1px 6px 0px rgba(48, 75, 127, 0.4);
  border-radius: 8px;
}
.big-main .benefit-empre-container {
  padding: 30px 0px 0px;
}
.big-main .benefit-empre-container.variante {
  background-color: #d7e5ff;
}
.big-main .benefit-empre-container .benefit-meli-content {
  width: 95%;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .big-main .benefit-empre-container .benefit-meli-content {
    width: 85%;
  }
}
.big-main .benefit-empre-container .benefit-meli-content h2 {
  color: var(--neutral-04-principal, #43475f);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%; /* 21.6px */
  letter-spacing: 0.18px;
}
@media screen and (min-width: 1024px) {
  .big-main .benefit-empre-container .benefit-meli-content h2 {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container {
  margin: 10px 0 20px;
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper {
  margin-bottom: 20px;
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .card-desktop,
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .card-desktop1 {
  display: none;
}
@media screen and (min-width: 1024px) {
  .big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .card-desktop,
  .big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .card-desktop1 {
    flex-wrap: wrap;
    width: 100%;
  }
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .mostrar {
  display: flex;
  margin-top: 24px;
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles {
  position: relative;
  width: 50%;
  margin-bottom: 20px;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles {
    text-align: center;
    height: 190px;
    width: 16.6666666667%;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles img {
    font-size: 12px;
  }
  .big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles img:hover ~ .burble-desplegable {
    display: block;
  }
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles h4 {
  font-weight: 500;
  font-size: 14px;
  color: #405789;
}
@media screen and (min-width: 1024px) {
  .big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles h4 {
    font-size: 11.5px;
  }
  .big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles h4:hover ~ .burble-desplegable {
    display: block;
  }
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles h4 img {
  display: block;
  margin: 5px 0;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles h4 img {
    display: none;
  }
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles .burble-desplegable {
  display: none;
}
@media screen and (min-width: 1024px) {
  .big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles .burble-desplegable {
    position: absolute;
  }
  .big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles .burble-desplegable:hover {
    display: block;
  }
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles .burble-desplegable hr {
  width: 40%;
  background-color: #c362fb;
  border: 1px solid #c362fb;
  margin: 10px auto;
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles .burble-desplegable p {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  color: #727587;
}
@media screen and (min-width: 1024px) {
  .big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .burbles .burble-desplegable p {
    font-size: 12px;
    line-height: 15px;
  }
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .desktop-view-more {
  width: 100%;
  margin-bottom: 40px;
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .desktop-view-more .text-view-more,
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .desktop-view-more .text-view-more1 {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #405789;
  cursor: pointer;
}
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .desktop-view-more .text-view-more svg .mostrar,
.big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide .desktop-view-more .text-view-more1 svg .mostrar {
  transform: rotate(180deg);
}
@media screen and (min-width: 1024px) {
  .big-main .benefit-empre-container .benefit-meli-content .bobbles-container .swiper-wrapper .swiper-slide.swiper-slide-variante-desktop {
    display: none;
  }
}
.big-main .video-container {
  background-color: #fff;
  text-align: center;
}
.big-main .video-container iframe {
  width: 327px;
  height: 184px;
}
@media screen and (min-width: 768px) {
  .big-main .video-container iframe {
    height: 312px;
    width: 564px;
  }
}
@media screen and (min-width: 1024px) {
  .big-main .video-container iframe {
    height: 500px;
    width: 892px;
  }
}
.big-main .potencia-canales-container-empre {
  background-color: #d7e5ff;
}
@media screen and (min-width: 1024px) {
  .big-main .potencia-canales-container-empre {
    padding: 40px 0;
  }
}
.big-main .potencia-canales-container-empre .potencia-canales-content {
  width: 95%;
  padding: 35px 18px 20px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .big-main .potencia-canales-container-empre .potencia-canales-content {
    width: 82%;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 50px;
  }
}
.big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial {
    width: 55%;
  }
}
@media screen and (min-width: 1500px) {
  .big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial {
    width: 50%;
  }
}
.big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial p {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.05em;
  color: #6097ff;
  line-height: 120%;
}
@media screen and (min-width: 1024px) {
  .big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial p {
    margin: 0;
    font-size: 18px;
  }
}
.big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial h2 {
  font-weight: 600;
  font-size: 24px;
  color: #43475f;
  margin: 7px 0 10px;
  max-width: 622px;
  line-height: 119%;
}
@media screen and (min-width: 1024px) {
  .big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial h2 {
    font-size: 28px;
    line-height: 32px;
    margin-top: 7px;
  }
}
@media screen and (min-width: 1366px) {
  .big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial h2 {
    font-size: 33px;
    line-height: 39px;
    margin-top: 7px;
  }
}
.big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial .nubecita-container {
  padding: 16px 24px;
  border-radius: 28px;
  background: #f1dfe9;
  margin-bottom: 30px;
  max-width: 420px;
}
@media screen and (min-width: 1024px) {
  .big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial .nubecita-container {
    display: flex;
    gap: 8px;
    align-items: center;
    border-radius: 108px;
    width: auto;
    max-width: 650px;
  }
}
.big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial .nubecita-container p {
  font-weight: 600;
  font-size: 16px;
  color: #405789;
  margin-bottom: 12px;
}
@media screen and (min-width: 1024px) {
  .big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial .nubecita-container p {
    margin-bottom: 0;
  }
}
.big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial .nubecita-container .btn-container {
  display: flex;
  justify-content: start;
  gap: 4px;
}
.big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial .nubecita-container .btn-container img {
  width: 64px;
}
@media screen and (min-width: 1024px) {
  .big-main .potencia-canales-container-empre .potencia-canales-content .desc-content-potencial .nubecita-container .btn-container img {
    width: auto;
  }
}
@media screen and (min-width: 1024px) {
  .big-main .potencia-canales-container-empre .potencia-canales-content .contact-desc {
    width: 36%;
  }
}
@media screen and (min-width: 1500px) {
  .big-main .potencia-canales-container-empre .potencia-canales-content .contact-desc {
    width: 50%;
  }
}
.big-main .potencia-canales-container-empre .potencia-canales-content .contact-desc ul {
  list-style: none;
  padding: 0 0 0 20px;
  list-style-image: url("./../assets/icons/check-list-violet.svg");
}
.big-main .potencia-canales-container-empre .potencia-canales-content .contact-desc ul li {
  font-weight: 500;
  font-size: 14px;
  color: #292c3e;
  margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  .big-main .potencia-canales-container-empre .potencia-canales-content .contact-desc ul li {
    font-weight: 300;
    line-height: 17px;
  }
}
@media screen and (min-width: 1366px) {
  .big-main .potencia-canales-container-empre .potencia-canales-content .contact-desc ul li {
    font-size: 16px;
    line-height: 21px;
  }
}
.big-main .potencia-canales-container-empre .cta-potencial-container {
  text-align: center;
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .big-main .potencia-canales-container-empre .cta-potencial-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
}
.big-main .potencia-canales-container-empre .cta-potencial-container p {
  color: #405789;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 132%; /* 21.12px */
}
@media screen and (min-width: 1024px) {
  .big-main .potencia-canales-container-empre .cta-potencial-container p {
    font-weight: 700;
    font-size: 20px;
  }
}
.big-main .potencia-canales-container-empre .cta-potencial-container .btn-test-free-potencial {
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  border: 0;
}
.big-main .potencia-canales-container-empre .cta-potencial-container .btn-test-free-potencial:focus, .big-main .potencia-canales-container-empre .cta-potencial-container .btn-test-free-potencial:focus-visible {
  outline: none;
  border: 0;
}
.big-main .potencia-canales-container-empre .cta-potencial-container .btn-test-free-potencial {
  padding: 10px 0px;
  width: 222px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin-top: 17px;
}
@media screen and (min-width: 1024px) {
  .big-main .potencia-canales-container-empre .cta-potencial-container .btn-test-free-potencial {
    font-size: 16px;
    width: auto;
    padding: 5px 10px;
    margin: 0;
  }
}