/* ==========================================================================
   FONTS.CSS
   Declaración de la tipografía Nunito usada en todo el sistema.
   --------------------------------------------------------------------------
   Se separa de forms.css a propósito: un @font-face solo debe declararse
   UNA VEZ en todo el sitio. Si vive dentro de forms.css y forms.css se
   referencia bien, no hay problema — pero conviene tenerlo aislado para
   que el día de mañana se pueda cambiar de tipografía sin tocar forms.css.

   IMPORTANTE — Ruta de los archivos .woff2:
   Este archivo asume que fonts.css vive en la MISMA carpeta que la carpeta
   "font/", es decir:
       vistas/css/fonts.css
       vistas/css/font/nunito/Nunito-Regular.woff2
       vistas/css/font/nunito/Nunito-SemiBold.woff2
       ...
   Por eso las rutas de abajo son relativas ("font/nunito/...") y NO usan
   la variable PHP SERVERURL. Así este archivo puede ser un .css puro
   (no .php) y el navegador lo puede cachear normalmente.

   Si en tu proyecto la carpeta de fuentes está en otro lugar, ajustá
   únicamente las rutas de este archivo — es el único lugar donde hace falta.

    Para usarlos, en cada página nueva solo hace falta:

    <link rel="stylesheet" href="<?php echo SERVERURL; ?>vistas/css/fonts.css">
    <link rel="stylesheet" href="<?php echo SERVERURL; ?>vistas/css/forms.css">

    y envolver el formulario en <div class="fm-wrap">...</div> en vez de an-wrap.


   ========================================================================== */

@font-face {
    font-family: 'Nunito';
    src: url('font/nunito/Nunito-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('font/nunito/Nunito-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('font/nunito/Nunito-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('font/nunito/Nunito-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('font/nunito/Nunito-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* ── POPPINS — logo / marca ──
   Hoy solo existe el peso 600 (SemiBold) como .ttf. Si en algún momento
   se necesita Bold (700) o ExtraBold (800) para algo (ej. el título NUZO
   del login), hay que conseguir/exportar ese .ttf o .woff2 puntual y
   agregar acá su propio @font-face — usar font-weight:800 con este
   único @font-face de 600 hace que el navegador "engorde" la letra de
   forma artificial (negrita sintética), se ve peor que una fuente real. */
@font-face {
    font-family: 'Poppins';
    src: url('font/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}