/* WayShip Serviços — text color #f2f2f2, no font-family (theme global) */

.wayship-servicos {
	--wayship-text: #f2f2f2;
	--wayship-bg: #111;
	--wayship-sticky-top: 0px;
	--wayship-tab-active: rgba(139, 92, 246, 0.14);
	--wayship-tab-active-border: rgba(139, 92, 246, 0.45);
	--wayship-surface: #161616;
	--wayship-surface-2: #1e1e1e;
	--wayship-border: rgba(242, 242, 242, 0.12);
	--wayship-radius: 14px;
	--wayship-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	color: var(--wayship-text);
	background: var(--wayship-bg);
	width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
}

.wayship-servicos *,
.wayship-servicos *::before,
.wayship-servicos *::after {
	box-sizing: border-box;
}

.wayship-servicos a:not(.wayship-servicos__cta):not(.wayship-servicos__post-cta):not(.wayship-servicos__ext-cta) {
	color: inherit;
}

/* ——— Sticky: barra Marca / Produto / Digital ——— */
.wayship-servicos__nav-sticky {
	position: sticky;
	top: var(--wayship-sticky-top, 0px);
	z-index: 30;
	margin: 0 0 clamp(1.75rem, 3vw, 2.5rem);
	padding: 0.9rem 0.75rem 1.05rem;
	background: #111;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

/* ——— Tabs ——— */
.wayship-servicos__nav {
	display: flex;
	flex-wrap: wrap;
	align-items: left;
	justify-content: left;
	gap: 1.25rem 2.5rem;
	max-width: 52rem;
	
	padding: 0;
}

@media (min-width: 768px) {
	.wayship-servicos__nav {
		gap: 1.5rem 3.5rem;
	}
}

.wayship-servicos__tab-icon-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: rgba(242, 242, 242, 0.72);
}

.wayship-servicos__tab-icon-wrap .wayship-servicos__lucide {
	display: block;
}

.wayship-servicos__tab {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem 0.65rem;
	margin: 0;
	padding: 0.5rem 1.15rem;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	color: var(--wayship-text) !important;
	font: inherit;
	font-size: 0.95rem;
	cursor: pointer;
	opacity: 0.6;
	transition:
		opacity 0.25s var(--wayship-ease),
		background 0.25s,
		border-color 0.25s,
		box-shadow 0.25s;
}

.wayship-servicos__tab:hover,
.wayship-servicos__tab:focus-visible {
	opacity: 0.95;
	background: rgba(255, 255, 255, 0.07);
	border-color: rgba(255, 255, 255, 0.12);
	outline: none;
}

.wayship-servicos__tab.is-active {
	opacity: 1;
	background: var(--wayship-tab-active) !important;
	border-color: var(--wayship-tab-active-border) !important;
	color: #f2f2f2 !important;
	box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.2);
}


/* ——— Hero ——— */
.wayship-servicos__panel[hidden] {
	display: none !important;
}

.wayship-servicos__hero {
	display: grid;
	grid-template-columns: 1fr 1.1fr;
	gap: clamp(1.5rem, 4vw, 3.5rem);
	margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
	align-items: start;
}

@media (max-width: 900px) {
	.wayship-servicos__hero {
		grid-template-columns: 1fr;
	}
}

.wayship-servicos__title {
	margin: 0 0 0.75rem;
	font-size: clamp(2.25rem, 5vw, 3.5rem);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.02em;
}

.wayship-servicos__tagline {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.5;
	font-weight: 400;
	opacity: 0.88;
}

.wayship-servicos__body {
	font-size: 0.98rem;
	line-height: 1.65;
	opacity: 0.92;
}

.wayship-servicos__body p {
	margin: 0 0 1.1em;
}

.wayship-servicos__body p:last-child {
	margin-bottom: 0;
}

.wayship-servicos__col--right {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

/* CTA: forçar cores (Elementor/ tema não sobrescreve) */
.wayship-servicos a.wayship-servicos__cta,
.wayship-servicos a.wayship-servicos__cta:visited,
.wayship-servicos a.wayship-servicos__cta:hover,
.wayship-servicos a.wayship-servicos__cta:focus-visible {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	padding: 0.75rem 1.5rem;
	border-radius: 999px;
	text-decoration: none !important;
	font-size: 0.92rem;
	color: #f2f2f2 !important;
	background: #1f1f1f !important;
	border: 1px solid rgba(242, 242, 242, 0.16) !important;
	box-shadow: none !important;
	transition: background 0.25s, border-color 0.25s, opacity 0.2s;
}

.wayship-servicos a.wayship-servicos__cta:hover,
.wayship-servicos a.wayship-servicos__cta:focus-visible {
	background: #2a2a2a !important;
	border-color: rgba(242, 242, 242, 0.24) !important;
	color: #f2f2f2 !important;
}

/* ——— Grid (column-major stagger) ——— */
.wayship-servicos__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.1rem 1.25rem;
	margin-bottom: clamp(2.5rem, 4vw, 3.5rem);
}

@media (max-width: 900px) {
	.wayship-servicos__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 560px) {
	.wayship-servicos__grid {
		grid-template-columns: 1fr;
	}
}

/* ——— Grid cards: base + glow (mouse-follow) ——— */
.wayship-servicos__card--glow {
	--wayship-glow-x: 50%;
	--wayship-glow-y: 50%;
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-radius: var(--wayship-radius);
	border: none;
	background: transparent;
	transition: transform 0.35s var(--wayship-ease), box-shadow 0.35s var(--wayship-ease);
}

.wayship-servicos__card-layers {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	z-index: 0;
	overflow: hidden;
}

.wayship-servicos__card-bg {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: var(--wayship-surface-2);
}

.wayship-servicos__card-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	border: 1px solid rgba(255, 255, 255, 0.06);
	pointer-events: none;
}

/* Brilho radial que segue o ponteiro */
.wayship-servicos__card-mglow {
	position: absolute;
	inset: -1px;
	border-radius: calc(var(--wayship-radius) + 1px);
	background: radial-gradient(
		240px circle at var(--wayship-glow-x) var(--wayship-glow-y),
		rgba(139, 92, 246, 0.11) 0%,
		rgba(59, 130, 246, 0.07) 28%,
		transparent 62%
	);
	filter: blur(10px);
	opacity: 0.55;
	z-index: 0;
}

/* Borda em gradiente radial (seguindo o ponteiro) */
.wayship-servicos__card-mborder {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1.5px;
	background: radial-gradient(
		380px circle at var(--wayship-glow-x) var(--wayship-glow-y),
		rgba(255, 255, 255, 0.16) 0%,
		rgba(255, 255, 255, 0.06) 32%,
		rgba(255, 255, 255, 0.02) 58%,
		transparent 100%
	);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask-composite: exclude;
	z-index: 1;
}

/* Gloss diagonal no hover */
.wayship-servicos__card-mgloss {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	z-index: 2;
	background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.06), transparent 58%);
	opacity: 0;
	transition: opacity 0.45s var(--wayship-ease);
}

.wayship-servicos__card--glow:hover .wayship-servicos__card-mgloss {
	opacity: 1;
}

.wayship-servicos__card-content {
	position: relative;
	z-index: 3;
	padding: 1.4rem 1.35rem 1.45rem;
}

.wayship-servicos__card-icon {
	margin: 0 0 0.9rem;
	color: rgba(242, 242, 242, 0.55);
	line-height: 0;
}

.wayship-servicos__card-icon .wayship-servicos__lucide {
	display: block;
}

.wayship-servicos__card--glow:hover {
	box-shadow:
		0 1px 2px rgba(0, 0, 0, 0.12),
		0 6px 14px rgba(0, 0, 0, 0.18),
		0 12px 28px rgba(0, 0, 0, 0.22);
}

.wayship-servicos__card-title {
	margin: 0 0 0.5rem;
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.3;
}

.wayship-servicos__card-text {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.55;
	opacity: 0.88;
}

.wayship-servicos__card-text p {
	margin: 0 0 0.4em;
}

.wayship-servicos__card-text p:last-child {
	margin-bottom: 0;
}

.wayship-servicos__projects:not(.wayship-servicos__projects--empty) {
	margin-top: 0.25rem;
}

.wayship-servicos__projects--empty {
	min-height: 0;
	margin: 0 !important;
	padding: 0 !important;
}

.wayship-servicos__projects--empty.wayship-fu {
	display: none;
}

.wayship-servicos__clients-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.15rem 1.25rem;
	width: 100%;
	max-width: 52rem;
	margin: 0 auto;
}

@media (max-width: 560px) {
	.wayship-servicos__clients-grid {
		grid-template-columns: 1fr;
	}
}

.wayship-servicos__client-card {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: clamp(5.5rem, 14vw, 7.75rem);
	padding: 1.25rem 1rem;
	background: #808080;
	color: #0a0a0a !important;
	border-radius: 10px;
	font-size: clamp(1.15rem, 3.2vw, 1.65rem);
	font-weight: 600;
	letter-spacing: -0.02em;
	text-align: center;
	text-decoration: none !important;
	border: none;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset;
	transition:
		opacity 0.25s var(--wayship-ease),
		transform 0.25s var(--wayship-ease),
		filter 0.25s var(--wayship-ease);
}

a.wayship-servicos__client-card:hover,
a.wayship-servicos__client-card:focus-visible {
	opacity: 0.92;
	transform: translateY(-2px);
	outline: none;
}

.wayship-servicos__client-card-label {
	display: block;
	line-height: 1.2;
}

.wayship-servicos__projects-grid {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	width: 100%;
	max-width: 52rem;
	margin: 0 auto;
}

.wayship-servicos__project-box {
	border-radius: var(--wayship-radius);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(22, 22, 22, 0.9);
}

.wayship-servicos__project-oembed {
	padding: 0.75rem;
}

.wayship-servicos__project-oembed .wp-embed,
.wayship-servicos__project-oembed iframe,
.wayship-servicos__project-oembed embed {
	max-width: 100% !important;
	width: 100% !important;
}

.wayship-servicos__post-card {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	gap: 0;
	min-height: 10rem;
}

@media (max-width: 700px) {
	.wayship-servicos__post-card {
		grid-template-columns: 1fr;
	}
}

.wayship-servicos__post-thumb {
	margin: 0;
	min-height: 11rem;
	background: #0d0d0d;
}

.wayship-servicos__post-thumb a {
	display: block;
	height: 100%;
	line-height: 0;
}

.wayship-servicos__post-thumb img.wayship-servicos__post-thumb-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.wayship-servicos__post-body {
	padding: 1.35rem 1.5rem 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wayship-servicos__post-title {
	margin: 0 0 0.5rem;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.3;
}

.wayship-servicos__post-title a {
	color: #f2f2f2 !important;
	text-decoration: none;
}

.wayship-servicos__post-excerpt {
	margin: 0 0 0.9rem;
	font-size: 0.88rem;
	line-height: 1.5;
	color: rgba(242, 242, 242, 0.78) !important;
}

.wayship-servicos a.wayship-servicos__post-cta {
	align-self: flex-start;
	font-size: 0.86rem;
	padding: 0.45rem 0.9rem;
	border-radius: 999px;
	background: #252525 !important;
	color: #f2f2f2 !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	text-decoration: none !important;
}

.wayship-servicos__ext-card {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.35rem 1.5rem;
}

.wayship-servicos__ext-icon {
	flex-shrink: 0;
	color: rgba(242, 242, 242, 0.7);
}

.wayship-servicos__ext-body {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1.25rem;
}

.wayship-servicos__ext-host {
	margin: 0;
	font-size: 0.95rem;
	color: #f2f2f2 !important;
}

.wayship-servicos a.wayship-servicos__ext-cta {
	font-size: 0.9rem;
	padding: 0.5rem 1.1rem;
	border-radius: 999px;
	background: #252525 !important;
	color: #f2f2f2 !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	text-decoration: none !important;
}

/* ——— Fade up ——— */
.wayship-servicos .wayship-fu {
	--wayship-d: 0;
	opacity: 0;
	transform: translate3d(0, 1.4rem, 0);
	will-change: opacity, transform;
}

.wayship-servicos.wayship-servicos--inview .wayship-servicos__panel.is-active .wayship-fu {
	opacity: 1;
	transform: none;
	transition:
		opacity 0.65s var(--wayship-ease),
		transform 0.65s var(--wayship-ease);
	transition-delay: calc(var(--wayship-d) * 70ms);
}

@media (prefers-reduced-motion: reduce) {
	.wayship-servicos .wayship-fu {
		opacity: 1;
		transform: none;
	}

	.wayship-servicos__card-mglow {
		opacity: 0.2;
		filter: blur(6px);
	}

	.wayship-servicos__card--glow:hover {
		box-shadow: none;
	}
}

/* Hover lift nos cards: combina com animação .wayship-fu */
.wayship-servicos.wayship-servicos--inview
	.wayship-servicos__panel.is-active
	.wayship-servicos__card--glow.wayship-fu:hover {
	transform: translateY(-3px) translateZ(0);
	/* resposta mais rápida no hover do que o fade-in inicial */
	transition-duration: 0.35s;
	transition-delay: 0s;
}