/* Temporal: ocultar switch de modo claro/oscuro (mu-plugin ruah-theme-toggle). Borrar esta regla para volver a mostrarlo. */
.ruah-theme-toggle { display: none !important; }

/* Pastillas (clase global chip): celeste al pasar el mouse. */
.elementor .chip {
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.elementor .chip:hover {
	background-color: var(--c-brand-soft, #EAF2FF);
	border-color: var(--c-brand, #187CFE);
	color: var(--c-brand-deep, #0B5BC7);
}

/* Tarjetas (card-list + card-service): de 2 en 2 en todo el sitio. El gap es 34px, así que cada tarjeta ocupa 50% - 17px. */
@media (min-width: 768px) {
	.elementor .card-list > .card-service {
		flex: 1 1 calc(50% - 17px);
	}
}

/* Home > Por qué Ruah Media: tiene el mismo fondo que Servicios, así que se quita el padding superior para no duplicar el espacio. */
.elementor .elementor-element.elementor-element-f623cf2 {
	padding-top: 0;
}

/* Secciones de Proceso (step-list) en todo el sitio: al pasar el mouse sobre un paso, su imagen cubre el fondo de toda la sección y el paso se marca en azul semitransparente. Imágenes de prueba al final. */
.elementor .section:has(.step-list) {
	isolation: isolate;
	overflow: hidden;
	transition: --proceso-bg 0s linear .6s allow-discrete;
}
.elementor .section:has(.step-list)::before {
	content: "";
	position: absolute;
	inset: 0;
	width: auto;
	height: auto;
	z-index: -1;
	background: linear-gradient(rgba(6, 10, 18, 0.62), rgba(6, 10, 18, 0.8)), var(--proceso-bg, none) center / cover no-repeat;
	opacity: 0;
	transition: opacity .4s ease .15s;
}
.elementor .section:has(.step-list):has(.step-item:hover) {
	transition-delay: 0s;
}
.elementor .section:has(.step-list):has(.step-item:hover)::before {
	opacity: 1;
	transition-delay: 0s;
}
/* Precarga de las imágenes (cada sección define las suyas abajo). */
.elementor .section:has(.step-list)::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
	background-image: var(--proceso-preload, none);
}
.elementor .section:has(.step-list) :is(.h2, .h3, .small, .card-index, .eyebrow .e-paragraph-base) {
	transition: color .4s ease .15s;
}
.elementor .section:has(.step-list):has(.step-item:hover) :is(.h2, .h3, .small) {
	color: #FFFFFF;
	transition-delay: 0s;
}
.elementor .section:has(.step-list):has(.step-item:hover) :is(.card-index, .eyebrow .e-paragraph-base) {
	color: #9CC5FF;
	transition-delay: 0s;
}
.elementor .step-list > .step-item {
	isolation: isolate;
	box-sizing: border-box;
	padding: 16px 20px 20px;
}
.elementor .step-list > .step-item::before {
	content: "";
	position: absolute;
	inset: 0;
	width: auto;
	height: auto;
	z-index: -1;
	background-color: rgba(11, 91, 199, 0.7);
	opacity: 0;
	transition: opacity .3s ease;
}
.elementor .step-list > .step-item:hover::before {
	opacity: 1;
}
.elementor .section:has(.step-list) .step-list > .step-item:hover .card-index {
	color: rgba(255, 255, 255, 0.85);
}

/* Proceso: Producción de video */
.elementor .elementor-element-850d445 { --proceso-preload: url("/wp-content/uploads/2026/09/estudio-ciclorama-produccion-audiovisual-managua.jpg"), url("/wp-content/uploads/2026/09/equipo-ruah-media-toma-rocas-playa-nicaragua.jpg"), url("/wp-content/uploads/2026/09/poster-bts-dia-de-rodaje.jpg"), url("/wp-content/uploads/2026/09/equipo-ruah-media-revisando-tomas-rodaje-nicaragua.jpg"); }
.elementor .elementor-element-850d445:has(.elementor-element-dd53a21:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/estudio-ciclorama-produccion-audiovisual-managua.jpg"); }
.elementor .elementor-element-850d445:has(.elementor-element-63028ed:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/equipo-ruah-media-toma-rocas-playa-nicaragua.jpg"); }
.elementor .elementor-element-850d445:has(.elementor-element-d111a0c:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/poster-bts-dia-de-rodaje.jpg"); }
.elementor .elementor-element-850d445:has(.elementor-element-7a7d759:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/equipo-ruah-media-revisando-tomas-rodaje-nicaragua.jpg"); }

/* Proceso: Servicios */
.elementor .elementor-element-5be94bb { --proceso-preload: url("/wp-content/uploads/2026/09/equipo-produccion-video-ruah-media.jpg"), url("/wp-content/uploads/2026/09/equipo-ruah-media-toma-rocas-playa-nicaragua.jpg"), url("/wp-content/uploads/2026/09/poster-bts-dia-de-rodaje.jpg"), url("/wp-content/uploads/2026/09/estudio-grabacion-video-producto-managua-ruah-media.jpg"); }
.elementor .elementor-element-5be94bb:has(.elementor-element-873d522:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/equipo-produccion-video-ruah-media.jpg"); }
.elementor .elementor-element-5be94bb:has(.elementor-element-4b40c88:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/equipo-ruah-media-toma-rocas-playa-nicaragua.jpg"); }
.elementor .elementor-element-5be94bb:has(.elementor-element-a4128d4:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/poster-bts-dia-de-rodaje.jpg"); }
.elementor .elementor-element-5be94bb:has(.elementor-element-830321d:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/estudio-grabacion-video-producto-managua-ruah-media.jpg"); }

/* Proceso: Diseño web */
.elementor .elementor-element-9f0639a { --proceso-preload: url("/wp-content/uploads/2026/09/equipo-produccion-video-ruah-media.jpg"), url("/wp-content/uploads/2026/09/diseno-web-sitio-en-celular.jpg"), url("/wp-content/uploads/2026/09/diseno-web-sitio-en-computadora.jpg"), url("/wp-content/uploads/2026/09/diseno-web-ruah-media-hero-v2.jpg"); }
.elementor .elementor-element-9f0639a:has(.elementor-element-01ecf37:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/equipo-produccion-video-ruah-media.jpg"); }
.elementor .elementor-element-9f0639a:has(.elementor-element-d975253:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/diseno-web-sitio-en-celular.jpg"); }
.elementor .elementor-element-9f0639a:has(.elementor-element-33df4fd:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/diseno-web-sitio-en-computadora.jpg"); }
.elementor .elementor-element-9f0639a:has(.elementor-element-93d1924:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/diseno-web-ruah-media-hero-v2.jpg"); }

/* Proceso: Fotografía */
.elementor .elementor-element-8322d66 { --proceso-preload: url("/wp-content/uploads/2026/09/clase-luna-bodegon-playa-fotografia-producto-nicaragua.jpg"), url("/wp-content/uploads/2026/09/clase-luna-panuelo-sombrero-libro-fotografia-producto.jpg"), url("/wp-content/uploads/2026/09/fotografo-retrato-pareja-playa-nicaragua.jpg"), url("/wp-content/uploads/2026/09/clase-luna-modelo-panuelo-viento-sesion-fotos-playa.jpg"); }
.elementor .elementor-element-8322d66:has(.elementor-element-bda22c3:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/clase-luna-bodegon-playa-fotografia-producto-nicaragua.jpg"); }
.elementor .elementor-element-8322d66:has(.elementor-element-f32e0af:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/clase-luna-panuelo-sombrero-libro-fotografia-producto.jpg"); }
.elementor .elementor-element-8322d66:has(.elementor-element-e04a793:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/fotografo-retrato-pareja-playa-nicaragua.jpg"); }
.elementor .elementor-element-8322d66:has(.elementor-element-4c5746a:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/clase-luna-modelo-panuelo-viento-sesion-fotos-playa.jpg"); }

/* Proceso: Diseño gráfico */
.elementor .elementor-element-3bd0d19 { --proceso-preload: url("/wp-content/uploads/2026/09/biscuit-club-post-quienes-somos-diseno-grafico.jpg"), url("/wp-content/uploads/2026/09/biscuit-club-post-collage-pasteles.jpg"), url("/wp-content/uploads/2026/09/metanoia-missions-post-diseno-grafico-redes-4.jpg"), url("/wp-content/uploads/2026/09/metanoia-missions-post-diseno-grafico-redes-5.jpg"); }
.elementor .elementor-element-3bd0d19:has(.elementor-element-fa02888:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/biscuit-club-post-quienes-somos-diseno-grafico.jpg"); }
.elementor .elementor-element-3bd0d19:has(.elementor-element-d15ffb7:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/biscuit-club-post-collage-pasteles.jpg"); }
.elementor .elementor-element-3bd0d19:has(.elementor-element-5cc6b0a:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/metanoia-missions-post-diseno-grafico-redes-4.jpg"); }
.elementor .elementor-element-3bd0d19:has(.elementor-element-4deec5c:hover) { --proceso-bg: url("/wp-content/uploads/2026/09/metanoia-missions-post-diseno-grafico-redes-5.jpg"); }

/* Secciones de números (stats) en todo el sitio: fondo azul como la franja de contacto, textos en blanco, número y etiqueta centrados. */
.elementor .elementor-element.stats {
	background-color: var(--c-brand-deep, #0B5BC7);
	border-color: var(--c-brand-deep, #0B5BC7);
}
.elementor .elementor-element.stats .elementor-counter .elementor-counter-number-wrapper {
	color: #FFFFFF;
}
.elementor .elementor-element.stats .stat-item {
	align-items: center;
	text-align: center;
}
.elementor .elementor-element.stats .label {
	color: rgba(255, 255, 255, 0.8);
}
/* Secciones de números (stats): cursor de claqueta (37x38px) al pasar el mouse (punto de clic en el centro de la imagen). */
.elementor .elementor-element.stats {
	cursor: url("/wp-content/uploads/2026/09/cursor-claqueta-sm.png") 18 19, auto;
	cursor: -webkit-image-set(url("/wp-content/uploads/2026/09/cursor-claqueta-sm.png") 1x, url("/wp-content/uploads/2026/09/cursor-claqueta-sm@2x.png") 2x) 18 19, auto;
	cursor: image-set(url("/wp-content/uploads/2026/09/cursor-claqueta-sm.png") 1x, url("/wp-content/uploads/2026/09/cursor-claqueta-sm@2x.png") 2x) 18 19, auto;
}

/* Producción de video > Números: cada número y su texto se vuelven dorados al pasar el mouse. */
.elementor .elementor-element.elementor-element-9c019aa .stat-item :is(.elementor-counter-number-wrapper, .label) {
	background-image: linear-gradient(135deg, #FCE7A2 0%, #E9C25A 35%, #C99A2E 65%, #F2D57E 100%);
	-webkit-background-clip: text;
	background-clip: text;
	transition: -webkit-text-fill-color .3s ease;
}
.elementor .elementor-element.elementor-element-9c019aa .stat-item .elementor-counter-number-wrapper {
	-webkit-text-fill-color: #FFFFFF;
}
.elementor .elementor-element.elementor-element-9c019aa .stat-item .label {
	-webkit-text-fill-color: rgba(255, 255, 255, 0.8);
}
.elementor .elementor-element.elementor-element-9c019aa .stat-item:hover :is(.elementor-counter-number-wrapper, .label) {
	-webkit-text-fill-color: transparent;
}

/* Pestañas de trabajo con imagen (Fotografía, Diseño gráfico, Diseño web): la imagen se ve completa, sin recortes, hasta 560px de alto. */
.elementor .split-tab-panel img.split-video:not(.split-video-landscape):not(.split-video-portrait) {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 560px;
}
@media (max-width: 767px) {
	.elementor .split-tab-panel img.split-video:not(.split-video-landscape):not(.split-video-portrait) {
		max-height: 480px;
	}
}