@font-face {
    font-family: Avenir-Medium;
    src: url("/assets/fonts/Avenir-Medium.ttf");
}

@font-face {
    font-family: Avenir-Heavy;
    src: url("/assets/fonts/Avenir-Heavy.ttf");
}

@font-face {
    font-family: Avenir-Black;
    src: url("/assets/fonts/Avenir-Black.ttf");
}

@font-face {
    font-family: Avenir-Book;
    src: url("/assets/fonts/Avenir-Book.ttf");
}

@font-face {
    font-family: Avenir-Light;
    src: url("/assets/fonts/Avenir-Light.ttf");
}

@font-face {
    font-family: Avenir-Regular;
    src: url("/assets/fonts/Avenir-Regular.ttf");
}
.fw-800 {
    font-weight: 700;
}



/* ---------------- TIPOGRAFÍAS ---------------- */
.BigTitleBlack {
    font-size: 24px;
    font-family: Avenir-Black;
}

.TitleHeavy {
    font-size: 22px;
    font-family: Avenir-Heavy;
}

.TitleBlack {
    font-size: 22px;
    font-family: Avenir-Black;
}

.Subtitle {
    font-size: 18px;
    font-family: Avenir-Medium;
}

.BodyBook {
    font-size: 16px;
    font-family: Avenir-Book;
}

.BodyLight {
    font-size: 16px;
    font-family: Avenir-Light;
}

/* ---------------- COLORES PARA TIPOS ---------------- */
/* TitleBlack */
.TitleBlack--AzulUltramar {
    color: var(--P-AzulUltramar);
}

.TitleBlack--RojoTrafico {
    color: var(--P-RojoTrafico);
}

.TitleBlack--RojoFrambuesa {
    color: var(--S-RojoFrambuesa);
}

.TitleBlack--MagentaTele {
    color: var(--S-MagentaTele);
}

.TitleBlack--NegroIntenso {
    color: var(--S-NegroIntenso);
}

.TitleBlack--GrisTele {
    color: var(--S-GrisTele);
}

.TitleBlack--PardoGrisaceo {
    color: var(--S-PardoGrisaceo);
}

.TitleBlack--AzulTrafico {
    color: var(--S-AzulTrafico);
}

.TitleBlack--AzulNochePerlado {
    color: var(--S-AzulNochePerlado);
}

.TitleBlack--AmarilloMelon {
    color: var(--S-AmarilloMelon);
}

.TitleBlack--CobrePerlado {
    color: var(--S-CobrePerlado);
}

.TitleBlack--AmarilloArena {
    color: var(--S-AmarilloArena);
}

.TitleBlack--AmarilloTrafico {
    color: var(--D-AmarilloTrafico);
}

.TitleBlack--VerdeLuminoso {
    color: var(--D-VerdeLuminoso);
}

.TitleBlack--AzulTurquesa {
    color: var(--D-AzulTurquesa);
}

.TitleBlack--RojoTrafico-D {
    color: var(--D-RojoTrafico);
}
/* variante D */
.TitleBlack--VioletaSenales {
    color: var(--D-VioletaSenales);
}

.TitleBlack--Vectors {
    color: var(--VECTORS);
}

/* BigTitleBlack */
.BigTitleBlack--AzulUltramar {
    color: var(--P-AzulUltramar);
}

.BigTitleBlack--RojoTrafico {
    color: var(--P-RojoTrafico);
}

.BigTitleBlack--RojoFrambuesa {
    color: var(--S-RojoFrambuesa);
}

.BigTitleBlack--MagentaTele {
    color: var(--S-MagentaTele);
}

.BigTitleBlack--NegroIntenso {
    color: var(--S-NegroIntenso);
}

.BigTitleBlack--GrisTele {
    color: var(--S-GrisTele);
}

.BigTitleBlack--PardoGrisaceo {
    color: var(--S-PardoGrisaceo);
}

.BigTitleBlack--AzulTrafico {
    color: var(--S-AzulTrafico);
}

.BigTitleBlack--AzulNochePerlado {
    color: var(--S-AzulNochePerlado);
}

.BigTitleBlack--AmarilloMelon {
    color: var(--S-AmarilloMelon);
}

.BigTitleBlack--CobrePerlado {
    color: var(--S-CobrePerlado);
}

.BigTitleBlack--AmarilloArena {
    color: var(--S-AmarilloArena);
}

.BigTitleBlack--AmarilloTrafico {
    color: var(--D-AmarilloTrafico);
}

.BigTitleBlack--VerdeLuminoso {
    color: var(--D-VerdeLuminoso);
}

.BigTitleBlack--AzulTurquesa {
    color: var(--D-AzulTurquesa);
}

.BigTitleBlack--RojoTrafico-D {
    color: var(--D-RojoTrafico);
}

.BigTitleBlack--VioletaSenales {
    color: var(--D-VioletaSenales);
}

.BigTitleBlack--Vectors {
    color: var(--VECTORS);
}

/* TitleHeavy */
.TitleHeavy--AzulUltramar {
    color: var(--P-AzulUltramar);
}

.TitleHeavy--RojoTrafico {
    color: var(--P-RojoTrafico);
}

.TitleHeavy--RojoFrambuesa {
    color: var(--S-RojoFrambuesa);
}

.TitleHeavy--MagentaTele {
    color: var(--S-MagentaTele);
}

.TitleHeavy--NegroIntenso {
    color: var(--S-NegroIntenso);
}

.TitleHeavy--GrisTele {
    color: var(--S-GrisTele);
}

.TitleHeavy--PardoGrisaceo {
    color: var(--S-PardoGrisaceo);
}

.TitleHeavy--AzulTrafico {
    color: var(--S-AzulTrafico);
}

.TitleHeavy--AzulNochePerlado {
    color: var(--S-AzulNochePerlado);
}

.TitleHeavy--AmarilloMelon {
    color: var(--S-AmarilloMelon);
}

.TitleHeavy--CobrePerlado {
    color: var(--S-CobrePerlado);
}

.TitleHeavy--AmarilloArena {
    color: var(--S-AmarilloArena);
}

.TitleHeavy--AmarilloTrafico {
    color: var(--D-AmarilloTrafico);
}

.TitleHeavy--VerdeLuminoso {
    color: var(--D-VerdeLuminoso);
}

.TitleHeavy--AzulTurquesa {
    color: var(--D-AzulTurquesa);
}

.TitleHeavy--RojoTrafico-D {
    color: var(--D-RojoTrafico);
}

.TitleHeavy--VioletaSenales {
    color: var(--D-VioletaSenales);
}

.TitleHeavy--Vectors {
    color: var(--VECTORS);
}

/* Subtitle */
.Subtitle--AzulUltramar {
    color: var(--P-AzulUltramar);
}

.Subtitle--RojoTrafico {
    color: var(--P-RojoTrafico);
}

.Subtitle--RojoFrambuesa {
    color: var(--S-RojoFrambuesa);
}

.Subtitle--MagentaTele {
    color: var(--S-MagentaTele);
}

.Subtitle--NegroIntenso {
    color: var(--S-NegroIntenso);
}

.Subtitle--GrisTele {
    color: var(--S-GrisTele);
}

.Subtitle--PardoGrisaceo {
    color: var(--S-PardoGrisaceo);
}

.Subtitle--AzulTrafico {
    color: var(--S-AzulTrafico);
}

.Subtitle--AzulNochePerlado {
    color: var(--S-AzulNochePerlado);
}

.Subtitle--AmarilloMelon {
    color: var(--S-AmarilloMelon);
}

.Subtitle--CobrePerlado {
    color: var(--S-CobrePerlado);
}

.Subtitle--AmarilloArena {
    color: var(--S-AmarilloArena);
}

.Subtitle--AmarilloTrafico {
    color: var(--D-AmarilloTrafico);
}

.Subtitle--VerdeLuminoso {
    color: var(--D-VerdeLuminoso);
}

.Subtitle--AzulTurquesa {
    color: var(--D-AzulTurquesa);
}

.Subtitle--RojoTrafico-D {
    color: var(--D-RojoTrafico);
}

.Subtitle--VioletaSenales {
    color: var(--D-VioletaSenales);
}

.Subtitle--Vectors {
    color: var(--VECTORS);
}

/* BodyBook */
.BodyBook--AzulUltramar {
    color: var(--P-AzulUltramar);
}

.BodyBook--RojoTrafico {
    color: var(--P-RojoTrafico);
}

.BodyBook--RojoFrambuesa {
    color: var(--S-RojoFrambuesa);
}

.BodyBook--MagentaTele {
    color: var(--S-MagentaTele);
}

.BodyBook--NegroIntenso {
    color: var(--S-NegroIntenso);
}

.BodyBook--GrisTele {
    color: var(--S-GrisTele);
}

.BodyBook--PardoGrisaceo {
    color: var(--S-PardoGrisaceo);
}

.BodyBook--AzulTrafico {
    color: var(--S-AzulTrafico);
}

.BodyBook--AzulNochePerlado {
    color: var(--S-AzulNochePerlado);
}

.BodyBook--AmarilloMelon {
    color: var(--S-AmarilloMelon);
}

.BodyBook--CobrePerlado {
    color: var(--S-CobrePerlado);
}

.BodyBook--AmarilloArena {
    color: var(--S-AmarilloArena);
}

.BodyBook--AmarilloTrafico {
    color: var(--D-AmarilloTrafico);
}

.BodyBook--VerdeLuminoso {
    color: var(--D-VerdeLuminoso);
}

.BodyBook--AzulTurquesa {
    color: var(--D-AzulTurquesa);
}

.BodyBook--RojoTrafico-D {
    color: var(--D-RojoTrafico);
}

.BodyBook--VioletaSenales {
    color: var(--D-VioletaSenales);
}

.BodyBook--Vectors {
    color: var(--VECTORS);
}

/* BodyLight */
.BodyLight--AzulUltramar {
    color: var(--P-AzulUltramar);
}

.BodyLight--RojoTrafico {
    color: var(--P-RojoTrafico);
}

.BodyLight--RojoFrambuesa {
    color: var(--S-RojoFrambuesa);
}

.BodyLight--MagentaTele {
    color: var(--S-MagentaTele);
}

.BodyLight--NegroIntenso {
    color: var(--S-NegroIntenso);
}

.BodyLight--GrisTele {
    color: var(--S-GrisTele);
}

.BodyLight--PardoGrisaceo {
    color: var(--S-PardoGrisaceo);
}

.BodyLight--AzulTrafico {
    color: var(--S-AzulTrafico);
}

.BodyLight--AzulNochePerlado {
    color: var(--S-AzulNochePerlado);
}

.BodyLight--AmarilloMelon {
    color: var(--S-AmarilloMelon);
}

.BodyLight--CobrePerlado {
    color: var(--S-CobrePerlado);
}

.BodyLight--AmarilloArena {
    color: var(--S-AmarilloArena);
}

.BodyLight--AmarilloTrafico {
    color: var(--D-AmarilloTrafico);
}

.BodyLight--VerdeLuminoso {
    color: var(--D-VerdeLuminoso);
}

.BodyLight--AzulTurquesa {
    color: var(--D-AzulTurquesa);
}

.BodyLight--RojoTrafico-D {
    color: var(--D-RojoTrafico);
}

.BodyLight--VioletaSenales {
    color: var(--D-VioletaSenales);
}

.BodyLight--Vectors {
    color: var(--VECTORS);
}

/* ---------------- TitleBlack ---------------- */
:is( .TitleBlack--AzulUltramar, .TitleBlack--RojoTrafico, .TitleBlack--RojoFrambuesa, .TitleBlack--MagentaTele, .TitleBlack--NegroIntenso, .TitleBlack--GrisTele, .TitleBlack--PardoGrisaceo, .TitleBlack--AzulTrafico, .TitleBlack--AzulNochePerlado, .TitleBlack--AmarilloMelon, .TitleBlack--CobrePerlado, .TitleBlack--AmarilloArena, .TitleBlack--AmarilloTrafico, .TitleBlack--VerdeLuminoso, .TitleBlack--AzulTurquesa, .TitleBlack--RojoTrafico-D, .TitleBlack--VioletaSenales, .TitleBlack--Vectors, .TitleBlack--Blanco ) {
    font-size: 22px;
    font-family: Avenir-Black;
}

.TitleBlack--Blanco {
    color: var(--Blanco);
}

/* ---------------- BigTitleBlack ---------------- */
:is( .BigTitleBlack--AzulUltramar, .BigTitleBlack--RojoTrafico, .BigTitleBlack--RojoFrambuesa, .BigTitleBlack--MagentaTele, .BigTitleBlack--NegroIntenso, .BigTitleBlack--GrisTele, .BigTitleBlack--PardoGrisaceo, .BigTitleBlack--AzulTrafico, .BigTitleBlack--AzulNochePerlado, .BigTitleBlack--AmarilloMelon, .BigTitleBlack--CobrePerlado, .BigTitleBlack--AmarilloArena, .BigTitleBlack--AmarilloTrafico, .BigTitleBlack--VerdeLuminoso, .BigTitleBlack--AzulTurquesa, .BigTitleBlack--RojoTrafico-D, .BigTitleBlack--VioletaSenales, .BigTitleBlack--Vectors, .BigTitleBlack--Blanco ) {
    font-size: 24px;
    font-family: Avenir-Black;
}

.BigTitleBlack--Blanco {
    color: var(--Blanco);
}

/* ---------------- TitleHeavy ---------------- */
:is( .TitleHeavy--AzulUltramar, .TitleHeavy--RojoTrafico, .TitleHeavy--RojoFrambuesa, .TitleHeavy--MagentaTele, .TitleHeavy--NegroIntenso, .TitleHeavy--GrisTele, .TitleHeavy--PardoGrisaceo, .TitleHeavy--AzulTrafico, .TitleHeavy--AzulNochePerlado, .TitleHeavy--AmarilloMelon, .TitleHeavy--CobrePerlado, .TitleHeavy--AmarilloArena, .TitleHeavy--AmarilloTrafico, .TitleHeavy--VerdeLuminoso, .TitleHeavy--AzulTurquesa, .TitleHeavy--RojoTrafico-D, .TitleHeavy--VioletaSenales, .TitleHeavy--Vectors, .TitleHeavy--Blanco ) {
    font-size: 22px;
    font-family: Avenir-Heavy;
}

.TitleHeavy--Blanco {
    color: var(--Blanco);
}

/* ---------------- Subtitle ---------------- */
:is( .Subtitle--AzulUltramar, .Subtitle--RojoTrafico, .Subtitle--RojoFrambuesa, .Subtitle--MagentaTele, .Subtitle--NegroIntenso, .Subtitle--GrisTele, .Subtitle--PardoGrisaceo, .Subtitle--AzulTrafico, .Subtitle--AzulNochePerlado, .Subtitle--AmarilloMelon, .Subtitle--CobrePerlado, .Subtitle--AmarilloArena, .Subtitle--AmarilloTrafico, .Subtitle--VerdeLuminoso, .Subtitle--AzulTurquesa, .Subtitle--RojoTrafico-D, .Subtitle--VioletaSenales, .Subtitle--Vectors, .Subtitle--Blanco ) {
    font-size: 16px;
    font-family: Avenir-Medium;
}

.Subtitle--Blanco {
    color: var(--Blanco) !important;
}

/* ---------------- BodyBook ---------------- */
:is( .BodyBook--AzulUltramar, .BodyBook--RojoTrafico, .BodyBook--RojoFrambuesa, .BodyBook--MagentaTele, .BodyBook--NegroIntenso, .BodyBook--GrisTele, .BodyBook--PardoGrisaceo, .BodyBook--AzulTrafico, .BodyBook--AzulNochePerlado, .BodyBook--AmarilloMelon, .BodyBook--CobrePerlado, .BodyBook--AmarilloArena, .BodyBook--AmarilloTrafico, .BodyBook--VerdeLuminoso, .BodyBook--AzulTurquesa, .BodyBook--RojoTrafico-D, .BodyBook--VioletaSenales, .BodyBook--Vectors, .BodyBook--Blanco ) {
    font-size: 16px;
    font-family: Avenir-Book;
}

.BodyBook--Blanco {
    color: var(--Blanco) !important;
}

/* ---------------- BodyLight ---------------- */
:is( .BodyLight--AzulUltramar, .BodyLight--RojoTrafico, .BodyLight--RojoFrambuesa, .BodyLight--MagentaTele, .BodyLight--NegroIntenso, .BodyLight--GrisTele, .BodyLight--PardoGrisaceo, .BodyLight--AzulTrafico, .BodyLight--AzulNochePerlado, .BodyLight--AmarilloMelon, .BodyLight--CobrePerlado, .BodyLight--AmarilloArena, .BodyLight--AmarilloTrafico, .BodyLight--VerdeLuminoso, .BodyLight--AzulTurquesa, .BodyLight--RojoTrafico-D, .BodyLight--VioletaSenales, .BodyLight--Vectors, .BodyLight--Blanco ) {
    font-size: 16px;
    font-family: Avenir-Light;
}

.BodyLight--Blanco {
    color: var(--Blanco);
}