/* ===============================
   DM Serif Display
   =============================== */

/* Regular */
@font-face {
    font-family: 'DM Serif Display';
    src: local('DM Serif Display Regular'),
         url('fonts/DMSerifDisplay-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Italic */
@font-face {
    font-family: 'DM Serif Display';
    src: local('DM Serif Display Italic'),
         url('fonts/DMSerifDisplay-ltalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* ===============================
   Open Sans
   =============================== */

/* Regular */
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Regular'),
         url('fonts/OpenSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Italic */
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Italic'),
         url('fonts/OpenSans-ltalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Bold'),
         url('fonts/OpenSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ===============================
   Aplicación global de fuentes
   =============================== */

body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'DM Serif Display', serif;
}