/* ------------------ ESTILOS GENERALES: BODY, FUENTES, ETC. -----------------------*/

@font-face {
  font-family: "Univia Pro";
  src: url("https://fidelizacion.cantabrialabs.es/sites/fidelizacion.cantabrialabs.es/files/fonts/UniviaProRegular.woff2") format("woff2"),
       url("https://fidelizacion.cantabrialabs.es/sites/fidelizacion.cantabrialabs.es/files/fonts/UniviaProRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Univia Pro";
  src: url("https://fidelizacion.cantabrialabs.es/sites/fidelizacion.cantabrialabs.es/files/fonts/UniviaPro-Light_1.woff2") format("woff2"),
       url("https://fidelizacion.cantabrialabs.es/sites/fidelizacion.cantabrialabs.es/files/fonts/UniviaPro-Light_1.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Univia Pro";
  src: url("https://fidelizacion.cantabrialabs.es/sites/fidelizacion.cantabrialabs.es/files/fonts/UniviaProBlack.woff2") format("woff2"),
       url("https://fidelizacion.cantabrialabs.es/sites/fidelizacion.cantabrialabs.es/files/fonts/UniviaProBlack.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* COLORES */ 
:root { 
    --color-borde:  #efefef; /*Color de fondo de la imagen bodegon*/
    --color-texto:  #000000; /*negro*/
    --color-texto2: #005779; /*Azul CLABS*/
    --color-fondo:  #005779; /*Azul CLABS*/
    --color-fondo1: #efefef; /* Es el mismo color que el fondo de la imagen, para que no quede enmarcada*/
    --color-fondo2: #e7e7e7; /*Color de fondo de la parte inferir de la imagen, para que no quede enmarcada*/
	  --color-fondo3: #ffffff; /*blanco*/
	  --color-fondo-footer: #005779;
    --color-texto1-boton: #ffffff;
    --color-texto2-boton: #005779;
    --color-fondo1-boton: #005779;
    --color-fondo2-boton: #efefef;
}

/* COLOR: FONDO, TEXTOS Y FUENTES  */ 
body                                                            { background: linear-gradient(to bottom, var(--color-fondo3), var(--color-fondo3)); color: var(--color-texto2); font-family: "Univia Pro", sans-serif !important; }





/* ------------------ ESTILOS CABECERA -----------------------*/

/* FONDO */
header                                                        { background: linear-gradient(to right, var(--color-fondo3), var(--color-fondo3)); }

/* LOGO IZQUIERDA */
/*header                                                        { justify-content: left !important; }*/
/* LOGO CENTRADO */
/*header                                                        { justify-content: center !important; }*/
/* LOGO DERECHA */
/*header                                                        { justify-content: right !important; }*/

  


/* ------------------ ESTILOS FOOTER -----------------------*/

/* FONDO */
footer                                                        { background: linear-gradient(to right, var(--color-fondo), var(--color-fondo)); }