/* ============================================================
   METROPOLITAN · tipografía de marca para WordPress
   Solo existe el peso Book: la jerarquía se hace con TAMAÑO y
   MAYÚSCULAS, no con negritas.
   ============================================================ */

/* Nombre real de la familia. */
@font-face {
    font-family: 'FFF Good Direction Sans';
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url('fonts/FFF-GoodDirectionSans-Book.woff2') format('woff2'),
         url('fonts/FFF-GoodDirectionSans-Book.woff')  format('woff');
}

/* Alias "Metropolitan" · mismo fichero, otro nombre.
   Un @font-face solo puede declarar UNA familia, por eso se repite
   el bloque en vez de listar los dos nombres juntos.
   Esto es lo que hace que funcione cuando YOOtheme (o cualquier
   constructor) escribe  font-family: "Metropolitan"  en su CSS. */
@font-face {
    font-family: 'Metropolitan';
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url('fonts/FFF-GoodDirectionSans-Book.woff2') format('woff2'),
         url('fonts/FFF-GoodDirectionSans-Book.woff')  format('woff');
}

:root {
    --mt-font: "FFF Good Direction Sans", "Outfit", -apple-system,
               BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

/* ------------------------------------------------------------
   APLICAR A TODO EL SITIO
   DÉJALO COMENTADO si asignas la fuente desde YOOtheme: si no,
   las dos reglas pelean y ganará la que cargue más tarde.
   Descoméntalo solo si YOOtheme no te deja asignarla y quieres
   forzarla a pelo.
   ------------------------------------------------------------ */
/*
body,
button, input, select, textarea,
h1, h2, h3, h4, h5, h6 {
    font-family: var(--mt-font);
}
*/

/* Rótulos en mayúsculas: el tracking abierto es parte de la marca. */
.mt-rotulo {
    text-transform: uppercase;
    letter-spacing: 0.14em;
}