@font-face {
    font-family: Montserrat-BI;
    src: url('/fonts/Montserrat-BlackItalic.ttf') format('truetype');
}
/*Colores Corporativos*/
.verde{
    color: #71ad49;
    font-family: 'Montserrat-BI';
}

.naranja{
    color: #f6aa3c;
    font-family: 'Montserrat-BI';
}

.gris{
    color: #bec6c8;
    font-family: 'Montserrat-BI';
}

#parrafo17{
    font-size: 17px;
}

/* Círculos de colores numerados */
span.red {
    background: red;
     border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
  }
  
  span.grey {
    background: #bec6c8;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
  }
  
  span.green {
    background: #71ad49;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
  }
  
  span.blue {
    background: #5178D0;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
  }
  
  span.orange {
    background: #f6aa3c;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
  }

/* Imagen fondo app parte inicial */
  .fondo-img-app {
    height: 500px;
    width: 400px;
}
/* Imagen fondo app parte inicial */