h2{
  line-height: 130%;
}
h4{
  line-height: 150%;
}

/*---------------Estilos de navbar*/
header.cd-auto-hide-header.nav {
    background-color: #785fde !important;
    background-image: none !important;
    /*box-shadow: 0px -5px 20px #3809f7;*/
}
.cd-primary-nav>ul a {
    padding-top: 7px;
}
.selector-lenguaje {
    background-color: transparent !important;
}
/*--------------------------------*/
footer{
  background-color:#3d4b90;
}
/*--------------------------------*/

#hero-precios{
  padding-top: 50px;
}
#textos-precios{
  margin: 0 auto;
  left: 0;
  right: 0;
  max-width: 700px;
  padding: 50px 0px;
}
#textos-precios h2,
#textos-precios h4 span{
  color:#6265e0;
}
#texto-mapa span{
  color: #36a9e0;
}
#textos-formulario h2,
#textos-formulario h4 span{
  color: #366ae0;
}

#planes-precios,
.contenedor-flex{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#planes-precios{
    margin: 0 20px;
}
#planes-precios div {
  position: relative;
  padding: 30px 0;
  color: #ffffff;
  width: 100%;
  box-shadow: 0 0 13px 0px #02005838;
}
#plan-emprendedores{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-color: : #5d4092;
  background: -moz-linear-gradient(45deg, #5d4092 1%, #bb91fa 100%);
  background: -webkit-linear-gradient(45deg, #5d4092 1%,#bb91fa 100%);
  background: linear-gradient(45deg, #5d4092 1%,#bb91fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4092', endColorstr='#bb91fa',GradientType=0 );
}
#plan-mipymes{
  padding: 50px 0 !important;
  border-radius: 10px;
  z-index: 1;
  background: #565dc5;
  background: -moz-linear-gradient(45deg, #565dc5 0%, #9eb0fe 100%);
  background: -webkit-linear-gradient(45deg, #565dc5 0%,#9eb0fe 100%);
  background: linear-gradient(45deg, #565dc5 0%,#9eb0fe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565dc5', endColorstr='#9eb0fe',GradientType=0 );
}
#plan-startup{
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #1d70b7;
  background: -moz-linear-gradient(45deg, #1d70b7 0%, #36a9e0 100%);
  background: -webkit-linear-gradient(45deg, #1d70b7 0%,#36a9e0 100%);
  background: linear-gradient(45deg, #1d70b7 0%,#36a9e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d70b7', endColorstr='#36a9e0',GradientType=0 );
}
.adquirir-plan{
  border: 3px solid transparent;
  color: #1d4593;
  background-color: #ffffff;
  margin-top: 20px;
  padding: 10px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.adquirir-plan:hover{
  color: #1d4593;
  text-decoration: none;
  transform: translateY(-5px);
  box-shadow: 0px 3px 5px 0px #565e98;
}
.mes{
  font-size: 70%;
  opacity: 0.7;
  font-weight:300;
}
.ahorra{
  position: absolute;
  right: 0;
  top: 0;
  margin: 10px;
  padding: 5px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  color: #ffffff;
}
#recuerda{
  /*padding: 10px 10%;
  color: gray;
  margin-top: 20px;*/
  padding: 30px 0;
  color: gray;
  margin: 0 auto;
  max-width: 400px;
}
/*----------------FUNCIONALIDADES*/

    #titulo-funcionalidades{
      color: #6265e0;
      max-width: 800px;
      margin: 80px auto 50px auto;
	  line-height: 150%;
    }
    #funcionalidades{
      display: flex;
      flex-wrap: nowrap;
      padding: 0 10%;
    }
    #funcionalidades .col-modelos{
      margin: 0 auto;
      width: 50%;
    }
    .modelo span,
    .modelo h4{
      display: inline-block;
    }
    .modelo span{
      padding: 5px;
      color: #ffffff;
      border-radius: 20px;
    }
    .modelo p{
      margin-left: 28px;
    }
    .m1{background-color: #45DAAF;} /*factible*/
    .m2{background-color: #80d4df;} /*pronosticos*/
    .m3{background-color: #AA76F9;} /*financiamiento*/
    .m4{background-color: #F9696E;} /*estrategia*/
    .m5{background-color: #FAA76A;} /*salud*/
    .m6{background-color: #93e497;} /*punto de equilibrio*/
    .m7{background-color: #16BECE;} /*factores*/
    .m8{background-color: #ff8a80;} /*a que precio vender*/
    .m9{background-color: #F9769F;} /*canvas modelo de negocio*/
    .m10{background-color: #81c784;} /*presupuesto*/
    .m11{background-color: #F9C769;} /*cambio de precios*/
    .m12{background-color: #ba5de6;} /*diseño financiero*/
    .m13{background-color: #ff966c;} /*pitch*/
    .m14{background-color: #869CFE;} /*teaser*/
    .m15{background-color: #d2db67;} /*valuación*/

    @media screen and (min-width: 1200px){
      #funcionalidades{
        display: flex;
        flex-wrap: nowrap;
        padding: 0 20%;
      }
    }
    @media screen and (max-width: 991px){
      .modelo h4{
        font-size: 100%;
      }
    }

    @media screen and (max-width: 767px){
      #titulo-funcionalidades {
        margin: 50px auto 30px auto;
      }
      #funcionalidades{
        flex-direction: column;
        padding: 0 15px;
      }
      #funcionalidades .col-modelos{
        width: 100%;
        margin: 0;
      }
    }

/*----------------BENEFICIOS*/

    #reportes-personalizados{
      margin: 0 auto;
      position: relative;
      padding-top: 60px;
    }
    #bg-reportes{
      position: absolute;
      width: 100%;
      z-index: -1;
    }
    #titulo-reportes{
      color: #36A7DF;
      max-width: 800px;
      margin: 100px auto 50px auto;
      line-height: 150%;
    }
    .seccion-camino{
      max-width: 900px;
      display: flex;
      margin:0 auto;
    }
    .texto-camino{
      max-width: 300px;
      text-align: justify;
    }
    .texto-camino > h4{
      color: #36A7DF;
    }
    #interaccion{
      padding: 30px 0 40px 10%;
    }
    #img-interaccion{
      max-width: 280px;
      margin-left: 30px;
    }
    #interaccion > .texto-camino{
      width: 400px;
    }

    #diagnostico{
      padding-left: 10%;
      flex-direction: row-reverse;
    }

    #descarga{
      padding-left: 10%;
    }
    #img-descarga{
      max-width: 200px;
    }
    #descarga > .texto-camino{
      margin-left: 10%;
    }

    #beneficios{
      margin:0 auto 80px auto;
      max-width: 700px;
    }
    #beneficios > h3{
      color: #36A7DF;
	  margin-bottom:30px;
    }
    #tabla-beneficios{
      display: flex;
      margin:0 auto;
    }
    .col-izquierda,
    .col-derecha{
      margin-left: 50px;
    }

    .texto-beneficios i{
      font-size: 1.1em;
    }
    .icon-objetivo{
      color: #ED696F;
    }
    .icon-simulador5{
      color: #8696CC;
    }
    .icon-analizar{
      color: #38A8E0;
    }
    .icon-shield{
      color: #8EC688;
    }
    .icon-clientes{
      color: #F6A66B;
    }
    .icon-star-full{
      color: #F9C769;
    }
    @media screen and (min-width: 992px){
      #diagnostico{
        margin-left: 5%;
      }
    }
    @media screen and (max-width: 991px){
      .seccion-camino {
        max-width: 700px;
      }
      #diagnostico{
        padding-left: 0;
      }

      #interaccion > .texto-camino,
      #diagnostico > .texto-camino,
      #descarga > .texto-camino{
        width: auto;
        margin: 0 20px;
      }

      #img-interaccion,
      #img-diagnostico,
      #img-reporte{
        margin: 0 auto;
      }
    }
    @media screen and (max-width: 767px){
      .seccion-camino{
        flex-direction: column;
      }
      .texto-camino{
        /*width: 100%;*/
        max-width: 100%;
      }
      #interaccion,
      #diagnostico,
      #descarga{
        padding: 0 20px;
      }

      #interaccion > .texto-camino,
      #diagnostico > .texto-camino,
      #descarga > .texto-camino{
        width: auto;
        margin: 0 10px;
      }

      #img-interaccion{
        width: 100%;
        margin: 0 auto;
      }
      #img-diagnostico,
      #img-reporte{
        margin: 0 auto;
      }
      #diagnostico{
        flex-direction: column;
      }
      #descarga{
        flex-direction: column-reverse;
      }
      /*#descarga > .texto-camino {
          margin-left: 0%;
      }*/
      #img-descarga{
        margin: 0 auto;
      }

      #tabla-beneficios{
        flex-direction: column;
      }
    }
/*----------------EQUIVALENCIAS*/
.equivalencia-textos{
  /*padding: 50px 20% 0 20%;*/
  padding: 0 20% 30px 20%;
}
.equivalencia-textos h2{
  color: #6457ce;
}
.equivalencia-textos h4{
  margin-top: 1em;
}
.item p{
  color: #8396b1;
}
#precios-equivalencia{
  background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(237,240,249,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(237,240,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(237,240,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#edf0f9',GradientType=0 ); /* IE6-9 */
  padding-bottom: 50px;
}
#ahorra-consultoria{
  padding: 100px 20% 100px 20%;
  background: #1b2161 linear-gradient(90deg,#1b2161,#6c64d4);
  margin: 0;
}
#ahorra-consultoria h3{
  color: white;
  line-height: 140%;
}
#mapa{
  height: 80vh;
}
#mapa div:nth-child(1){
  width: 30%;
}
#mapa div:nth-child(1) h4{
  text-align: left;
  line-height: 150%;
}
#mapa div:nth-child(2) {
  width: 70%;
}

#area-formulario{
  position: relative;
  margin-bottom: 100px;
  padding: 100px;
}
#formulario{
  width: 350px;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  /*box-shadow: 0 0 14px 6px #e0dfe8;*/
  box-shadow: 0 0 20px -8px #848790;
}
#textos-formulario{
  width: 50%;
}
#textos-formulario h2{
  margin-bottom: 30px;
  line-height: 130%;
  margin-top: -200px;
}
#textos-formulario h4{
  line-height: 150%;
}
#formulario{
  max-width: 400px;
}
#formulario form{
  margin: 20px;
  text-align: left;
  max-width: 400px;
}
#formulario label{
  font-weight: 500;
}
#formulario input{
  padding: 10px 15px;
  border-radius: 25px;
  border: 1px solid #dfe5f5;
  background-color: #fafbfc;
  box-shadow: none;
}
#formulario textarea{
  border-radius: 6px;
  border: 1px solid #dfe5f5;
  background-color: #fafbfc;
  box-shadow: none;
}
.btn-enviar{
  border: 3px solid transparent;
  color: #ffffff;
  background-color: #366ae0;
  padding: 6px 30px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn-enviar:hover{
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-5px);
  box-shadow: 0px 3px 5px 0px #878cb1;
}
.btn-enviar:focus{
  color:rgba(255,255,255,0.5);
}
#ciudad-negocio {
    position: absolute;
    background:linear-gradient(#ffffff 30%, #8cc5ff 80%, #6881f9 100%);
    width: 100%;
    z-index: -9;
    bottom: calc(0px - 100px);
}

@media (max-width: 767px){
  #planes-precios,
  .contenedor-flex{
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0;
  }
  #plan-emprendedores,
  #plan-mipymes,
  #plan-startup{
    border-radius: 0px;
  }
  #textos-precios{
    padding: 50px 15px;
  }
  .equivalencia-textos {
    padding: inherit;
  }
  #mapa{
    margin: 10px 0 200px 0;
    height: 60vh;
  }
  #mapa div:nth-child(1){
    width: auto;
  }
  #mapa div:nth-child(2) {
    width: 100%;
  }
  #mapa div:nth-child(1) h4{
    text-align: center;
  }
  #textos-formulario {
    width: auto;
    margin: 15px;
  }
  #textos-formulario h2{
    margin-top: 50px;
  }
  #area-formulario {
      padding: 0px;
  }
}
@media (min-width: 992px){
  #planes-precios{
    padding: 0 8%;
    max-width: 1000px;
    margin: 0 auto;
  }
}