/* ============================================================
   Fuentes.css
   Tipografía del portal: declaración de la fuente Sora y su
   aplicación a todas las pantallas.

   Va en un fichero propio, y no dentro de EstilosNuevos.css,
   porque hay páginas que no usan SiteGeneral.Master y no pueden
   cargar aquellos estilos sin heredar también su maquetación:
   PreRegistro.aspx, Votaciones/Participacion.aspx,
   Votaciones/PruebaVoto.aspx, Votaciones/PruebaVotoV2.aspx,
   NOSSL/VotarSinSSLNuevo.aspx y SSL/Votar.aspx. Todas ellas
   enlazan este fichero.

   Debe cargarse DESPUÉS de Site.css, ya que neutraliza las
   familias que aquel fija.
   ============================================================ */

/* ------------------------------------------------------------
   Declaración de la fuente
   Sora es una fuente variable: un único fichero cubre todos los
   pesos (de 100 a 800) y se sirve desde el propio sitio, sin
   depender de Google Fonts. El rango declarado en font-weight es
   lo que permite al navegador interpolar el grosor que pida cada
   regla.
   ------------------------------------------------------------ */
@font-face {
    font-family: 'Sora';
    /* La primera declaración activa los ejes variables; la segunda
       es el respaldo para navegadores que no los soportan, que
       usarán el peso normal del fichero. */
    src: url("Fonts/Sora-VariableFont_wght.ttf") format("truetype-variations"),
         url("Fonts/Sora-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 800;
    font-style: normal;
    /* Muestra el texto con la fuente de respaldo mientras Sora
       carga, en vez de dejar el hueco en blanco. */
    font-display: swap;
}

:root {
    /* Pila tipográfica del portal: Sora primero y, detrás, fuentes
       del sistema por si la descarga fallase. */
    --fuenteTexto: 'Sora', "Helvetica Neue", "Segoe UI", Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------
   Aplicación a todo el portal
   Además del documento, se repiten aquí los selectores de
   Site.css que fijaban una familia propia (Roboto, Open Sans,
   Arial, Trebuchet MS), para dejarlos en Sora sin tener que
   editarlos allí.

   Las fuentes de iconos quedan intactas a propósito: Font Awesome
   declara la suya con selectores de clase (.fa, .fas, .far, .fab),
   de más peso que los de elemento que se usan aquí, de modo que
   los iconos se siguen dibujando con su propia fuente.
   ------------------------------------------------------------ */
body {
    font-family: var(--fuenteTexto);
}

/* Los controles de formulario no heredan la fuente del documento:
   hay que dársela de forma explícita. */
input,
select,
textarea,
button {
    font-family: inherit;
}

/* Reglas de Site.css con familia propia */
.fuente,
textarea,
.textareaPeq,
.textareaGrande,
.textarea100,
.textarea150,
.textarea300,
.btn-formuAzul,
.LogoAplicacion,
.headerSubTitle,
.nombreCliente,
.nombreClienteAdministrador,
.boton,
.fuenteEleccionesVotantes {
    font-family: var(--fuenteTexto);
}

.LogoAplicacion h1 {
    font-family: var(--fuenteTexto);
}