/* Brand font (solo para el wordmark FAROandes). */
@font-face {
    font-family: "FAROandes Brand";
    src: url("/fonts/futura-cyrillic/FuturaCyrillicBook.woff2") format("woff2"),
        url("/fonts/futura-cyrillic/FuturaCyrillicBook.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "FAROandes Brand";
    src: url("/fonts/futura-cyrillic/FuturaCyrillicMedium.woff2") format("woff2"),
        url("/fonts/futura-cyrillic/FuturaCyrillicMedium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "FAROandes Brand";
    src: url("/fonts/futura-cyrillic/FuturaCyrillicBold.woff2") format("woff2"),
        url("/fonts/futura-cyrillic/FuturaCyrillicBold.ttf") format("truetype");
    font-weight: 600 700;
    font-style: normal;
    font-display: swap;
}

.font-brand {
    font-family: "FAROandes Brand", Inter, ui-sans-serif, system-ui, -apple-system,
        "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
        sans-serif;
}

/* Alternativa para el wordmark FAROandes (ITC Avant Garde). */
@font-face {
    font-family: "FAROandes Avant";
    src: url("/fonts/itc-avant-garde/ITCAvantGardeStd-Bk.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "FAROandes Avant";
    src: url("/fonts/itc-avant-garde/ITCAvantGardeStd-Md.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "FAROandes Avant";
    src: url("/fonts/itc-avant-garde/ITCAvantGardeStd-Demi.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "FAROandes Avant";
    src: url("/fonts/itc-avant-garde/ITCAvantGardeStd-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.font-brand-avant {
    font-family: "FAROandes Avant", Inter, ui-sans-serif, system-ui, -apple-system,
        "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
        sans-serif;
}

/* Gilroy (para usar puntualmente en "FARO" en el hero, sin tocar el resto). */
@font-face {
    font-family: "FAROandes Gilroy";
    src: url("/fonts/gilroy/Gilroy-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Gilroy Regular (convertido de OTF a WOFF2 para compatibilidad con navegadores). */
@font-face {
    font-family: "FAROandes Gilroy";
    src: url("/fonts/gilroy/Gilroy-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Gilroy SemiBold */
@font-face {
    font-family: "FAROandes Gilroy";
    src: url("/fonts/gilroy/Gilroy-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Gilroy Bold */
@font-face {
    font-family: "FAROandes Gilroy";
    src: url("/fonts/gilroy/Gilroy-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Wordmark FAROandes en texto (reemplaza el PNG del navbar). */
:root {
    /* Extraído del PNG `public/assets/faro-nav.png` (color dominante de “andes”). */
    --faroandes-andes: #889fac;
    --faroandes-faro-dark: #1a1918;
    /* ink */
    /* Extraído del PNG (FARO es casi blanco). */
    --faroandes-faro-light: #fefefe;
}

.faroandes-wordmark {
    font-family: "FAROandes Gilroy", "FAROandes Avant", "FAROandes Brand", Inter,
        ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
        Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 400;
    display: inline-flex;
    align-items: baseline;
    line-height: 1;
    white-space: nowrap;
    /* Evita “fake bold/italic” si el font no tiene el peso exacto. */
    font-synthesis: none;
}

.faroandes-wordmark__faro {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-right: 0.01em;
    font-weight: 500;
    /* Medium */
}

.faroandes-wordmark__andes {
    letter-spacing: -0.02em;
    /*
      Si tu archivo de Gilroy trae alternates (por ejemplo una “d” diferente),
      normalmente vienen detrás de stylistic sets.
      Si el font NO los trae, esto no cambia nada.
    */
    font-feature-settings: "ss01"1, "ss02"1, "ss03"1;
}

.faroandes-wordmark--dark .faroandes-wordmark__faro {
    color: var(--faroandes-faro-dark);
}

.faroandes-wordmark--dark .faroandes-wordmark__andes {
    color: var(--faroandes-andes);
}

.faroandes-wordmark--light .faroandes-wordmark__faro {
    color: var(--faroandes-faro-light);
}

.faroandes-wordmark--light .faroandes-wordmark__andes {
    color: var(--faroandes-andes);
}