/* ================================================================
   SÓCRATES LOCAL FONTS
   Fuentes alojadas localmente en WordPress.
   El plugin REGISTRA las familias, pero no obliga una tipografía global.
   Elementor / el tema siguen decidiendo qué familia usar en cada elemento.
   ================================================================ */

/* EXO 2 VARIABLE — pesos 100 a 900 */
@font-face {
    font-family: "Exo 2";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/exo-2-latin-variable.woff2") format("woff2");
}

/* UBUNTU SANS VARIABLE — pesos 300 a 800 */
@font-face {
    font-family: "Ubuntu Sans";
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/ubuntu-sans-latin-variable.woff2") format("woff2");
}

/* UBUNTU CLÁSICO — compatibilidad */
@font-face {
    font-family: "Ubuntu";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/ubuntu-latin-300.woff2") format("woff2");
}
@font-face {
    font-family: "Ubuntu";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/ubuntu-latin-400.woff2") format("woff2");
}
@font-face {
    font-family: "Ubuntu";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/ubuntu-latin-500.woff2") format("woff2");
}
@font-face {
    font-family: "Ubuntu";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/ubuntu-latin-700.woff2") format("woff2");
}

/* MANROPE VARIABLE — pesos 200 a 800 */
@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/manrope-latin-variable.woff2") format("woff2");
}

/* PETRONA VARIABLE — normal e itálica — pesos 100 a 900 */
@font-face {
    font-family: "Petrona";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/petrona-latin-variable.woff2") format("woff2");
}
@font-face {
    font-family: "Petrona";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/petrona-latin-italic-variable.woff2") format("woff2");
}

/* Variables opcionales para CSS propio */
:root {
    --socrates-font-exo2: "Exo 2", sans-serif;
    --socrates-font-ubuntu-sans: "Ubuntu Sans", sans-serif;
    --socrates-font-ubuntu: "Ubuntu", sans-serif;
    --socrates-font-manrope: "Manrope", sans-serif;
    --socrates-font-petrona: "Petrona", serif;
}

/* Los controles de formulario heredan la fuente configurada por el tema/Elementor. */
button,
input,
textarea,
select {
    font-family: inherit;
}

/* Clases opcionales para usar desde Elementor > Avanzado > Clases CSS. */
.font-exo-2,
.socrates-font-exo2 {
    font-family: var(--socrates-font-exo2) !important;
}
.font-ubuntu-sans,
.socrates-font-ubuntu-sans {
    font-family: var(--socrates-font-ubuntu-sans) !important;
}
.font-ubuntu,
.socrates-font-ubuntu {
    font-family: var(--socrates-font-ubuntu) !important;
}
.font-manrope,
.socrates-font-manrope {
    font-family: var(--socrates-font-manrope) !important;
}
.font-petrona,
.socrates-font-petrona {
    font-family: var(--socrates-font-petrona) !important;
}