/* ==========================================================================
   Eleccon — Overrides de marca
   --------------------------------------------------------------------------
   Colores propios de Eleccon S.A tomados del logo. Este archivo se carga
   DESPUÉS de la plantilla Induyst (base/style/responsive), así que sus
   variables ganan sin tocar los archivos originales. Si algún día se
   actualiza la plantilla, la marca no se pierde: todo vive aquí.
   ========================================================================== */

:root {
	/* Acento principal: azul eléctrico del logo (antes ámbar #ffc34e) */
	--pbmit-global-color: #12A9E0;
	--pbmit-global-color-rgb: 18, 169, 224;

	/* Hover de enlaces = mismo azul de marca */
	--pbmit-link-color-hover: #12A9E0;

	/* Acento secundario puntual: rojo vino de los rombos del logo.
	   No cambia nada por sí solo; disponible para detalles específicos. */
	--eleccon-accent-2: #9E1B1B;
	--eleccon-accent-2-rgb: 158, 27, 27;

	/* Base oscura: navy azulado del texto del logo (antes #16222d) */
	--pbmit-secondary-color: #141a4d;
	--pbmit-blackish-color: #141a4d;
	--pbmit-blackish-color-rgb: 20, 26, 77;
	--pbmit-link-color-normal: #141a4d;
	--pbmit-heading-color: #141a4d;
}

/* Navy hardcodeado en la plantilla (no usa la variable) */
.pbmit-heading-subheading .pbmit-title {
	color: #141a4d;
}
.pbmit-btn .pbmit-button-text {
	text-shadow: 0 0 #141a4d, 0 22px #141a4d;
}
.pbmit-btn:hover .pbmit-button-text {
	text-shadow: 0 -22px #141a4d, 0 0 #141a4d;
}

/* ==========================================================================
   Clientes — sin efecto de "swap" de logos
   --------------------------------------------------------------------------
   La plantilla desliza un 2º logo en hover (para gris→color con dos imágenes
   distintas). Aquí ambas imágenes son el mismo logo, y la de hover no tenía
   límite de tamaño => aparecía gigante y se desbordaba de la tarjeta.
   Ocultamos ese swap y dejamos un hover sobrio: gris/atenuado -> color.
   ========================================================================== */
.pbmit-client-style-1 .pbmit-client-hover-img {
	display: none;
}
.pbmit-client-style-1 .pbmit-client-with-hover-img .pbmit-featured-wrapper,
.pbmit-client-style-1:hover .pbmit-client-with-hover-img .pbmit-featured-wrapper {
	transform: none;
}
.pbmit-client-style-1 .pbmit-featured-wrapper img {
	filter: grayscale(1);
	opacity: .65;
	transition: filter .3s ease, opacity .3s ease;
}
.pbmit-client-style-1:hover .pbmit-featured-wrapper img {
	filter: grayscale(0);
	opacity: 1;
}

/* ==========================================================================
   Paginador (proyectos)
   ========================================================================== */
.eleccon-pagination {
	margin-top: 50px;
	display: flex;
	justify-content: center;
}
.eleccon-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.eleccon-pagination a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 46px;
	height: 46px;
	padding: 0 12px;
	border-radius: 8px;
	border: 1px solid rgba(var(--pbmit-blackish-color-rgb), .15);
	color: var(--pbmit-blackish-color);
	font-weight: 600;
	text-decoration: none;
	transition: all .2s ease;
}
.eleccon-pagination a:hover {
	border-color: var(--pbmit-global-color);
	background: var(--pbmit-global-color);
	color: #fff;
}
.eleccon-pagination li.active a {
	border-color: var(--pbmit-global-color);
	background: var(--pbmit-global-color);
	color: #fff;
}
.eleccon-pagination li.disabled a {
	opacity: .4;
	pointer-events: none;
}

/* Contacto: email y teléfono son links y heredaban un color oscuro que
   desaparecía sobre el fondo navy. Ahora heredan el MISMO gris que la
   dirección y el horario (coherencia), con blanco sutil al pasar el mouse. */
.contact-form-right-box .pbmit-heading-desc a {
	color: inherit;
}
.contact-form-right-box .pbmit-heading-desc a:hover {
	color: #fff;
}

/* Crédito "Desarrollado por..." en el pie (reemplaza las redes en esa barra). */
.pbmit-footer-developed-area a {
	color: var(--pbmit-global-color);
}
.pbmit-footer-developed-area a:hover {
	color: #fff;
}

/* Ancla de la lista de proyectos: al filtrar/paginar el navegador cae en la
   grilla en vez del hero. El offset evita que el header fijo tape la sección. */
#proyectos-lista,
#servicio-detalle {
	scroll-margin-top: 120px;
}

/* Muescas blancas decorativas de la plantilla (esquina imagen/caja): en nuestro
   layout caen encima del texto de la descripción y lo tapan con un bloque blanco.
   Se ocultan porque no aportan nada aquí y estorban la lectura. */
.about-two-img::before,
.about-two-img::after {
	display: none !important;
}