/*
Theme Name: bend.pe
Theme URI: https://bend.pe/
Description: Sitio oficial de bend Business Hub construido sobre el tema de bloques bend.
Author: bend Business Hub
Author URI: https://bend.pe/
Template: bend
Requires at least: 6.9
Requires PHP: 8.2
Version: 1.7.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bend
Domain Path: /languages
*/

/*
 * La identidad global vive en theme.json. Esta capa contiene únicamente la
 * dirección visual y las interacciones específicas del sitio oficial bend.pe.
 */

:root {
	--bend-pe-ink: #08121c;
	--bend-pe-ink-soft: #101f2e;
	--bend-pe-blue-glow: rgb(7 177 254 / 28%);
	--bend-pe-pink-glow: rgb(255 76 139 / 20%);
}

.bend-pe-site-main {
	margin-block-start: 0;
}

.bend-site-header {
	background: rgb(255 255 255 / 96%);
	border-block-end-color: var(--wp--preset--color--border-subtle);
	color: var(--wp--preset--color--text-primary);
	-webkit-backdrop-filter: blur(0.75rem);
	backdrop-filter: blur(0.75rem);
}

.bend-pe-site-footer a {
	color: var(--wp--preset--color--action-primary);
}

.bend-pe-site-footer a:hover {
	color: var(--wp--preset--color--action-primary-hover);
}

.bend-site-header .bend-site-title a,
.bend-site-header .wp-block-navigation-item__content,
.bend-site-header .wp-block-navigation__responsive-container-open,
.bend-site-header .wp-block-navigation__responsive-container-close {
	color: var(--wp--preset--color--text-primary);
}

.bend-site-header .current-menu-item > .wp-block-navigation-item__content,
.bend-site-header .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--action-primary);
}

.bend-site-header .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--surface-primary);
	border: 1px solid var(--wp--preset--color--border-subtle);
	border-radius: 0.875rem;
	box-shadow: 0 1.5rem 4rem rgb(8 18 28 / 14%);
	min-inline-size: 15rem;
	overflow: hidden;
	padding: 0.5rem;
}

.bend-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	border-radius: 0.5rem;
	padding-inline: 0.75rem;
}

.has-bend-compact-header .bend-site-header {
	background: rgb(255 255 255 / 98%);
	box-shadow: 0 0.75rem 2.5rem rgb(8 18 28 / 10%);
}

.bend-site-header .bend-site-header__inner {
	transition:
		min-block-size 180ms cubic-bezier(0.22, 1, 0.36, 1),
		padding-block 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

.has-bend-compact-header .bend-site-header__inner {
	min-block-size: 3.75rem;
	padding-block: 0.25rem;
}

.bend-site-header .bend-site-logo img {
	transition:
		max-block-size 180ms ease,
		max-inline-size 180ms ease;
}

@media screen and (min-width: 1024px) {

	.has-bend-compact-header .bend-site-logo img {
		max-block-size: 2.75rem;
		max-inline-size: min(100%, clamp(6.75rem, 9vw, 7.5rem));
	}
}

.bend-site-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--surface-primary);
	color: var(--wp--preset--color--text-primary);
}

.bend-pe-site-main > .bend-pe-reader-content {
	inline-size: auto;
	max-inline-size: none;
}

.bend-pe-faq-list {
	display: grid;
	gap: var(--wp--preset--spacing--s);
}

.bend-pe-faq-item {
	background: var(--wp--preset--color--surface-primary);
	border: 1px solid var(--wp--preset--color--border-subtle);
	border-radius: 1rem;
	box-shadow: 0 0.75rem 2rem rgb(8 18 28 / 6%);
	padding: clamp(1rem, 3vw, 1.5rem);
}

.bend-pe-faq-item > :first-child {
	margin-block-start: 0;
}

.bend-pe-faq-item > :last-child {
	margin-block-end: 0;
}

.bend-pe-hero {
	align-items: center;
	background:
		radial-gradient(ellipse at 82% 16%, rgb(7 177 254 / 20%), transparent 36%),
		radial-gradient(ellipse at 92% 92%, rgb(255 76 139 / 16%), transparent 34%),
		linear-gradient(118deg, #06111b 0%, #081827 56%, #10243a 100%);
	display: grid;
	isolation: isolate;
	min-block-size: calc(100svh - var(--wp--custom--bend--header--height, 4.75rem) - var(--bend-admin-bar-offset, 0px));
	overflow: clip;
	padding-block: clamp(1.25rem, 4vh, 3rem);
	position: relative;
}

.bend-pe-hero::before {
	background: radial-gradient(circle, rgb(7 177 254 / 22%) 0, rgb(7 177 254 / 7%) 38%, transparent 70%);
	block-size: min(72vw, 62rem);
	content: "";
	filter: blur(1rem);
	inline-size: min(72vw, 62rem);
	inset-block-start: -38%;
	inset-inline-end: -18%;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.bend-pe-hero::after {
	background: linear-gradient(90deg, var(--wp--preset--color--brand-primary), var(--wp--preset--color--brand-accent));
	block-size: 0.25rem;
	content: "";
	inset-block-end: 0;
	inset-inline: 0;
	position: absolute;
	z-index: 3;
}

.bend-pe-hero__layout,
.bend-pe-hero > .wp-block-columns {
	align-items: center;
	gap: clamp(1.5rem, 4vw, 5rem);
	inline-size: 100% !important;
	isolation: isolate;
	margin: 0 auto !important;
	max-inline-size: var(--wp--custom--bend--header--content-width, 86rem) !important;
	position: relative;
	z-index: 1;
}

.bend-pe-hero > .wp-block-columns > .wp-block-column:first-child {
	flex-basis: 57% !important;
	min-inline-size: 0;
}

.bend-pe-hero > .wp-block-columns > .wp-block-column:last-child {
	flex-basis: 43% !important;
	min-inline-size: 0;
}

.bend-pe-eyebrow {
	font-family: var(--wp--preset--font-family--ui);
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.bend-pe-gradient-text {
	color: #72d4ff;
}

.bend-pe-solution-card--feature p {
	color: #bed0dc;
}

@supports ((background-clip: text) or (-webkit-background-clip: text)) {

	.bend-pe-gradient-text {
		background: linear-gradient(100deg, #72d4ff 0%, #07b1fe 45%, #ff82ae 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent;
	}
}

.bend-pe-hero__copy {
	display: grid;
	gap: clamp(0.85rem, 2vh, 1.4rem);
	inline-size: 100%;
	max-inline-size: 49rem;
}

.bend-pe-hero__copy > * {
	margin-block: 0;
}

.bend-pe-hero__copy h1 {
	font-size: clamp(3rem, min(5vw, 8.2vh), 5.5rem) !important;
	letter-spacing: -0.055em;
	line-height: 0.96;
	max-inline-size: 13.5ch;
	overflow-wrap: normal;
	text-wrap: balance;
	word-break: normal;
}

.bend-pe-hero__copy > p:not(.bend-pe-eyebrow) {
	color: #dbe7ef !important;
	line-height: 1.55;
	max-inline-size: 58ch;
}

.bend-pe-hero__eyebrow {
	max-inline-size: 48rem;
}

.bend-pe-hero__actions,
.bend-pe-hero__copy > .wp-block-buttons {
	gap: 0.75rem;
	padding-block-start: clamp(0.25rem, 1vh, 0.75rem);
}

.bend-pe-hero__actions .wp-block-button__link {
	box-shadow: 0 0.75rem 2rem rgb(0 0 0 / 16%);
}

.bend-pe-hero__visual,
.bend-pe-hero > .wp-block-columns > .wp-block-column:last-child {
	isolation: isolate;
	position: relative;
}

.bend-pe-hero__visual::before {
	background: linear-gradient(145deg, rgb(255 255 255 / 7%), rgb(7 177 254 / 2%));
	border: 1px solid rgb(255 255 255 / 9%);
	border-radius: 50%;
	content: "";
	inset: 8% 6%;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.bend-pe-hero .bend-pe-hero-media {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	filter: drop-shadow(0 2rem 4rem rgb(0 0 0 / 24%));
	inline-size: min(100%, 39rem);
}

.bend-pe-orbit {
	aspect-ratio: 1;
	background:
		radial-gradient(circle at center, rgb(7 177 254 / 25%) 0 12%, transparent 12.5%),
		radial-gradient(circle at center, transparent 0 29%, rgb(255 255 255 / 16%) 29.5% 30%, transparent 30.5%),
		radial-gradient(circle at center, transparent 0 46%, rgb(7 177 254 / 38%) 46.5% 47%, transparent 47.5%);
	border: 1px solid rgb(255 255 255 / 12%);
	border-radius: 50%;
	inline-size: min(100%, 31rem);
	margin-inline: auto;
	position: relative;
}

.bend-pe-orbit::before,
.bend-pe-orbit::after {
	border-radius: 50%;
	content: "";
	position: absolute;
}

.bend-pe-orbit::before {
	background: var(--wp--preset--color--brand-primary);
	block-size: 1.25rem;
	box-shadow: 0 0 2.25rem var(--wp--preset--color--brand-primary);
	inline-size: 1.25rem;
	inset-block-start: 14%;
	inset-inline-start: 48%;
}

.bend-pe-orbit::after {
	background: var(--wp--preset--color--brand-accent);
	block-size: 0.875rem;
	box-shadow: 0 0 1.75rem var(--wp--preset--color--brand-accent);
	inline-size: 0.875rem;
	inset-block-end: 22%;
	inset-inline-end: 13%;
}

.bend-pe-orbit__core {
	align-items: center;
	background: linear-gradient(145deg, rgb(255 255 255 / 12%), rgb(255 255 255 / 3%));
	border: 1px solid rgb(255 255 255 / 18%);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	inset: 31%;
	justify-content: center;
	margin: 0;
	position: absolute;
	text-align: center;
}

.bend-pe-orbit__core strong {
	color: var(--wp--preset--color--surface-primary);
	font-size: clamp(1.4rem, 4vw, 2.5rem);
	line-height: 1;
}

.bend-pe-orbit__core span {
	color: #a9c2d5;
	font-size: var(--wp--preset--font-size--caption);
	letter-spacing: 0.08em;
	margin-block-start: 0.45rem;
	text-transform: uppercase;
}

.bend-pe-trust-list {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bend-pe-trust-list > * {
	align-items: center;
	border-block-end: 1px solid var(--wp--preset--color--border-subtle);
	color: var(--wp--preset--color--text-secondary);
	display: flex;
	justify-content: center;
	margin: 0;
	min-block-size: 5.5rem;
	padding: 1rem;
	text-align: center;
}

.bend-pe-flow {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	list-style: none;
	padding: 0;
}

.bend-pe-flow li {
	align-items: center;
	border-block: 1px solid rgb(255 255 255 / 18%);
	display: flex;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	justify-content: center;
	min-block-size: 5rem;
	padding: 1rem;
	position: relative;
	text-align: center;
}

.bend-pe-flow li:not(:last-child)::after {
	color: var(--wp--preset--color--brand-primary);
	content: "→";
	inset-inline-end: -0.45rem;
	position: absolute;
	z-index: 1;
}

.bend-pe-solution-grid,
.bend-pe-capability-grid,
.bend-pe-project-grid,
.bend-pe-ai-grid,
.bend-pe-sector-grid {
	display: grid;
	gap: var(--wp--preset--spacing--m);
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.bend-pe-solution-grid {
	grid-auto-flow: row;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bend-pe-solution-card {
	background: var(--wp--preset--color--surface-primary);
	border: 1px solid var(--wp--preset--color--border-subtle);
	border-radius: 1.5rem;
	display: flex;
	flex-direction: column;
	grid-column: auto;
	margin: 0;
	min-block-size: 20rem;
	overflow: hidden;
	padding: clamp(1.5rem, 3vw, 2.5rem);
	position: relative;
}

.bend-pe-solution-card::before {
	background: var(--wp--preset--color--brand-primary);
	block-size: 0.3rem;
	content: "";
	inset-block-start: 0;
	inset-inline: 0;
	position: absolute;
}

.bend-pe-solution-card:nth-child(2n)::before {
	background: var(--wp--preset--color--brand-accent);
}

.bend-pe-solution-card--feature {
	background:
		radial-gradient(circle at 90% 10%, rgb(7 177 254 / 25%), transparent 18rem),
		var(--bend-pe-ink-soft);
	border-color: rgb(255 255 255 / 14%);
	color: var(--wp--preset--color--surface-primary);
	grid-column: 1 / -1;
	min-block-size: 22rem;
}

.bend-pe-solution-card .wp-block-buttons {
	margin-block-start: auto;
}

.bend-pe-card-number {
	color: var(--wp--preset--color--action-primary);
	font-family: var(--wp--preset--font-family--ui);
	font-size: var(--wp--preset--font-size--label);
	font-weight: 800;
	letter-spacing: 0.1em;
}

.bend-pe-ecosystem {
	background:
		radial-gradient(circle at 15% 15%, rgb(255 76 139 / 14%), transparent 28rem),
		var(--bend-pe-ink);
	border-radius: 2rem;
	overflow: hidden;
	position: relative;
}

.bend-pe-ecosystem-list {
	counter-reset: ecosystem;
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	padding: 0;
}

.bend-pe-ecosystem-list li {
	align-items: center;
	background: rgb(255 255 255 / 6%);
	border: 1px solid rgb(255 255 255 / 10%);
	border-radius: 0.75rem;
	display: flex;
	gap: 0.75rem;
	margin: 0;
	padding: 0.85rem 1rem;
}

.bend-pe-ecosystem-list li::before {
	color: var(--wp--preset--color--brand-primary);
	content: counter(ecosystem, decimal-leading-zero);
	counter-increment: ecosystem;
	font-family: var(--wp--preset--font-family--ui);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 800;
}

.bend-pe-project-card {
	background: var(--wp--preset--color--surface-primary);
	border: 1px solid var(--wp--preset--color--border-subtle);
	border-radius: 1.25rem;
	grid-column: span 6;
	margin: 0;
	overflow: hidden;
}

.bend-pe-project-card__visual {
	align-items: flex-end;
	aspect-ratio: 16 / 10;
	background:
		radial-gradient(circle at 75% 25%, rgb(7 177 254 / 32%), transparent 35%),
		linear-gradient(135deg, #111f2d, #071018);
	display: flex;
	padding: 1.5rem;
}

.bend-pe-project-card:nth-child(2n) .bend-pe-project-card__visual {
	background:
		radial-gradient(circle at 75% 25%, rgb(255 76 139 / 26%), transparent 35%),
		linear-gradient(135deg, #201222, #071018);
}

.bend-pe-project-card__monogram {
	color: rgb(255 255 255 / 88%);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2rem, 7vw, 4.5rem);
	font-weight: 800;
	letter-spacing: -0.06em;
	line-height: 0.9;
	margin: 0;
}

.bend-pe-project-card__body {
	padding: clamp(1.25rem, 3vw, 2rem);
}

.bend-pe-editorial-image {
	background: var(--bend-pe-ink);
	border: 1px solid rgb(255 255 255 / 12%);
	border-radius: clamp(1rem, 3vw, 2rem);
	box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 18%);
	margin: 0;
	overflow: hidden;
}

.bend-pe-editorial-image img {
	aspect-ratio: 3 / 2;
	block-size: auto;
	display: block;
	inline-size: 100%;
	object-fit: cover;
}

.bend-pe-hero-media {
	inline-size: min(100%, 35rem);
	margin-inline: auto;
}

.bend-pe-project-card__media {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.bend-pe-project-card__media img {
	aspect-ratio: 16 / 10;
}

.bend-pe-ai-card,
.bend-pe-capability-card,
.bend-pe-sector-card {
	border: 1px solid var(--wp--preset--color--border-subtle);
	border-radius: 1rem;
	grid-column: span 3;
	margin: 0;
	padding: 1.5rem;
}

.bend-pe-capability-card {
	grid-column: span 4;
}

.bend-pe-sector-card {
	align-items: center;
	display: flex;
	font-family: var(--wp--preset--font-family--ui);
	font-weight: 700;
	min-block-size: 7rem;
}

.bend-pe-filter-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.bend-pe-filter-button {
	background: transparent;
	border: 1px solid var(--wp--preset--color--border-strong);
	border-radius: 999px;
	color: var(--wp--preset--color--text-primary);
	font-family: var(--wp--preset--font-family--ui);
	font-size: var(--wp--preset--font-size--body-small);
	font-weight: 700;
	padding: 0.55rem 0.9rem;
}

.bend-pe-filter-button[aria-pressed="true"] {
	background: var(--wp--preset--color--action-primary);
	border-color: var(--wp--preset--color--action-primary);
	color: var(--wp--preset--color--surface-primary);
}

.bend-pe-filter-item[hidden] {
	display: none;
}

.bend-pe-process {
	counter-reset: bend-process;
}

.bend-pe-process > * {
	align-items: start;
	border-block-start: 1px solid var(--wp--preset--color--border-subtle);
	column-gap: clamp(1.25rem, 3vw, 2.5rem);
	counter-increment: bend-process;
	display: grid;
	grid-template-areas: "number title copy";
	grid-template-columns: clamp(3.25rem, 5vw, 4.75rem) minmax(10rem, 0.65fr) minmax(16rem, 1fr);
	margin: 0;
	padding-block: clamp(1.5rem, 3vw, 2.25rem);
	row-gap: 0.75rem;
}

.bend-pe-process > *::before {
	color: var(--wp--preset--color--brand-primary);
	content: counter(bend-process, decimal-leading-zero);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--heading-5);
	font-weight: 800;
	grid-area: number;
	line-height: 1;
}

.bend-pe-process > * > h3 {
	grid-area: title;
	margin: 0;
	text-wrap: balance;
}

.bend-pe-process > * > p {
	color: var(--wp--preset--color--text-secondary);
	grid-area: copy;
	line-height: 1.65;
	margin: 0;
	max-inline-size: 42ch;
	overflow-wrap: normal;
	word-break: normal;
}

.home .entry-content > .wp-block-group.alignfull:not(.bend-pe-hero, #contacto) {
	padding-block: clamp(4rem, 6.5vw, 5rem) !important;
}

.home .entry-content > .wp-block-group.alignfull:has(.bend-pe-trust-list) {
	padding-block: clamp(1rem, 2vw, 2rem) !important;
}

.home .entry-content > .wp-block-group.alignfull > .wp-block-group.alignwide > h2 {
	max-inline-size: 19ch;
	text-wrap: balance;
}

#contacto {
	background:
		radial-gradient(circle at 88% 20%, rgb(7 177 254 / 28%), transparent 22rem),
		radial-gradient(circle at 10% 100%, rgb(255 76 139 / 18%), transparent 24rem),
		linear-gradient(125deg, #07121d 0%, #0c2234 100%) !important;
	padding-block: clamp(4rem, 7vw, 6rem) !important;
}

#contacto > .wp-block-group {
	margin-inline: auto;
	max-inline-size: var(--wp--custom--bend--header--content-width, 86rem);
}

#contacto h2 {
	font-size: clamp(2.35rem, 5vw, 4.75rem) !important;
	letter-spacing: -0.045em;
	line-height: 1.02;
	max-inline-size: 18ch;
	text-wrap: balance;
}

#contacto p:not(.bend-pe-eyebrow) {
	color: #d5e3ed;
	max-inline-size: 58ch;
}

.bend-pe-page-hero {
	background:
		radial-gradient(circle at 80% 20%, rgb(7 177 254 / 25%), transparent 30rem),
		var(--bend-pe-ink);
	color: var(--wp--preset--color--surface-primary);
}

.bend-pe-page-hero h1 {
	max-inline-size: 17ch;
}

.bend-pe-page-hero p:not(.bend-pe-eyebrow) {
	color: #bed0dc;
	max-inline-size: 62ch;
}

.bend-pe-contact-form {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bend-pe-contact-form__field {
	margin: 0;
}

.bend-pe-contact-form__field--full,
.bend-pe-contact-form__notice,
.bend-pe-contact-form__actions {
	grid-column: 1 / -1;
}

.bend-pe-contact-form label {
	display: block;
	margin-block-end: 0.4rem;
}

.bend-pe-contact-form__consent {
	align-items: flex-start;
	display: flex;
	gap: 0.65rem;
}

.bend-pe-contact-form__consent input {
	block-size: 1.25rem;
	flex: 0 0 auto;
	inline-size: 1.25rem;
	margin-block-start: 0.2rem;
}

.bend-pe-contact-form__notice {
	border-inline-start: 0.25rem solid var(--wp--preset--color--information);
	padding: 0.75rem 1rem;
}

.bend-pe-contact-form__notice--success {
	border-color: var(--wp--preset--color--success);
}

.bend-pe-contact-form__notice--error {
	border-color: var(--wp--preset--color--error);
}

.bend-pe-honeypot {
	block-size: 1px;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	inline-size: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
}

.bend-pe-floating-whatsapp {
	inset-block-end: 1rem;
	inset-inline-end: 1rem;
	margin: 0;
	position: fixed;
	z-index: 900;
}

.bend-pe-floating-whatsapp .bend-whatsapp-button__link {
	box-shadow: 0 0.75rem 2rem rgb(0 0 0 / 22%);
}

.bend-pe-site-footer {
	background: var(--wp--preset--color--surface-secondary);
	border-block-start: 1px solid var(--wp--preset--color--border-subtle);
	color: var(--wp--preset--color--text-primary);
	margin-block-start: 0;
	padding-block: clamp(2.75rem, 6vw, 4.75rem) 1.5rem;
	position: relative;
}

.bend-pe-site-footer::before {
	background: linear-gradient(90deg, var(--wp--preset--color--brand-primary), var(--wp--preset--color--brand-accent));
	block-size: 0.1875rem;
	content: "";
	inset-block-start: 0;
	inset-inline: 0;
	position: absolute;
}

.bend-pe-site-footer :where(h2, h3, p, .wp-block-navigation-item__content) {
	color: var(--wp--preset--color--text-primary);
}

.bend-pe-footer-brand {
	display: grid;
	gap: 1rem;
	max-inline-size: 36rem;
}

.bend-pe-footer-brand > * {
	margin-block: 0;
}

.bend-pe-footer-brand .bend-site-logo img {
	max-block-size: 3.25rem;
	max-inline-size: 8rem;
}

.bend-footer-columns > .wp-block-columns {
	align-items: start;
	column-gap: clamp(2.5rem, 6vw, 6rem);
	row-gap: 2.5rem;
}

.bend-footer-columns > .wp-block-columns > .wp-block-column:not(:first-child) h2 {
	color: var(--wp--preset--color--text-secondary);
	font-family: var(--wp--preset--font-family--ui);
	font-size: var(--wp--preset--font-size--caption) !important;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-block: 0 0.75rem;
	text-transform: uppercase;
}

.bend-pe-site-footer .wp-block-navigation__container {
	gap: 0.125rem;
}

.bend-pe-site-footer .wp-block-navigation-item__content {
	text-decoration: none;
}

.bend-pe-footer-meta {
	border-block-start: 1px solid var(--wp--preset--color--border-subtle);
	margin-block-start: clamp(2rem, 5vw, 4rem);
	padding-block-start: 1rem;
}

.bend-pe-footer-legal {
	gap: 0.5rem 1rem;
}

.bend-pe-footer-legal p {
	margin: 0;
}

.bend-pe-legal-content > h2 {
	margin-block-start: clamp(2.5rem, 6vw, 4rem);
}

.bend-pe-legal-content > h2:first-of-type {
	margin-block-start: var(--wp--preset--spacing--l);
}

@keyframes bend-pe-hero-reveal {

	from {
		opacity: 0;
		transform: translate3d(0, 1.25rem, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bend-pe-hero-float {

	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(0, -0.75rem, 0);
	}
}

@keyframes bend-pe-hero-ambient {

	0%,
	100% {
		opacity: 0.72;
		transform: translate3d(0, 0, 0) scale(1);
	}

	50% {
		opacity: 1;
		transform: translate3d(-2%, 3%, 0) scale(1.08);
	}
}

@keyframes bend-pe-orbit-float {

	0%,
	100% {
		transform: translate3d(0, 0, 0) scale(1);
	}

	50% {
		transform: translate3d(0, -0.75rem, 0) scale(1.015);
	}
}

@keyframes bend-pe-signal-pulse {

	0%,
	100% {
		opacity: 0.72;
		transform: scale(0.88);
	}

	50% {
		opacity: 1;
		transform: scale(1.12);
	}
}

@keyframes bend-pe-core-breathe {

	0%,
	100% {
		box-shadow: 0 0 0 0 rgb(7 177 254 / 0%);
	}

	50% {
		box-shadow: 0 0 3rem 0 rgb(7 177 254 / 22%);
	}
}

@media (prefers-reduced-motion: no-preference) {

	.bend-pe-hero::before {
		animation: bend-pe-hero-ambient 14s ease-in-out infinite;
	}

	.bend-pe-hero__copy > * {
		animation: bend-pe-hero-reveal 650ms cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	.bend-pe-hero__copy > :nth-child(2) {
		animation-delay: 80ms;
	}

	.bend-pe-hero__copy > :nth-child(3) {
		animation-delay: 160ms;
	}

	.bend-pe-hero__copy > :nth-child(4) {
		animation-delay: 240ms;
	}

	.bend-pe-hero .bend-pe-hero-media {
		animation: bend-pe-hero-float 9s ease-in-out 700ms infinite;
	}

	.bend-pe-orbit {
		animation: bend-pe-orbit-float 10s ease-in-out infinite;
	}

	.bend-pe-orbit::before,
	.bend-pe-orbit::after {
		animation: bend-pe-signal-pulse 4.5s ease-in-out infinite;
	}

	.bend-pe-orbit::after {
		animation-delay: -2.25s;
	}

	.bend-pe-orbit__core {
		animation: bend-pe-core-breathe 6s ease-in-out infinite;
	}
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {

	.bend-pe-solution-card,
	.bend-pe-project-card,
	.bend-pe-ai-card,
	.bend-pe-capability-card {
		transition:
			border-color 180ms ease,
			box-shadow 180ms ease,
			transform 180ms ease;
	}

	.bend-pe-solution-card:hover,
	.bend-pe-project-card:hover,
	.bend-pe-ai-card:hover,
	.bend-pe-capability-card:hover {
		border-color: var(--wp--preset--color--brand-primary);
		box-shadow: 0 1.25rem 3rem rgb(8 18 28 / 12%);
		transform: translateY(-0.25rem);
	}
}

@media screen and (min-width: 782px) and (max-height: 760px) {

	.bend-pe-hero {
		padding-block: 1rem;
	}

	.bend-pe-hero__copy {
		gap: 0.7rem;
	}

	.bend-pe-hero__copy h1 {
		font-size: clamp(2.75rem, 7.4vh, 4rem) !important;
	}

	.bend-pe-hero__actions {
		padding-block-start: 0.125rem;
	}

	.bend-pe-hero .bend-pe-hero-media {
		inline-size: min(100%, 31rem);
	}
}

@media screen and (max-width: 900px) {

	.bend-pe-project-card,
	.bend-pe-capability-card {
		grid-column: span 6;
	}

	.bend-pe-ai-card,
	.bend-pe-sector-card {
		grid-column: span 6;
	}

	.bend-pe-flow {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.bend-pe-flow li:nth-child(3)::after {
		display: none;
	}

	.bend-pe-process > * {
		grid-template-areas:
			"number title"
			"number copy";
		grid-template-columns: 3.5rem minmax(0, 1fr);
	}
}

@media screen and (max-width: 1023px) {

	.bend-site-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}

	.bend-site-header .wp-block-navigation__responsive-container-open {
		display: flex !important;
	}

	.bend-site-header .wp-block-navigation__responsive-container.is-menu-open {
		background: var(--wp--preset--color--surface-primary);
		block-size: 100vh !important;
		block-size: 100dvh !important;
		color: var(--wp--preset--color--text-primary);
		inline-size: 100vw !important;
		inset: 0 !important;
		margin: 0 !important;
		max-block-size: none !important;
		min-block-size: 100vh !important;
		min-block-size: 100dvh !important;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding:
			max(1rem, env(safe-area-inset-top))
			max(1rem, env(safe-area-inset-right))
			max(1rem, env(safe-area-inset-bottom))
			max(1rem, env(safe-area-inset-left));
		position: fixed !important;
		transform: none !important;
		z-index: 100001;
	}

	.bend-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
	.bend-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
		block-size: auto;
		inline-size: 100%;
		min-block-size: calc(100dvh - 2rem);
	}

	.bend-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
		inset-block-start: 0;
		inset-inline-end: 0;
	}

	.bend-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		align-items: stretch;
		block-size: auto;
		inline-size: 100%;
		justify-content: flex-start;
		min-block-size: calc(100dvh - 2rem);
		padding-block-start: clamp(4.5rem, 12vh, 7rem);
	}

	.bend-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		align-items: stretch;
		block-size: auto;
		flex-direction: column;
		gap: 0.25rem;
		inline-size: 100%;
	}

	.bend-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
	.bend-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		inline-size: 100%;
	}

	.bend-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		border-block-end: 1px solid var(--wp--preset--color--border-subtle);
		color: var(--wp--preset--color--text-primary);
		font-size: clamp(1.25rem, 6vw, 1.75rem);
		padding: 0.75rem 0;
		text-align: start;
	}

	.bend-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		gap: 0;
		inline-size: 100%;
		min-inline-size: 0;
		overflow: visible;
		padding: 0 0 0 1rem;
	}
}

@media screen and (max-width: 781px) {

	.bend-pe-hero {
		min-block-size: calc(100svh - var(--wp--custom--bend--header--height, 4.75rem) - var(--bend-admin-bar-offset, 0px));
		padding-block: clamp(1.25rem, 4vh, 2rem);
	}

	.bend-pe-hero__layout,
	.bend-pe-hero > .wp-block-columns {
		display: grid;
		gap: 0;
	}

	.bend-pe-hero__layout > .wp-block-column:first-child,
	.bend-pe-hero > .wp-block-columns > .wp-block-column:first-child {
		flex-basis: auto !important;
		inline-size: 100%;
		position: relative;
		z-index: 2;
	}

	.bend-pe-hero__copy {
		gap: clamp(0.75rem, 2vh, 1.1rem);
		max-inline-size: 42rem;
	}

	.bend-pe-hero__copy h1 {
		font-size: clamp(2.25rem, min(11vw, 7.3vh), 4.5rem) !important;
		max-inline-size: 13ch;
	}

	.bend-pe-hero__copy > p:not(.bend-pe-eyebrow) {
		font-size: clamp(1.05rem, 2.4vw, 1.2rem) !important;
		max-inline-size: 44ch;
	}

	.bend-pe-hero__visual,
	.bend-pe-hero > .wp-block-columns > .wp-block-column:last-child {
		block-size: min(62vw, 30rem);
		flex-basis: auto !important;
		inline-size: min(76vw, 34rem);
		inset-block-end: -16%;
		inset-inline-end: -22%;
		opacity: 0.42;
		pointer-events: none;
		position: absolute;
		z-index: 1;
	}

	.bend-pe-hero .bend-pe-hero-media {
		inline-size: 100%;
	}

	.bend-pe-solution-grid {
		grid-template-columns: 1fr;
	}

	.bend-pe-solution-card,
	.bend-pe-solution-card--feature {
		grid-column: 1;
		min-block-size: 0;
	}

	.home .entry-content > .wp-block-group.alignfull:not(.bend-pe-hero, #contacto) {
		padding-block: clamp(3.25rem, 10vw, 4.5rem) !important;
	}

	.bend-pe-site-footer {
		padding-block-start: 3rem;
	}
}

@media screen and (max-width: 480px) {

	.bend-pe-hero__eyebrow {
		font-size: 0.72rem !important;
		letter-spacing: 0.09em;
	}

	.bend-pe-hero__actions {
		gap: 0.625rem;
	}

	.bend-pe-hero__visual {
		inset-block-end: -6%;
		inset-inline-end: -30%;
		opacity: 0.3;
	}

	.bend-pe-site-main .wp-block-buttons {
		align-items: stretch;
	}

	.bend-pe-site-main .wp-block-button {
		max-inline-size: 100%;
	}

	.bend-pe-site-main .wp-block-button__link {
		box-sizing: border-box;
		max-inline-size: 100%;
		text-align: center;
		white-space: normal;
	}
}

@media screen and (max-width: 600px) {

	.bend-pe-trust-list,
	.bend-pe-flow,
	.bend-pe-ecosystem-list,
	.bend-pe-contact-form {
		grid-template-columns: 1fr;
	}

	.bend-pe-solution-card,
	.bend-pe-project-card,
	.bend-pe-ai-card,
	.bend-pe-capability-card,
	.bend-pe-sector-card {
		grid-column: 1 / -1;
	}

	.bend-pe-flow li {
		border-block-end: 0;
		min-block-size: 4rem;
	}

	.bend-pe-flow li:last-child {
		border-block-end: 1px solid rgb(255 255 255 / 18%);
	}

	.bend-pe-flow li:not(:last-child)::after {
		content: "↓";
		inset-block-end: -0.8rem;
		inset-inline-end: auto;
	}

	.bend-pe-flow li:nth-child(3)::after {
		display: block;
	}

	.bend-pe-contact-form__field,
	.bend-pe-contact-form__field--full,
	.bend-pe-contact-form__notice,
	.bend-pe-contact-form__actions {
		grid-column: 1;
	}

	.bend-pe-floating-whatsapp .bend-whatsapp-button__label {
		display: none;
	}

	.bend-pe-floating-whatsapp .bend-whatsapp-button__link {
		block-size: 3.25rem;
		inline-size: 3.25rem;
		padding: 0;
	}
}

@media (prefers-reduced-motion: reduce) {

	.bend-site-header .bend-site-header__inner,
	.bend-site-header .bend-site-logo img {
		transition: none;
	}

	.bend-pe-hero::before,
		.bend-pe-hero__copy > *,
		.bend-pe-hero .bend-pe-hero-media,
		.bend-pe-orbit,
		.bend-pe-orbit::before,
		.bend-pe-orbit::after,
		.bend-pe-orbit__core,
		.bend-pe-solution-card,
	.bend-pe-project-card,
	.bend-pe-ai-card,
	.bend-pe-capability-card {
		transform: none !important;
	}
}