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

@font-face {
  font-family: "PTSerifPro";
  src: url("https://promo.apiserum.com/sites/promo.apiserum.com/files/fonts/PTSerifPro.woff2") format("woff2"),
       url("https://promo.apiserum.com/sites/promo.apiserum.com/files/fonts/PTSerifPro.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PTSerifPro";
  src: url("https://promo.apiserum.com/sites/promo.apiserum.com/files/fonts/PTSerifPro-Italic.woff2") format("woff2"),
       url("https://promo.apiserum.com/sites/promo.apiserum.com/files/fonts/PTSerifPro-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "PTSerifPro";
  src: url("https://promo.apiserum.com/sites/promo.apiserum.com/files/fonts/PTSerifPro-BoldItalic.woff2") format("woff2"),
       url("https://promo.apiserum.com/sites/promo.apiserum.com/files/fonts/PTSerifPro-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "PTSerifPro";
  src: url("https://promo.apiserum.com/sites/promo.apiserum.com/files/fonts/PTSerifPro-Bold.woff2") format("woff2"),
       url("https://promo.apiserum.com/sites/promo.apiserum.com/files/fonts/PTSerifPro-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* COLORES */ 
:root { 
    --color-borde: #000000;
    --color-texto: #818181;
    --color-texto2: #fe5c01;
    --color-fondo: #fe5c01;
    --color-fondo1: #fe6c1a;
    --color-fondo2: #c1b03f;
    --color-texto1-boton: #ffffff;
    --color-texto2-boton: #fe5c01;
    --color-fondo1-boton: #fe5c01;
    --color-fondo2-boton: #ffffff;
}

/* COLOR: FONDO, TEXTOS Y FUENTES  */
body                                                            { background: linear-gradient(to right, var(--color-fondo1), var(--color-fondo1)); color: var(--color-texto); font-family: "PTSerifPro", serif !important; }





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

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

/* LOGO IZQUIERDA */
/*header                                                        { justify-content: left !important; }*/
/* LOGO CENTRADO */
/*header                                                        { justify-content: center !important; }*/
/* LOGO DERECHA */
/*header                                                        { justify-content: right !important; }*/
header                                                          { position: fixed; top: 0; opacity: 0.9; }
header img.logo-cabecera                                        { max-width: 161px; }
  


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

/* FONDO */
footer                                                        { background: #ffffff !important; }
footer p                                                      { color: var(--color-texto) !important; }
footer a                                                      { color: var(--color-texto) !important; }
footer a:hover                                                { text-decoration: underline !important; }





/* ------------------ ESTILOS PƁGINA -----------------------*/

/*#paginaPromocion main                                           { margin-top: 10vh !important; }*/
#paginaPromocion main                                             {   
    background-image: url('https://promo.apiserum.com/sites/promo.apiserum.com/files/Colmena%202000x1268_0.jpg');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}
#paginaPromocion .promo-box img                                 { max-width: 470px !important; height: auto; }
@media (max-width: 767px) {
    #paginaPromocion .promo-box img                                 { max-width: 100% !important; }
}

/* 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: #000000 !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 BOTĆ“N 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; }