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

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

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

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

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

@font-face {
  font-family: Avenir-Regular;
  src: url("/observadores_electorales/font/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);
}

.title-section-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}