/*Estilos para los tamaños de los textos.*/

/*  Fuentes a 8 px*/

.texto8pxLight {
  font-size: 8px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto8pxRegular {
  font-size: 8px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto8pxMedium {
  font-size: 8px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto8pxBold {
  font-size: 8px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*  Fuentes a 9 px*/

.texto9pxLight {
  font-size: 9px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto9pxRegular {
  font-size: 9px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto9pxMedium {
  font-size: 9px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto9pxBold {
  font-size: 9px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*  Fuentes a 10 px*/

.texto10pxLight {
  font-size: 10px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto10pxRegular {
  font-size: 10px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto10pxMedium {
  font-size: 10px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto10pxBold {
  font-size: 10px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*  Fuentes a 11 px*/

.texto11pxLight {
  font-size: 11px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto11pxRegular {
  font-size: 11px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto11pxMedium {
  font-size: 11px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto11pxBold {
  font-size: 11px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*  Fuentes a 12 px*/

.texto12pxLight {
  font-size: 12px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto12pxRegular {
  font-size: 12px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto12pxMedium {
  font-size: 12px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto12pxBold {
  font-size: 12px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*  Fuentes a 13 px*/

.texto13pxLight {
  font-size: 13px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto13pxRegular {
  font-size: 13px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto13pxMedium {
  font-size: 13px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto13pxBold {
  font-size: 13px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 14 px*/

.texto14pxLight {
  font-size: 14px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto14pxRegular {
  font-size: 14px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto14pxMedium {
  font-size: 14px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto14pxBold {
  font-size: 14px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 15 px*/

.texto15pxLight {
  font-size: 15px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto15pxRegular {
  font-size: 15px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto15pxMedium {
  font-size: 15px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto15pxBold {
  font-size: 15px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 16 px*/

.texto16pxLight {
  font-size: 16px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto16pxRegular {
  font-size: 16px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto16pxMedium {
  font-size: 16px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto16pxBold {
  font-size: 16px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*fuentes a 17 pixeles*/

.texto17pxLight {
  font-size: 17px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto17pxRegular {
  font-size: 17px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto17pxMedium {
  font-size: 17px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

/*Fuentes a 18 px*/

.texto18pxLight {
  font-size: 18px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto18pxRegular {
  font-size: 18px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto18pxMedium {
  font-size: 18px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto18pxBold {
  font-size: 18px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 19 px*/

.texto19pxLight {
  font-size: 19px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto19pxRegular {
  font-size: 19px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto19pxMedium {
  font-size: 19px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto19pxBold {
  font-size: 19px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 20 pixeles*/

.texto20pxLight {
  font-size: 20px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto20pxRegular {
  font-size: 20px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto20pxMedium {
  font-size: 20px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto20pxBold {
  font-size: 20px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 21 pixeles*/

.texto21pxLight {
  font-size: 21px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto21pxRegular {
  font-size: 21px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto21pxMedium {
  font-size: 21px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto21pxBold {
  font-size: 21px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 22 pixeles*/

.texto22pxLight {
  font-size: 22px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto22pxRegular {
  font-size: 22px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto22pxMedium {
  font-size: 22px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto22pxBold {
  font-size: 22px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 23 pixeles*/

.texto23pxLight {
  font-size: 23px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto23pxRegular {
  font-size: 23px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto23pxMedium {
  font-size: 23px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto23pxBold {
  font-size: 23px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 24 px*/

.texto24pxLight {
  font-size: 24px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto24pxRegular {
  font-size: 24px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto24pxMedium {
  font-size: 24px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto24pxBold {
  font-size: 24px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 25 px*/

.texto25pxLight {
  font-size: 25px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto25pxRegular {
  font-size: 25px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto25pxMedium {
  font-size: 25px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto25pxBold {
  font-size: 25px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 25 px*/

.texto26pxLight {
  font-size: 26px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto26pxRegular {
  font-size: 26px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto26pxMedium {
  font-size: 26px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto26pxBold {
  font-size: 26px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 27 px*/

.texto27pxLight {
  font-size: 27px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto27pxRegular {
  font-size: 27px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto27pxMedium {
  font-size: 27px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto27pxBold {
  font-size: 27px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 28 px*/

.texto28pxLight {
  font-size: 28px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto28pxRegular {
  font-size: 28px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto28pxMedium {
  font-size: 28px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto28pxBold {
  font-size: 28px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 30 px*/

.texto30pxLight {
  font-size: 30px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

.texto30pxRegular {
  font-size: 30px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.texto30pxMedium {
  font-size: 30px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

.texto30pxBold {
  font-size: 30px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700;
}

/*Fuentes a 30 px*/

.texto48pxMedium {
  font-size: 48px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}
/*Fuente de color rosa claro*/

.textoColorRosa {
  color: #D5007f;
}

/*Fuente de color rosa fuerte*/

.textoColorRosaFuerte {
  color: #950054;
}

/*Fuente de color morado*/

.textoColorMorado {
  color: #7f4583;
}

/*Fuente de color blanco*/

.textoColorBlanco {
  color: white;
}

/*Fuente de color verde*/

.textoColorVerde {
  color: #585756;
}

.textoColorGrisClaro {
  color: #6F6F6F;
}