/**
 * Oniros Digital — estilos del tema y bloques
 *
 * @package OnirosDigital
 */

html {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* ========== RESET / BASE ========== */
body.oniros-theme {
	--wp--style--root--padding-top: 0px;
	--wp--style--root--padding-right: 0px;
	--wp--style--root--padding-bottom: 0px;
	--wp--style--root--padding-left: 0px;
	--wp--preset--font-family--body: var(--od-font-body);
	--wp--preset--font-family--heading: var(--od-font-display);
	background: var(--od-bg-canvas) !important;
	color: var(--od-text-primary) !important;
	font-family: var(--od-font-body);
	margin: 0;
}

.oniros-theme,
.editor-styles-wrapper {
	background: var(--od-bg-canvas);
	color: var(--od-text-primary);
	font-family: var(--od-font-body);
	font-size: var(--od-body-m-size);
	line-height: var(--od-body-m-lh);
	-webkit-font-smoothing: antialiased;
}

.oniros-theme,
.oniros-theme *,
.oniros-theme *::before,
.oniros-theme *::after {
	box-sizing: border-box;
}

.oniros-theme body,
body.oniros-theme {
	margin: 0;
	background: var(--od-bg-canvas);
	color: var(--od-text-primary);
}

.oniros-theme .site,
.oniros-theme .site-main,
.oniros-theme .od-front-page,
.oniros-theme .od-page,
.oniros-theme .entry-content,
.oniros-theme .wp-site-blocks,
.oniros-theme .wp-block-post-content {
	width: 100%;
	max-width: none !important;
	margin: 0;
	padding: 0 !important;
}

.oniros-theme .entry-content > .alignfull,
.oniros-theme .od-front-page > .alignfull {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 0;
	margin-bottom: 0;
	max-width: none !important;
	width: 100%;
}

.oniros-theme .entry-content > *:first-child.alignfull,
.oniros-theme .od-front-page > *:first-child.alignfull {
	margin-top: 0;
}

.oniros-theme a {
	color: inherit;
	text-decoration: none;
}

.oniros-theme a:focus-visible,
.oniros-theme button:focus-visible {
	outline: 2px solid var(--od-brand-cyan);
	outline-offset: 3px;
}

.oniros-theme img {
	max-width: 100%;
	height: auto;
	display: block;
}

.oniros-theme h1,
.oniros-theme h2,
.oniros-theme h3,
.oniros-theme h4,
.oniros-theme p,
.oniros-theme ul,
.oniros-theme ol {
	margin: 0;
}

.skip-link.screen-reader-text {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.skip-link.screen-reader-text:focus {
	position: fixed;
	left: 1rem;
	top: 1rem;
	z-index: 100000;
	width: auto;
	height: auto;
	padding: 0.75rem 1rem;
	background: var(--od-bg-surface-2);
	color: var(--od-text-primary);
	border-radius: var(--od-radius-btn);
	clip: auto;
	overflow: visible;
}

/* ========== TIPO ========== */
.od-type-h1,
.oniros-theme h1 {
	font-family: var(--od-font-display);
	font-size: var(--od-display-h1-size);
	line-height: var(--od-display-h1-lh);
	font-weight: 700;
	letter-spacing: -0.03em;
	color: var(--od-text-primary);
}

.od-type-h2,
.oniros-theme h2 {
	font-family: var(--od-font-display);
	font-size: var(--od-h2-size);
	line-height: var(--od-h2-lh);
	font-weight: 700;
	letter-spacing: -0.025em;
	color: var(--od-text-primary);
}

.od-type-h3,
.oniros-theme h3 {
	font-family: var(--od-font-display);
	font-size: var(--od-h3-size);
	line-height: var(--od-h3-lh);
	font-weight: 600;
	letter-spacing: -0.015em;
	color: var(--od-text-primary);
}

.od-type-body-l {
	font-family: var(--od-font-body);
	font-size: var(--od-body-l-size);
	line-height: var(--od-body-l-lh);
	font-weight: 400;
}

.od-type-body-m {
	font-family: var(--od-font-body);
	font-size: var(--od-body-m-size);
	line-height: var(--od-body-m-lh);
	font-weight: 400;
}

.od-type-body-s {
	font-family: var(--od-font-body);
	font-size: var(--od-body-s-size);
	line-height: var(--od-body-s-lh);
	font-weight: 500;
}

.od-text-secondary { color: var(--od-text-secondary); }
.od-text-muted { color: var(--od-text-muted); }
.od-text-gradient {
	background: var(--od-gradient-brand);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* ========== LAYOUT ========== */
.od-container {
	width: 100%;
	max-width: calc(var(--od-container) + (var(--od-margin) * 2));
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--od-margin);
	padding-right: var(--od-margin);
}

.od-section {
	padding-top: var(--od-space-section);
	padding-bottom: var(--od-space-section);
}

.od-section__head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	max-width: 720px;
	margin-bottom: var(--od-space-component);
}

.od-kicker {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
}

.od-kicker__label {
	font-family: var(--od-font-mono);
	font-size: 11px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--od-brand-cyan);
	white-space: nowrap;
}

.od-kicker__label::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 1px;
	margin-right: 10px;
	vertical-align: middle;
	background: currentColor;
}

.od-kicker--center {
	justify-content: center;
}

.od-kicker--on-dark .od-kicker__label {
	color: #e9d5ff;
}

/* ========== COMPONENTES ========== */
.od-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 20px;
	border-radius: var(--od-radius-btn);
	font-family: var(--od-font-body);
	font-size: var(--od-body-s-size);
	line-height: var(--od-body-s-lh);
	font-weight: 500;
	border: 1px solid transparent;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
	white-space: nowrap;
}

.od-btn--primary {
	background: var(--od-brand-purple);
	color: #fff;
	box-shadow: var(--od-glow-purple);
}

.od-btn--primary:hover {
	background: var(--od-brand-purple-glow);
	transform: translateY(-1px);
}

.od-btn--secondary {
	background: transparent;
	border-color: var(--od-border-subtle);
	color: var(--od-text-primary);
}

.od-btn--secondary:hover {
	border-color: var(--od-border-hover);
	background: var(--od-bg-surface-2);
}

.od-btn--ghost {
	background: transparent;
	padding-left: 0;
	padding-right: 0;
	min-height: auto;
	color: var(--od-text-primary);
}

.od-btn--ghost:hover {
	color: var(--od-brand-cyan);
}

.od-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 5px 9px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 6px 0 6px 6px;
	background: transparent;
	font-family: var(--od-font-mono);
	font-size: 10px;
	line-height: 1;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.72);
}

.od-badge__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--od-brand-cyan);
}

.od-badge--stack {
	color: rgba(255, 255, 255, 0.72);
}

.od-card {
	background: var(--od-bg-surface-1);
	border: 1px solid var(--od-border-subtle);
	border-radius: var(--od-radius-card);
	padding: var(--od-space-card);
	transition: border-color 0.2s ease, background 0.2s ease;
}

.od-card:hover {
	border-color: var(--od-border-hover);
	background: var(--od-bg-surface-2);
}

.od-icon-box {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px 0 12px 12px;
	background: var(--od-purple-soft);
	color: var(--od-brand-cyan);
	flex-shrink: 0;
}

/* ========== HEADER ========== */
.od-header {
	position: sticky;
	top: 0;
	z-index: 50;
	height: var(--od-header-h);
	backdrop-filter: blur(18px);
	background: rgba(10, 13, 20, 0.78);
	border-bottom: 1px solid var(--od-border-subtle);
}

.od-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	gap: 24px;
}

.od-logo {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	max-width: 196px;
}

.oniros-theme .od-header .od-logo__img,
.oniros-theme .od-header .custom-logo-link img {
	display: block;
	height: 42px !important;
	width: auto !important;
	max-height: 42px !important;
	max-width: 196px;
	object-fit: contain;
}

.oniros-theme .od-footer .od-logo {
	max-width: 180px;
}

.oniros-theme .od-footer .od-logo__img {
	height: 48px !important;
	max-height: 48px !important;
	width: auto !important;
}

.od-nav {
	display: flex;
	align-items: center;
	gap: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.od-nav a {
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: var(--od-text-secondary);
	transition: color 0.2s ease;
}

.od-nav a:hover,
.od-nav .current-menu-item > a {
	color: var(--od-text-primary);
}

.od-header__actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.od-nav-toggle {
	display: none;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid var(--od-border-subtle);
	border-radius: 10px 0 10px 10px;
	background: transparent;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	cursor: pointer;
}

.od-nav-toggle span {
	display: block;
	width: 16px;
	height: 1.5px;
	background: #fff;
}

@media (max-width: 899px) {
	.od-nav-toggle {
		display: flex;
	}

	.od-header .od-btn--primary {
		display: none;
	}

	.od-header__nav {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: var(--od-header-h);
		background: var(--od-bg-surface-1);
		border-bottom: 1px solid var(--od-border-subtle);
		padding: 16px var(--od-margin) 24px;
	}

	.od-header.is-open .od-header__nav {
		display: block;
	}

	.od-nav {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
}

/* ========== FOOTER ========== */
.od-footer {
	border-top: 1px solid var(--od-border-subtle);
	padding: 64px 0 32px;
	background: var(--od-bg-canvas);
}

.od-footer__inner {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: 48px;
	padding-bottom: 48px;
}

.od-footer__tagline {
	margin-top: 16px;
	max-width: 280px;
	color: var(--od-text-secondary);
	font-size: var(--od-body-m-size);
	line-height: var(--od-body-m-lh);
}

.od-footer__label {
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--od-text-muted);
	margin-bottom: 16px;
	font-weight: 500;
}

.od-footer__links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.od-footer__links a,
.od-footer__mail {
	color: var(--od-text-secondary);
	font-size: var(--od-body-s-size);
}

.od-footer__links a:hover,
.od-footer__mail:hover {
	color: var(--od-text-primary);
}

.od-footer__bottom {
	border-top: 1px solid var(--od-border-subtle);
	padding-top: 24px;
}

.od-footer__copy {
	font-size: var(--od-body-s-size);
	line-height: var(--od-body-s-lh);
	color: var(--od-text-muted);
}

@media (max-width: 767px) {
	.od-footer__inner {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

/* ========== HERO ========== */
.od-hero {
	position: relative;
	overflow: hidden;
	min-height: calc(100svh - var(--od-header-h));
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.od-hero__media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
	background: var(--od-bg-surface-1);
}

.od-hero__media img,
.od-hero__stage {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 40%;
	will-change: transform;
}

.od-hero__stage {
	background:
		radial-gradient(circle at 30% 20%, rgba(157, 78, 221, 0.28), transparent 40%),
		radial-gradient(circle at 80% 70%, rgba(0, 210, 255, 0.16), transparent 42%),
		linear-gradient(160deg, #111622, #0a0d14);
}

.od-hero__overlay {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(10, 13, 20, 0.28) 0%, rgba(10, 13, 20, 0.55) 42%, rgba(10, 13, 20, 0.88) 100%),
		linear-gradient(90deg, rgba(10, 13, 20, 0.18), transparent 40%, rgba(10, 13, 20, 0.18));
	pointer-events: none;
}

.od-hero__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	text-align: center;
	padding: 88px 0 32px;
}

.od-hero__copy {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	max-width: 860px;
	width: 100%;
}

.od-hero__title {
	max-width: 16ch;
	text-shadow: 0 10px 40px rgba(10, 13, 20, 0.45);
}

.od-hero__lead {
	max-width: 640px;
	color: rgba(255, 255, 255, 0.82);
}

.od-hero__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 8px;
}

.od-btn--on-dark {
	border-color: rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(10px);
}

.od-btn--on-dark:hover {
	border-color: rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.12);
}

.od-marquee {
	position: relative;
	z-index: 1;
	padding: 20px 0;
	overflow: hidden;
	border-top: 1px solid var(--od-border-subtle);
}

.od-marquee__track {
	display: flex;
	width: max-content;
	gap: 28px;
	animation: od-marquee 72s linear infinite;
}

.od-marquee__track span {
	flex: 0 0 auto;
	font-family: var(--od-font-mono);
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.48);
	white-space: nowrap;
}

.od-marquee__track span::before {
	content: "/";
	margin-right: 28px;
	color: rgba(255, 255, 255, 0.22);
}

@keyframes od-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

/* ========== PROCESS ========== */
.od-process__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	border-top: 1px solid var(--od-border-subtle);
}

.od-process__item {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-height: 8.5rem;
	padding: 36px 32px 8px 0;
}

.od-process__item + .od-process__item {
	padding-left: 32px;
	border-left: 1px solid var(--od-border-subtle);
}

.od-process__item > *:not(.od-process__ghost) {
	position: relative;
	z-index: 1;
}

.od-process__num {
	font-family: var(--od-font-mono);
	font-size: 13px;
	font-weight: 600;
	color: var(--od-brand-cyan);
	letter-spacing: 0.08em;
}

@media (max-width: 899px) {
	.od-process__grid {
		grid-template-columns: 1fr;
	}

	.od-process__item + .od-process__item {
		padding-left: 0;
		padding-top: 32px;
		border-left: 0;
		border-top: 1px solid var(--od-border-subtle);
	}
}

/* ========== SERVICES ========== */
.od-services__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--od-gutter);
	align-items: stretch;
}

.od-service-wrap {
	min-height: 240px;
	height: 100%;
}

.od-card.od-service {
	position: relative;
	padding: 0;
	min-height: 240px;
	height: 100%;
	perspective: 1100px;
	overflow: hidden;
	cursor: pointer;
}

.od-service__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-size: cover;
	background-position: center;
	transform: scale(1.04);
	transition: transform 0.6s ease;
}

.od-service__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(10, 13, 20, 0.42) 0%, rgba(10, 13, 20, 0.78) 100%);
}

.od-service:hover .od-service__bg,
.od-service:focus-within .od-service__bg,
.od-service.is-flipped .od-service__bg {
	transform: scale(1.1);
}

.od-service.has-image .od-service__face {
	background: transparent;
}

.od-service.has-image:hover .od-service__face,
.od-service.has-image.is-flipped .od-service__face,
.od-service.has-image:focus-within .od-service__face {
	background: rgba(10, 13, 20, 0.18);
}

.od-service.has-image .od-service__title {
	text-shadow: 0 8px 24px rgba(10, 13, 20, 0.55);
}

.od-service.has-image .od-service__face--back .od-text-secondary {
	color: rgba(255, 255, 255, 0.86);
}

.od-service__flip {
	position: relative;
	z-index: 1;
	min-height: 240px;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.od-service:hover .od-service__flip,
.od-service:focus-within .od-service__flip,
.od-service.is-flipped .od-service__flip {
	transform: rotateY(180deg);
}

.od-service__face {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	padding: 28px;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	background: var(--od-bg-surface-1);
	border-radius: inherit;
}

.od-card.od-service:hover .od-service__face,
.od-card.od-service.is-flipped .od-service__face {
	background: var(--od-bg-surface-2);
}

.od-service__face--front {
	justify-content: center;
	align-items: stretch;
	transform: rotateY(0deg) translateZ(1px);
}

.od-service__lead {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	width: 100%;
}

.od-service__title {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
	text-wrap: balance;
	line-height: 1.25;
}

.od-service__face--front .od-icon-box {
	flex: 0 0 48px;
}

.od-service__face--back {
	transform: rotateY(180deg) translateZ(1px);
	justify-content: space-between;
	gap: 16px;
}

.od-service__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

@media (max-width: 1099px) {
	.od-services__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 639px) {
	.od-services__grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.od-service__flip {
		transform: none !important;
		min-height: 0;
	}

	.od-service__face {
		position: relative;
		transform: none !important;
	}

	.od-service__face--back {
		padding-top: 0;
	}
}

/* ========== FEATURE ========== */
.od-feature {
	padding: 0;
}

.od-feature__split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 480px;
}

.od-feature__panel {
	background: var(--od-brand-purple);
	padding: 80px var(--od-margin);
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
}

.od-feature__icons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px 32px;
	margin-bottom: 16px;
}

.od-feature__icon-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	color: rgba(255, 255, 255, 0.92);
	font-size: var(--od-body-s-size);
	line-height: 1.3;
}

.od-feature__icon-item svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.od-feature__title {
	max-width: 16ch;
}

.od-feature__text {
	max-width: 36ch;
	color: rgba(255, 255, 255, 0.82);
}

.od-feature__media {
	background: var(--od-bg-surface-1);
	min-height: 360px;
}

.od-feature__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height: 480px;
}

.od-feature__media-placeholder {
	width: 100%;
	height: 100%;
	min-height: 480px;
	background:
		radial-gradient(circle at 70% 30%, rgba(0, 210, 255, 0.2), transparent 40%),
		linear-gradient(135deg, #161d2e, #0a0d14);
}

@media (max-width: 899px) {
	.od-feature__split {
		grid-template-columns: 1fr;
	}

	.od-feature__panel {
		padding: 64px var(--od-margin);
	}
}

/* ========== STORY ========== */
.od-story__grid {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 64px;
	align-items: center;
}

.od-story__copy {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.od-story__copy .od-type-h2 {
	max-width: 16ch;
}

.od-story__copy p:first-of-type {
	font-size: 18px;
	line-height: 28px;
	color: #cbd5e1;
}

.od-story__copy p + p {
	margin-top: 4px;
}

.od-story__media {
	border-radius: 20px 0 20px 20px;
	overflow: hidden;
	border: 1px solid var(--od-border-subtle);
	min-height: 360px;
	background: var(--od-bg-surface-1);
}

.od-story__media img {
	width: 100%;
	height: 520px;
	object-fit: cover;
}

.od-story__media-placeholder {
	width: 100%;
	height: 520px;
	background:
		radial-gradient(circle at 40% 40%, rgba(121, 40, 202, 0.25), transparent 50%),
		linear-gradient(160deg, #111622, #0a0d14);
}

@media (max-width: 899px) {
	.od-story__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

/* ========== TEAM ========== */
.od-team__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--od-gutter);
}

.od-team__card {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.od-team__photo {
	aspect-ratio: 4 / 5;
	border-radius: 16px 0 16px 16px;
	overflow: hidden;
	background: var(--od-bg-surface-2);
	border: 1px solid var(--od-border-subtle);
}

.od-team__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.od-team__info {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.od-team__copy {
	min-width: 0;
}

.od-team__role {
	color: var(--od-text-muted);
	font-size: var(--od-body-s-size);
	margin-top: 4px;
}

.od-team__linkedin {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: var(--od-text-muted);
	margin-top: 2px;
}

.od-team__linkedin:hover {
	color: #0a66c2;
}

@media (max-width: 899px) {
	.od-team__grid {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 640px) and (max-width: 899px) {
	.od-team__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ========== CONTACTO / FORM ========== */
.od-contact {
	padding: var(--od-space-section) 0;
	background:
		radial-gradient(circle at 12% 20%, rgba(121, 40, 202, 0.18), transparent 42%),
		var(--od-bg-canvas);
	border-top: 1px solid var(--od-border-subtle);
}

.od-contact__inner {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 64px;
	align-items: start;
}

.od-contact__copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	position: sticky;
	top: calc(var(--od-header-h) + 24px);
}

.od-contact__mail-note a {
	color: var(--od-text-badge);
}

.od-contact__form-wrap {
	position: relative;
	background: var(--od-bg-surface-1);
	border: 1px solid var(--od-border-subtle);
	border-radius: var(--od-radius-card);
	padding: 32px;
}

.od-contact__form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.od-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.od-field label {
	font-size: var(--od-body-s-size);
	line-height: var(--od-body-s-lh);
	font-weight: 500;
	color: var(--od-text-secondary);
}

.od-field input,
.od-field textarea {
	width: 100%;
	padding: 12px 14px;
	border-radius: var(--od-radius-input);
	border: 1px solid var(--od-border-subtle);
	background: var(--od-bg-input);
	color: var(--od-text-primary);
	font-family: var(--od-font-body);
	font-size: var(--od-body-m-size);
	line-height: var(--od-body-m-lh);
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.od-field textarea {
	resize: vertical;
	min-height: 140px;
}

.od-field input:focus,
.od-field textarea:focus {
	border-color: var(--od-border-active);
	box-shadow: 0 0 0 3px rgba(121, 40, 202, 0.2);
}

.od-field.is-error input,
.od-field.is-error textarea {
	border-color: #f87171;
}

.od-field__error {
	font-size: 12px;
	color: #fca5a5;
}

.od-contact__messages {
	margin-bottom: 16px;
	padding: 12px 14px;
	border-radius: var(--od-radius-input);
	font-size: var(--od-body-s-size);
}

.od-contact__messages.is-success {
	background: rgba(34, 197, 94, 0.12);
	border: 1px solid rgba(34, 197, 94, 0.28);
	color: #bbf7d0;
}

.od-contact__messages.is-error {
	background: rgba(248, 113, 113, 0.1);
	border: 1px solid rgba(248, 113, 113, 0.28);
	color: #fecaca;
}

.od-honeypot {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.od-contact__form .od-btn {
	align-self: flex-start;
	min-width: 180px;
}

@media (max-width: 899px) {
	.od-contact__inner {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.od-contact__copy {
		position: static;
	}
}

/* ========== PAGES ========== */
.od-page__header,
.od-single__header,
.od-archive__header,
.od-404 {
	padding-top: 72px;
	padding-bottom: 32px;
}

.od-404 {
	padding-bottom: 120px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

.od-404__actions,
.od-archive__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.od-archive {
	padding-top: 72px;
	padding-bottom: 120px;
}

.od-archive__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	margin-top: 40px;
}

.od-single {
	padding: 72px 0 120px;
	max-width: 800px;
}

.od-prose p {
	margin-bottom: 1.1em;
	color: var(--od-text-secondary);
}

.od-prose h2,
.od-prose h3 {
	margin: 1.6em 0 0.6em;
}

/* ========== PORTFOLIO ========== */
.od-portfolio {
	overflow: hidden;
}

.od-portfolio__head {
	margin-bottom: 40px;
}

.od-works-marquee {
	margin-bottom: 16px;
}

.od-works-marquee__viewport {
	overflow: hidden;
	width: 100%;
}

.od-works-marquee__track {
	display: flex;
	width: max-content;
	will-change: transform;
	animation: od-works-ltr var(--od-marquee-duration, 46s) linear infinite;
}

.od-works-marquee--rtl .od-works-marquee__track {
	animation-name: od-works-rtl;
	--od-marquee-duration: 54s;
}

.od-works-marquee__set {
	display: flex;
	flex: 0 0 auto;
	gap: 16px;
	padding-right: 16px;
}

.od-works-marquee:hover .od-works-marquee__track {
	animation-play-state: paused;
}

@keyframes od-works-ltr {
	from { transform: translate3d(var(--od-marquee-from, -80px), 0, 0); }
	to { transform: translate3d(calc(var(--od-marquee-from, -80px) - var(--od-marquee-shift, 25%)), 0, 0); }
}

@keyframes od-works-rtl {
	from { transform: translate3d(calc(var(--od-marquee-from, -120px) - var(--od-marquee-shift, 25%)), 0, 0); }
	to { transform: translate3d(var(--od-marquee-from, -120px), 0, 0); }
}

.od-work-tile {
	position: relative;
	flex: 0 0 auto;
	width: clamp(260px, 32vw, 420px);
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: var(--od-radius-card);
	background: var(--od-bg-surface-2);
	border: 1px solid var(--od-border-subtle);
}

.od-work-tile img,
.od-work-tile__fallback {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.od-work-tile__fallback {
	background:
		radial-gradient(circle at 30% 20%, rgba(121, 40, 202, 0.35), transparent 45%),
		radial-gradient(circle at 80% 80%, rgba(0, 210, 255, 0.16), transparent 40%),
		linear-gradient(160deg, #161d2e, #0a0d14);
}

.od-work-tile__meta {
	position: absolute;
	inset: auto 0 0;
	padding: 28px 24px 22px;
	background: linear-gradient(180deg, transparent 0%, rgba(10, 13, 20, 0.92) 72%);
	z-index: 1;
}

.od-work-tile__name {
	display: block;
	font-family: var(--od-font-display);
	font-size: clamp(26px, 2.6vw, 36px);
	line-height: 1.05;
	font-weight: 700;
	letter-spacing: -0.045em;
	max-width: 14ch;
	text-wrap: balance;
}

.od-work-tile__cta {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: grid;
	place-items: center;
	font-family: var(--od-font-mono);
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #fff;
	background: rgba(10, 13, 20, 0.55);
	opacity: 0;
	transition: opacity 0.22s ease;
}

.od-work-tile:hover .od-work-tile__cta,
.od-work-tile:focus-visible .od-work-tile__cta {
	opacity: 1;
}

.od-works-archive__grid,
.od-work-gallery__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.od-work-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--od-border-subtle);
	border-radius: var(--od-radius-card);
	background: var(--od-bg-surface-1);
}

.od-work-card__media {
	display: block;
	aspect-ratio: 16 / 10;
	background: var(--od-bg-surface-2);
	overflow: hidden;
}

.od-work-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.od-work-card__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 20px;
}

.od-work-card__body .od-type-h3 {
	letter-spacing: -0.04em;
	font-weight: 700;
}

.od-work-tech {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.od-work-single__hero {
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
	align-items: center;
	padding-top: 72px;
	padding-bottom: 48px;
}

.od-work-single__hero.has-cover {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
}

.od-work-single__cover {
	overflow: hidden;
	border-radius: var(--od-radius-card);
	border: 1px solid var(--od-border-subtle);
	background: var(--od-bg-surface-2);
	min-height: 360px;
}

.od-work-single__cover img {
	width: 100%;
	height: 100%;
	min-height: 420px;
	object-fit: cover;
	display: block;
}

.od-work-single__intro {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	max-width: 36ch;
}

.od-work-single__back {
	font-family: var(--od-font-mono);
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--od-text-muted);
}

.od-work-single__body {
	padding-bottom: 120px;
	display: flex;
	flex-direction: column;
	gap: 48px;
	max-width: 960px;
}

.od-work-gallery h2 {
	margin-bottom: 20px;
}

.od-work-gallery__item {
	overflow: hidden;
	border-radius: var(--od-radius-card);
	border: 1px solid var(--od-border-subtle);
	background: var(--od-bg-surface-1);
}

.od-work-gallery__item img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	display: block;
}

.od-work-gallery__item:nth-child(3n) {
	grid-column: span 2;
}

.od-lightbox {
	position: fixed;
	inset: 0;
	z-index: 80;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(10, 13, 20, 0.88);
}

.od-lightbox.is-open {
	display: flex;
}

.od-lightbox img {
	max-width: min(1100px, 100%);
	max-height: 86vh;
	object-fit: contain;
	border-radius: var(--od-radius-card);
}

@media (max-width: 767px) {
	.od-works-archive__grid,
	.od-work-gallery__grid {
		grid-template-columns: 1fr;
	}

	.od-work-gallery__item:nth-child(3n) {
		grid-column: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.od-works-marquee__track {
		animation: none;
	}
}

/* Neutralizar estilos del padre FSE */
.oniros-theme .wp-site-blocks,
.oniros-theme .wp-block-group,
.oniros-theme header.wp-block-template-part,
.oniros-theme footer.wp-block-template-part {
	display: contents;
}