/*
 * Compatibilidad con el tema del sitio de la federación (`consulting` / `consulting-child`).
 *
 * ## Por qué es un fichero aparte y no reglas dentro de `frontend-persona.css`
 *
 * 🔵 Porque son correcciones **de un tema concreto**, y las correcciones de tema metidas en la hoja
 * general se quedan ahí para siempre: nadie sabe después cuáles se podían quitar. En un fichero
 * propio, el día que la federación cambie de tema esto se borra entero y lo que queda es el diseño.
 *
 * ## Qué problema resuelve, medido el 2026-09-22
 *
 * `frontend-persona.css` está escrita para **heredar** el color del texto: pone el color en el
 * contenedor y deja que los elementos de dentro lo hereden. Eso funciona con un tema que no opine.
 * `consulting` **sí opina**: colorea `p`, `small` y `td` por elemento, así que la herencia nunca llega
 * y gana el tema. Medido con el probador de contraste sobre las pantallas del área:
 *
 * | Dónde | Color del tema | Sobre | Contraste |
 * |---|---|---|---|
 * | `p.fac-mi-area-saludo` y su `small` | `rgb(36, 50, 56)` | el marino de la cabecera | **1,18:1** |
 * | `td` de todos los listados | `rgb(153, 153, 153)` | blanco | **2,85:1** |
 *
 * 🔴 **El primero es ilegible y el segundo no llega a AA (4,5:1).** No son lo mismo y conviene no
 * confundirlos: el saludo es un fallo puro —el plugin pinta el fondo y el tema pinta la letra—; el
 * `td` a `#999` es **el color de cuerpo del propio og**, así que corregirlo es apartarse del tema a
 * propósito.
 *
 * ⚠️ **Y se corrige igualmente, con este motivo:** un calendario de fechas, lugares y nombres es la
 * carga útil de la pantalla, no texto de acompañamiento, y se lee en el móvil en el campo, que es el
 * caso de uso para el que se escribió el área. La asimetría manda: una letra más oscura de la cuenta
 * se ve el primer día y se comenta; una fecha que no se lee se confunde con otra y nadie se entera.
 *
 * ## El mecanismo, que es uno solo para los dos casos
 *
 * El contenedor declara el color y los elementos que el tema colorea **vuelven a heredar**. Donde el
 * plugin ya pinta un fondo propio —la cabecera marino, los botones granate— el contenedor ya declara
 * su `color`, así que la misma regla sirve sin caso particular.
 *
 * 🔴 **La lista de elementos es la medida, no una lista defensiva.** Añadir `span` o `strong` «por si
 * acaso» rompería los títulos de tarjeta (`.fac-area-acceso-titulo` es un `span` granate y la regla
 * genérica le ganaría en especificidad). Si aparece otro elemento con contraste bajo, se mide y se
 * añade aquí; no se adivina.
 */

.fac-mi-area,
.fac-mi-ficha,
.fac-mis-inscripciones,
.fac-mis-designaciones,
.fac-mi-sociedad,
.fac-mis-anillas,
.fac-mis-pedidos-anillas,
.fac-comprar-anillas,
.fac-mis-solicitudes-sociales,
.fac-mis-pruebas-sociales,
.fac-solicitar-social,
.fac-calendario,
.fac-jornadas-anillamiento,
.fac-competicion-datos-card,
.fac-activar-cuenta,
.fac-login-federado,
.fac-modalidades-hub,
.fac-modalidad-detalle {
	color: var(--fac-primary);
}

.fac-mi-area p,
.fac-mi-area small,
.fac-mi-area td,
.fac-mi-ficha p,
.fac-mi-ficha small,
.fac-mi-ficha td,
.fac-mis-inscripciones p,
.fac-mis-inscripciones small,
.fac-mis-inscripciones td,
.fac-mis-designaciones p,
.fac-mis-designaciones small,
.fac-mis-designaciones td,
.fac-mi-sociedad p,
.fac-mi-sociedad small,
.fac-mi-sociedad td,
.fac-mis-anillas p,
.fac-mis-anillas small,
.fac-mis-anillas td,
.fac-mis-pedidos-anillas p,
.fac-mis-pedidos-anillas small,
.fac-mis-pedidos-anillas td,
.fac-comprar-anillas p,
.fac-comprar-anillas small,
.fac-comprar-anillas td,
.fac-mis-solicitudes-sociales p,
.fac-mis-solicitudes-sociales small,
.fac-mis-solicitudes-sociales td,
.fac-mis-pruebas-sociales p,
.fac-mis-pruebas-sociales small,
.fac-mis-pruebas-sociales td,
.fac-solicitar-social p,
.fac-solicitar-social small,
.fac-solicitar-social td,
.fac-calendario p,
.fac-calendario small,
.fac-calendario td,
.fac-jornadas-anillamiento p,
.fac-jornadas-anillamiento small,
.fac-jornadas-anillamiento td,
.fac-competicion-datos-card p,
.fac-competicion-datos-card small,
.fac-competicion-datos-card td,
.fac-activar-cuenta p,
.fac-activar-cuenta small,
.fac-activar-cuenta td,
.fac-login-federado p,
.fac-login-federado small,
.fac-login-federado td,
.fac-modalidades-hub p,
.fac-modalidades-hub small,
.fac-modalidades-hub td,
.fac-modalidad-detalle p,
.fac-modalidad-detalle small,
.fac-modalidad-detalle td {
	color: inherit;
}

/*
 * =====================================================================================================
 * El área vestida como el tema de la federación
 * =====================================================================================================
 *
 * 🔴 **Por qué, y por qué ahora (2026-10-06).** «La zona de federado no respeta para nada el estilo de la
 * FAC.» Era cierto, y tenía una causa que conviene no repetir: el diseño del área se juzgó contra la copia
 * local del sitio, y **a esa copia le faltaba el skin del tema** —`uploads/stm_uploads/skin-custom.css` y
 * `theme_options.css`, que el tema solo encola si el fichero existe—. Sin ellos el sitio sale azul marino
 * con Helvetica, y una cabecera marino con esquinas redondeadas no desentonaba con nada. En fac.es el sitio
 * es **verde, cuadrado y con Oswald**, y el área parecía otra aplicación pegada dentro.
 *
 * ## Lo que se toma del tema, medido sobre fac.es
 *
 * | Pieza | En el tema | Fuente |
 * |---|---|---|
 * | Titulares | Oswald 400, `#006634`, `letter-spacing: 1px`, raya `#00b261` de 35×6 debajo | `theme_options.css`, `skin-custom.css` |
 * | Texto oscuro | `#243238` | el color más usado del skin para texto que se lee |
 * | Campos | fondo `#cacaca`, sin borde, sin radio, `16px 30px` | `.form-control`, medido en `/contactar/` |
 * | Cajas | borde de 3px `#f2f2f2`, sin radio ni sombra | `.stm_events_grid .item_wr` |
 * | Botones | Oswald en mayúsculas con espaciado, sin radio | `.button`, `.vc_btn3` |
 *
 * ⚠️ **El botón no se copia tal cual, y es a propósito.** En el skin de producción `.button` tiene fondo
 * `rgba(248,255,252,.02)` —prácticamente transparente— con letra blanca: el botón de enviar de
 * `/contactar/` solo se ve porque está sobre una foto. Aquí los botones están sobre blanco, así que se toma
 * el verde que el skin le da al pasar por encima (`.button:hover`) como color de reposo.
 *
 * 🔴 **Todo cuelga de `body.wp-theme-consulting`**, la clase que WordPress pone al `body` según el tema
 * padre. Con otro tema estas reglas no casan con nada y el área vuelve al diseño propio de
 * `frontend-persona.css`, que es el correcto para un tema que no opina. No hace falta PHP que decida si
 * se cargan: la hoja ya va siempre con la base (`HojasDelAreaVanJuntasTest`).
 *
 * 🔵 **La familia «Oswald» va escrita, no heredada.** El tema la aplica a `h1…h6` y a `.heading-font`,
 * pero los botones, los títulos de tarjeta y las cabeceras de tabla del área no son ninguno de los dos, y
 * marcarlos con `heading-font` habría repartido una clase del tema por veinte plantillas. Si la federación
 * cambia la fuente de titulares en el personalizador, esta es la línea que hay que cambiar.
 */

body.wp-theme-consulting :is(.fac-mi-area, .fac-mi-ficha, .fac-mis-inscripciones, .fac-mis-designaciones, .fac-mi-sociedad, .fac-mis-anillas, .fac-mis-pedidos-anillas, .fac-comprar-anillas, .fac-mis-solicitudes-sociales, .fac-mis-pruebas-sociales, .fac-solicitar-social, .fac-calendario, .fac-jornadas-anillamiento, .fac-competicion-datos-card, .fac-activar-cuenta, .fac-login-federado, .fac-modalidades-hub, .fac-modalidad-detalle),
body.wp-theme-consulting .fac-modal-overlay,
body.wp-theme-consulting .fac-aviso {
	--fac-primary: #243238;
	--fac-brand: #006634;
	--fac-brand-dark: #004a26;
	--fac-brand-soft: color-mix(in srgb, #006634 7%, #fff);
	--fac-radio: 0;
	--fac-tema-titular: Oswald, Arial, sans-serif;
	--fac-tema-caja: #f2f2f2;
	--fac-tema-campo: #cacaca;
	--fac-tema-raya: #00b261;
}

/*
 * ⚠️ `.fac-aviso` va en la lista porque **también se pinta suelto**: el aviso de «inicia sesión» o «ya has
 * iniciado sesión» lo emite la clase base del shortcode sin contenedor de pantalla alrededor. Sin él, su
 * botón salía con la forma del tema y el granate de la hoja base.
 */

/* ---------------------------------------------------------------- Titulares */

/*
 * Los titulares de pantalla y de grupo son los del tema: verdes, en Oswald y con su raya debajo. Por eso
 * se quitan los bordes que les ponía la hoja base —la raya del tema ya dice «aquí empieza una sección», y
 * con las dos el título quedaba subrayado y tachado a la vez—.
 */
body.wp-theme-consulting :is(.fac-mi-ficha, .fac-mis-inscripciones, .fac-mis-designaciones, .fac-mi-sociedad, .fac-mis-anillas, .fac-mis-pedidos-anillas, .fac-comprar-anillas, .fac-mis-solicitudes-sociales, .fac-mis-pruebas-sociales, .fac-solicitar-social, .fac-jornadas-anillamiento) > h2,
body.wp-theme-consulting .fac-area-grupo > h2,
body.wp-theme-consulting .fac-mi-ficha > h3,
body.wp-theme-consulting .fac-calendario-modalidad > h3,
body.wp-theme-consulting .fac-bloque-titulo h3,
body.wp-theme-consulting .fac-modalidad-bloque > h4,
body.wp-theme-consulting :is(.fac-modalidades-cabecera, .fac-modalidad-cabecera-detalle) h2,
body.wp-theme-consulting .fac-auth-card > h2 {
	padding: 0;
	border: 0;
	font-family: var(--fac-tema-titular);
	font-weight: 400;
	letter-spacing: 1px;
	color: var(--fac-brand);
}

body.wp-theme-consulting :is(.fac-mi-ficha, .fac-mis-inscripciones, .fac-mis-designaciones, .fac-mi-sociedad, .fac-mis-anillas, .fac-mis-pedidos-anillas, .fac-comprar-anillas, .fac-mis-solicitudes-sociales, .fac-mis-pruebas-sociales, .fac-solicitar-social, .fac-jornadas-anillamiento) > h2,
body.wp-theme-consulting :is(.fac-modalidades-cabecera, .fac-modalidad-cabecera-detalle) h2 {
	margin: 0 0 1em;
	font-size: 30px;
	line-height: 36px;
}

body.wp-theme-consulting .fac-area-grupo > h2,
body.wp-theme-consulting .fac-mi-ficha > h3,
body.wp-theme-consulting .fac-calendario-modalidad > h3,
body.wp-theme-consulting .fac-bloque-titulo h3 {
	font-size: 22px;
	line-height: 28px;
}

body.wp-theme-consulting .fac-area-grupo > h2 {
	margin: 0 0 0.5em;
}

/* La raya del tema, más pegada: con su margen de 23px separaba el título de su propia sección. */
body.wp-theme-consulting :is(.fac-mi-ficha, .fac-mis-inscripciones, .fac-mis-designaciones, .fac-mi-sociedad, .fac-mis-anillas, .fac-mis-pedidos-anillas, .fac-comprar-anillas, .fac-mis-solicitudes-sociales, .fac-mis-pruebas-sociales, .fac-solicitar-social, .fac-jornadas-anillamiento) > h2::after,
body.wp-theme-consulting .fac-area-grupo > h2::after,
body.wp-theme-consulting .fac-mi-ficha > h3::after,
body.wp-theme-consulting .fac-calendario-modalidad > h3::after,
body.wp-theme-consulting .fac-bloque-titulo h3::after,
body.wp-theme-consulting .fac-modalidad-bloque > h4::after,
body.wp-theme-consulting :is(.fac-modalidades-cabecera, .fac-modalidad-cabecera-detalle) h2::after {
	margin: 10px 0 0;
}

/*
 * 🔴 **Y fuera de los titulares de sección, sin raya.** El tema la pone en **todo** `h1…h6`; dentro de
 * una tarjeta, de un bloque de campeonato o de un modal, una raya verde por cada encabezado convertía el
 * listado en un código de barras.
 */
body.wp-theme-consulting :is(.fac-bloque-campeonato-cabecera, .fac-prueba-social-cabecera, .fac-disciplinas-grupo-cabecera, .fac-modalidad-card-header, .fac-modal, .fac-auth-card) :is(h2, h3, h4)::after {
	display: none;
}

body.wp-theme-consulting :is(.fac-bloque-campeonato-cabecera, .fac-prueba-social-cabecera, .fac-modalidad-card-header, .fac-modal) :is(h2, h3) {
	font-family: var(--fac-tema-titular);
	font-weight: 400;
	letter-spacing: 1px;
	color: var(--fac-brand);
}

body.wp-theme-consulting .fac-modalidad-card-header h3 a {
	color: inherit;
}

/* ---------------------------------------------------------------- Listas */

/*
 * El tema pone a todo `li` dentro de `.wpb_text_column` un sangrado de 37px y un icono de su fuente
 * `stm`. En las listas del área —que son rejillas de tarjetas, de casillas o de etiquetas— eso salía
 * como un cuadradito a la izquierda de cada tarjeta, y en la copia local, sin la fuente, como un hueco.
 */
body.wp-theme-consulting :is(.fac-area-accesos, .fac-disciplinas-lista, .fac-submenu-modalidades, .fac-submenu-modalidad-acciones) > li {
	margin: 0;
	padding: 0;
}

body.wp-theme-consulting :is(.fac-area-accesos, .fac-disciplinas-lista, .fac-submenu-modalidades, .fac-submenu-modalidad-acciones) > li::before {
	content: none;
	display: none;
}

/* ---------------------------------------------------------------- Mi área */

/*
 * La cabecera deja de ser una banda marino: en el sitio no hay ninguna, y era lo primero que se veía al
 * entrar. Queda como las cajas del tema —gris claro, cuadrada— con el saludo en su titular.
 */
body.wp-theme-consulting .fac-mi-area-cabecera {
	align-items: center;
	padding: 18px 24px;
	background: var(--fac-tema-caja);
	color: var(--fac-primary);
}

body.wp-theme-consulting .fac-mi-area-saludo {
	font-family: var(--fac-tema-titular);
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1.3;
	color: var(--fac-brand);
}

body.wp-theme-consulting .fac-mi-area-saludo small {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 13px;
	letter-spacing: 0;
	color: var(--fac-primary);
	opacity: 0.8;
}

body.wp-theme-consulting .fac-area-grupo-para-que {
	margin-left: 0;
}

body.wp-theme-consulting .fac-area-acceso {
	padding: 18px 20px;
	border: 3px solid var(--fac-tema-caja);
	background: #fff;
	transition: border-color 0.2s ease;
}

body.wp-theme-consulting .fac-area-acceso:hover,
body.wp-theme-consulting .fac-area-acceso:focus-visible {
	border-color: var(--fac-brand);
	box-shadow: none;
	transform: none;
	text-decoration: none;
}

body.wp-theme-consulting .fac-area-acceso-titulo {
	font-family: var(--fac-tema-titular);
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 1px;
	color: var(--fac-brand);
}

/* ---------------------------------------------------------------- Botones */

/*
 * Dos botones, como en el tema: el **principal**, verde, y el **secundario**, el gris de `.vc_btn3`. Las
 * reglas repiten los selectores de la hoja base porque cada botón del área tiene el suyo; unificarlos en
 * una clase es una refactorización de plantillas que no hace falta para vestirlos.
 */
body.wp-theme-consulting :is(.fac-boton, .fac-boton--bloque, .fac-filtro button, .fac-comprar-anillas button[type="submit"], .fac-solicitar-social button[type="submit"], .fac-mis-pruebas-sociales button[type="submit"], .fac-comprar-anillas input[type="submit"], .fac-solicitar-social input[type="submit"]),
body.wp-theme-consulting .fac-login-federado #fac_loginform #fac_wp_submit {

	/* 10 arriba y 12 abajo, por lo mismo que los recuadros del selector: con 12/10 el texto bajaba 2px. */
	padding: 10px 26px 12px;
	border: 0;
	border-radius: 0;
	background: var(--fac-brand);
	color: #fff;
	font-family: var(--fac-tema-titular);
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: none;
	transition: background 0.2s ease;
}

body.wp-theme-consulting :is(.fac-boton, .fac-boton--bloque, .fac-filtro button, .fac-comprar-anillas button[type="submit"], .fac-solicitar-social button[type="submit"], .fac-mis-pruebas-sociales button[type="submit"], .fac-comprar-anillas input[type="submit"], .fac-solicitar-social input[type="submit"]):is(:hover, :focus-visible),
body.wp-theme-consulting .fac-login-federado #fac_loginform #fac_wp_submit:is(:hover, :focus-visible) {
	background: var(--fac-primary);
	color: #fff;
	box-shadow: none;
	transform: none;
	text-decoration: none;
}

/*
 * 🔵 **El relleno va 6 arriba y 8 abajo, no al revés.** Las mayúsculas de Oswald quedan bajas en su línea:
 * con 8/6 —el del tema— el texto salía 2px por debajo del centro del recuadro (14,7px de hueco arriba
 * y 10,7 abajo, medido con las métricas de la fuente el 2026-10-09). Con 6/8 quedan 12,7 y 12,7.
 */
body.wp-theme-consulting :is(.fac-mi-area-cabecera .fac-salir, .fac-paginacion-enlace, .fac-calendario-temporadas a, .fac-modalidad-calendarios a) {
	padding: 6px 16px 8px;
	border: 0;
	border-radius: 0;
	background: #ebebeb;
	color: #666;
	font-family: var(--fac-tema-titular);
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
}

body.wp-theme-consulting :is(.fac-mi-area-cabecera .fac-salir, .fac-paginacion-enlace, .fac-calendario-temporadas a, .fac-modalidad-calendarios a):is(:hover, :focus-visible) {
	background: #dcdcdc;
	color: var(--fac-primary);
	border-color: transparent;
	text-decoration: none;
}

/* La temporada en la que se está: el mismo botón, en verde, porque es el «aquí» del selector. */
body.wp-theme-consulting :is(.fac-calendario-temporadas strong, .fac-modalidad-calendarios strong) {
	padding: 6px 16px 8px;
	border: 0;
	border-radius: 0;
	background: var(--fac-brand);
	color: #fff;
	font-family: var(--fac-tema-titular);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;

	/* En mayúsculas como sus vecinos: sin esto la sección activa era la única en minúsculas. */
	text-transform: uppercase;
}

/* ---------------------------------------------------------------- Campos */

body.wp-theme-consulting :is(.fac-comprar-anillas, .fac-solicitar-social, .fac-filtro, .fac-formulario, .fac-modalidades-selector-rapido, .fac-auth-form) :is(input:not([type="checkbox"], [type="radio"], [type="submit"], [type="hidden"]), select, textarea),
body.wp-theme-consulting .fac-login-federado #fac_loginform :is(input[type="text"], input[type="password"]) {
	min-height: 49px;
	padding: 14px 20px 13px;
	border: 0;
	border-radius: 0;
	background: var(--fac-tema-campo);
	color: var(--fac-primary);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 14px;
	box-shadow: none;
}

body.wp-theme-consulting :is(.fac-comprar-anillas, .fac-solicitar-social, .fac-filtro, .fac-formulario, .fac-modalidades-selector-rapido, .fac-auth-form) :is(input, select, textarea):focus,
body.wp-theme-consulting .fac-login-federado #fac_loginform input:focus {
	outline: 0;
	background: #fff;
	box-shadow: 0 0 0 2px var(--fac-primary);
}

body.wp-theme-consulting .fac-auth-form .fac-campo input:hover,
body.wp-theme-consulting .fac-login-federado #fac_loginform input:hover {
	background: var(--fac-tema-campo);
}

/* ---------------------------------------------------------------- Cajas */

body.wp-theme-consulting :is(.fac-filtro, .fac-modalidades-selector-rapido, .fac-aviso) {
	border: 0;
	background: var(--fac-tema-caja);
}

body.wp-theme-consulting .fac-aviso {
	border-left: 4px solid var(--fac-accent);
	color: var(--fac-primary);
}

/* El `#777` del tema sobre el gris de la caja da 4,0:1, por debajo de AA: mismo motivo que arriba. */
body.wp-theme-consulting .fac-aviso p {
	color: inherit;
}

body.wp-theme-consulting .fac-aviso--exito {
	border-left-color: var(--fac-tema-raya);
}

body.wp-theme-consulting :is(.fac-formulario .fac-campos, .fac-prueba-social, .fac-modalidad-card, .fac-funcionalidad-item, .fac-auth-card, .fac-modal) {
	border: 3px solid var(--fac-tema-caja);
	border-radius: 0;
	box-shadow: none;
}

body.wp-theme-consulting :is(.fac-modalidad-card, .fac-auth-card) {
	border-top: 3px solid var(--fac-brand);
}

body.wp-theme-consulting .fac-modalidad-card:hover {
	transform: none;
	box-shadow: none;
	border-color: var(--fac-brand);
}

body.wp-theme-consulting .fac-formulario .fac-campos legend,
body.wp-theme-consulting .fac-auth-badge {
	font-family: var(--fac-tema-titular);
	font-weight: 400;
	letter-spacing: 1px;
	color: var(--fac-brand);
}

body.wp-theme-consulting :is(.fac-submenu-modalidades, .fac-submenu-modalidad-acciones) {
	border-radius: 0;
	box-shadow: none;
}

/* ---------------------------------------------------------------- Tablas */

body.wp-theme-consulting .fac-listado thead th {
	background: var(--fac-tema-caja);
	border-bottom: 0;
	font-family: var(--fac-tema-titular);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	color: var(--fac-primary);
}

body.wp-theme-consulting :is(.fac-datos, .fac-listado) :is(th, td) {
	border-bottom-color: #e6e6e6;
}

@media (max-width: 39.99em) {
	body.wp-theme-consulting .fac-listado tr {
		border: 3px solid var(--fac-tema-caja);
		border-left: 3px solid var(--fac-brand);
	}
}

/* ---------------------------------------------------------------- Estados y etiquetas */

/*
 * 🔴 **El estado adverso no puede heredar el color de marca.** En la hoja base «adverso» se pinta con el
 * granate, que era la marca; aquí la marca es el verde, y heredarla pintaría una inscripción rechazada
 * del mismo color que una aceptada. Va con el rojo secundario del tema (`#e5452b`).
 */
body.wp-theme-consulting .fac-estado {
	border-radius: 2px;
}

body.wp-theme-consulting .fac-estado--adverso {
	color: color-mix(in srgb, var(--fac-accent) 75%, #000);
	border-color: color-mix(in srgb, var(--fac-accent) 45%, transparent);
	background: color-mix(in srgb, var(--fac-accent) 8%, #fff);
}

/* Las etiquetas, como las `category-badge` del tema hijo: granate, cuadradas y con letra blanca. */
body.wp-theme-consulting .fac-badge-tag {
	border-radius: 4px;
}

body.wp-theme-consulting .fac-badge-tag--destacado {
	border-color: #912c34;
	background: #912c34;
	color: #fff;
}

/* La marca de «activa» la pone el borde izquierdo; la caja del tema no debe borrarla. */
body.wp-theme-consulting .fac-funcionalidad-item--activa {
	border-left-color: var(--fac-tema-raya);
}