body{

  background-color: #F0F1F2!important;


}


.contenedor-texto{


max-width: 50%;
margin-left: auto;
margin-right: auto;

}


.triangulo {
  width: 100%;
  height: auto;
  border-style: solid;
  border-width: 184px 645px 0 706px;
    border-color: #ffffff transparent transparent transparent;
  margin-bottom: 10%;

}




.triangulodos {
  width: 100%;
  height: auto;
  border-style: solid;
  border-width: 184px 645px 0 706px;
    border-color: #F0F1F2 transparent transparent transparent;
  margin-bottom: 0%;
  background-color: white;

}


.clientesf{



  background-image: url("../assets/fondo3.png");
  background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background-color: white;

}

.funciona{

  background-color: #ffffff;

}



.contenedorpasos{


  max-width: 90%;
  margin-left: auto;
  margin-right: auto;

}

.row{

    margin-right: 0px!important;
    margin-left: 0px!important;

}

.masthead {

    height: 100vh;
    min-height: 500px;
    background-image: url('../assets/fondoAzul.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;


  }

  .borde{

    border:  1px solid white;
    padding: 3%;

  }

  .servicio{


        color: white;
        background-color: #74A3F8;

  }


  .contenedor{

        max-width: 60%;
        margin-left: auto;
        margin-right: auto;


  }

  .clientes{


    color: black;
    background-color: #ffffff;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2%;
    padding-bottom: 2%;

  }


  .botonP{


    text-align: center;

  }

  .btn-primary{

    background-color: #74A3F8!important;
    color: white;

  }

  .indicador{


    width: 80%;

  }

  .productos{

    color: black;

    background-color: #F0F1F2 ;

    /*
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 50%, #1B2933 ), color-stop( 50%, #1B2933 ), color-stop( 50%, white ) );
    background-image: -webkit-linear-gradient( top, #1B2933  50%, #1B2933  50%, white 50% );
    background-image: -moz-linear-gradient( top, #1B2933  50%, #1B2933  50%, white 50% );
    background-image: linear-gradient( #1B2933  50%, #1B2933  50%, white 50% );*/

  }

  .productosbanners{

    color: black;

    background-color: white ;


  }


.imgpasos{


  width: 100%;

}

  .prod{

    padding-top: 2%;
    padding-bottom: 2%;


  }
  .carta{


    background-color: white;
    color: #6a364d; max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 2%;
    border-radius: 3%;
    min-height: 200px;
    max-height: 200px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

  }


  .descripcion{

    margin-top: 4%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #75a3f8;
    height: 106px;
    color: white;
    padding: 4%;
    
  

  }

  .arti{

    width: 40%;
    height: 80px;

  }


  .banner1{

    margin-top: 4%;
    margin-bottom: 4%;

  }

  .textoS{

    max-width: 90%;
    margin-left: auto;
    margin-right: auto;

  }


  .contenedorbeneficios{
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    
    }

    .beneficios{

      background-image: url("../assets/fondo3.png");
      width: 100%;
      background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
   


background-color: white;

    }

    .botondos{


        align-items: right;
        text-align: right;

    }

    .prod-img{

        padding-bottom: 2%;
        padding-top: 2%;

    }



    .columnax{


      margin-top: 20%;
      margin-bottom: 6%;
      height: 100px;

    }



    .texto-p{

      padding-top: 4%;
      padding-bottom: 4%;

    }


    footer{

      background-image: url("../assets/recta.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: white;

    }

    .contenedorfooter{

      max-width: 80%;
      margin-left: auto;
      margin-right: auto;

    }

    @media screen and (max-width: 600px) {
        .contenedor {
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
        .clientes {
            color: black;
            background-color: #F0F1F2;
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 2%;
            margin-bottom: 2%;
        }


        .masthead {
          height: auto;
          min-height: 500px;
          background-image: url('../assets/fondoAzul.jpg');
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          color: white;
        }

        .servicio {
          color: white;
          background-color: #74A3F8;
          padding-top: 10%;
          padding-bottom: 10%;
        }


        .imgpasos{


          width: 17%;

        
        }


        .indicador{


          width: 10%;
      
        }
        .carta {
          background-color: white;
          color: #6a364d;
          max-width: 90%;
          margin-left: auto;
          margin-right: auto;
          padding: 2%;
          border-radius: 3%;
          min-height: 200px;
          max-height: 200px;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
          margin-bottom: 10%;
        }
      


      }