/* ==========================================================================
   BOTMOTICS PREMIUM WHITE STYLESHEET
   ========================================================================== */

:root {
	--wp-bg: #ffffff;
	--wp-text: #0f172a;
	--wp-muted: #475569;
	--wp-blue: #2563eb;
	--wp-blue-light: #eff6ff;
	--wp-border: #e2e8f0;
	--wp-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
	--wp-shadow-hover: 0 20px 40px rgba(15, 23, 42, 0.1);
	--wp-radius: 1rem;
	--wp-radius-lg: 1.5rem;
}

.bm-white-premium-page {
	background-color: var(--wp-bg);
	color: var(--wp-text);
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow-x: hidden;
}

.bm-white-premium-page * {
	box-sizing: border-box;
}

/* Typography Helpers */
.text-blue {
	color: var(--wp-blue) !important;
}

.bm-wp-kicker {
	display: block;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--wp-blue);
	margin-bottom: 0.75rem;
}

.bm-wp-section-title {
	font-size: clamp(2rem, 3.5vw, 3rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--wp-text);
	margin: 0 0 1rem;
}

/* Button UI */
.bm-wp-btn-black {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #000000;
	color: #ffffff !important;
	font-size: 0.88rem;
	font-weight: 600;
	padding: 0.75rem 1.5rem;
	border-radius: 9999px;
	text-decoration: none;
	transition: background-color 0.25s ease, transform 0.25s ease;
	border: 1px solid #000000;
}

.bm-wp-btn-black:hover {
	background-color: #1e293b;
	transform: translateY(-2px);
}

.bm-wp-btn-black .arrow {
	margin-left: 0.5rem;
	transition: transform 0.25s ease;
}

.bm-wp-btn-black:hover .arrow {
	transform: translateX(4px);
}

.bm-wp-btn-outline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	color: var(--wp-text) !important;
	font-size: 0.88rem;
	font-weight: 600;
	padding: 0.75rem 1.5rem;
	border-radius: 9999px;
	text-decoration: none;
	border: 1px solid var(--wp-border);
	transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.bm-wp-btn-outline:hover {
	background-color: #f8fafc;
	border-color: var(--wp-text);
	transform: translateY(-2px);
}

.bm-wp-btn-outline .arrow {
	margin-left: 0.5rem;
	transition: transform 0.25s ease;
}

.bm-wp-btn-outline:hover .arrow {
	transform: translateX(4px);
}

.bm-wp-link {
	display: inline-flex;
	align-items: center;
	color: var(--wp-blue) !important;
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none;
	transition: color 0.25s ease;
}

.bm-wp-link:hover {
	color: #1d4ed8 !important;
}

.bm-wp-link .arrow {
	margin-left: 0.4rem;
	transition: transform 0.25s ease;
}

.bm-wp-link:hover .arrow {
	transform: translateX(4px);
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.bm-wp-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 4.8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 4vw;
	background-color: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(15, 23, 42, 0.05);
	z-index: 1000;
}

.bm-wp-brand {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: var(--wp-text);
}

.bm-wp-brand img {
	max-height: 2.2rem;
	width: auto;
}

.bm-wp-brand-mark {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background-color: var(--wp-blue);
	border-radius: 0.3rem;
	margin-right: 0.6rem;
}

.bm-wp-brand-text {
	font-size: 1.35rem;
	font-weight: 800;
	letter-spacing: -0.03em;
}

.bm-wp-nav {
	display: none;
}

@media (min-width: 1024px) {
	.bm-wp-nav {
		display: block;
	}
	.bm-wp-nav ul {
		display: flex;
		align-items: center;
		gap: 2rem;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.bm-wp-nav a {
		font-size: 0.88rem;
		font-weight: 600;
		color: var(--wp-text);
		text-decoration: none;
		transition: color 0.25s ease;
	}
	.bm-wp-nav a:hover {
		color: var(--wp-blue);
	}
}

.bm-wp-header-actions {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

/* ==========================================================================
   HERO SECTION
   ========================================================================== */
.bm-wp-hero {
	padding: 8.5rem 4vw 4rem;
	background: radial-gradient(circle at 80% 20%, rgba(37, 99, 235, 0.05), transparent 45rem);
}

.bm-wp-hero-container {
	max-width: var(--bm-content-width);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
	gap: 4rem;
	align-items: center;
}

@media (min-width: 1024px) {
	.bm-wp-hero-container {
		grid-template-columns: 1.1fr 0.9fr;
	}
}

.bm-wp-hero-content {
	max-width: 38rem;
}

.bm-wp-hero-title {
	font-size: clamp(2.5rem, 5vw, 4.25rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.03em;
	color: var(--wp-text);
	margin: 0 0 1.5rem;
}

.bm-wp-hero-lead {
	font-size: clamp(1.05rem, 1.25vw, 1.25rem);
	line-height: 1.6;
	color: var(--wp-muted);
	margin: 0 0 2.5rem;
}

.bm-wp-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 3rem;
}

.bm-wp-hero-checkmarks {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem 1.5rem;
}

@media (min-width: 640px) {
	.bm-wp-hero-checkmarks {
		grid-template-columns: 1fr 1fr;
	}
}

.bm-wp-hero-checkmarks li {
	display: flex;
	align-items: center;
	font-size: 0.88rem;
	font-weight: 500;
	color: var(--wp-muted);
}

.bm-wp-hero-checkmarks .checkmark-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.25rem;
	height: 1.25rem;
	background-color: var(--wp-blue-light);
	color: var(--wp-blue);
	border-radius: 50%;
	font-size: 0.75rem;
	font-weight: 700;
	margin-right: 0.6rem;
}

/* Hero Visual with Floating Dashboard Cards */
.bm-wp-hero-visual {
	display: flex;
	justify-content: center;
	align-items: center;
}

.bm-wp-hero-image-wrapper {
	position: relative;
	width: 100%;
	max-width: 420px;
}

.bm-wp-hero-image {
	width: 100%;
	height: auto;
	display: block;
}

/* Floating Card Base */
.bm-wp-float-card {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(226, 232, 240, 0.8);
	border-radius: 0.75rem;
	padding: 0.75rem 1rem;
	box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08);
	backdrop-filter: blur(8px);
	z-index: 10;
	animation: float_anim 6s ease-in-out infinite;
}

@keyframes float_anim {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-10px); }
	100% { transform: translateY(0px); }
}

.bm-wp-float-card .card-meta {
	font-size: 0.55rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	color: var(--wp-muted);
	margin-bottom: 0.2rem;
	text-transform: uppercase;
}

.bm-wp-float-card .card-value {
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--wp-text);
	line-height: 1.1;
}

.bm-wp-float-card .card-change {
	font-size: 0.68rem;
	font-weight: 500;
	color: #10b981;
	margin-top: 0.15rem;
}

/* Floating Cards Specific Layouts */
.card-occupancy {
	top: 15%;
	left: -20%;
	width: 140px;
	animation-delay: 0s;
}

.card-occupancy .card-chart {
	margin-top: 0.4rem;
}

.card-energy {
	bottom: 25%;
	left: -22%;
	width: 150px;
	animation-delay: 1.5s;
}

.card-energy .card-change {
	color: var(--wp-muted);
}

.card-energy .card-bar-chart {
	display: flex;
	align-items: flex-end;
	gap: 4px;
	height: 30px;
	margin-top: 0.5rem;
}

.card-energy .card-bar-chart span {
	display: block;
	flex: 1;
	background-color: var(--wp-blue);
	border-radius: 1px;
}

.card-delivery {
	top: 10%;
	right: -15%;
	width: 140px;
	animation-delay: 0.75s;
}

.card-delivery .card-icon {
	position: absolute;
	top: 10px;
	right: 12px;
	font-size: 1.25rem;
}

.card-delivery .card-change {
	color: var(--wp-muted);
}

.card-routing {
	bottom: 30%;
	right: -20%;
	width: 140px;
	animation-delay: 2.2s;
}

.card-routing .card-nodes {
	position: relative;
	height: 20px;
	margin-top: 0.4rem;
}

.card-routing .node {
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #cbd5e1;
	border-radius: 50%;
}

.card-routing .node.active {
	background-color: var(--wp-blue);
	box-shadow: 0 0 8px var(--wp-blue);
}

.card-heatmap {
	bottom: -2%;
	left: 20%;
	width: 160px;
	animation-delay: 3s;
}

.card-heatmap .card-heatmap-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 4px;
	margin-top: 0.4rem;
}

.card-heatmap-grid span {
	display: block;
	height: 12px;
	border-radius: 2px;
}

.card-heatmap-grid .heat-low { background-color: #dbeafe; }
.card-heatmap-grid .heat-med { background-color: #93c5fd; }
.card-heatmap-grid .heat-high { background-color: #2563eb; }

/* Responsive adjustments for float cards */
@media (max-width: 640px) {
	.bm-wp-float-card {
		transform: scale(0.85);
		animation: none;
	}
	.card-occupancy { top: 10%; left: -5%; }
	.card-energy { bottom: 10%; left: -5%; }
	.card-delivery { top: 5%; right: -5%; }
	.card-routing { bottom: 15%; right: -5%; }
	.card-heatmap { display: none; }
}

/* ==========================================================================
   KPI STATISTICS ROW
   ========================================================================== */
.bm-wp-kpis {
	padding: 3rem 4vw;
	border-top: 1px solid var(--wp-border);
	border-bottom: 1px solid var(--wp-border);
	background-color: #f8fafc;
}

.bm-wp-kpis-container {
	max-width: var(--bm-content-width);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem;
}

@media (min-width: 640px) {
	.bm-wp-kpis-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.bm-wp-kpis-container {
		grid-template-columns: repeat(4, 1fr);
	}
}

.bm-wp-kpi-item {
	position: relative;
	padding: 1rem;
}

@media (min-width: 1024px) {
	.bm-wp-kpi-item:not(:last-child)::after {
		content: '';
		position: absolute;
		top: 15%;
		right: 0;
		height: 70%;
		width: 1px;
		background-color: var(--wp-border);
	}
}

.bm-wp-kpi-item .kpi-icon {
	font-size: 1.75rem;
	margin-bottom: 0.75rem;
}

.bm-wp-kpi-item .kpi-value {
	font-size: 2.25rem;
	font-weight: 800;
	color: var(--wp-text);
	margin-bottom: 0.35rem;
	line-height: 1;
}

.bm-wp-kpi-item .kpi-label {
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--wp-text);
	margin-bottom: 0.5rem;
}

.bm-wp-kpi-item .kpi-desc {
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--wp-muted);
}

/* ==========================================================================
   SOLUTIONS SECTION
   ========================================================================== */
.bm-wp-solutions {
	padding: 6rem 4vw;
	max-width: var(--bm-content-width);
	margin: 0 auto;
}

.bm-wp-solutions-header {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	margin-bottom: 4rem;
}

@media (min-width: 1024px) {
	.bm-wp-solutions-header {
		grid-template-columns: 1.1fr 0.9fr;
		align-items: flex-end;
	}
}

.bm-wp-lead-text {
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--wp-muted);
	margin: 0 0 1rem;
}

.bm-wp-solutions-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
}

@media (min-width: 640px) {
	.bm-wp-solutions-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.bm-wp-solutions-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* Solution Card layout */
.bm-wp-sol-card {
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
	border: 1px solid var(--wp-border);
	border-radius: var(--wp-radius);
	overflow: hidden;
	box-shadow: var(--wp-shadow);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;
}

.bm-wp-sol-card:hover {
	transform: translateY(-8px);
	box-shadow: var(--wp-shadow-hover);
	border-color: rgba(37, 99, 235, 0.15);
}

.bm-wp-sol-card .card-img-wrapper {
	height: 160px;
	overflow: hidden;
	background-color: #f1f5f9;
}

.bm-wp-sol-card .card-img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.bm-wp-sol-card:hover .card-img-wrapper img {
	transform: scale(1.05);
}

.bm-wp-sol-card .card-content {
	padding: 1.75rem 1.5rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.bm-wp-sol-card .card-icon-blue {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	background-color: var(--wp-blue-light);
	color: var(--wp-blue);
	border-radius: 0.5rem;
	font-size: 1.25rem;
	margin-bottom: 1.25rem;
}

.bm-wp-sol-card h3 {
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--wp-text);
	margin: 0 0 0.75rem;
	line-height: 1.2;
}

.bm-wp-sol-card p {
	font-size: 0.88rem;
	line-height: 1.6;
	color: var(--wp-muted);
	margin: 0 0 1.5rem;
	flex: 1;
}

.bm-wp-sol-card .card-link {
	display: inline-flex;
	align-items: center;
	font-weight: 700;
	font-size: 0.88rem;
	color: var(--wp-text) !important;
	text-decoration: none;
	transition: color 0.25s ease;
}

.bm-wp-sol-card .card-link .arrow {
	margin-left: 0.3rem;
	transition: transform 0.25s ease;
}

.bm-wp-sol-card:hover .card-link {
	color: var(--wp-blue) !important;
}

.bm-wp-sol-card:hover .card-link .arrow {
	transform: translateX(4px);
}

/* Alternate order cards (content top, image bottom) */
.bm-wp-sol-card:nth-child(3),
.bm-wp-sol-card:nth-child(4) {
	flex-direction: column-reverse;
}

/* ==========================================================================
   TECHNOLOGY SECTION (ISOMETRIC DIAGRAM)
   ========================================================================== */
.bm-wp-tech {
	padding: 6rem 4vw;
	background-color: #f8fafc;
	border-top: 1px solid var(--wp-border);
	border-bottom: 1px solid var(--wp-border);
}

.bm-wp-tech-container {
	max-width: var(--bm-content-width);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
	gap: 5rem;
	align-items: center;
}

@media (min-width: 1024px) {
	.bm-wp-tech-container {
		grid-template-columns: 1fr 1fr;
	}
}

.bm-wp-tech-info {
	max-width: 36rem;
}

.bm-wp-tech-lead {
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--wp-muted);
	margin: 0 0 2rem;
}

.bm-wp-tech-list {
	list-style: none;
	padding: 0;
	margin: 0 0 2.5rem;
}

.bm-wp-tech-list li {
	display: flex;
	align-items: center;
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--wp-muted);
	margin-bottom: 0.75rem;
}

.bm-wp-tech-list .checkmark-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.25rem;
	height: 1.25rem;
	background-color: var(--wp-blue-light);
	color: var(--wp-blue);
	border-radius: 50%;
	font-size: 0.75rem;
	font-weight: 700;
	margin-right: 0.75rem;
}

/* Isometric stacked layers infographic */
.bm-wp-tech-visual {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2rem 0;
}

.isometric-stack {
	position: relative;
	width: 100%;
	max-width: 450px;
	height: 380px;
	transform: perspective(1000px) rotateX(45deg) rotateY(0deg) rotateZ(-30deg);
	transform-style: preserve-3d;
}

.stack-layer {
	position: absolute;
	width: 100%;
	height: 60px;
	background: rgba(255, 255, 255, 0.4);
	border: 1px solid rgba(37, 99, 235, 0.15);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05);
	backdrop-filter: blur(4px);
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s ease, border-color 0.4s ease;
	transform-style: preserve-3d;
}

/* Translucent glass layout colors */
.stack-layer::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 8px;
	background: linear-gradient(135deg, rgba(37, 99, 235, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
	pointer-events: none;
}

.layer-title {
	font-size: 0.88rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	color: var(--wp-muted);
	text-transform: uppercase;
	transition: color 0.4s ease;
	transform: translateZ(5px);
}

/* Absolute offsets for stacking layers */
.layer-1 { transform: translateZ(0px); z-index: 1; }
.layer-2 { transform: translateZ(90px); z-index: 2; }
.layer-3 { transform: translateZ(180px); z-index: 3; }
.layer-4 { transform: translateZ(270px); z-index: 4; }

/* Interactive Hover Lift effect */
.isometric-stack:hover .layer-1 { transform: translateZ(0px) scale(0.98); }
.isometric-stack:hover .layer-2 { transform: translateZ(110px); }
.isometric-stack:hover .layer-3 { transform: translateZ(220px); }
.isometric-stack:hover .layer-4 { transform: translateZ(330px); }

.stack-layer:hover {
	background: rgba(255, 255, 255, 0.7);
	border-color: var(--wp-blue);
	box-shadow: 0 20px 45px rgba(37, 99, 235, 0.12);
}

.stack-layer:hover .layer-title {
	color: var(--wp-blue);
}

/* Stack Layer Side Connector dots */
.dot-connector {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: var(--wp-blue);
	border: 2px solid #ffffff;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(37, 99, 235, 0.5);
	transition: transform 0.25s ease;
	transform: translateZ(10px);
}

.dot-connector:hover {
	transform: translateZ(10px) scale(1.5);
}

.dot-left {
	left: -5px;
	top: 50%;
}

.dot-right {
	right: -5px;
	top: 50%;
}

/* Labels shown next to stack connector dots */
.dot-connector::after {
	content: attr(data-label);
	position: absolute;
	white-space: nowrap;
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--wp-muted);
	background-color: #ffffff;
	border: 1px solid var(--wp-border);
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	opacity: 0.8;
	transition: opacity 0.25s ease, transform 0.25s ease;
	pointer-events: none;
}

.dot-left::after {
	right: 15px;
	top: 50%;
	transform: translateY(-50%) rotateZ(30deg); /* Counter-rotate slightly for perspective alignment */
}

.dot-right::after {
	left: 15px;
	top: 50%;
	transform: translateY(-50%) rotateZ(30deg);
}

.stack-layer:hover .dot-connector::after {
	opacity: 1;
	color: var(--wp-text);
	border-color: var(--wp-blue);
}

/* ==========================================================================
   CASOS DE ÉXITO SECTION
   ========================================================================== */
.bm-wp-cases {
	padding: 6rem 4vw;
	max-width: var(--bm-content-width);
	margin: 0 auto;
}

.bm-wp-cases-header {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	margin-bottom: 3rem;
}

@media (min-width: 768px) {
	.bm-wp-cases-header {
		flex-direction: row;
		align-items: flex-end;
	}
}

/* Card Slider */
.bm-wp-slider-wrapper {
	position: relative;
	width: 100%;
}

.bm-wp-slider-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
}

@media (min-width: 768px) {
	.bm-wp-slider-container {
		grid-template-columns: repeat(3, 1fr);
	}
}

.bm-wp-slider-card {
	background-color: #ffffff;
	border: 1px solid var(--wp-border);
	border-radius: var(--wp-radius-lg);
	overflow: hidden;
	box-shadow: var(--wp-shadow);
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.bm-wp-slider-card:hover {
	border-color: rgba(37, 99, 235, 0.15);
	box-shadow: var(--wp-shadow-hover);
}

.bm-wp-slider-card .card-img {
	height: 200px;
	background-position: center;
	background-size: cover;
	position: relative;
}

.bm-wp-slider-card .card-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(15, 23, 42, 0.8) 0%, rgba(15, 23, 42, 0.2) 100%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 1.5rem;
	color: #ffffff;
}

.bm-wp-slider-card .card-overlay h3 {
	font-size: 1.15rem;
	font-weight: 800;
	margin: 0 0 0.25rem;
}

.bm-wp-slider-card .card-overlay p {
	font-size: 0.82rem;
	font-weight: 500;
	opacity: 0.85;
	margin: 0;
}

.bm-wp-slider-card .card-stats {
	display: flex;
	padding: 1.5rem 1rem;
	background-color: #ffffff;
	border-top: 1px solid var(--wp-border);
}

.bm-wp-slider-card .stat-col {
	flex: 1;
	text-align: center;
	padding: 0 0.5rem;
}

.bm-wp-slider-card .stat-col:not(:last-child) {
	border-right: 1px solid var(--wp-border);
}

.bm-wp-slider-card .stat-number {
	display: block;
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--wp-blue);
	margin-bottom: 0.25rem;
}

.bm-wp-slider-card .stat-label {
	display: block;
	font-size: 0.68rem;
	font-weight: 600;
	color: var(--wp-muted);
	line-height: 1.3;
}

/* Navigation Arrows */
.slider-arrow {
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2.75rem;
	height: 2.75rem;
	background-color: #ffffff;
	border: 1px solid var(--wp-border);
	border-radius: 50%;
	font-size: 1.75rem;
	line-height: 1;
	color: var(--wp-text);
	cursor: pointer;
	z-index: 10;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.slider-arrow:hover {
	background-color: var(--wp-blue-light);
	color: var(--wp-blue);
	border-color: var(--wp-blue);
}

.arrow-left {
	left: -1.375rem;
}

.arrow-right {
	right: -1.375rem;
}

@media (min-width: 1340px) {
	.slider-arrow {
		display: inline-flex;
	}
}

/* Dot Indicators */
.slider-dots {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-top: 2rem;
}

.slider-dots .dot {
	display: block;
	width: 6px;
	height: 6px;
	background-color: #cbd5e1;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color 0.25s ease, width 0.25s ease;
}

.slider-dots .dot.active {
	background-color: var(--wp-blue);
	width: 18px;
	border-radius: 3px;
}

/* ==========================================================================
   PARTNERS SECTION
   ========================================================================== */
.bm-wp-partners {
	padding: 5rem 4vw;
	border-top: 1px solid var(--wp-border);
	background-color: #f8fafc;
	text-align: center;
}

.bm-wp-partners-container {
	max-width: var(--bm-content-width);
	margin: 0 auto;
}

.bm-wp-partners-title {
	font-size: clamp(1.25rem, 2vw, 1.75rem);
	font-weight: 800;
	color: var(--wp-text);
	margin: 0 0 3rem;
}

.partners-logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 2.5rem 4rem;
}

.logo-item {
	font-size: 1.35rem;
	font-weight: 700;
	color: #94a3b8;
	opacity: 0.85;
	transition: opacity 0.25s ease, color 0.25s ease;
	letter-spacing: -0.02em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo-item img {
	max-height: 2.2rem;
	width: auto;
	display: block;
	object-fit: contain;
	filter: grayscale(100%) opacity(60%);
	transition: filter 0.25s ease, opacity 0.25s ease;
}

.logo-item:hover img {
	filter: grayscale(0%) opacity(100%);
}

.logo-item:hover {
	opacity: 1;
	color: var(--wp-text);
}

.logo-item.nvidia { font-family: 'Outfit', sans-serif; letter-spacing: -0.05em; font-weight: 900; }
.logo-item.intel { font-style: italic; font-weight: 900; }
.logo-item.microsoft { font-weight: 500; font-family: 'Inter', sans-serif; }
.logo-item.aws { text-transform: lowercase; font-weight: 900; }
.logo-item.qualcomm { font-family: 'Outfit', sans-serif; text-transform: uppercase; font-weight: 800; }
.logo-item.google { font-family: 'Product Sans', 'Inter', sans-serif; font-weight: 600; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
.bm-wp-footer {
	background-color: #ffffff;
	border-top: 1px solid var(--wp-border);
	padding: 5rem 4vw 2.5rem;
}

.bm-wp-footer-top {
	max-width: var(--bm-content-width);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
	gap: 3.5rem;
	padding-bottom: 3.5rem;
	border-bottom: 1px solid var(--wp-border);
}

@media (min-width: 768px) {
	.bm-wp-footer-top {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1200px) {
	.bm-wp-footer-top {
		grid-template-columns: 1.2fr 2fr 1.2fr;
	}
}

.footer-info {
	max-width: 20rem;
}

.footer-logo {
	font-size: 1.75rem;
	font-weight: 800;
	color: var(--wp-text);
	letter-spacing: -0.03em;
	margin-bottom: 1rem;
	text-transform: lowercase;
}

.footer-tagline {
	font-size: 0.88rem;
	line-height: 1.6;
	color: var(--wp-muted);
	margin: 0 0 1.5rem;
}

.footer-social {
	display: flex;
	gap: 1rem;
}

.footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	background-color: #f1f5f9;
	color: var(--wp-text);
	border-radius: 50%;
	font-size: 0.75rem;
	font-weight: 700;
	text-decoration: none;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.footer-social a:hover {
	background-color: var(--wp-blue);
	color: #ffffff;
}

.footer-links-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
}

@media (min-width: 640px) {
	.footer-links-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.footer-col h4 {
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	color: var(--wp-text);
	margin: 0 0 1.25rem;
	text-transform: uppercase;
}

.footer-col ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-col li {
	margin-bottom: 0.75rem;
}

.footer-col a {
	font-size: 0.82rem;
	color: var(--wp-muted);
	text-decoration: none;
	font-weight: 500;
	transition: color 0.25s ease;
}

.footer-col a:hover {
	color: var(--wp-blue);
}

.footer-newsletter h4 {
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	color: var(--wp-text);
	margin: 0 0 1rem;
	text-transform: uppercase;
}

.footer-newsletter p {
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--wp-muted);
	margin: 0 0 1.25rem;
}

.newsletter-form {
	display: flex;
	width: 100%;
	max-width: 20rem;
}

.newsletter-form input {
	flex: 1;
	border: 1px solid var(--wp-border);
	border-right: none;
	border-radius: 6px 0 0 6px;
	padding: 0.6rem 0.88rem;
	font-size: 0.82rem;
	outline: none;
	transition: border-color 0.25s ease;
}

.newsletter-form input:focus {
	border-color: var(--wp-blue);
}

.newsletter-form button {
	background-color: var(--wp-blue);
	color: #ffffff;
	border: 1px solid var(--wp-blue);
	border-radius: 0 6px 6px 0;
	padding: 0 1.2rem;
	cursor: pointer;
	font-weight: 700;
	transition: background-color 0.25s ease, border-color 0.25s ease;
}

.newsletter-form button:hover {
	background-color: #1d4ed8;
	border-color: #1d4ed8;
}

.bm-wp-footer-bottom {
	max-width: var(--bm-content-width);
	margin: 2rem auto 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	font-size: 0.78rem;
	color: var(--wp-muted);
}

@media (min-width: 768px) {
	.bm-wp-footer-bottom {
		flex-direction: row;
	}
}

.footer-legal-links {
	display: flex;
	gap: 1.5rem;
}

.footer-legal-links a {
	color: var(--wp-muted);
	text-decoration: none;
	font-weight: 500;
	transition: color 0.25s ease;
}

.footer-legal-links a:hover {
	color: var(--wp-blue);
}

.footer-lang-selector {
	font-weight: 600;
	cursor: pointer;
}

/* ==========================================================================
   HEADER PILL OVERRIDES FOR WHITE-PREMIUM
   ========================================================================== */
body.botmotics-theme-white-premium .bm-header {
	background: rgba(255, 255, 255, 0.72) !important;
	border-color: rgba(15, 23, 42, 0.08) !important;
	box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

body.botmotics-theme-white-premium .bm-brand {
	color: #0f172a !important;
}

body.botmotics-theme-white-premium .bm-nav-list a {
	color: #475569 !important;
	font-weight: 600 !important;
}

body.botmotics-theme-white-premium .bm-nav-list a:hover {
	color: #2563eb !important;
}

body.botmotics-theme-white-premium .bm-lang-select,
body.botmotics-theme-white-premium .bm-theme-toggle,
body.botmotics-theme-white-premium .bm-search-toggle {
	background: rgba(15, 23, 42, 0.03) !important;
	color: #0f172a !important;
	border-color: rgba(15, 23, 42, 0.05) !important;
}

body.botmotics-theme-white-premium .bm-lang-select:hover,
body.botmotics-theme-white-premium .bm-theme-toggle:hover,
body.botmotics-theme-white-premium .bm-search-toggle:hover {
	color: #2563eb !important;
	border-color: rgba(37, 99, 235, 0.2) !important;
}

body.botmotics-theme-white-premium .bt-lang-toggle {
	background: rgba(15, 23, 42, 0.03) !important;
	color: #0f172a !important;
	border-color: rgba(15, 23, 42, 0.05) !important;
}

body.botmotics-theme-white-premium .bt-lang-toggle:hover {
	color: #2563eb !important;
	border-color: rgba(37, 99, 235, 0.2) !important;
}

/* ==========================================================================
   HEADING OVERRIDES (TYPOGRAPHY CORRECTIONS)
   ========================================================================== */
.bm-white-premium-page h1,
.bm-white-premium-page h2,
.bm-white-premium-page h3,
body.botmotics-theme-white-premium h1,
body.botmotics-theme-white-premium h2,
body.botmotics-theme-white-premium h3 {
	max-width: none !important;
	line-height: 1.15 !important;
	letter-spacing: -0.02em !important;
}

body.botmotics-theme-white-premium .bm-wp-hero-title {
	max-width: 18ch !important;
	line-height: 1.08 !important;
	font-size: clamp(2.5rem, 5vw, 4.25rem) !important;
}

body.botmotics-theme-white-premium .bm-wp-section-title {
	max-width: none !important;
	line-height: 1.15 !important;
	font-size: clamp(2rem, 3.5vw, 3rem) !important;
}

/* ==========================================================================
   BODY & HTML BACKGROUND RECOVERY (ELIMINATE TOP BLACK STRIP)
   ========================================================================== */
body.botmotics-theme-white-premium.botmotics-immersive-canvas,
html.botmotics-theme-white-premium body.botmotics-immersive-canvas {
	background: #ffffff !important;
}

/* ==========================================================================
   SEARCH POPUP POPUP STYLING OVERRIDES
   ========================================================================== */
body.botmotics-theme-white-premium .bt-search-backdrop,
html.botmotics-theme-white-premium .bt-search-backdrop {
	background: rgba(241, 245, 249, 0.72) !important;
	backdrop-filter: blur(14px) !important;
}

body.botmotics-theme-white-premium .bt-search-panel,
html.botmotics-theme-white-premium .bt-search-panel {
	background:
		linear-gradient(135deg, rgba(37, 99, 235, 0.08), transparent 30%),
		linear-gradient(225deg, rgba(0, 174, 202, 0.06), transparent 32%),
		rgba(255, 255, 255, 0.96) !important;
	border-color: rgba(15, 23, 42, 0.08) !important;
	box-shadow: 0 2rem 6rem rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
	color: #0f172a !important;
}

body.botmotics-theme-white-premium .bt-search-panel h2.bt-kicker {
	color: #2563eb !important;
}

body.botmotics-theme-white-premium .bt-search-input-wrap,
html.botmotics-theme-white-premium .bt-search-input-wrap,
body.botmotics-theme-white-premium .bt-search-result,
html.botmotics-theme-white-premium .bt-search-result,
body.botmotics-theme-white-premium .bt-search-close,
html.botmotics-theme-white-premium .bt-search-close {
	background: #ffffff !important;
	border-color: rgba(15, 23, 42, 0.08) !important;
	color: #0f172a !important;
}

body.botmotics-theme-white-premium .bt-search-input-wrap {
	border-color: rgba(37, 99, 235, 0.3) !important;
}

body.botmotics-theme-white-premium .bt-search-input-wrap svg {
	color: #2563eb !important;
}

body.botmotics-theme-white-premium .bt-search-input-wrap input {
	color: #0f172a !important;
}

body.botmotics-theme-white-premium .bt-search-close::before,
body.botmotics-theme-white-premium .bt-search-close::after {
	background: #475569 !important;
}

body.botmotics-theme-white-premium .bt-search-close:hover::before,
body.botmotics-theme-white-premium .bt-search-close:hover::after {
	background: #2563eb !important;
}

body.botmotics-theme-white-premium .bt-search-group-title {
	color: #2563eb !important;
}

body.botmotics-theme-white-premium .bt-search-item-title a {
	color: #0f172a !important;
}

body.botmotics-theme-white-premium .bt-search-item-title a:hover {
	color: #2563eb !important;
}

body.botmotics-theme-white-premium .bt-search-item-context {
	color: #475569 !important;
}

/* ==========================================================================
   MEGAMENU CUSTOMIZER TYPOGRAPHY BINDINGS FOR WHITE PREMIUM LAYOUT
   ========================================================================== */
body.botmotics-theme-white-premium .bm-nav-list a,
body.botmotics-theme-white-premium .bt-menu a {
	font-family: var(--bt-menu-font, 'Inter', sans-serif) !important;
}

body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu > .sub-menu > li > a,
body.botmotics-theme-white-premium .bt-menu > li.bt-has-mega-menu > .sub-menu > li > a {
	font-family: var(--bt-mega-title-font, var(--bt-menu-font, 'Inter', sans-serif)) !important;
	font-size: var(--bt-mega-title-size, 0.82rem) !important;
	font-weight: var(--bt-mega-title-weight, 100) !important;
	text-transform: var(--bt-mega-title-transform, uppercase) !important;
}

body.botmotics-theme-white-premium .bm-nav-list .bt-mega-group > a,
body.botmotics-theme-white-premium .bt-menu .bt-mega-group > a {
	font-family: var(--bt-mega-group-font, var(--bt-menu-font, 'Inter', sans-serif)) !important;
	font-size: var(--bt-mega-group-size, 0.76rem) !important;
	font-weight: var(--bt-mega-group-weight, 850) !important;
	text-transform: var(--bt-mega-group-transform, uppercase) !important;
}

body.botmotics-theme-white-premium .bm-nav-list .bt-has-mega-menu > .sub-menu .sub-menu a,
body.botmotics-theme-white-premium .bt-menu .bt-has-mega-menu > .sub-menu .sub-menu a {
	font-family: var(--bt-mega-item-font, var(--bt-menu-font, 'Inter', sans-serif)) !important;
	font-size: var(--bt-mega-item-size, 0.78rem) !important;
	font-weight: var(--bt-mega-item-weight, 680) !important;
	text-transform: var(--bt-mega-item-transform, none) !important;
	line-height: var(--bt-mega-item-line-height, 1.28) !important;
}

/* Transparencia para evitar la franja azul en la parte superior en Blanco Premium */
body.botmotics-theme-white-premium .elementor-page,
body.botmotics-theme-white-premium .bm-page,
body.botmotics-theme-white-premium .botmotics-immersive-canvas {
	background: transparent !important;
}

/* Estilos de hover y estado activo de la cabecera unificada en Blanco Premium */
body.botmotics-theme-white-premium .bm-nav-list a:hover,
body.botmotics-theme-white-premium .bm-nav-list > li > a:hover,
body.botmotics-theme-white-premium .bm-nav-list > li:focus-within > a {
	background: transparent !important;
	box-shadow: none !important;
	color: #2563eb !important;
}

body.botmotics-theme-white-premium .bm-nav-list .current-menu-item > a,
body.botmotics-theme-white-premium .bm-nav-list .current-menu-parent > a {
	background: rgba(37, 99, 235, 0.05) !important;
	color: #2563eb !important;
}

/* Unificar alineación vertical de todos los megamenús en Blanco Premium */
body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-has-mega-menu,
body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu {
	position: static !important;
}

body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-has-mega-menu:has(> .sub-menu > li:nth-child(2):last-child),
body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu:has(> .sub-menu > li:nth-child(2):last-child) {
	position: relative !important;
}

/* Megamenús normales (ancho completo) */
body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-has-mega-menu > .sub-menu:not(:has(> li:nth-child(2):last-child)),
body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu > .sub-menu:not(:has(> li:nth-child(2):last-child)) {
	position: absolute !important;
	left: 50% !important;
	top: calc(100% + 0.45rem) !important;
	transform: translate(-50%, 0.35rem) !important;
	width: 100% !important;
	max-width: var(--bt-content-width) !important;
}

body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-has-mega-menu:hover > .sub-menu:not(:has(> li:nth-child(2):last-child)),
body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-has-mega-menu:focus-within > .sub-menu:not(:has(> li:nth-child(2):last-child)),
body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-has-mega-menu.is-mega-open > .sub-menu:not(:has(> li:nth-child(2):last-child)),
body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu:hover > .sub-menu:not(:has(> li:nth-child(2):last-child)),
body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu:focus-within > .sub-menu:not(:has(> li:nth-child(2):last-child)),
body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu.is-mega-open > .sub-menu:not(:has(> li:nth-child(2):last-child)) {
	transform: translate(-50%, 0) !important;
}

/* Puente de hover para megamenús de ancho completo */
body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-has-mega-menu:not(:has(> .sub-menu > li:nth-child(2):last-child))::after,
body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu:not(:has(> .sub-menu > li:nth-child(2):last-child))::after {
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 100% !important;
	max-width: var(--bt-content-width) !important;
	top: 100% !important;
	height: 1.5rem !important;
}

/* Megamenú de 2 columnas (Compañía) */
body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-has-mega-menu > .sub-menu:has(> li:nth-child(2):last-child),
body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu > .sub-menu:has(> li:nth-child(2):last-child) {
	position: absolute !important;
	left: 50% !important;
	top: calc(100% + 0.45rem) !important;
	transform: translate(-50%, 0.35rem) !important;
	width: 45rem !important;
	max-width: calc(100vw - 2rem) !important;
	grid-template-columns: repeat(2, 1fr) !important;
}

body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-has-mega-menu > .sub-menu:has(> li:nth-child(2):last-child) > li > a,
body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu > .sub-menu:has(> li:nth-child(2):last-child) > li > a {
	white-space: nowrap !important;
}

body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-has-mega-menu:hover > .sub-menu:has(> li:nth-child(2):last-child),
body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-has-mega-menu:focus-within > .sub-menu:has(> li:nth-child(2):last-child),
body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-has-mega-menu.is-mega-open > .sub-menu:has(> li:nth-child(2):last-child),
body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu:hover > .sub-menu:has(> li:nth-child(2):last-child),
body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu:focus-within > .sub-menu:has(> li:nth-child(2):last-child),
body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu.is-mega-open > .sub-menu:has(> li:nth-child(2):last-child) {
	transform: translate(-50%, 0) !important;
}

body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-has-mega-menu:has(> .sub-menu > li:nth-child(2):last-child)::after,
body.botmotics-theme-white-premium .bm-nav-list > li.bt-has-mega-menu:has(> .sub-menu > li:nth-child(2):last-child)::after {
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 45rem !important;
	top: 100% !important;
	height: 1.5rem !important;
}

/* Megamenús de una sola columna (sin subapartados, como Insights) */
body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-mega-single-column,
body.botmotics-theme-white-premium .bm-nav-list > li.bt-mega-single-column {
	position: relative !important;
}

body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-mega-single-column > .sub-menu,
body.botmotics-theme-white-premium .bm-nav-list > li.bt-mega-single-column > .sub-menu {
	position: absolute !important;
	left: 50% !important;
	top: calc(100% + 0.45rem) !important;
	transform: translate(-50%, 0.35rem) !important;
	width: max-content !important;
	min-width: 16rem !important;
	max-width: calc(100vw - 2rem) !important;
	grid-template-columns: 1fr !important;
}

body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-mega-single-column > .sub-menu > li > a,
body.botmotics-theme-white-premium .bm-nav-list > li.bt-mega-single-column > .sub-menu > li > a {
	padding-bottom: 0 !important;
	white-space: nowrap !important;
}

body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-mega-single-column:hover > .sub-menu,
body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-mega-single-column:focus-within > .sub-menu,
body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-mega-single-column.is-mega-open > .sub-menu,
body.botmotics-theme-white-premium .bm-nav-list > li.bt-mega-single-column:hover > .sub-menu,
body.botmotics-theme-white-premium .bm-nav-list > li.bt-mega-single-column:focus-within > .sub-menu,
body.botmotics-theme-white-premium .bm-nav-list > li.bt-mega-single-column.is-mega-open > .sub-menu {
	transform: translate(-50%, 0) !important;
}

body.botmotics-theme-white-premium .bt-menu ul:not(.sub-menu) > li.bt-mega-single-column::after,
body.botmotics-theme-white-premium .bm-nav-list > li.bt-mega-single-column::after {
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 100% !important;
	min-width: 16rem !important;
	top: 100% !important;
	height: 1.5rem !important;
}

/* Botón de Contacto en Cabecera */
.bm-lang {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
}

.bm-contact-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 2.65rem !important;
	min-height: 2.65rem !important;
	padding: 0 1.25rem !important;
	border-radius: 9999px !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.25s ease !important;
	border: 1px solid transparent !important;
	white-space: nowrap !important;
	background: rgba(15, 23, 42, 0.03);
	color: #0f172a;
	border-color: rgba(15, 23, 42, 0.05);
	gap: 0.45rem !important;
}

.bm-contact-btn svg {
	width: 1rem !important;
	height: 1rem !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	margin: 0 !important;
}

.bm-contact-btn:hover {
	background: rgba(37, 99, 235, 0.05);
	color: #2563eb;
	border-color: rgba(37, 99, 235, 0.2);
}

/* Prevent header menu overlapping with actions on medium screens */
@media (max-width: 1120px) {
	.bm-header {
		grid-template-columns: 1fr auto !important;
		border-radius: 24px !important;
		width: calc(100% - 1rem) !important;
	}

	.bm-nav {
		grid-column: 1 / -1 !important;
		order: 3 !important;
		width: 100% !important;
		overflow-x: auto !important;
		scrollbar-width: none !important;
	}

	.bm-nav::-webkit-scrollbar {
		display: none !important;
	}

	.bm-nav-list {
		justify-content: var(--bt-menu-align, center) !important;
	}
}