/* *****************FONT******************* */
@font-face {
    font-family: 'AtypDisplay Bold';
    src: url('/fonts/AtypDisplay-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'AtypDisplay Bold Italic';
    src: url('/fonts/AtypDisplay-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'AtypDisplay Italic';
    src: url('/fonts/AtypDisplay-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'AtypDisplay Light';
    src: url('/fonts/AtypDisplay-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'AtypDisplay Light Italic';
    src: url('/fonts/AtypDisplay-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'AtypDisplay Medium';
    src: url('/fonts/AtypDisplay-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'AtypDisplay Medium Italic';
    src: url('/fonts/AtypDisplay-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'AtypDisplay Regular';
    src: url('/fonts/AtypDisplay-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'AtypDisplay Semibold';
    src: url('/fonts/AtypDisplay-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'AtypDisplay Semibold Italic';
    src: url('/fonts/AtypDisplay-SemiboldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'AtypDisplay Thin';
    src: url('/fonts/AtypDisplay-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'AtypDisplay Thin Italic';
    src: url('/fonts/AtypDisplay-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'AtypRegular Variable';
    src: url('/fonts/AtypRegularVariable.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

/* *****************AtypText******************* */
@font-face {
    font-family: 'AtypText Bold';
    src: url('/fonts/AtypText-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'AtypText Bold Italic';
    src: url('/fonts/AtypText-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'AtypText Italic';
    src: url('/fonts/AtypText-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'AtypText Light';
    src: url('/fonts/AtypText-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'AtypText Medium';
    src: url('/fonts/AtypText-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'AtypText Medium Italic';
    src: url('/fonts/AtypText-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'AtypText Regular';
    src: url('/fonts/AtypText-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'AtypText Semibold';
    src: url('/fonts/AtypText-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'AtypText Semibold Italic';
    src: url('/fonts/AtypText-SemiboldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'AtypText Thin';
    src: url('/fonts/AtypText-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'AtypText Thin Italic';
    src: url('/fonts/AtypText-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
}

/* ++++++++ Clases */
.atypDisplayBold { font-family: 'AtypDisplay Bold'; }
.atypDisplayBoldItalic { font-family: 'AtypDisplay Bold Italic'; }
.atypDisplayItalic { font-family: 'AtypDisplay Italic'; }
.atypDisplayLight { font-family: 'AtypDisplay Light'; }
.atypDisplayLightItalic { font-family: 'AtypDisplay Light Italic'; }
.atypDisplayMedium { font-family: 'AtypDisplay Medium'; }
.atypDisplayMediumItalic { font-family: 'AtypDisplay Medium Italic'; }
.atypDisplayRegular { font-family: 'AtypDisplay Regular'; }
.atypDisplaySemibold { font-family: 'AtypDisplay Semibold'; }
.atypDisplaySemiboldItalic { font-family: 'AtypDisplay Semibold Italic'; }
.atypDisplayThin { font-family: 'AtypDisplay Thin'; }
.atypDisplayThinItalic { font-family: 'AtypDisplay Thin Italic'; }
.atypRegularVariable { font-family: 'AtypRegular Variable'; }

.atypTextBold { font-family: 'AtypText Bold'; }
.atypTextBoldItalic { font-family: 'AtypText Bold Italic'; }
.atypTextItalic { font-family: 'AtypText Italic'; }
.atypTextLight { font-family: 'AtypText Light'; }
.atypTextMedium { font-family: 'AtypText Medium'; }
.atypTextMediumItalic { font-family: 'AtypText Medium Italic'; }
.atypTextRegular { font-family: 'AtypText Regular'; }
.atypTextSemibold { font-family: 'AtypText Semibold'; }
.atypTextSemiboldItalic { font-family: 'AtypText Semibold Italic'; }
.atypTextThin { font-family: 'AtypText Thin'; }
.atypTextThinItalic { font-family: 'AtypText Thin Italic'; }