/**
 * LA WEB PUBLICA DE FASPRO. Correcciones que aplican al sitio entero.
 *
 * Esta hoja se carga la ULTIMA en todas las paginas, y solo hace una
 * cosa: obligar a que lo que pintan el tema y los complementos use el
 * color y la letra de FASPRO, que viven en marca.css.
 *
 * No inventa nada. Aqui no hay ni un color escrito a mano: todo son
 * referencias a los nombres de marca.css. Si algun dia hay que cambiar
 * el rojo, se cambia alli y esto le sigue solo.
 *
 * Es la hoja donde ira cayendo, por fases, lo que hoy vive en el
 * fragmento gigante escrito a mano. Ese fragmento no se toca todavia.
 *
 * Creada el 24/08/2026, fase 1 de la reforma visual.
 *
 * @package FASPRO
 */


/* ==========================================================
   1. ELEMENTOR BEBE DE LA MARCA
   ==========================================================
   Elementor guarda sus colores y su letra en sus propios ajustes y los
   publica con sus propios nombres. En vez de editar sus datos (que es
   fragil y se pierde al actualizar), aqui se le dice que sus nombres
   valen lo que valen los nuestros. Resultado: la fuente unica manda de
   verdad, y los ajustes de Elementor dejan de poder descuadrarse.

   Los dos ultimos nombres, los que parecen una matricula, son los dos
   colores propios que hay guardados en el kit: el blanco y el fondo. */

:root{
  --e-global-color-accent:var(--fp-camo);
  --e-global-color-primary:var(--fp-arena);
  --e-global-color-secondary:var(--fp-desierto);
  --e-global-color-text:var(--fp-rojo);
  --e-global-color-112b384:var(--fp-blanco);
  --e-global-color-b3d4d65:var(--fp-fondo);

  --e-global-typography-primary-font-family:var(--fp-letra);
  --e-global-typography-secondary-font-family:var(--fp-letra);
  --e-global-typography-text-font-family:var(--fp-letra);
  --e-global-typography-accent-font-family:var(--fp-letra);
}


/* ==========================================================
   2. EL SEGUNDO ROJO
   ==========================================================
   El complemento Ultimate Post Kit trae su propio rojo de fabrica
   (#EF233C) metido en sus hojas. Se veia en 38 sitios de la portada,
   entre ellos los enlaces a los cursos, y no es el rojo de FASPRO.
   Como esta dentro del complemento, se actualiza cada vez que el
   complemento se actualiza: por eso no se corrige alli, se corrige
   aqui, que es nuestro.

   Van con "body" delante por una razon concreta: las hojas del
   complemento no siempre se cargan antes que la nuestra, y cuando dos
   reglas pesan lo mismo gana la ultima en llegar. Con "body" delante
   la nuestra pesa mas y gana siempre, cargue quien cargue primero. */

body .upk-paradox-slider .upk-category a,
body .upk-alice-grid .upk-category a,
body .upk-hazel-carousel .upk-blog-badge a,
body .upk-loadmore-container .upk-loadmore-btn{background-color:var(--fp-rojo)}

body .upk-paradox-slider .upk-navigation-prev:hover,
body .upk-paradox-slider .upk-navigation-next:hover,
body .upk-loadmore-container .upk-loadmore-btn:hover,
body .upk-loadmore-container .upk-ajax-loading,
body .ep-pagination .upk-pagination li:hover a,
body .ep-pagination .upk-pagination li.upk-active a{color:var(--fp-rojo);border-color:var(--fp-rojo)}


/* ==========================================================
   3. LA LETRA DE LOS BOTONES DE ELEMENTOR
   ==========================================================
   Habia un boton en la portada ("Ver todas las noticias") con otra
   letra puesta a mano dentro del propio boton. Al dejar de descargar
   esa letra, el boton se quedaba con la que eligiera el navegador. Se
   le devuelve la de FASPRO.

   Lleva "!important" a proposito, y es de las pocas veces que se
   justifica: Elementor escribe la letra de cada pieza con un nombre
   larguisimo que gana a cualquier regla normal, y la alternativa es
   editar la pagina por dentro, que es mas fragil. */

.elementor-button,
.elementor-button-content-wrapper,
.elementor-button-text{font-family:var(--fp-letra)!important}


/* ==========================================================
   4. EL FORMULARIO DE PAGO
   ==========================================================
   La pantalla de compra la monta FunnelKit, y trae dos letras propias
   metidas muy adentro: una para las etiquetas de los campos y otra
   para lo que escribe el alumno. Ninguna de las dos es la de FASPRO.
   Mientras se descargaba aquella letra la cosa colaba; al dejar de
   descargarla, esas etiquetas se quedaban con la que eligiera el
   navegador. Aqui se les devuelve la de FASPRO.

   Tambien lleva "!important", y por la misma razon que los botones:
   FunnelKit escribe esas reglas con un nombre larguisimo que gana a
   todo. El arreglo definitivo es cambiar la letra en el panel de
   FunnelKit, y se hara en la fase 2, cuando toque la zona privada.
   Esto de aqui es la tirita hasta entonces. */

body #wfacp-e-form label,
body #wfacp-e-form label abbr,
body #wfacp-e-form .wfacp-form-control-label,
body #wfacp-e-form .wfacp-form-control{font-family:var(--fp-letra)!important}

/* Y lo mismo con el resumen del pedido y los desplegables, que
   tampoco llevaban la letra de FASPRO. Esto ya venia asi de antes;
   no lo ha causado el cambio de hoy, pero se arregla de paso porque
   es la pantalla donde el alumno paga. */

body .wfacp_order_sum,
body .wfacp_order_sum *,
body .wfacp_mini_cart_item_title,
body .wfacp-coupon-label,
body .select2-selection__rendered{font-family:var(--fp-letra)!important}