@font-face {
    font-family: 'Roboto-Bold';
    /* Nombre que asignas a la fuente */
    src: url('/font/Roboto/Roboto-Bold.ttf') format('truetype'),
        url('/font/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    /* Nombre que asignas a la fuente */
    src: url('/font/Roboto/Roboto-Medium.ttf') format('truetype'),
        url('/font/Roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    /* Nombre que asignas a la fuente */
    src: url('/font/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Light';
    /* Nombre que asignas a la fuente */
    src: url('/font/Roboto/Roboto-Light.ttf') format('truetype'),
        url('/font/Roboto/Roboto-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aalto-Bold'; /* Nombre que asignas a la fuente */
    src: url('/font/Aalto/AaltoSansPro-Bold.ttf') format('truetype'),
         url('/font/Aalto/AaltoSansPro-BoldIt.ttf') format('truetype');
    font-weight: normal; 
    font-style: normal;
}
@font-face {
    font-family: 'Aalto-Medium'; /* Nombre que asignas a la fuente */
    src: url('/font/Aalto/AaltoSansPro-Medium.ttf') format('truetype'),
         url('/font/Aalto/AaltoSansPro-MediumIt.ttf') format('truetype');
    font-weight: normal; 
    font-style: normal;
}
@font-face {
    font-family: 'Aalto-Regular'; /* Nombre que asignas a la fuente */
    src: url('/font/Aalto/AaltoSansPro-Regular.ttf') format('truetype'),
         url('/font/Aalto/AaltoSansPro-RegularIt.ttf') format('truetype');
    font-weight: normal; 
    font-style: normal;
}
@font-face {
    font-family: 'Aalto-light'; /* Nombre que asignas a la fuente */
    src: url('/font/Aalto/AaltoSansPro-Light.ttf') format('truetype'),
         url('/font/Aalto/AaltoSansPro-LightIt.ttf') format('truetype');
    font-weight: normal; 
    font-style: normal; 
}

:root {
  --gray-txt: #323639;
  --red-one: #E11E00;
  --red-two: #940a00;
  --red-three: #BF0909;
  --gray-nav: #D3D3D3;
  --gray-header: #F6F9FC;
  --gray-two: #EDF0F4;
  --gray-three: #DEE3EA;
  --gray-four: #A3A3A3;
  --gray-five: #C5CDDA;
  --yellow: #FFD147;
  --pie-pagina: #E9EAEA;
  --footer: #474747;
  --green: #3C9646 !important;
  }
*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-family: roboto-regular;
    color: var(--gray-txt);
}
  .ff-medium,.ff-m{
    font-family: roboto-medium !important;
}

.ff-bold,.ff-b{
    font-family: roboto-bold !important;
}

.ff-regular,.ff-r{
    font-family: roboto-regular !important;
}

.ff-a-r{
    font-family: Aalto-regular !important;
}

.ff-a-m{
    font-family: Aalto-medium !important;
}

.ff-a-b{
    font-family: Aalto-Bold !important;
}
.derechos-a{
    position: relative;
    height: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px;
    text-align: center;
    background: #414142;
    color: white;
    font-family: 'Roboto-Medium';
    font-size: 12px;
}

.forzar{
    word-break: break-all;
    overflow-wrap: break-word;
}