/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1783939137
Updated: 2026-07-13 12:38:57

*/

/*
 * Casilla de aceptación de los formularios.
 *
 * Sin esto sale la casilla azul por defecto del navegador, que desentona con el
 * fondo oscuro. Se usa `accent-color` en vez de reconstruir la casilla con
 * pseudoelementos: mantiene el control nativo, y con él el foco por teclado y
 * el comportamiento con lectores de pantalla.
 */
.elementor-field-type-acceptance input[type="checkbox"] {
	accent-color: var(--e-global-color-blime, #7ab302);
	width: 1.05em;
	height: 1.05em;
	margin-inline-end: 0.55em;
	vertical-align: -0.15em;
	cursor: pointer;
}

.elementor-field-type-acceptance input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--e-global-color-bgreen, #39FF6A);
	outline-offset: 2px;
}

.elementor-field-type-acceptance label {
	cursor: pointer;
}

/* ---------------------------------------------------------------------------
 * Selector de idioma de la cabecera
 *
 * WPML lo saca con su plantilla «legacy list horizontal», que trae fondo blanco
 * y texto gris: sobre la cabecera oscura canta muchísimo. Aquí se reescribe
 * entero para que herede la identidad del sitio.
 *
 * Se muestran los códigos (ES · CA · EN · DE) en lugar de los nombres nativos.
 * Con cuatro idiomas, «Español Català English Deutsch» no cabe en una cabecera
 * que ya lleva logo, menú de seis entradas y el botón de Contacta. No se pierde
 * accesibilidad: cada enlace lleva su `aria-label` («Cambiar a Español»), que es
 * lo que anuncian los lectores de pantalla, no el texto visible.
 *
 * Tampoco se usan banderas, y es deliberado: representan países, no idiomas.
 * El catalán no tiene bandera, el inglés no es solo el Reino Unido y el alemán
 * es DE, AT y CH.
 * ------------------------------------------------------------------------- */

.pj-selector-idioma .wpml-ls {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
}

.pj-selector-idioma .wpml-ls ul {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pj-selector-idioma .wpml-ls-item {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	background: none;
	white-space: nowrap;
}

/* Separador fino entre idiomas, salvo antes del primero. */
.pj-selector-idioma .wpml-ls-item + .wpml-ls-item::before {
	content: "";
	display: block;
	width: 1px;
	height: 0.9em;
	margin: 0 0.65em;
	background: var(--e-global-color-pjmuted, #9BA8A2);
	opacity: 0.35;
}

.pj-selector-idioma .wpml-ls-link,
.pj-selector-idioma .wpml-ls-link:link,
.pj-selector-idioma .wpml-ls-link:visited {
	display: inline-block;
	padding: 0;
	background: none;
	font-family: "Space Grotesk", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--e-global-color-pjmuted, #9BA8A2);
	transition: color 0.18s ease;
}

.pj-selector-idioma .wpml-ls-link:hover,
.pj-selector-idioma .wpml-ls-link:focus-visible {
	color: var(--e-global-color-btext, #EFFFF2);
	background: none;
}

.pj-selector-idioma .wpml-ls-link:focus-visible {
	outline: 2px solid var(--e-global-color-bgreen, #39FF6A);
	outline-offset: 3px;
	border-radius: 2px;
}

/* Idioma activo: en verde de marca y sin enlace aparente. */
.pj-selector-idioma .wpml-ls-current-language > .wpml-ls-link,
.pj-selector-idioma .wpml-ls-current-language > .wpml-ls-link:link {
	color: var(--e-global-color-blime, #7ab302);
	cursor: default;
}

/*
 * Sustitución del nombre nativo por el código de idioma.
 * `font-size: 0` oculta el texto visualmente pero lo mantiene en el documento;
 * el nombre accesible lo da el `aria-label` del enlace, así que no se degrada
 * la accesibilidad.
 */
.pj-selector-idioma .wpml-ls-native,
.pj-selector-idioma .wpml-ls-display {
	font-size: 0;
	letter-spacing: 0;
}

.pj-selector-idioma .wpml-ls-native::after {
	font-size: 13px;
	letter-spacing: 0.08em;
}

.pj-selector-idioma .wpml-ls-item-es .wpml-ls-native::after { content: "ES"; }
.pj-selector-idioma .wpml-ls-item-ca .wpml-ls-native::after { content: "CA"; }
.pj-selector-idioma .wpml-ls-item-en .wpml-ls-native::after { content: "EN"; }
.pj-selector-idioma .wpml-ls-item-de .wpml-ls-native::after { content: "DE"; }

/* En móvil el selector va dentro del menú desplegable, con algo más de aire. */
@media (max-width: 767px) {
	.pj-selector-idioma .wpml-ls-link {
		font-size: 14px;
	}
	.pj-selector-idioma .wpml-ls-item + .wpml-ls-item::before {
		margin: 0 0.8em;
	}
}

/*
 * Colores del selector: hace falta más especificidad.
 *
 * Elementor genera en el CSS de la cabecera (post-134.css) la regla
 * `.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item
 * .wpml-ls-link`, con el color global de texto. Son cuatro clases, y además esa
 * hoja se carga después que esta, así que ganaba a las reglas de arriba y todos
 * los idiomas salían del mismo color. Se encadena `.elementor-widget` para
 * sumar una clase más y ganar sin recurrir a `!important`.
 */
.pj-selector-idioma.elementor-widget .wpml-elementor-ls .wpml-ls-item .wpml-ls-link {
	color: var(--e-global-color-pjmuted, #9BA8A2);
}

.pj-selector-idioma.elementor-widget .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:hover,
.pj-selector-idioma.elementor-widget .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:focus-visible {
	color: var(--e-global-color-btext, #EFFFF2);
}

.pj-selector-idioma.elementor-widget .wpml-elementor-ls .wpml-ls-current-language .wpml-ls-link {
	color: var(--e-global-color-blime, #7ab302);
}