/* --- Versión Regular (400) --- */
@font-face {
    font-family: 'Canela';
    /* RUTA CORREGIDA: sube un nivel (..) y entra en fonts/ */
    src: url('../fonts/Canela-Regular.woff2') format('woff2'),
         url('../fonts/Canela-Regular.woff') format('woff');
    font-weight: 400; 
    font-style: normal;
    font-display: swap; 
}

/* --- Versión Thin (200) --- */
@font-face {
    font-family: 'Canela';
    src: url('../fonts/Canela-Thin.woff2') format('woff2'),
         url('../fonts/Canela-Thin.woff') format('woff');
    font-weight: 200; 
    font-style: normal;
    font-display: swap;
}

/* --- Versión Bold (700) --- */
@font-face {
    font-family: 'Canela';
    src: url('../fonts/Canela-Bold.woff2') format('woff2'),
         url('../fonts/Canela-Bold.woff') format('woff');
    font-weight: 700; 
    font-style: normal;
    font-display: swap;
}

/* Estilos para su H2 (debe estar en este mismo archivo o uno enlazado) */
h2 {
    font-family: 'Canela', serif; 
    font-weight: 400; /* Versión Regular para todo el texto */
}
.h2-bold {
    font-weight: 700; /* Versión Bold SÓLO para la palabra CristalMed */
    /* APLICA EL COLOR NEGRO */
    color: black; 
    /* También puede usar el código hexadecimal: color: #000000; */
}