/*
 * Paridad visual con producción: botones de Elementor con tipografía propia.
 *
 * Elementor 3.21 (producción) escribe `line-height`, `letter-spacing` y `word-spacing` con
 * `var(--e-global-typography-<id>-<propiedad>)` apuntando a variables que no existen; el navegador
 * los trata como `unset` y el botón hereda esos valores del contenedor. Elementor 4 omite esas
 * líneas, así que aplica el kit (`letter-spacing: 2px`) y `.elementor-button { line-height: 1 }`
 * y el botón cambia de alto y de ancho. Esta hoja repite el resultado de producción para los
 * botones afectados. Selectores generados a partir del CSS de producción de /talleres/,
 * /talleres-portada/*, /pladeco-*, /vive-las-condes/deportes/gimnasio-comunal/ y
 * /las-condes-verde/medio-ambiente-y-aseo/.
 */
body .elementor-11184 .elementor-element.elementor-element-e612ffd .elementor-button,
body .elementor-17112 .elementor-element.elementor-element-e281b75 .elementor-button,
body .elementor-54143 .elementor-element.elementor-element-6d5d392 .elementor-button,
body .elementor-54143 .elementor-element.elementor-element-77ade58 .elementor-button,
body .elementor-54143 .elementor-element.elementor-element-ccb91d9 .elementor-button,
body .elementor-54143 .elementor-element.elementor-element-e9e6ea4 .elementor-button,
body .elementor-54148 .elementor-element.elementor-element-e9e6ea4 .elementor-button,
body .elementor-54176 .elementor-element.elementor-element-e9e6ea4 .elementor-button,
body .elementor-54182 .elementor-element.elementor-element-e9e6ea4 .elementor-button,
body .elementor-54188 .elementor-element.elementor-element-e9e6ea4 .elementor-button,
body .elementor-54194 .elementor-element.elementor-element-91e47c8 .elementor-button,
body .elementor-68644 .elementor-element.elementor-element-3608b59 .elementor-button,
body .elementor-68644 .elementor-element.elementor-element-4c56ae4 .elementor-button,
body .elementor-68644 .elementor-element.elementor-element-5864089 .elementor-button,
body .elementor-68644 .elementor-element.elementor-element-63295aa .elementor-button,
body .elementor-68644 .elementor-element.elementor-element-799eaf1 .elementor-button,
body .elementor-68644 .elementor-element.elementor-element-99d16d0 .elementor-button,
body .elementor-68644 .elementor-element.elementor-element-b390f87 .elementor-button,
body .elementor-68644 .elementor-element.elementor-element-ecf5ff2 .elementor-button,
body .elementor-71755 .elementor-element.elementor-element-6d5d392 .elementor-button,
body .elementor-71755 .elementor-element.elementor-element-77ade58 .elementor-button,
body .elementor-71755 .elementor-element.elementor-element-ccb91d9 .elementor-button,
body .elementor-71755 .elementor-element.elementor-element-e9e6ea4 .elementor-button,
body .elementor-74433 .elementor-element.elementor-element-4c56ae4 .elementor-button,
body .elementor-74433 .elementor-element.elementor-element-63295aa .elementor-button,
body .elementor-74433 .elementor-element.elementor-element-b390f87 .elementor-button,
body .elementor-74433 .elementor-element.elementor-element-ecf5ff2 .elementor-button,
body .elementor-8111 .elementor-element.elementor-element-43282e9 .elementor-button {
	line-height: inherit;
	letter-spacing: inherit;
	word-spacing: inherit;
}

/*
 * Botón de Elementor con ícono: Elementor 3.21 (producción) lo dibuja como bloque con margen de 5px
 * y 4.3.6 como flex con `gap`. El ícono mide 9px en producción y 8px en local, y cada botón
 * (y cada fila de tabla que lo contiene) cambia de alto. Se vuelve al diseño de producción.
 */
.elementor-button .elementor-button-content-wrapper {
	gap: 0;
}

.elementor-button .elementor-button-icon {
	display: block;
}

/* Elementor 4 ya no emite `elementor-align-icon-left/right` en el ícono: se usa su posición en el DOM. */
.elementor-button .elementor-button-icon:first-child {
	margin-right: 5px;
}

.elementor-button .elementor-button-icon:not(:first-child) {
	margin-left: 5px;
}

/*
 * Essential Addons, lista de características vertical: producción pone padding arriba y abajo de 7,5px
 * en los ítems intermedios; la versión nueva solo pone padding-bottom. La columna mide 371px en producción
 * y 333px en local.
 */
.eael-feature-list-items.eael-feature-list-vertical .eael-feature-list-item:not(:first-child) {
	padding-top: 7.5px;
}

.elementor .elementor-element .eael-feature-list-items.eael-feature-list-vertical .eael-feature-list-item.eael-feature-list-item:last-child {
	padding-bottom: 0;
}

/*
 * ElementsKit 4.1.0 pone line-height 1 en `.icon::before` y 3.1.1 (producción) en `.icon`. Sin esa
 * regla el <i> hereda 1,5 x 20px y los íconos de redes sociales miden 30px en local frente a 23px.
 */
.ekit-wid-con .icon,
.ekit-wid-con .fasicon {
	line-height: 1;
}

/*
 * Image Box de Elementor 4: la imagen pasa a block con line-height 0. En producción es inline y deja
 * 7,5px de línea base bajo la imagen, así que cada widget mide 157,5px y en local 150px.
 */
.elementor-widget-image-box .elementor-image-box-img img {
	display: inline;
	line-height: inherit;
}

/*
 * Premium Addons, lista de viñetas: el CSS regenerado en local trae `font-size: 14px` en
 * `.premium-bullet-text`; producción no lo aplica al <span>, que queda en 15px. La columna mide
 * 451px en local frente a 389px.
 */
/* Acotado al widget de /beneficios/financiamiento-de-proyectos/fondos-concursables-...: en otras páginas el tamaño viene del CSS del post. */
.elementor-10451 .elementor-element-af71e99 .premium-bullet-list-text-wrapper > .premium-bullet-text {
	font-size: inherit !important;
}

/*
 * Infobox de Essential Addons: la descripción trae un bloque pegado desde Excel
 * (`.formula-bar-with-name-box-wrapper`). En producción el <div> interno parte el <p> y deja dos <p>
 * vacíos con margin-bottom de 15px; la versión nueva usa <div> y esos márgenes no existen
 * (200,5px frente a 180,5px). Es específico de ese contenido.
 */
.eael-infobox .infobox-content > div:has(> .formula-bar-with-name-box-wrapper) {
	margin: 15px 0;
}

/*
 * DataTables: producción carga `elementskit-lite/widgets/init/assets/css/widget-styles.css` (3.1.1) con
 * las reglas básicas de la tabla; ElementsKit 4.1.0 no la carga en estas páginas. Sin ellas la cabecera
 * mide 116px en local frente a 103px y el buscador 51px frente a 71px, y DataTables fija mal los anchos
 * de columna al iniciarse. Esta hoja se carga en el <head>, antes de que el script inicialice la tabla.
 */
table.dataTable {
	width: 100%;
	margin: 0 auto;
	clear: both;
	border-collapse: separate;
	border-spacing: 0;
}

table.dataTable thead td,
table.dataTable thead th {
	padding: 10px 18px;
	border-bottom: 1px solid #111;
}

table.dataTable tfoot td,
table.dataTable tfoot th {
	padding: 10px 18px 6px;
}

table.dataTable,
table.dataTable td,
table.dataTable th {
	box-sizing: content-box;
}

.dataTables_wrapper .dataTables_filter input {
	margin-left: 0.5em;
}

.dataTables_wrapper .dataTables_filter {
	padding-bottom: 20px;
}

table.dataTable tbody tr {
	background-color: #fff;
}

table.dataTable tbody tr.odd,
table.dataTable.stripe tbody tr.odd {
	background-color: #f9f9f9;
}

table.dataTable tbody tr:hover,
table.dataTable.hover tbody tr:hover {
	background-color: #f6f6f6;
}

table.dataTable tbody tr > .sorting_1 {
	background-color: #fafafa;
}

table.dataTable tbody tr.odd > .sorting_1 {
	background-color: #f1f1f1;
}

/*
 * Pestañas de Elementor (n-tabs): en producción `.e-n-tab-title` anula las reglas del kit para botones
 * (font-size 8px, letter-spacing 2px); en local aplican y las pestañas se parten en dos filas (96px
 * frente a 48px). Producción además emite un <span class="e-n-tab-icon"> vacío con gap de 5px que la
 * versión nueva no emite, así que cada pestaña mide 5px menos.
 */
.elementor-widget-n-tabs .e-n-tab-title {
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}

.elementor-widget-n-tabs .e-n-tab-title:not(:has(> .e-n-tab-icon)) > .e-n-tab-title-text {
	margin-inline-start: 5px;
}

/*
 * Icon Box de Elementor 4 con ícono arriba (`block-start`): el wrapper es flex en columna y el ícono
 * tiene line-height 0. En producción es block y el ícono mide 47,5px por la línea base (89,1px frente
 * a 81,6px por widget). Se limita a `block-start`: aplicarlo a todos los icon-box desplazó otras páginas.
 */
.elementor-widget-icon-box.elementor-position-block-start .elementor-icon-box-wrapper {
	display: block;
}

.elementor-widget-icon-box.elementor-position-block-start .elementor-icon-box-icon {
	line-height: inherit;
}

/*
 * Infobox de Essential Addons 6.8.8: la clase de alineación pasa de `eael-infobox-content-align-center` a
 * `eael-infobox-content-align--center` (doble guion) y las reglas de centrado de 5.9.15 dejan de aplicarse
 * (el botón empieza en x=429 en local y en x=512, centrado, en producción). Además el CSS regenerado del post
 * añade `align-self: center` al ícono, que en producción no existe y desplaza la imagen 60px.
 */
.eael-infobox-content-align--center .eael-infobox .infobox-icon,
.eael-infobox-content-align--center .eael-infobox .infobox-content,
.eael-infobox-content-align--center .eael-infobox .infobox-button {
	text-align: center;
}

body .elementor .elementor-element.elementor-widget-eael-info-box .eael-infobox .infobox-icon {
	align-self: auto;
}

/*
 * Acordeón de ElementsKit: en producción el <i> del ícono es block, flotante a la derecha y con la fuente
 * `elementskit`; en local `.elementor *` del tema hijo le fuerza Cygre y el ícono queda 2px más abajo y con
 * otro alto (24px frente a 16px). Hace falta !important para vencer a esa regla.
 */
html body .ekit-wid-con .ekit_accordion_icon_group i {
	font-family: elementskit !important;
	display: block;
	float: right;
}

/*
 * Loop Carousel de Elementor Pro (sección "Más noticias"): con la estructura nueva sin .elementor-widget-container
 * el .swiper-pagination deja de ser hijo directo de .swiper, no recibe left:0; width:100% de Swiper y los
puntos quedan pegados a la izquierda (x≈120) en vez de centrados bajo el carrusel como en producción.
 */
html body .elementor-widget-loop-carousel .swiper-pagination.swiper-pagination-bullets {
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	transform: none;
}