/* ==========================================================
   Contact Form 7 | KONTECA Premium
   ========================================================== */


   .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background-color: #fff;
    border-radius: 8px;
   }
.cf7-konteca.cf7-konteca--premium {
	position: relative;
	padding: 1.5rem;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 18px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%),
		#ffffff;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06);
}

.cf7-konteca--premium .wpcf7 {
	width: 100%;
}

.cf7-konteca--premium .wpcf7 form {
	margin: 0;
}

.cf7-konteca--premium .cf7-grid {
	display: grid;
	gap: 1rem 1rem;
}

.cf7-konteca--premium .cf7-grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cf7-konteca--premium .cf7-col {
	min-width: 0;
}

.cf7-konteca--premium .cf7-col--full {
	grid-column: 1 / -1;
}

.cf7-konteca--premium label {
	display: block;
	margin: 0 0 0.1rem;
	color: var(--e-global-color-secondary);
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.2;
	text-transform: uppercase;
}

.cf7-konteca--premium .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance) {
	width: 100%;
	min-height: 42px;
	padding: 0.65rem 0.8rem;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 8px;
	background-color: #ffffff !important;
	color: #2e2d2d !important;
	-webkit-text-fill-color: #2e2d2d !important;
	font-size: 0.95rem;
	line-height: 1.2;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	transition:
		border-color 0.25s ease,
		box-shadow 0.25s ease,
		background-color 0.25s ease,
		transform 0.25s ease;
}

.cf7-konteca--premium textarea.wpcf7-form-control {
	min-height: 150px;
	resize: vertical;
}

.cf7-konteca--premium .wpcf7-form-control::placeholder {
	color: rgba(152, 147, 147, 0.86) !important;
	opacity: 1;
}

.cf7-konteca--premium .wpcf7-form-control:focus {
	border-color: var(--e-global-color-primary);
	outline: none;
	box-shadow: 0 0 0 3px rgba(255, 92, 0, 0.14);
	background-color: #ffffff;
}

.cf7-konteca--premium .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):-webkit-autofill,
.cf7-konteca--premium .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):-webkit-autofill:hover,
.cf7-konteca--premium .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):-webkit-autofill:focus {
	-webkit-text-fill-color: #2e2d2d !important;
	box-shadow: 0 0 0 1000px #ffffff inset !important;
	transition: background-color 5000s ease-in-out 0s;
}

.cf7-konteca--premium .wpcf7-not-valid {
	border-color: #d63638 !important;
	box-shadow: 0 0 0 3px rgba(214, 54, 56, 0.10);
}

.cf7-konteca--premium .wpcf7-not-valid-tip {
	margin-top: 0.35rem;
	font-size: 0.82rem;
	line-height: 1.4;
	color: #b42318;
}

.cf7-konteca--premium .wpcf7-acceptance {
	display: inline-flex;
	align-items: flex-start;
	gap: 0.55rem;
	font-size: 0.88rem;
	line-height: 1.55;
	color: rgba(46, 45, 45, 0.85);
}

.cf7-konteca--premium .wpcf7-acceptance input[type="checkbox"] {
	margin-top: 0.2rem;
	accent-color: var(--e-global-color-primary);
}

.cf7-konteca--premium .cf7-col--actions {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.cf7-konteca--premium .wpcf7-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0.85rem 1.25rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.012) 100%),
		linear-gradient(135deg, #000000 0%, #0a0a0a 55%, #181818 100%);
	color: #ffffff;
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow:
		0 10px 24px rgba(0, 0, 0, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
	transition:
		background-color 0.25s ease,
		border-color 0.25s ease,
		transform 0.25s ease,
		box-shadow 0.25s ease,
		color 0.25s ease;
}

.cf7-konteca--premium .wpcf7-submit:hover,
.cf7-konteca--premium .wpcf7-submit:focus {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.015) 100%),
		linear-gradient(135deg, #ff5c00 0%, #e65300 100%);
	border-color: var(--e-global-color-primary);
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow:
		0 12px 28px rgba(255, 92, 0, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	outline: none;
}

.cf7-konteca--premium .wpcf7-spinner {
	margin: 0.75rem 0 0;
}

.cf7-konteca--premium .wpcf7-response-output {
	margin: 1rem 0 0;
	padding: 0.9rem 1rem;
	border-radius: 12px;
	font-size: 0.9rem;
	line-height: 1.5;
}

.cf7-konteca--premium .wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
	background-color: rgba(70, 180, 80, 0.08);
	color: #1f5130;
}

.cf7-konteca--premium .wpcf7 form.invalid .wpcf7-response-output,
.cf7-konteca--premium .wpcf7 form.unaccepted .wpcf7-response-output,
.cf7-konteca--premium .wpcf7 form.failed .wpcf7-response-output {
	border-color: #d63638;
	background-color: rgba(214, 54, 56, 0.08);
	color: #7a1f24;
}

/* Variante sobre fondo oscuro */
.bg-konteca-dark .cf7-konteca.cf7-konteca--premium,
.seccion-premium-konteca .cf7-konteca.cf7-konteca--premium,
.blanco .cf7-konteca.cf7-konteca--premium {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.015) 100%),
		linear-gradient(135deg, #000000 0%, #0b0b0b 52%, #151515 100%);
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow:
		0 14px 34px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.bg-konteca-dark .cf7-konteca--premium label,
.seccion-premium-konteca .cf7-konteca--premium label,
.blanco .cf7-konteca--premium label {
	color: #ffffff;
}

.bg-konteca-dark .cf7-konteca--premium .wpcf7-acceptance,
.seccion-premium-konteca .cf7-konteca--premium .wpcf7-acceptance,
.blanco .cf7-konteca--premium .wpcf7-acceptance {
	color: rgba(255, 255, 255, 0.82);
}

/* Responsive */
@media (max-width: 767px) {
	.cf7-konteca--premium {
		padding: 1.1rem;
		border-radius: 16px;
	}

	.cf7-konteca--premium .cf7-grid--2 {
		grid-template-columns: 1fr;
		gap: 0.9rem;
	}

	.cf7-konteca--premium .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance) {
		min-height: 50px;
		padding: 0.85rem 0.9rem;
	}

	.cf7-konteca--premium .wpcf7-submit {
		width: 100%;
	}
}

/* ==========================================================
   KONTECA | Header Desktop Final Consolidado
   Fusiona V2 + V2.1 + V2.2 + V2.3 sin perder efectos
   ========================================================== */

@media (min-width: 1025px) {
	:root {
		--konteca-header-height-desktop: 70px;
		--konteca-header-bg: rgba(0, 0, 0, 0.92);
		--konteca-header-border: rgba(255, 255, 255, 0.08);
		--konteca-header-text: rgba(255, 255, 255, 0.88);
		--konteca-header-text-soft: rgba(255, 255, 255, 0.62);
		--konteca-header-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
		--konteca-header-accent: rgba(255, 92, 0, 0.82);
		--konteca-header-surface: rgba(255, 255, 255, 0.035);
		--konteca-header-radius: 14px;
	}

	.konteca-premium-header {
		background: var(--konteca-header-bg);
		border-bottom: 1px solid var(--konteca-header-border);
		box-shadow: var(--konteca-header-shadow);
		backdrop-filter: saturate(120%) blur(6px);
		-webkit-backdrop-filter: saturate(120%) blur(6px);
	}

	.konteca-premium-header,
	.konteca-premium-header > .e-con,
	.konteca-premium-header > .elementor-container,
	.konteca-premium-header .elementor-section-wrap > .elementor-section {
		min-height: var(--konteca-header-height-desktop);
	}

	.konteca-premium-header img {
		height: auto;
	}

	/* Reset local para evitar saltos */
	.konteca-premium-header a,
	.konteca-premium-header .elementor-item,
	.konteca-premium-header .sub-arrow {
		transform: none !important;
	}

	.konteca-premium-header a {
		transition:
			color 0.22s ease,
			opacity 0.22s ease,
			background-color 0.22s ease,
			border-color 0.22s ease,
			box-shadow 0.22s ease !important;
	}

	/* Nav principal */
	.konteca-premium-header .elementor-nav-menu--main .elementor-nav-menu {
		display: flex;
		align-items: center;
		gap: 1.35rem;
	}

	.konteca-premium-header .elementor-nav-menu--main .menu-item {
		position: relative;
	}

	.konteca-premium-header .elementor-nav-menu--main .elementor-item {
		position: relative;
		display: inline-flex;
		align-items: center;
		padding: 0.5rem 0 !important;
		background: transparent;
		border: 0;
		border-radius: 0;
		color: var(--konteca-header-text);
		font-size: 0.95rem;
		font-weight: 500;
		letter-spacing: 0.025em;
		line-height: 1.2;
		opacity: 0.94;
		text-decoration: none;
		min-width: 0;
	}

	/* Barra inferior hover / active */
	.konteca-premium-header .elementor-nav-menu--main .elementor-item::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -0.22rem;
		height: 1px;
		background: linear-gradient(
			90deg,
			rgba(255, 92, 0, 0),
			var(--konteca-header-accent),
			rgba(255, 92, 0, 0)
		);
		transform: scaleX(0);
		transform-origin: center;
		transition: transform 0.22s ease;
	}

	.konteca-premium-header .elementor-nav-menu--main .elementor-item:hover,
	.konteca-premium-header .elementor-nav-menu--main .elementor-item:focus {
		color: #ffffff;
		opacity: 1;
		text-decoration: none;
	}

	.konteca-premium-header .elementor-nav-menu--main .elementor-item:hover::after,
	.konteca-premium-header .elementor-nav-menu--main .elementor-item:focus::after,
	.konteca-premium-header .elementor-nav-menu--main .current-menu-item > .elementor-item::after,
	.konteca-premium-header .elementor-nav-menu--main .current-menu-ancestor > .elementor-item::after,
	.konteca-premium-header .elementor-nav-menu--main .elementor-item.elementor-item-active::after {
		transform: scaleX(1);
	}

	.konteca-premium-header .elementor-nav-menu--main .current-menu-item > .elementor-item,
	.konteca-premium-header .elementor-nav-menu--main .current-menu-ancestor > .elementor-item,
	.konteca-premium-header .elementor-nav-menu--main .elementor-item.elementor-item-active {
		color: var(--e-global-color-primary, #ff5c00);
		opacity: 1;
	}

	.konteca-premium-header .elementor-nav-menu--main .sub-arrow {
		font-size: 0.72em;
		color: currentColor;
		margin-left: 0.35rem;
	}

	/* Dropdown desktop */
	.konteca-premium-header .elementor-nav-menu--main .sub-menu {
		margin-top: 0.9rem;
		padding: 0.5rem;
		min-width: 250px;
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: var(--konteca-header-radius);
		background:
			linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%),
			linear-gradient(160deg, #020202 0%, #0a0a0a 55%, #151515 100%);
		box-shadow:
			0 16px 36px rgba(0, 0, 0, 0.22),
			inset 0 1px 0 rgba(255, 255, 255, 0.04);
	}

	.konteca-premium-header .elementor-nav-menu--main .sub-menu a {
		display: block;
		padding: 0.82rem 0.92rem;
		border-radius: 10px;
		color: rgba(255, 255, 255, 0.88);
		font-size: 0.92rem;
		font-weight: 500;
		line-height: 1.35;
		text-decoration: none;
	}

	/* Hover submenu */
	.konteca-premium-header .elementor-nav-menu--main .sub-menu a:hover,
	.konteca-premium-header .elementor-nav-menu--main .sub-menu a:focus {
		background: rgba(255, 255, 255, 0.04);
		color: #ffffff;
		box-shadow: inset 2px 0 0 var(--e-global-color-primary, #ff5c00);
		text-decoration: none;
	}

	/* Activo submenu: SOLO texto naranja */
	.konteca-premium-header .elementor-nav-menu--main .sub-menu .current-menu-item > a,
	.konteca-premium-header .elementor-nav-menu--main .sub-menu .current-menu-ancestor > a,
	.konteca-premium-header .elementor-nav-menu--main .sub-menu .current-menu-item > a:hover,
	.konteca-premium-header .elementor-nav-menu--main .sub-menu .current-menu-item > a:focus,
	.konteca-premium-header .elementor-nav-menu--main .sub-menu .current-menu-ancestor > a:hover,
	.konteca-premium-header .elementor-nav-menu--main .sub-menu .current-menu-ancestor > a:focus {
		background: transparent !important;
		box-shadow: none !important;
		color: var(--e-global-color-primary, #ff5c00) !important;
	}

	/* WPML estable y desacoplado del efecto del menú */
	.konteca-premium-header .wpml-ls-item,
	.konteca-premium-header .menu-item.wpml-ls-item {
		flex: 0 0 auto;
		margin-left: 0.35rem;
	}

	.konteca-premium-header .wpml-ls-item > a,
	.konteca-premium-header .menu-item.wpml-ls-item > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.45rem;
		min-width: 72px;
		height: 34px;
		padding: 0 0.7rem !important;
		box-sizing: border-box;
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.03);
		color: var(--konteca-header-text-soft);
		font-size: 0.74rem;
		font-weight: 700;
		letter-spacing: 0.08em;
		line-height: 1;
		text-transform: uppercase;
		white-space: nowrap;
		transform: none !important;
		transition:
			color 0.22s ease,
			background-color 0.22s ease,
			border-color 0.22s ease,
			box-shadow 0.22s ease !important;
	}

	.konteca-premium-header .wpml-ls-item > a::after,
	.konteca-premium-header .menu-item.wpml-ls-item > a::after {
		display: none !important;
		content: none !important;
	}

	.konteca-premium-header .wpml-ls-item > a:hover,
	.konteca-premium-header .wpml-ls-item > a:focus,
	.konteca-premium-header .wpml-ls-current-language > a {
		min-width: 72px;
		height: 34px;
		padding: 0 0.7rem !important;
		border-color: rgba(255, 92, 0, 0.22);
		background: rgba(255, 92, 0, 0.06);
		color: #ffffff;
		box-shadow: none !important;
		transform: none !important;
		text-decoration: none;
	}

	.konteca-premium-header .wpml-ls-flag {
		width: 18px !important;
		height: 12px !important;
		object-fit: cover;
		border-radius: 2px;
		flex: 0 0 auto;
	}

	.konteca-premium-header a:focus-visible,
	.konteca-premium-header button:focus-visible {
		outline: 2px solid var(--e-global-color-primary, #ff5c00);
		outline-offset: 2px;
	}
}

/* ==========================================================
   KONTECA | Footer nav premium
   Inspirado en el header principal
   ========================================================== */

.konteca-footer-nav {
	--konteca-footer-nav-text: rgba(255, 255, 255, 0.78);
	--konteca-footer-nav-text-strong: #ffffff;
	--konteca-footer-nav-accent: var(--e-global-color-primary, #ff5c00);
	--konteca-footer-nav-border: rgba(255, 255, 255, 0.08);
}

.konteca-footer-nav__title {
	margin-bottom: 1rem;
	color: #ffffff;
	font-size: 0.88rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.2;
}

.konteca-footer-nav__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.konteca-footer-nav__list li {
	margin: 0;
	padding: 0;
}

.konteca-footer-nav__list li + li {
	margin-top: 0.55rem;
}

.konteca-footer-nav__list a {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 0.18rem 0;
	color: var(--konteca-footer-nav-text);
	font-size: 0.82rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.35;
	text-decoration: none;
	transition: color 0.22s ease, opacity 0.22s ease;
}

.konteca-footer-nav__list a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -0.08rem;
	height: 1px;
	background: linear-gradient(
		90deg,
		rgba(255, 92, 0, 0),
		var(--konteca-footer-nav-accent),
		rgba(255, 92, 0, 0)
	);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.22s ease;
	opacity: 0.9;
}

.konteca-footer-nav__list a:hover,
.konteca-footer-nav__list a:focus {
	color: var(--konteca-footer-nav-text-strong);
	text-decoration: none;
}

.konteca-footer-nav__list a:hover::after,
.konteca-footer-nav__list a:focus::after {
	transform: scaleX(1);
}

.konteca-footer-nav__list .current-menu-item > a,
.konteca-footer-nav__list .current-menu-ancestor > a {
	color: var(--konteca-footer-nav-accent);
}

.konteca-footer-nav__list .current-menu-item > a::after,
.konteca-footer-nav__list .current-menu-ancestor > a::after {
	transform: scaleX(1);
}

/* Variante un poco más compacta en móvil */
@media (max-width: 767px) {
	.konteca-footer-nav__title {
		font-size: 0.82rem;
		margin-bottom: 0.85rem;
	}

	.konteca-footer-nav__list li + li {
		margin-top: 0.45rem;
	}

	.konteca-footer-nav__list a {
		font-size: 0.78rem;
		letter-spacing: 0.06em;
	}
}


/* ==========================================================
   KONTECA | Refinado global seguro
   ========================================================== */

/* Evita imágenes con baseline gap raro */
img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* Mejor legibilidad de focus en accesibilidad */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid var(--e-global-color-primary, #ff5c00);
	outline-offset: 2px;
}

/* Reduce motion global para usuarios sensibles al movimiento */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation: none !important;
		transition: none !important;
	}
}


/* ==========================================================
   KONTECA | Hero system robusto para Elementor
   Estructura:
   .konteca-hero
   .konteca-hero__media
   .konteca-hero__content
   ========================================================== */

.konteca-hero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 70vh;
	overflow: hidden;
	background: #111111;
	isolation: isolate;
}

.konteca-hero__media {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.konteca-hero__media,
.konteca-hero__media > .e-con,
.konteca-hero__media .elementor-widget-image,
.konteca-hero__media .elementor-widget-container,
.konteca-hero__media .elementor-image {
	width: 100%;
	height: 100%;
}

.konteca-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.konteca-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background:
		linear-gradient(
			180deg,
			rgba(0, 0, 0, 0.22) 0%,
			rgba(0, 0, 0, 0.38) 42%,
			rgba(0, 0, 0, 0.58) 100%
		),
		linear-gradient(
			120deg,
			rgba(255, 92, 0, 0.08) 0%,
			rgba(255, 92, 0, 0) 34%
		);
	pointer-events: none;
}

.konteca-hero__content {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 62vh 2rem 5rem;
	color: #ffffff;
}

.konteca-hero__content .elementor-heading-title,
.konteca-hero__content h1 {
	margin-bottom: 0.6rem;
	color: #ffffff;
	font-size: clamp(2rem, 4vw, 4rem);
	line-height: 1.05;
	letter-spacing: -0.03em;
	text-wrap: balance;
}

.konteca-hero__content p,
.konteca-hero__content .elementor-widget-text-editor,
.konteca-hero__content .elementor-text-editor {
	max-width: 760px;
	color: rgba(255, 255, 255, 0.88);
	font-size: clamp(1rem, 1.5vw, 1.32rem);
	line-height: 1.45;
}

.konteca-hero__content .elementor-widget-text-editor p:last-child,
.konteca-hero__content .elementor-text-editor p:last-child {
	margin-bottom: 0;
}

/* Variante más compacta para páginas internas */
.konteca-hero.konteca-hero--inner {
	min-height: 58vh;
}

.konteca-hero.konteca-hero--inner .konteca-hero__content {
	padding-top: 5rem;
	padding-bottom: 4rem;
}

/* Alineación opcional */
.konteca-hero.konteca-hero--center .konteca-hero__content {
	text-align: center;
}

.konteca-hero.konteca-hero--center .konteca-hero__content p,
.konteca-hero.konteca-hero--center .konteca-hero__content .elementor-widget-text-editor,
.konteca-hero.konteca-hero--center .konteca-hero__content .elementor-text-editor {
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 1024px) {
	.konteca-hero {
		min-height: 70vh;
	}

	.konteca-hero__content {
		padding: 62vh 1.5rem 4rem;
	}

	.konteca-hero.konteca-hero--inner {
		min-height: 55vh;
	}
}

@media (max-width: 767px) {
	.konteca-hero {
		min-height: 70vh;
	}

	.konteca-hero__content {
		padding: 62vh 1rem 3rem;
	}

	.konteca-hero__content p,
	.konteca-hero__content .elementor-widget-text-editor,
	.konteca-hero__content .elementor-text-editor {
		max-width: 100%;
	}

	.konteca-hero.konteca-hero--inner {
		min-height: 42vh;
	}
}

/* ==========================================================
   KONTECA | Comparativa premium clara y compacta
   ========================================================== */

.konteca-compare {
	--konteca-compare-border: rgba(0, 0, 0, 0.08);
	--konteca-compare-border-strong: rgba(255, 92, 0, 0.22);
	--konteca-compare-surface: #ffffff;
	--konteca-compare-surface-soft: #f8f8f8;
	--konteca-compare-text: #1a1a1a;
	--konteca-compare-text-soft: rgba(26, 26, 26, 0.62);
	--konteca-compare-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
	--konteca-compare-radius: 16px;
}

.konteca-compare__head {
	margin-bottom: 1rem;
}

.konteca-compare__eyebrow {
	display: inline-block;
	margin-bottom: 0.45rem;
	color: var(--e-global-color-primary, #ff5c00);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.konteca-compare__title {
	margin: 0 0 0.45rem;
	color: #111111;
	font-size: clamp(1.45rem, 2vw, 2rem);
	line-height: 1.1;
	letter-spacing: -0.02em;
}

.konteca-compare__title strong {
	color: var(--e-global-color-primary, #ff5c00);
	font-weight: inherit;
}

.konteca-compare__intro {
	max-width: 780px;
	margin: 0;
	color: rgba(26, 26, 26, 0.72);
	font-size: 0.95rem;
	line-height: 1.55;
}

.konteca-compare__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 0.2rem;
}

.konteca-compare__board {
	display: grid;
	grid-template-columns: 180px repeat(4, minmax(190px, 1fr));
	gap: 0.75rem;
	min-width: 960px;
	align-items: start;
}

.konteca-compare__criteria,
.konteca-compare__card {
	border: 1px solid var(--konteca-compare-border);
	border-radius: var(--konteca-compare-radius);
	background: var(--konteca-compare-surface);
	box-shadow: var(--konteca-compare-shadow);
	overflow: hidden;
}

.konteca-compare__criteria-head,
.konteca-compare__card-head {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 76px;
	padding: 0.8rem 0.85rem;
	border-bottom: 1px solid var(--konteca-compare-border);
	
	background: linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.02) 100%),linear-gradient(135deg,#10202f 0%,#0b1621 55%,#071019 100%);
	
	transition: transform 0.32s ease,box-shadow 0.32s ease,border-color 0.32s ease,background 0.32s ease;
}


.konteca-compare__criteria-head {
	color: var(--e-global-color-primary, #ff5c00);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.konteca-compare__card-head h4 {
	margin: 0;
	color: #fff;
	font-size: 0.96rem;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.konteca-compare__tag {
	display: inline-flex;
	width: fit-content;
	margin-bottom: 0.35rem;
	padding: 0.22rem 0.45rem;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 999px;
	background: #ffffff;
	color: rgba(26, 26, 26, 0.62);
	font-size: 0.58rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.konteca-compare__card--featured {
	border-color: var(--konteca-compare-border-strong);
	box-shadow:
		0 14px 30px rgba(0, 0, 0, 0.07),
		0 0 0 1px rgba(255, 92, 0, 0.04);
}

.konteca-compare__criteria-list,
.konteca-compare__values {
	margin: 0;
	padding: 0;
	list-style: none;
}

.konteca-compare__criteria-list li,
.konteca-compare__values li {
	min-height: 50px;
	padding: 0.65rem 0.85rem;
	border-top: 1px solid var(--konteca-compare-border);
	display: flex;
	align-items: center;
}

.konteca-compare__criteria-list li {
	color: #111111;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	line-height: 1.25;
}

.konteca-compare__values li {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0.18rem;
	color: var(--konteca-compare-text);
	font-size: 0.84rem;
	line-height: 1.3;
}

.konteca-compare__label {
	display: none;
	color: var(--konteca-compare-text-soft);
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.konteca-compare__values .is-good {
	color: #111111;
	font-weight: 600;
}

.konteca-compare__values .is-medium {
	color: rgba(26, 26, 26, 0.84);
}

.konteca-compare__values .is-best {
	color: var(--e-global-color-primary, #ff5c00);
	font-weight: 700;
}

/* Tablet */
@media (max-width: 1199px) {
	.konteca-compare__board {
		min-width: 920px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.konteca-compare__scroll {
		overflow: visible;
	}

	.konteca-compare__board {
		min-width: 0;
		grid-template-columns: 1fr;
		gap: 0.8rem;
	}

	.konteca-compare__criteria {
		display: none;
	}

	.konteca-compare__card-head {
		min-height: auto;
		padding: 0.85rem 0.9rem 0.8rem;
	}

	.konteca-compare__values li {
		min-height: auto;
		padding: 0.7rem 0.9rem;
	}

	.konteca-compare__label {
		display: inline-block;
	}

	.konteca-compare__title {
		font-size: 1.3rem;
	}

	.konteca-compare__intro {
		font-size: 0.9rem;
	}

	.konteca-compare__card-head h4 {
		font-size: 0.94rem;
	}

	.konteca-compare__values li {
		font-size: 0.82rem;
	}