@charset "UTF-8";
/*------------------------*\
|      $MIXINS
/*------------------------*/
body {
  background: #fff;
}

.btn {
  border-radius: 100px;
  border: 2px solid #D62CCB;
}

.btn--morado {
  background: #D62CCB;
}

.btn--morado:hover {
  color: #D62CCB;
  border: 2px solid #D62CCB;
  box-shadow: none;
}

header {
  padding: .5rem 0rem;
}

@media only screen and (max-width: 991px) {
  header .logo img {
    max-width: 150px;
    transform: translateY(-1.1rem);
  }
}

@media only screen and (max-width: 991px) {
  header .btn-menu span {
    background-color: #D62CCB;
  }
}

@media only screen and (max-width: 991px) {
  header nav {
    background-color: #fff;
  }
}

header nav ul li a {
  color: #191A1A;
  padding-bottom: 0px;
}

@media only screen and (min-width: 991px) {
  header nav ul li a {
    position: relative;
  }
  header nav ul li a:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 0%;
    height: 1.9px;
    background-color: #191A1A;
    /* Color de la línea */
    transition: width 0.3s ease;
  }
  header nav ul li a:hover:after {
    width: 100%;
  }
}

header.solido {
  background: #fff;
  padding: .5rem 0rem;
}

header.solido nav ul li a {
  padding-bottom: 0px;
}

@media only screen and (max-width: 991px) {
  .hero {
    height: 500px;
    min-height: 500px;
  }
}

@media only screen and (max-width: 991px) {
  .hero .hero__txt {
    height: 500px;
    min-height: 500px;
  }
}

.hero .hero__txt h1 {
  font-size: 80px;
  color: #4A0465;
  font-weight: 500;
  width: auto;
}

@media only screen and (max-width: 1400px) {
  .hero .hero__txt h1 {
    font-size: 60px;
    line-height: 65px;
  }
}

@media only screen and (max-width: 991px) {
  .hero .hero__txt h1 {
    margin-top: 1rem;
    font-size: 35px;
    line-height: 40px;
  }
}

.hero .hero__txt h1 span:before {
  content: "";
  display: inline-block;
  width: 105px;
  /* ajusta según el tamaño de tu imagen */
  height: 80px;
  background-image: url("/images/nootech/icons/icon-mg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0px;
  /* espacio entre la imagen y el texto */
  margin-left: 5px;
  vertical-align: middle;
}

@media only screen and (max-width: 991px) {
  .hero .hero__txt h1 span:before {
    width: 70px;
    /* ajusta según el tamaño de tu imagen */
    height: 45px;
    transform: translateX(10px);
  }
}

.hero .hero__txt a.btn {
  color: #D62CCB;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero .hero__txt a.btn img {
  margin-left: .3rem;
  display: block;
  transition: transform 0.5s ease;
}

.hero .hero__txt a.btn:hover {
  box-shadow: none;
  color: #4A0465;
}

.hero .hero__txt a.btn:hover img {
  transform: translate(50%, -200%) rotate(-10deg);
}

.s-decision {
  background: linear-gradient(to bottom, #F6E9F6, #ffffff);
  padding-top: 3rem;
  padding-bottom: 0rem;
}

@media only screen and (max-width: 991px) {
  .s-decision.desk {
    display: none;
  }
}

.s-decision.mobile {
  background: #F6E9F6;
  padding-bottom: .6rem;
}

@media only screen and (min-width: 991px) {
  .s-decision.mobile {
    display: none;
  }
}

.s-decision.mobile .carrusel {
  margin-bottom: 1rem;
}

.s-decision h2 {
  text-align: center;
  font-size: 46px;
  margin-top: 0px;
  font-weight: 400;
}

@media only screen and (max-width: 991px) {
  .s-decision h2 {
    font-size: 35px;
  }
}

.s-decision .row {
  margin-bottom: 1rem;
}

.s-decision .row div[class^="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.s-decision .box-card {
  background: #fff;
  padding: 1rem;
  height: 100%;
}

@media only screen and (max-width: 991px) {
  .s-decision .box-card {
    padding: 1.5rem 1.2rem;
    min-height: 400px;
  }
}

.s-decision .box-card .textos h4 {
  font-size: 24px;
  margin-top: 0px;
  font-weight: 400;
  margin-bottom: .5rem;
}

.s-decision .box-card .textos p {
  min-height: 110px;
}

.s-decision .box-card .box-img {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 150px;
}

.s-decision .box-card .box-img img {
  max-width: 140px;
}

.clientes-home {
  background: #fff;
}

@media only screen and (max-width: 991px) {
  .clientes-home {
    padding: 3rem 0rem;
  }
}

.clientes-home .row .clientes-home__txt h2 {
  font-weight: 400;
}

@media only screen and (max-width: 991px) {
  .clientes-home .row .clientes-home__txt h2 {
    font-size: 35px;
  }
}

.clientes-home .row .clientes-home__txt p {
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .clientes-home .row .clientes-home__txt p {
    margin-bottom: 0rem;
  }
}

.clientes-home .row figure img {
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .clientes-home .row.desk {
    display: none;
  }
}

@media only screen and (min-width: 991px) {
  .clientes-home .carrusel {
    display: none;
  }
}

.clientes-home.soluciones {
  padding: 3rem 0rem;
}

.clientes-home.soluciones .box-1 {
  display: flex;
  align-items: center;
}

.clientes-home.soluciones .box-1 h2 {
  font-weight: 400;
}

.contacto-home {
  background: linear-gradient(to bottom, #F6E9F6, #ffffff);
}

@media only screen and (max-width: 991px) {
  .contacto-home {
    padding: 0rem;
    padding-bottom: 2rem;
    background: #fff;
  }
}

.contacto-home .w-contacto {
  box-shadow: none;
  border-radius: 0px;
}

.contacto-home .w-contacto .contacto-home__txt h2 {
  font-size: 46px;
  font-weight: 400;
}

@media only screen and (max-width: 991px) {
  .contacto-home .w-contacto .contacto-home__txt h2 {
    font-size: 35px;
    text-align: center;
  }
}

.contacto-home .w-contacto .contacto-home__txt p {
  font-size: 18px;
}

@media only screen and (max-width: 991px) {
  .contacto-home .w-contacto .contacto-home__txt p {
    text-align: center;
  }
}

@media only screen and (max-width: 991px) {
  .contacto-home .w-contacto .contacto-home__txt img {
    width: 150px !important;
    transform: translateX(-20px) !important;
  }
}

.contacto-home .w-contacto .contacto-home__form input:focus, .contacto-home .w-contacto .contacto-home__form textarea:focus {
  border: 2.5px solid #D62CCB;
  outline: none;
  /* Esto quita el contorno por defecto del navegador */
}

@media only screen and (max-width: 991px) {
  .contacto-home .w-contacto .form-submit {
    margin-top: 2rem;
    text-align: center;
  }
}

footer {
  background: #4A0465;
  padding: 1rem 0rem;
  padding-bottom: 2rem;
}

footer .box-logo-demo {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 1.5rem;
  align-items: center;
}

footer .box-logo-demo h4 {
  font-size: 36px;
  margin-top: 1rem;
}

footer .box-email {
  display: flex;
  justify-content: flex-start;
}

@media only screen and (max-width: 991px) {
  footer .box-email {
    justify-content: center;
    margin-bottom: 3rem;
    margin-top: 1rem;
  }
}

footer .box-email a {
  color: #fff;
  font-size: 25px;
  padding-bottom: .5rem;
  border-bottom: 1px solid #fff;
  display: flex;
  position: relative;
  overflow: hidden;
  align-items: center;
}

footer .box-email a img {
  display: flex;
  transition: transform 0.5s ease;
  max-width: 40px;
  margin-right: 5px;
}

footer .box-email a:hover img {
  transform: translate(50%, -200%) rotate(-10deg);
}

footer .box-demo {
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 991px) {
  footer .box-demo {
    margin-bottom: 3rem;
  }
}

footer .box-demo a {
  color: #fff;
  font-size: 18px;
  border: 1px solid #fff;
  padding: 1rem 1.3rem;
  border-radius: 100px;
}

footer .box-demo a:hover {
  background: #fff;
  color: #4A0465;
}

footer .box-call {
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width: 991px) {
  footer .box-call {
    justify-content: center;
    margin-bottom: 1rem;
  }
}

footer .box-call .box-call-content {
  display: flex;
}

footer .box-call .box-call-content .box-1 {
  margin-right: .3rem;
}

footer .box-call .box-call-content h5 {
  margin: 0px;
  color: #fff;
}

footer .box-call .box-call-content a {
  color: #fff;
  font-size: 25px;
}
/*# sourceMappingURL=estilos-nootech.css.map */