/* ------------------ 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:  #efefef; /* Es el mismo color que el fondo de la imagen, para que no quede enmarcada*/
    --color-fondo1: #ffffff; /*blanco*/
    --color-fondo2: #efefef;
	  --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: var(--color-fondo); color: var(--color-texto); font-family: "Univia Pro", sans-serif !important; }





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

/* FONDO */
header                                                        { background: var(--color-fondo1) !important; }

/* 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-footer), var(--color-fondo-footer)); font-family: "Univia Pro", sans-serif !important; }





/* ------------------ ESTILOS PAGINA -----------------------*/

/* FORMULARIO: FONDO Y BORDE */
#paginaPromocion .form-container                                { background-color: #ffffff; border-radius: 10px; border: 20px solid var(--color-borde); }*/
 FORMULARIO: SOMBREADO -> box-shadow: offset-x offset-y blur-radius spread-radius color */
#paginaPromocion .form-container                                { box-shadow: -10px 10px 10px 0px rgba(0,0,0,0.75) !important; -webkit-box-shadow: -10px 10px 10px 0px rgba(0,0,0,0.75) !important; -moz-box-shadow: -10px 10px 10px 0px rgba(0,0,0,0.75) !important; }*/

/* ENLACES GENERAL */
#paginaPromocion .form-container a                              { color: var(--color-texto2) !important; }
#paginaPromocion .form-container a:hover                        { color: var(--color-texto) !important; }

/* TEXTOS TOP */
#paginaPromocion .form-container .texto-top                     { color: var(--color-texto2) !important; font-size: 16px !important; }
/* TEXTOS BOTTOM */
#paginaPromocion .form-container .texto-bottom                  { color: var(--color-texto) !important; font-size: 12px !important; }

/* TEXTOS LABELS */
/*#paginaPromocion .form-container label,
#paginaPromocion .form-container legend span                     { display: inline-block !important; color: var(--color-texto) !important; font-weight: 400 !important; }*/
/* TEXTOS LABELS: ENLACE DE FICHERO */
#paginaPromocion .form-container a.simula-subida-fichero        { color: var(--color-texto) !important; }

/* TEXTOS CAMPOS */
/*#paginaPromocion .form-container input, 
#paginaPromocion .form-container select, 
#paginaPromocion .form-container textarea,
#paginaPromocion .form-container legend,
#paginaPromocion .form-container form .wrapper-adjuntar a.simula-subida-fichero  { font-weight: 400 !important; color: #666666 !important; } */
#paginaPromocion .form-container input[type="checkbox"]:checked { background-color: var(--color-texto2) !important; }

/* TEXTOS PLACEHOLDERS */
/*#paginaPromocion .form-container input::placeholder             { color: transparent !important; font-weight: 400 !important; } */

/* FORMA DE LOS CAMPOS */
/*#paginaPromocion .form-container input, 
#paginaPromocion .form-container select, 
#paginaPromocion .form-container textarea,
#paginaPromocion .form-container legend,
#paginaPromocion .form-container form .wrapper-adjuntar a.simula-subida-fichero { background-color: #ffffff !important; border-radius: 0 !important; border: 1px solid #666666 !important; }*/

/* ESTILOS BOTON SUBMIT */
#paginaPromocion .form-container .wrapper-submit input.btn-enviar               { background-color: var(--color-fondo1-boton) !important; color: var(--color-texto1-boton) !important; border: 1px solid var(--color-fondo1-boton) !important; }
#paginaPromocion .form-container .wrapper-submit input.btn-enviar:hover         { background-color: var(--color-fondo2-boton) !important; color: var(--color-texto2-boton) !important; }