/*
 Theme Name:   Hepta Child
 Theme URI:    http://keenitsolutions.com/products/wordpress/hepta/
 Description:  Hepta Child
 Author:       RS Theme
 Author URI:   http://rstheme.com
 Template:     hepta
 Version:      2.9
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/*
 * La futura cabecera global de FIX ARRAY se configura desde Elementor.
 * Sus componentes visuales y responsive pertenecen a FIX ARRAY Visual Components.
 */

/*
 * FIX ARRAY service Hero primary action.
 * Orange in the normal state and corporate light blue on hover or keyboard focus.
 * The legacy Support Hero is included until it is migrated to the modular widget.
 */
.fixarray-service-hero__button--primary:hover,
.fixarray-service-hero__button--primary:focus-visible,
body.page-id-919 .elementor-element-sup10005 .elementor-button:hover,
body.page-id-919 .elementor-element-sup10005 .elementor-button:focus-visible {
	background-color: #51ade5 !important;
	border-color: #51ade5 !important;
	color: #ffffff !important;
}

/*
 * Gaming Lab — Maintenance PC illustration refinement.
 * Scoped exclusively to page 1245 and the maintenance section.
 */
body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-visual {
	min-height: 560px !important;
	background:
		radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--gm-maint-a) 22%, transparent), transparent 35%),
		radial-gradient(circle at 74% 22%, color-mix(in srgb, var(--gm-maint-b) 12%, transparent), transparent 28%),
		linear-gradient(145deg, rgba(8, 13, 32, .98), rgba(4, 8, 21, 1)) !important;
	box-shadow:
		inset 0 0 64px color-mix(in srgb, var(--gm-maint-b) 10%, transparent),
		inset 0 -80px 100px rgba(0, 0, 0, .22) !important;
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-visual::after {
	position: absolute;
	left: 50%;
	bottom: 48px;
	width: 330px;
	height: 54px;
	border-radius: 50%;
	content: "";
	transform: translateX(-50%);
	background: radial-gradient(ellipse, color-mix(in srgb, var(--gm-maint-a) 34%, transparent), transparent 68%);
	filter: blur(10px);
	opacity: .85;
	pointer-events: none;
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-tower {
	top: 48% !important;
	width: 300px !important;
	height: 424px !important;
	border: 2px solid color-mix(in srgb, var(--gm-maint-a) 68%, rgba(255, 255, 255, .12)) !important;
	border-radius: 24px 24px 14px 14px !important;
	transform: translate(-50%, -50%) perspective(1100px) rotateY(-4deg) !important;
	background:
		linear-gradient(118deg, rgba(255, 255, 255, .065), transparent 28%),
		linear-gradient(145deg, rgba(22, 29, 60, .99), rgba(4, 8, 20, 1)) !important;
	box-shadow:
		0 38px 86px rgba(0, 0, 0, .62),
		0 0 58px color-mix(in srgb, var(--gm-maint-a) 30%, transparent),
		0 0 96px color-mix(in srgb, var(--gm-maint-b) 12%, transparent),
		inset 0 0 48px color-mix(in srgb, var(--gm-maint-b) 13%, transparent) !important;
	overflow: hidden;
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-tower::before {
	position: absolute;
	top: 20px;
	bottom: 22px;
	left: 22px;
	width: 92px;
	border: 1px solid color-mix(in srgb, var(--gm-maint-a) 28%, transparent);
	border-radius: 18px;
	content: "";
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--gm-maint-a) 8%, transparent), transparent 32% 68%, color-mix(in srgb, var(--gm-maint-b) 8%, transparent)),
		rgba(5, 10, 25, .72);
	box-shadow:
		inset 0 0 26px color-mix(in srgb, var(--gm-maint-a) 7%, transparent),
		0 0 22px color-mix(in srgb, var(--gm-maint-a) 8%, transparent);
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-tower::after {
	position: absolute;
	right: 24px;
	bottom: 24px;
	left: 122px;
	height: 66px;
	border: 1px solid color-mix(in srgb, var(--gm-maint-b) 28%, transparent);
	border-radius: 12px;
	content: "";
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--gm-maint-b) 9%, transparent), transparent),
		linear-gradient(145deg, rgba(13, 18, 39, .98), rgba(4, 7, 18, .99));
	box-shadow:
		0 0 18px color-mix(in srgb, var(--gm-maint-b) 10%, transparent),
		inset 0 0 18px rgba(255, 255, 255, .018);
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-glass {
	inset: 18px 18px 18px 18px !important;
	border: 1px solid color-mix(in srgb, var(--gm-maint-a) 26%, rgba(255, 255, 255, .06)) !important;
	border-radius: 18px !important;
	background:
		linear-gradient(128deg, rgba(255, 255, 255, .065), transparent 25%),
		linear-gradient(145deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, .004)) !important;
	box-shadow:
		inset 0 0 34px color-mix(in srgb, var(--gm-maint-a) 6%, transparent),
		inset 0 0 0 1px rgba(255, 255, 255, .015) !important;
	pointer-events: none;
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-glass::before {
	position: absolute;
	top: 48px;
	right: 28px;
	bottom: 104px;
	left: 112px;
	border: 1px solid color-mix(in srgb, var(--gm-maint-b) 26%, transparent);
	border-radius: 12px;
	content: "";
	background:
		linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px),
		linear-gradient(145deg, rgba(11, 22, 46, .9), rgba(5, 10, 24, .94));
	background-size: 18px 18px, 18px 18px, auto;
	box-shadow:
		inset 0 0 26px color-mix(in srgb, var(--gm-maint-b) 8%, transparent),
		0 0 18px rgba(0, 0, 0, .22);
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-glass::after {
	position: absolute;
	top: 68px;
	right: 52px;
	width: 12px;
	height: 112px;
	border-radius: 4px;
	content: "";
	background: linear-gradient(to bottom, var(--gm-maint-a), var(--gm-maint-b));
	box-shadow:
		0 0 15px color-mix(in srgb, var(--gm-maint-a) 58%, transparent),
		22px 0 0 color-mix(in srgb, var(--gm-maint-b) 78%, #0b1025 22%),
		22px 0 16px color-mix(in srgb, var(--gm-maint-b) 50%, transparent);
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-fan {
	left: 34px !important;
	width: 68px !important;
	height: 68px !important;
	border: 4px solid color-mix(in srgb, var(--gm-maint-a) 62%, transparent) !important;
	background:
		radial-gradient(circle at center, rgba(255, 255, 255, .18) 0 8%, rgba(6, 12, 29, .98) 10% 25%, transparent 27%),
		conic-gradient(from 18deg, color-mix(in srgb, var(--gm-maint-a) 58%, transparent), transparent 15% 25%, color-mix(in srgb, var(--gm-maint-b) 48%, transparent) 27% 42%, transparent 44% 58%, color-mix(in srgb, var(--gm-maint-a) 46%, transparent) 60% 75%, transparent 77% 90%, color-mix(in srgb, var(--gm-maint-b) 46%, transparent) 92% 100%) !important;
	box-shadow:
		0 0 22px color-mix(in srgb, var(--gm-maint-a) 42%, transparent),
		inset 0 0 17px color-mix(in srgb, var(--gm-maint-b) 26%, transparent),
		0 0 0 7px rgba(4, 9, 23, .86) !important;
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-fan::before {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 13px !important;
	height: 13px !important;
	border: 2px solid color-mix(in srgb, var(--gm-maint-a) 62%, transparent) !important;
	border-radius: 50% !important;
	content: "" !important;
	transform: translate(-50%, -50%) !important;
	background: rgba(4, 8, 20, .96) !important;
	box-shadow: 0 0 12px color-mix(in srgb, var(--gm-maint-a) 46%, transparent) !important;
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-fan::after {
	display: none !important;
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-fan--one {
	top: 54px !important;
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-fan--two {
	top: 144px !important;
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-fan--three {
	top: 234px !important;
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-cpu {
	top: 126px !important;
	right: 70px !important;
	width: 72px !important;
	height: 72px !important;
	border: 2px solid color-mix(in srgb, var(--gm-maint-b) 66%, transparent) !important;
	border-radius: 16px !important;
	background:
		radial-gradient(circle, color-mix(in srgb, var(--gm-maint-a) 24%, transparent) 0 20%, rgba(5, 9, 24, .98) 23% 48%, color-mix(in srgb, var(--gm-maint-b) 20%, transparent) 51% 100%) !important;
	box-shadow:
		0 0 26px color-mix(in srgb, var(--gm-maint-b) 34%, transparent),
		inset 0 0 22px color-mix(in srgb, var(--gm-maint-a) 18%, transparent) !important;
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-cpu::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 34px;
	height: 34px;
	border: 5px solid color-mix(in srgb, var(--gm-maint-a) 58%, transparent);
	border-radius: 50%;
	content: "";
	transform: translate(-50%, -50%);
	box-shadow:
		0 0 16px color-mix(in srgb, var(--gm-maint-a) 48%, transparent),
		inset 0 0 10px color-mix(in srgb, var(--gm-maint-b) 34%, transparent);
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-cpu::after {
	position: absolute;
	top: -34px;
	right: -38px;
	width: 52px;
	height: 88px;
	border-top: 3px solid color-mix(in srgb, var(--gm-maint-b) 74%, transparent);
	border-right: 3px solid color-mix(in srgb, var(--gm-maint-b) 74%, transparent);
	border-radius: 0 22px 0 0;
	content: "";
	filter: drop-shadow(0 0 6px color-mix(in srgb, var(--gm-maint-b) 54%, transparent));
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-gpu {
	right: 30px !important;
	bottom: 100px !important;
	left: 122px !important;
	height: 72px !important;
	border: 1px solid color-mix(in srgb, var(--gm-maint-b) 54%, transparent) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--gm-maint-a) 13%, transparent), transparent 35% 65%, color-mix(in srgb, var(--gm-maint-b) 13%, transparent)),
		linear-gradient(145deg, rgba(14, 20, 43, .99), rgba(4, 8, 21, 1)) !important;
	box-shadow:
		0 0 26px color-mix(in srgb, var(--gm-maint-b) 24%, transparent),
		inset 0 0 22px rgba(255, 255, 255, .02) !important;
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-gpu::before,
body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-gpu::after {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	border: 4px solid color-mix(in srgb, var(--gm-maint-a) 62%, transparent);
	border-radius: 50%;
	content: "";
	transform: translateY(-50%);
	background:
		radial-gradient(circle, rgba(255, 255, 255, .12), rgba(5, 9, 24, .98) 62%);
	box-shadow:
		0 0 15px color-mix(in srgb, var(--gm-maint-a) 38%, transparent),
		inset 0 0 10px color-mix(in srgb, var(--gm-maint-b) 18%, transparent);
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-gpu::before {
	left: 24px;
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-gpu::after {
	right: 24px;
	border-color: color-mix(in srgb, var(--gm-maint-b) 62%, transparent);
	box-shadow:
		0 0 15px color-mix(in srgb, var(--gm-maint-b) 38%, transparent),
		inset 0 0 10px color-mix(in srgb, var(--gm-maint-a) 18%, transparent);
}

body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-scan {
	right: 14% !important;
	left: 14% !important;
}

@media (max-width: 767px) {
	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-visual {
		min-height: 440px !important;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-visual::after {
		bottom: 38px;
		width: 250px;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-tower {
		width: 235px !important;
		height: 338px !important;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-tower::before {
		top: 16px;
		bottom: 18px;
		left: 16px;
		width: 72px;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-tower::after {
		right: 18px;
		bottom: 18px;
		left: 96px;
		height: 52px;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-glass::before {
		top: 38px;
		right: 22px;
		bottom: 82px;
		left: 88px;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-glass::after {
		top: 54px;
		right: 40px;
		height: 86px;
		box-shadow:
			0 0 12px color-mix(in srgb, var(--gm-maint-a) 52%, transparent),
			18px 0 0 color-mix(in srgb, var(--gm-maint-b) 78%, #0b1025 22%),
			18px 0 14px color-mix(in srgb, var(--gm-maint-b) 46%, transparent);
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-fan {
		left: 24px !important;
		width: 54px !important;
		height: 54px !important;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-fan--one {
		top: 42px !important;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-fan--two {
		top: 112px !important;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-fan--three {
		top: 182px !important;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-cpu {
		top: 100px !important;
		right: 50px !important;
		width: 58px !important;
		height: 58px !important;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-cpu::before {
		width: 27px;
		height: 27px;
		border-width: 4px;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-cpu::after {
		top: -25px;
		right: -28px;
		width: 38px;
		height: 66px;
		border-width: 2px;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-gpu {
		right: 22px !important;
		bottom: 78px !important;
		left: 96px !important;
		height: 56px !important;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-gpu::before,
	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-gpu::after {
		width: 30px;
		height: 30px;
		border-width: 3px;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-gpu::before {
		left: 16px;
	}

	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-gpu::after {
		right: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.page-id-1245 #gm-maintenance-gaming .gm-maintenance-fan {
		animation: none !important;
	}
}