/**
 * Nombre: google-fonts-local.css
 * Proposito: Define @font-face para fuentes Roboto y Work Sans locales
 *            Permite funcionar sin conexion a internet
 * Dependencias: Fuentes TTF en estilos/fonts/google/
 * Autor: BtoAldas
 * Fecha: 2025-11-30
 */

/* ========================================
   SECCION 1: Fuente Roboto
   ======================================== */

/* Roboto Light (300) */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Light"),
         local("Roboto-Light"),
         url("/estilos/fonts/google/Roboto-Light.ttf") format("truetype");
}

/* Roboto Regular (400) */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto"),
         local("Roboto-Regular"),
         url("/estilos/fonts/google/Roboto-Regular.ttf") format("truetype");
}

/* Roboto Medium (500) */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Roboto Medium"),
         local("Roboto-Medium"),
         url("/estilos/fonts/google/Roboto-Medium.ttf") format("truetype");
}

/* Roboto Bold (700) */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Bold"),
         local("Roboto-Bold"),
         url("/estilos/fonts/google/Roboto-Bold.ttf") format("truetype");
}

/* ========================================
   SECCION 2: Fuente Work Sans
   ======================================== */

/* Work Sans Thin (100) */
@font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local("Work Sans Thin"),
         local("WorkSans-Thin"),
         url("/estilos/fonts/google/WorkSans-Thin.ttf") format("truetype");
}

/* Work Sans Extra Light (200) */
@font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local("Work Sans ExtraLight"),
         local("WorkSans-ExtraLight"),
         url("/estilos/fonts/google/WorkSans-ExtraLight.ttf") format("truetype");
}

/* Work Sans Light (300) */
@font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Work Sans Light"),
         local("WorkSans-Light"),
         url("/estilos/fonts/google/WorkSans-Light.ttf") format("truetype");
}

/* Work Sans Regular (400) */
@font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Work Sans"),
         local("WorkSans-Regular"),
         url("/estilos/fonts/google/WorkSans-Regular.ttf") format("truetype");
}

/* Work Sans Medium (500) - Usa Regular como fallback */
@font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Work Sans Medium"),
         local("WorkSans-Medium"),
         url("/estilos/fonts/google/WorkSans-Regular.ttf") format("truetype");
}

/* Work Sans Semi Bold (600) - Usa ExtraBold como fallback */
@font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Work Sans SemiBold"),
         local("WorkSans-SemiBold"),
         url("/estilos/fonts/google/WorkSans-ExtraBold.ttf") format("truetype");
}

/* Work Sans Bold (700) - Usa ExtraBold como fallback */
@font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Work Sans Bold"),
         local("WorkSans-Bold"),
         url("/estilos/fonts/google/WorkSans-ExtraBold.ttf") format("truetype");
}

/* Work Sans Extra Bold (800) */
@font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local("Work Sans ExtraBold"),
         local("WorkSans-ExtraBold"),
         url("/estilos/fonts/google/WorkSans-ExtraBold.ttf") format("truetype");
}

/* Work Sans Black (900) - Usa ExtraBold como fallback */
@font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Work Sans Black"),
         local("WorkSans-Black"),
         url("/estilos/fonts/google/WorkSans-ExtraBold.ttf") format("truetype");
}