/**
 * Página Sobre nosotros — JetEngine (misión, visión, valores, confianza, diferenciadores).
 *
 * @package CreadiNegocio
 */

/* Color de franja (muestra / separadores) */
body.creadinegocio-page-sobre-nosotros {
	--creadi-sn-band-bg: #fffffd;
}

/* Hero archive (migas Yoast + H1), mismo bloque redondeado que Contacto; foto = destacada de la página */
body.creadinegocio-page-sobre-nosotros article > .archive-hero--sobre-nosotros:first-child {
	margin-top: 0;
	margin-bottom: var(--space-8, 3.2rem);
	width: 100%;
	max-width: var(--container-max, 1440px);
}

body.creadinegocio-page-sobre-nosotros .archive-hero--sobre-nosotros .archive-hero__title {
	margin-bottom: 0;
}

/* Velo uniforme negro 40% encima de la destacada (anula el degradado por defecto de archive-hero) */
.archive-hero--sobre-nosotros.archive-hero--has-bg .archive-hero__overlay {
	background: rgba(0, 0, 0, 0.4);
}

/*
 * Franjas de fondo al ancho del artículo (dentro del .container de page.php, --container-max 1440px).
 * No usar 100vw aquí: rompería el límite de 1440px y llenaría todo el navegador.
 */
body.creadinegocio-page-sobre-nosotros .creadinegocio-sn,
body.creadinegocio-page-sobre-nosotros .creadinegocio-sn-strip {
	width: 100%;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
	background-color: var(--creadi-sn-band-bg, #fffffd);
}

body.creadinegocio-page-sobre-nosotros .creadinegocio-sn-strip .creadinegocio-sn-intro-grid {
	width: 100%;
	max-width: var(--container-max, 1440px);
	margin-inline: auto;
	padding-inline: var(--container-padding, 3.2rem);
	box-sizing: border-box;
}

/* Ritmo vertical entre bloques (64px arriba y abajo por sección) */
.creadinegocio-sn {
	padding-block: 64px;
}

/* Franjas de fondo + separación visual entre bloques */
.creadinegocio-sn-strip {
	padding-block: 64px;
	border-bottom: 1px solid rgb(135 31 120 / 0.1);
}

.creadinegocio-sn-strip--intro {
	background-color: var(--creadi-sn-band-bg, #fffffd);
}

.creadinegocio-sn-strip .creadinegocio-sn-intro-grid {
	padding-block: 0;
}

/* Alineación a la izquierda en Sobre nosotros */
body.creadinegocio-page-sobre-nosotros .entry-title {
	text-align: left;
}

body.creadinegocio-page-sobre-nosotros .creadinegocio-sn-intro-grid__content,
body.creadinegocio-page-sobre-nosotros .creadinegocio-sn-intro-grid__content.entry-content,
body.creadinegocio-page-sobre-nosotros .entry-content:not(.creadinegocio-sn-intro-grid__content) {
	text-align: left;
}

/* Sombras muy tenues (alpha 0.01 → 0.015 en hover) */
.creadinegocio-sn-intro-grid,
.creadinegocio-sobre-nosotros {
	--creadi-sn-sh: 0 6px 28px rgb(0 0 0 / 0.01);
	--creadi-sn-sh-hover: 0 10px 36px rgb(0 0 0 / 0.015);
}

/* Intro: 50/50 — texto izquierda, logo derecha (sin caja; opacidad → 1 en hover) */
.creadinegocio-sn-intro-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 32px;
	row-gap: 32px;
	align-items: center;
	margin-bottom: 0;
	padding-block: 64px;
}

.creadinegocio-sn-intro-grid__content {
	min-width: 0;
}

.creadinegocio-sn-intro-grid__aside {
	position: sticky;
	top: var(--space-4, 1.6rem);
}

.creadinegocio-sn-intro-grid__logo-wrap {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: none;
	box-shadow: none;
}

.creadinegocio-sn-intro-grid__logo {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	object-fit: contain;
	opacity: 0.42;
	transition: opacity 0.35s ease, transform 0.35s ease;
	transform: scale(0.98);
}

.creadinegocio-sn-intro-grid__logo-wrap:hover .creadinegocio-sn-intro-grid__logo,
.creadinegocio-sn-intro-grid__logo-wrap:focus-within .creadinegocio-sn-intro-grid__logo {
	opacity: 1;
	transform: scale(1);
}

@media (max-width: 768px) {
	.creadinegocio-sn-intro-grid {
		grid-template-columns: 1fr;
	}

	.creadinegocio-sn-intro-grid__aside {
		position: static;
		max-width: 18rem;
		margin-inline: auto;
	}
}

.creadinegocio-sobre-nosotros {
	margin-top: 0;
	padding-bottom: 0;
}

.creadinegocio-sobre-nosotros > .creadinegocio-sn:last-child {
	padding-bottom: 64px;
}

.creadinegocio-sn__wrap {
	max-width: 100%;
}

.creadinegocio-sn + .creadinegocio-sn {
	margin-top: 0;
}

/* Separación entre franjas (mismo fondo #fffffd) */
.creadinegocio-sn--mision-vision,
.creadinegocio-sn--valores,
.creadinegocio-sn--confiar {
	border-bottom: 1px solid rgb(135 31 120 / 0.1);
}

.creadinegocio-sn__section-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	margin: 0 0 var(--space-6, 2.4rem);
	padding: 0;
	border: 0;
	font-family: var(--font-heading, "Montserrat", sans-serif);
	font-size: var(--home-section-title-size, clamp(2.2rem, 1.6vw + 1.6rem, 3.2rem));
	font-weight: var(--home-section-title-weight, var(--font-bold, 700));
	line-height: var(--home-section-title-lh, 1.2);
	letter-spacing: var(--home-section-title-tracking, -0.02em);
	color: var(--color-primary, #871f78);
	text-align: left;
}

.creadinegocio-sn__section-title-text {
	display: block;
	width: 100%;
}

.creadinegocio-sn__dots {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: var(--home-section-dots-gap, 0.75rem);
	margin: var(--home-section-dots-margin, var(--space-3, 1.2rem) 0 var(--space-5, 2rem));
	width: 100%;
}

.creadinegocio-sn__dot {
	display: block;
	width: var(--home-section-dot-size, 0.65rem);
	height: var(--home-section-dot-size, 0.65rem);
	border-radius: 50%;
	background: var(--color-primary, #871f78);
	flex-shrink: 0;
}

/* Misión / visión, Valores y Diferenciadores: encabezado centrado */
.creadinegocio-sn--mision-vision .creadinegocio-sn__section-title,
.creadinegocio-sn--valores .creadinegocio-sn__section-title,
.creadinegocio-sn--diferenciadores .creadinegocio-sn__section-title {
	align-items: center;
	text-align: center;
}

.creadinegocio-sn--mision-vision .creadinegocio-sn__dots,
.creadinegocio-sn--valores .creadinegocio-sn__dots,
.creadinegocio-sn--diferenciadores .creadinegocio-sn__dots {
	justify-content: center;
}

.creadinegocio-sn--diferenciadores .creadinegocio-sn__lead {
	text-align: center;
	max-width: min(52rem, 100%);
	margin: 0 auto var(--space-6, 2.4rem);
}

.creadinegocio-sn__mv-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 32px;
	row-gap: 32px;
}

.creadinegocio-sn__mv-card {
	padding: 32px;
	border-radius: var(--radius-xl, 1.6rem);
	border: 1px solid rgb(135 31 120 / 0.14);
	background: transparent;
	box-shadow: var(--creadi-sn-sh, 0 6px 28px rgb(0 0 0 / 0.01));
	transition: transform 0.38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 0.38s ease, border-color 0.25s ease;
	will-change: transform;
}

.creadinegocio-sn__mv-card:hover,
.creadinegocio-sn__mv-card:focus-within {
	transform: scale(1.035) translateY(-4px);
	border-color: rgb(135 31 120 / 0.22);
	box-shadow: var(--creadi-sn-sh-hover, 0 10px 36px rgb(0 0 0 / 0.015));
}

/* Títulos Misión / Visión: h3 en el HTML; aire interno uniforme 32px en la tarjeta */
.creadinegocio-sn__mv-label {
	margin: 0 0 1rem;
	font-family: var(--font-heading, "Montserrat", sans-serif);
	font-size: var(--text-lg, 1.8rem);
	font-weight: var(--font-bold, 700);
	color: var(--color-primary, #871f78);
}

.creadinegocio-sn__mv-body {
	margin: 0;
	font-family: var(--font-primary, "Poppins", sans-serif);
	font-size: var(--text-base, 1.6rem);
	line-height: 1.6;
	color: var(--color-text, #333);
}

.creadinegocio-sn__mv-body p:first-child {
	margin-top: 0;
}

.creadinegocio-sn__valores-grid {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 32px;
	row-gap: 32px;
}

.creadinegocio-sn__valor-card {
	padding: 32px;
	border-radius: var(--radius-lg, 1rem);
	border: 1px solid rgb(135 31 120 / 0.14);
	background: transparent;
	box-shadow: var(--creadi-sn-sh, 0 6px 28px rgb(0 0 0 / 0.01));
	transition: transform 0.38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 0.38s ease, border-color 0.25s ease;
	will-change: transform;
}

.creadinegocio-sn__valor-card:hover,
.creadinegocio-sn__valor-card:focus-within {
	transform: scale(1.035) translateY(-4px);
	border-color: rgb(135 31 120 / 0.22);
	box-shadow: var(--creadi-sn-sh-hover, 0 10px 36px rgb(0 0 0 / 0.015));
}

.creadinegocio-sn__valor-inner {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 0;
	min-height: 100%;
}

.creadinegocio-sn__valor-icon {
	position: relative;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: var(--radius-lg, 1rem);
	background: linear-gradient(145deg, #f4eef6 0%, #ede4f0 100%);
	display: grid;
	place-items: center;
	margin-top: 0.15rem;
}

.creadinegocio-sn__valor-icon-panel {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	border: 1px solid rgb(135 31 120 / 0.12);
	pointer-events: none;
}

.creadinegocio-sn__valor-material {
	font-size: 28px;
	color: var(--color-primary, #871f78);
	line-height: 1;
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.creadinegocio-sn__valor-body {
	min-width: 0;
	flex: 1;
}

.creadinegocio-sn__valor-title {
	margin: 0 0 var(--space-2, 0.8rem);
	font-family: var(--font-heading, "Montserrat", sans-serif);
	font-size: var(--text-lg, 1.75rem);
	font-weight: var(--font-semibold, 600);
	color: var(--color-primary, #871f78);
}

.creadinegocio-sn__valor-text {
	font-family: var(--font-primary, "Poppins", sans-serif);
	font-size: var(--text-sm, 1.4rem);
	line-height: 1.55;
	color: var(--color-text, #333);
}

.creadinegocio-sn__lead {
	margin: 0 0 var(--space-6, 2.4rem);
	max-width: min(52rem, 100%);
	font-family: var(--font-primary, "Poppins", sans-serif);
	font-size: var(--text-base, 1.6rem);
	line-height: 1.65;
	color: var(--color-text, #333);
	text-align: left;
}

/* Sin tope 52rem: en columna 60% con imagen, o a todo el .container si no hay split */
.creadinegocio-sn__lead--confiar-full,
.creadinegocio-sn__lead--confiar-in-col {
	max-width: none;
	width: 100%;
}

/* Por qué confiar: 60% texto / 40% imagen (meta imange_por_que_confiar_) */
.creadinegocio-sn__confiar-split {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	gap: clamp(2rem, 3.5vw, 3rem);
	align-items: stretch;
}

.creadinegocio-sn__confiar-split .creadinegocio-sn__confiar-main {
	grid-column: 1;
	grid-row: 1;
}

.creadinegocio-sn__confiar-main {
	min-width: 0;
	align-self: stretch;
}

.creadinegocio-sn__confiar-figure {
	margin: 0;
	padding: 0;
	border-radius: var(--radius-xl, 1.6rem);
	overflow: hidden;
	border: 1px solid rgb(135 31 120 / 0.12);
	box-shadow: var(--creadi-sn-sh, 0 6px 28px rgb(0 0 0 / 0.01));
}

/* Columna derecha fila 1; imagen = altura columna texto */
.creadinegocio-sn__confiar-split .creadinegocio-sn__confiar-figure {
	grid-column: 2;
	grid-row: 1;
	height: 100%;
	min-height: 0;
	display: block;
}

.creadinegocio-sn__confiar-split .creadinegocio-sn__confiar-img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: cover;
	object-position: center;
}

.creadinegocio-sn__confiar-figure--solo {
	max-width: min(48rem, 100%);
	margin-inline: auto;
}

.creadinegocio-sn__confiar-img {
	display: block;
	width: 100%;
	height: auto;
}

/* Indicadores «por qué confiar»: 2 columnas */
.creadinegocio-sn--confiar .creadinegocio-sn__cards-grid--confiar-ind {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: clamp(1.25rem, 2.5vw, 2rem);
	row-gap: clamp(1.25rem, 2.5vw, 1.75rem);
}

/* Frase bajo la rejilla: solo ancho columna ~60%; más padding y lectura cómoda */
.creadinegocio-sn__blockquote--confiar-frase-split {
	grid-column: 1;
	grid-row: 2;
	align-self: start;
	min-width: 0;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: clamp(2rem, 4vw, 3.2rem) clamp(2rem, 4vw, 3rem);
	line-height: 1.68;
	font-size: clamp(1.5rem, 0.85vw + 1.15rem, 1.85rem);
}

.creadinegocio-sn__blockquote--confiar-frase-full {
	margin-top: var(--space-10, 4rem);
}

.creadinegocio-sn__cards-grid {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 32px;
	row-gap: 32px;
	align-items: stretch;
}

.creadinegocio-sn__card {
	position: relative;
	z-index: 1;
	padding: 32px;
	border-radius: var(--radius-xl, 1.6rem);
	border: 1px solid rgb(135 31 120 / 0.14);
	background: transparent;
	box-shadow: var(--creadi-sn-sh, 0 6px 28px rgb(0 0 0 / 0.01));
	transition: transform 0.38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 0.38s ease, border-color 0.25s ease;
	will-change: transform;
}

.creadinegocio-sn__card:hover,
.creadinegocio-sn__card:focus-within {
	z-index: 3;
	transform: scale(1.035) translateY(-4px);
	border-color: rgb(135 31 120 / 0.22);
	box-shadow: var(--creadi-sn-sh-hover, 0 10px 36px rgb(0 0 0 / 0.015));
}

.creadinegocio-sn__card-inner {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	height: 100%;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.creadinegocio-sn__card-icon {
	position: relative;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: var(--radius-lg, 1rem);
	background: linear-gradient(145deg, #f4eef6 0%, #ede4f0 100%);
	display: grid;
	place-items: center;
	margin-top: 0.15rem;
}

.creadinegocio-sn__card-icon-panel {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	border: 1px solid rgb(135 31 120 / 0.12);
	pointer-events: none;
}

.creadinegocio-sn__material {
	font-size: 28px;
	color: var(--color-primary, #871f78);
	line-height: 1;
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.creadinegocio-sn__card-body {
	min-width: 0;
	flex: 1;
}

.creadinegocio-sn__card-title {
	margin: 0 0 var(--space-2, 0.8rem);
	font-family: var(--font-heading, "Montserrat", sans-serif);
	font-size: clamp(1.25rem, 0.5vw + 1.1rem, 1.5rem);
	font-weight: var(--font-bold, 700);
	color: var(--color-primary, #871f78);
	line-height: 1.25;
}

.creadinegocio-sn__card-text {
	font-family: var(--font-primary, "Poppins", sans-serif);
	font-size: var(--text-sm, 1.4rem);
	line-height: 1.55;
	color: var(--color-text, #333);
}

.creadinegocio-sn__card-text p:first-child {
	margin-top: 0;
}

.creadinegocio-sn__blockquote {
	margin: 0;
	max-width: min(48rem, 100%);
	padding: var(--space-6, 2.4rem) var(--space-5, 2rem);
	border-radius: var(--radius-xl, 1.6rem);
	border: 1px solid rgb(135 31 120 / 0.14);
	border-left: 4px solid var(--color-primary, #871f78);
	background: transparent;
	font-family: var(--font-primary, "Poppins", sans-serif);
	font-size: clamp(1.45rem, 1vw + 1.1rem, 1.85rem);
	line-height: 1.55;
	font-style: italic;
	color: var(--color-text, #333);
	text-align: left;
	box-shadow: var(--creadi-sn-sh, 0 6px 28px rgb(0 0 0 / 0.01));
	transition: transform 0.38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 0.38s ease, border-color 0.25s ease;
	will-change: transform;
}

.creadinegocio-sn__blockquote:hover,
.creadinegocio-sn__blockquote:focus-within {
	transform: scale(1.02) translateY(-3px);
	border-color: rgb(135 31 120 / 0.22);
	box-shadow: var(--creadi-sn-sh-hover, 0 10px 36px rgb(0 0 0 / 0.015));
}

.creadinegocio-sn__blockquote p {
	margin: 0;
}

/* Tras la regla base del blockquote: ancho real al 100% de la columna 60% o del container */
.creadinegocio-sn__blockquote.creadinegocio-sn__blockquote--confiar-frase {
	max-width: none;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 900px) {
	.creadinegocio-sn__mv-grid,
	.creadinegocio-sn__valores-grid {
		grid-template-columns: 1fr;
	}

	.creadinegocio-sn__cards-grid {
		grid-template-columns: 1fr;
	}
}

/*
 * Solo móvil (≤639px): no afecta tablet ni escritorio.
 * — «Por qué confiar» en una columna; indicadores en 1 col.
 * — Sobre nosotros: ajustes de padding/hero en pantalla muy estrecha (sin doble padding en el wrap).
 */
@media (max-width: 639px) {
	.creadinegocio-sn__confiar-split .creadinegocio-sn__confiar-main,
	.creadinegocio-sn__confiar-split .creadinegocio-sn__confiar-figure {
		grid-column: auto;
		grid-row: auto;
	}

	.creadinegocio-sn__blockquote--confiar-frase-split {
		grid-column: auto;
		grid-row: auto;
	}

	.creadinegocio-sn__confiar-split {
		grid-template-columns: 1fr;
		align-items: start;
	}

	.creadinegocio-sn__confiar-split .creadinegocio-sn__confiar-figure {
		height: auto;
		max-height: none;
	}

	.creadinegocio-sn__confiar-split .creadinegocio-sn__confiar-img {
		height: auto;
		max-height: min(70vh, 28rem);
		object-fit: cover;
		aspect-ratio: 4 / 3;
	}

	.creadinegocio-sn--confiar .creadinegocio-sn__cards-grid--confiar-ind {
		grid-template-columns: 1fr;
	}

	body.creadinegocio-page-sobre-nosotros .creadinegocio-sn,
	body.creadinegocio-page-sobre-nosotros .creadinegocio-sn-strip {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	body.creadinegocio-page-sobre-nosotros article {
		min-width: 0;
	}

	body.creadinegocio-page-sobre-nosotros article > .archive-hero--sobre-nosotros:first-child {
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
		border-radius: 1.6rem;
	}

	body.creadinegocio-page-sobre-nosotros .archive-hero--sobre-nosotros {
		min-height: min(38vh, 17rem);
		margin-inline: 0;
	}

	body.creadinegocio-page-sobre-nosotros .creadinegocio-sn {
		padding-block: clamp(2.5rem, 7vw, 3.75rem);
	}

	body.creadinegocio-page-sobre-nosotros .creadinegocio-sn-strip {
		padding-block: clamp(2.5rem, 7vw, 3.75rem);
	}

	/* Evita doble padding: el .container del layout ya encaja el contenido */
	body.creadinegocio-page-sobre-nosotros .creadinegocio-sn .container.creadinegocio-sn__wrap {
		padding-inline: 0;
		max-width: 100%;
	}

	body.creadinegocio-page-sobre-nosotros .creadinegocio-sn-strip .creadinegocio-sn-intro-grid {
		padding-inline: clamp(1.25rem, 4vw, var(--container-padding));
		box-sizing: border-box;
	}

	body.creadinegocio-page-sobre-nosotros .creadinegocio-sn-intro-grid {
		padding-block: clamp(2.5rem, 7vw, 4rem);
		row-gap: clamp(1.25rem, 4vw, 2rem);
		column-gap: clamp(1.25rem, 4vw, 2rem);
	}

	body.creadinegocio-page-sobre-nosotros .creadinegocio-sn__card {
		padding: clamp(1.25rem, 4vw, 2rem);
	}

	body.creadinegocio-page-sobre-nosotros .creadinegocio-sn__blockquote--confiar-frase-split {
		padding: clamp(1.5rem, 4vw, 2rem) clamp(1.25rem, 4vw, 1.75rem);
	}
}

@media (min-width: 901px) and (max-width: 1100px) {
	.creadinegocio-sn__cards-grid:not(.creadinegocio-sn__cards-grid--confiar-ind) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}