/**
 * SAETA — Nosotros
 * Mockup Figura 022D
 */

.saeta-nosotros {
	width: 100%;
	margin: 0;
	color: #092858;
	background: #fff;
}

.saeta-nosotros *,
.saeta-nosotros *::before,
.saeta-nosotros *::after {
	box-sizing: border-box;
}

/* ================================================================
   HERO
================================================================ */

.saeta-nosotros__hero {
	position: relative;
	min-height: 510px;
	display: flex;
	align-items: center;
	overflow: hidden;
	isolation: isolate;
	background:
		var(--saeta-nosotros-hero),
		linear-gradient(135deg, #061b42, #0b3560);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.saeta-nosotros__hero-overlay {
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(
			90deg,
			rgba(3, 22, 58, .98) 0%,
			rgba(4, 28, 66, .92) 31%,
			rgba(4, 29, 68, .56) 61%,
			rgba(3, 25, 59, .18) 100%
		);
}

.saeta-nosotros__hero-inner {
	width: min(1420px, calc(100% - 40px));
	margin: 0 auto;
	padding-top: 58px;
	padding-bottom: 58px;
}

.saeta-nosotros__hero-content {
	width: min(620px, 53%);
	color: #fff;
}

.saeta-nosotros__eyebrow {
	display: inline-block;
	margin-bottom: 12px;
	color: #19a1ae;
	font-size: .92rem;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.saeta-nosotros__hero h1 {
	max-width: 640px;
	margin: 0 0 14px;
	color: #fff;
	font-size: clamp(2.6rem, 4.35vw, 4.35rem);
	line-height: 1.02;
	letter-spacing: -.045em;
}

.saeta-nosotros__hero h1 span {
	color: #ff6a00;
}

.saeta-nosotros__hero p {
	max-width: 610px;
	margin: 0;
	color: rgba(255, 255, 255, .94);
	font-size: 1.04rem;
	line-height: 1.55;
}

.saeta-nosotros__acciones {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 24px;
}

.saeta-nosotros__boton {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 11px 20px;
	border: 1px solid transparent;
	border-radius: 6px;
	font-size: .93rem;
	font-weight: 750;
	line-height: 1;
	text-decoration: none;
	transition:
		transform .18s ease,
		background-color .18s ease,
		border-color .18s ease;
}

.saeta-nosotros__boton:hover {
	transform: translateY(-2px);
}

.saeta-nosotros__boton--primario {
	background: #ff6a00;
	color: #fff;
}

.saeta-nosotros__boton--primario:hover {
	background: #e85f00;
	color: #fff;
}

.saeta-nosotros__boton--secundario {
	border-color: rgba(255, 255, 255, .88);
	background: rgba(4, 28, 66, .3);
	color: #fff;
}

.saeta-nosotros__boton--secundario:hover {
	background: rgba(255, 255, 255, .12);
	color: #fff;
}

/* ================================================================
   RAZÓN DE SER + EVOLUCIÓN
================================================================ */

.saeta-nosotros__trayectoria {
	padding: 34px 0 26px;
	background: #fff;
}

.saeta-nosotros__trayectoria-grid {
	width: min(1420px, calc(100% - 40px));
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(285px, 350px) minmax(0, 1fr);
	gap: 42px;
	align-items: start;
}

.saeta-nosotros__trayectoria h2 {
	margin: 0 0 15px;
	color: #07596f;
	font-size: 1.03rem;
	font-weight: 850;
	letter-spacing: .01em;
	text-transform: uppercase;
}

.saeta-nosotros__razon-contenido {
	color: #1d3154;
	font-size: .91rem;
	line-height: 1.58;
}

.saeta-nosotros__razon-contenido p {
	margin: 0 0 12px;
}

.saeta-nosotros__razon-contenido p:last-child {
	margin-bottom: 0;
}

.saeta-nosotros__evolucion {
	min-width: 0;
}

.saeta-nosotros-timeline {
	position: relative;
	display: grid;
	grid-template-columns: repeat(6, minmax(115px, 1fr));
	gap: 0;
}

.saeta-nosotros-timeline::before {
	content: "";
	position: absolute;
	left: 7%;
	right: 7%;
	top: 76px;
	height: 2px;
	background: #ccd7e5;
}

.saeta-nosotros-timeline__item {
	position: relative;
	min-width: 0;
	text-align: center;
}

.saeta-nosotros-timeline__superior {
	min-height: 43px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 3px;
	padding: 0 6px;
}

.saeta-nosotros-timeline__periodo,
.saeta-nosotros-timeline__lugar {
	display: block;
	color: #092858;
	font-size: .74rem;
	font-weight: 800;
	line-height: 1.15;
}

.saeta-nosotros-timeline__item:nth-child(5)
.saeta-nosotros-timeline__periodo,
.saeta-nosotros-timeline__item:nth-child(5)
.saeta-nosotros-timeline__lugar {
	color: #ff6a00;
}

.saeta-nosotros-timeline__nodo {
	position: relative;
	height: 67px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.saeta-nosotros-timeline__nodo::after {
	content: "";
	position: absolute;
	top: 32px;
	right: -4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #092858;
	z-index: -1;
}

.saeta-nosotros-timeline__item:last-child
.saeta-nosotros-timeline__nodo::after {
	display: none;
}

.saeta-nosotros-timeline__icono {
	width: 60px;
	height: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #cdd8e6;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 5px 18px rgba(14, 45, 82, .08);
	font-size: 2rem;
	line-height: 1;
}

.saeta-nosotros-timeline__item:nth-child(1)
.saeta-nosotros-timeline__icono {
	background: #087188;
}

.saeta-nosotros-timeline__item:nth-child(5)
.saeta-nosotros-timeline__icono {
	border-color: #ff6a00;
	background: #ff6a00;
}

.saeta-nosotros-timeline__contenido {
	min-height: 150px;
	padding: 10px 11px 0;
	border-right: 1px solid #e0e6ee;
}

.saeta-nosotros-timeline__item:last-child
.saeta-nosotros-timeline__contenido {
	border-right: 0;
}

.saeta-nosotros-timeline__contenido h3 {
	margin: 0 0 8px;
	color: #092858;
	font-size: .76rem;
	font-weight: 850;
	line-height: 1.3;
}

.saeta-nosotros-timeline__item:nth-child(5)
.saeta-nosotros-timeline__contenido h3 {
	color: #ff6a00;
}

.saeta-nosotros-timeline__contenido p {
	margin: 0;
	color: #3e4f69;
	font-size: .69rem;
	line-height: 1.52;
}

/* ================================================================
   BLOQUES INFERIORES — BASE TEMPORAL
================================================================ */

.saeta-nosotros__propuesta,
.saeta-nosotros__compromiso,
.saeta-nosotros__cta {
	width: min(1420px, calc(100% - 40px));
	margin: 24px auto 0;
}

.saeta-nosotros__propuesta h2,
.saeta-nosotros__compromiso h2,
.saeta-nosotros__cta h2 {
	color: #07596f;
}

.saeta-nosotros .grid {
	display: grid;
	grid-template-columns: repeat(
		auto-fit,
		minmax(190px, 1fr)
	);
	gap: 16px;
}

.saeta-nosotros .card {
	padding: 22px;
	border: 1px solid #dce4ee;
	border-radius: 12px;
	background: #fff;
}

.saeta-nosotros .card .icono {
	margin-bottom: 12px;
	font-size: 2rem;
}

.saeta-nosotros__cta {
	margin-bottom: 34px;
	padding: 28px;
	border: 1px solid #dce5ec;
	border-radius: 14px;
	background: #f2f8fa;
}

/* ================================================================
   RESPONSIVE
================================================================ */

@media (max-width: 1180px) {
	.saeta-nosotros__trayectoria-grid {
		grid-template-columns: 280px minmax(0, 1fr);
		gap: 28px;
	}

	.saeta-nosotros-timeline {
		overflow-x: auto;
		grid-template-columns: repeat(6, minmax(145px, 1fr));
		padding-bottom: 12px;
	}

	.saeta-nosotros-timeline::before {
		left: 70px;
		right: 70px;
	}
}

@media (max-width: 860px) {
	.saeta-nosotros__hero {
		min-height: 500px;
		background-position: 63% center;
	}

	.saeta-nosotros__hero-content {
		width: min(570px, 78%);
	}

	.saeta-nosotros__trayectoria-grid {
		grid-template-columns: 1fr;
	}

	.saeta-nosotros__razon {
		max-width: 680px;
	}
}

@media (max-width: 600px) {
	.saeta-nosotros__hero {
		min-height: 540px;
		align-items: flex-end;
		background-position: 66% center;
	}

	.saeta-nosotros__hero-overlay {
		background:
			linear-gradient(
				0deg,
				rgba(3, 22, 58, .99) 0%,
				rgba(3, 22, 58, .89) 48%,
				rgba(3, 22, 58, .35) 100%
			);
	}

	.saeta-nosotros__hero-inner {
		width: calc(100% - 30px);
		padding-top: 80px;
		padding-bottom: 34px;
	}

	.saeta-nosotros__hero-content {
		width: 100%;
	}

	.saeta-nosotros__hero h1 {
		font-size: clamp(2.25rem, 11vw, 3rem);
	}

	.saeta-nosotros__hero p {
		font-size: .94rem;
	}

	.saeta-nosotros__acciones {
		flex-direction: column;
	}

	.saeta-nosotros__boton {
		width: 100%;
	}

	.saeta-nosotros__trayectoria {
		padding-top: 28px;
	}

	.saeta-nosotros__trayectoria-grid {
		width: calc(100% - 30px);
	}

	.saeta-nosotros-timeline {
		display: grid;
		grid-template-columns: 1fr;
		overflow: visible;
		gap: 0;
		padding-left: 6px;
	}

	.saeta-nosotros-timeline::before {
		top: 25px;
		bottom: 25px;
		left: 34px;
		right: auto;
		width: 2px;
		height: auto;
	}

	.saeta-nosotros-timeline__item {
		display: grid;
		grid-template-columns: 68px minmax(0, 1fr);
		grid-template-areas:
			"node top"
			"node content";
		text-align: left;
	}

	.saeta-nosotros-timeline__superior {
		grid-area: top;
		min-height: auto;
		align-items: flex-start;
		justify-content: flex-end;
		padding: 4px 0 3px;
	}

	.saeta-nosotros-timeline__nodo {
		grid-area: node;
		height: auto;
		align-items: flex-start;
		padding-top: 3px;
	}

	.saeta-nosotros-timeline__nodo::after {
		display: none;
	}

	.saeta-nosotros-timeline__icono {
		width: 56px;
		height: 56px;
		font-size: 1.7rem;
	}

	.saeta-nosotros-timeline__contenido {
		grid-area: content;
		min-height: 105px;
		padding: 5px 0 22px;
		border-right: 0;
	}

	.saeta-nosotros-timeline__contenido h3 {
		font-size: .86rem;
	}

	.saeta-nosotros-timeline__contenido p {
		font-size: .78rem;
	}

	.saeta-nosotros__propuesta,
	.saeta-nosotros__compromiso,
	.saeta-nosotros__cta {
		width: calc(100% - 30px);
	}
}


/* ================================================================
   GEOMETRÍA GLOBAL
   Mismo eje y ancho de la ficha de Universidad
================================================================ */

.saeta-nosotros__hero-inner,
.saeta-nosotros__trayectoria-grid,
.saeta-nosotros__propuesta,
.saeta-nosotros__compromiso,
.saeta-nosotros__cta {
	position: static;
	left: auto;
	width: min(1420px, calc(100% - 32px)) !important;
	max-width: 1420px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	transform: none;
}

@media (max-width: 600px) {
	.saeta-nosotros__hero-inner,
	.saeta-nosotros__trayectoria-grid,
	.saeta-nosotros__propuesta,
	.saeta-nosotros__compromiso,
	.saeta-nosotros__cta {
		width: calc(100% - 20px) !important;
		max-width: none !important;
	}
}


/* Header alineado con el contenido de la página Nosotros. */
body.page-id-19 .saeta-header__contenido,
body.page-template-default.page-id-19 .saeta-header__contenido {
	width: min(1420px, calc(100% - 32px)) !important;
	max-width: 1420px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media (max-width: 600px) {
	body.page-id-19 .saeta-header__contenido,
	body.page-template-default.page-id-19 .saeta-header__contenido {
		width: calc(100% - 20px) !important;
	}
}


/* ================================================================
   PROPUESTA DE VALOR + COMPROMISO
================================================================ */

.saeta-nosotros__valor {
	padding: 10px 0 22px;
	background: #fff;
}

.saeta-nosotros__valor-grid {
	width: min(1420px, calc(100% - 32px));
	max-width: 1420px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(280px, 1fr);
	gap: 18px;
	align-items: stretch;
}

.saeta-nosotros__propuesta,
.saeta-nosotros__compromiso {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.saeta-nosotros__propuesta {
	padding: 18px 18px 16px;
	border: 1px solid #d9e4ec;
	border-radius: 10px;
	background: #fff;
}

.saeta-nosotros__propuesta h2,
.saeta-nosotros__compromiso h2 {
	margin: 0 0 12px;
	color: #07596f;
	font-size: 1rem;
	font-weight: 850;
	text-transform: uppercase;
}

.saeta-nosotros__propuesta-intro {
	display: none;
}

.saeta-nosotros__propuesta-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	align-items: stretch;
}

.saeta-nosotros__propuesta-item {
	position: relative;
	padding: 6px 14px 0;
	text-align: center;
}

.saeta-nosotros__propuesta-item + .saeta-nosotros__propuesta-item {
	border-left: 1px solid #dfe7ee;
}

.saeta-nosotros__propuesta-icono {
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 8px;
	font-size: 2.2rem;
	line-height: 1;
}

.saeta-nosotros__propuesta-item h3 {
	margin: 0 0 8px;
	color: #092858;
	font-size: .78rem;
	font-weight: 850;
	line-height: 1.25;
}

.saeta-nosotros__propuesta-item p {
	margin: 0;
	color: #42536c;
	font-size: .69rem;
	line-height: 1.55;
}

.saeta-nosotros__compromiso {
	position: relative;
	overflow: hidden;
	padding: 22px 24px;
	border: 1px solid #d9e4ec;
	border-radius: 10px;
	background:
		radial-gradient(circle at 95% 65%, rgba(14, 103, 128, .08), transparent 34%),
		#fff;
}

.saeta-nosotros__compromiso h2::before {
	content: "“";
	margin-right: 8px;
	color: #07596f;
	font-size: 2rem;
	line-height: 0;
	vertical-align: -6px;
}

.saeta-nosotros__compromiso-texto {
	margin: 0 0 16px;
	color: #18345a;
	font-size: .88rem;
	line-height: 1.55;
}

.saeta-nosotros__compromiso-items {
	display: grid;
	gap: 10px;
}

.saeta-nosotros__compromiso-item h3 {
	margin: 0;
	color: #092858;
	font-size: .85rem;
	font-weight: 800;
}

.saeta-nosotros__compromiso-item p {
	margin: 3px 0 0;
	color: #ff6a00;
	font-size: .78rem;
	font-weight: 750;
	line-height: 1.35;
}

@media (max-width: 1100px) {
	.saeta-nosotros__valor-grid {
		grid-template-columns: 1fr;
	}

	.saeta-nosotros__propuesta-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.saeta-nosotros__propuesta-item:nth-child(4) {
		border-left: 0;
	}

	.saeta-nosotros__propuesta-item:nth-child(n+4) {
		border-top: 1px solid #dfe7ee;
		padding-top: 18px;
		margin-top: 12px;
	}
}

@media (max-width: 700px) {
	.saeta-nosotros__valor-grid {
		width: calc(100% - 20px);
	}

	.saeta-nosotros__propuesta-grid {
		grid-template-columns: 1fr;
	}

	.saeta-nosotros__propuesta-item,
	.saeta-nosotros__propuesta-item + .saeta-nosotros__propuesta-item {
		border-left: 0;
		border-top: 1px solid #dfe7ee;
		padding: 16px 0;
	}

	.saeta-nosotros__propuesta-item:first-child {
		border-top: 0;
		padding-top: 0;
	}

	.saeta-nosotros__propuesta-icono {
		min-height: auto;
	}
}


/* ================================================================
   PROPUESTA + COMPROMISO — ANCHO AMPLIADO
================================================================ */

.saeta-nosotros__valor-grid {
	width: min(1600px, calc(100% - 40px)) !important;
	max-width: 1600px !important;
	grid-template-columns: minmax(0, 4fr) minmax(310px, 1.15fr);
	gap: 18px;
}

.saeta-nosotros__propuesta-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.saeta-nosotros__propuesta-item {
	padding-left: 18px;
	padding-right: 18px;
}

@media (max-width: 1100px) {
	.saeta-nosotros__valor-grid {
		width: min(100% - 28px, 1600px) !important;
		grid-template-columns: 1fr;
	}
}

@media (max-width: 700px) {
	.saeta-nosotros__valor-grid {
		width: calc(100% - 20px) !important;
	}
}


/* ================================================================
   PROPUESTA + COMPROMISO — ALINEACIÓN CON CTA INFERIOR
================================================================ */

.saeta-nosotros__valor-grid {
	width: min(1420px, calc(100% - 32px)) !important;
	max-width: 1420px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	grid-template-columns: minmax(0, 3.7fr) minmax(300px, 1.15fr);
	gap: 18px;
}

@media (max-width: 1100px) {
	.saeta-nosotros__valor-grid {
		width: min(1420px, calc(100% - 28px)) !important;
		grid-template-columns: 1fr;
	}
}

@media (max-width: 700px) {
	.saeta-nosotros__valor-grid {
		width: calc(100% - 20px) !important;
	}
}


/* ================================================================
   CTA FINAL — MOCKUP NOSOTROS
================================================================ */

.saeta-nosotros__cta {
	width: min(1420px, calc(100% - 32px)) !important;
	max-width: 1420px !important;
	min-height: 108px;
	margin: 20px auto 28px !important;
	padding: 18px 26px !important;

	display: grid;
	grid-template-columns: 92px minmax(0, 1fr) auto;
	align-items: center;
	gap: 24px;

	border: 1px solid #d9e5eb;
	border-radius: 8px;
	background:
		linear-gradient(
			90deg,
			#f5fafb 0%,
			#f8fbfc 48%,
			#f3f8fa 100%
		);
}

.saeta-nosotros__cta-icono {
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #07596f;
}

.saeta-nosotros__cta-icono svg {
	width: 68px;
	height: 68px;
	display: block;
}

.saeta-nosotros__cta-contenido {
	min-width: 0;
}

.saeta-nosotros__cta-contenido h2 {
	margin: 0 0 7px;
	color: #07596f;
	font-size: 1rem;
	font-weight: 850;
	line-height: 1.25;
	text-transform: uppercase;
}

.saeta-nosotros__cta-contenido p {
	margin: 0;
	color: #17375d;
	font-size: .91rem;
	line-height: 1.45;
}

.saeta-nosotros__cta-acciones {
	display: grid;
	grid-template-columns: repeat(2, minmax(210px, 1fr));
	gap: 26px;
	align-items: center;
}

.saeta-nosotros__cta-boton {
	min-width: 230px;
	min-height: 50px;
	padding: 11px 22px;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 11px;

	border-radius: 5px;
	font-size: .92rem;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;

	transition:
		transform .18s ease,
		background-color .18s ease,
		border-color .18s ease;
}

.saeta-nosotros__cta-boton:hover {
	transform: translateY(-1px);
}

.saeta-nosotros__cta-boton svg {
	width: 23px;
	height: 23px;
	display: block;
	flex: 0 0 auto;
}

.saeta-nosotros__cta-boton--mensaje {
	border: 1px solid #17627a;
	background: #fff;
	color: #07596f;
}

.saeta-nosotros__cta-boton--mensaje:hover {
	background: #f2f8fa;
	color: #07596f;
}

.saeta-nosotros__cta-boton--asesor {
	border: 1px solid #07596f;
	background: #07596f;
	color: #fff;
}

.saeta-nosotros__cta-boton--asesor:hover {
	background: #064d60;
	color: #fff;
}

/* Tablet */
@media (max-width: 1050px) {

	.saeta-nosotros__cta {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.saeta-nosotros__cta-acciones {
		grid-column: 1 / -1;
		width: 100%;
		grid-template-columns: repeat(2, 1fr);
	}

	.saeta-nosotros__cta-boton {
		width: 100%;
		min-width: 0;
	}
}

/* Móvil */
@media (max-width: 650px) {

	.saeta-nosotros__cta {
		width: calc(100% - 20px) !important;
		grid-template-columns: 58px minmax(0, 1fr);
		gap: 16px;
		padding: 20px !important;
	}

	.saeta-nosotros__cta-icono {
		width: 54px;
		height: 54px;
	}

	.saeta-nosotros__cta-icono svg {
		width: 52px;
		height: 52px;
	}

	.saeta-nosotros__cta-acciones {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.saeta-nosotros__cta-boton {
		min-height: 48px;
	}
}


/* ================================================================
   NUESTRO COMPROMISO — REFINAMIENTO MOCKUP
================================================================ */

.saeta-nosotros__compromiso {
	position: relative;
	overflow: hidden;

	padding: 24px 28px 22px !important;

	border: 0 !important;
	border-radius: 8px !important;

	background:
		linear-gradient(
			135deg,
			#fbfdfe 0%,
			#f7fafc 58%,
			#f4f8fa 100%
		) !important;

	box-shadow:
		0 8px 26px rgba(10, 45, 77, .035);
}

/* Globo / retícula decorativa */
.saeta-nosotros__compromiso::after {
	content: "";
	position: absolute;
	right: -44px;
	top: 44px;

	width: 190px;
	height: 190px;

	border: 2px solid rgba(7, 89, 111, .045);
	border-radius: 50%;

	background:
		linear-gradient(
			90deg,
			transparent 48%,
			rgba(7, 89, 111, .045) 49%,
			rgba(7, 89, 111, .045) 51%,
			transparent 52%
		),
		linear-gradient(
			0deg,
			transparent 48%,
			rgba(7, 89, 111, .045) 49%,
			rgba(7, 89, 111, .045) 51%,
			transparent 52%
		);

	pointer-events: none;
	z-index: 0;
}

/* Meridianos adicionales */
.saeta-nosotros__compromiso::before {
	content: "";
	position: absolute;
	right: 7px;
	top: 51px;

	width: 82px;
	height: 176px;

	border-left: 2px solid rgba(7, 89, 111, .04);
	border-right: 2px solid rgba(7, 89, 111, .04);
	border-radius: 50%;

	pointer-events: none;
	z-index: 0;
}

.saeta-nosotros__compromiso > * {
	position: relative;
	z-index: 1;
}

.saeta-nosotros__compromiso h2 {
	display: flex;
	align-items: center;
	gap: 10px;

	margin: 0 0 15px;

	color: #07596f;
	font-size: .97rem;
	font-weight: 850;
	line-height: 1.2;
	text-transform: uppercase;
}

.saeta-nosotros__compromiso h2::before {
	content: "“";
	margin: 0;

	color: #07596f;
	font-size: 2rem;
	font-weight: 900;
	line-height: .55;
	transform: translateY(2px);
}

.saeta-nosotros__compromiso-texto {
	max-width: 310px;

	margin: 0 0 15px;

	color: #17345a;
	font-size: .88rem;
	line-height: 1.48;
}

/* Línea corta antes del remate */
.saeta-nosotros__compromiso-items {
	position: relative;
	padding-top: 15px;
}

.saeta-nosotros__compromiso-items::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;

	width: 34px;
	height: 1px;

	background: #8cabb6;
}

.saeta-nosotros__compromiso-item {
	margin: 0;
}

.saeta-nosotros__compromiso-item + .saeta-nosotros__compromiso-item {
	margin-top: 3px;
}

.saeta-nosotros__compromiso-item h3 {
	margin: 0;

	color: #092858;
	font-size: .85rem;
	font-weight: 850;
	line-height: 1.35;
}

.saeta-nosotros__compromiso-item p {
	margin: 0;

	color: #092858;
	font-size: .85rem;
	font-weight: 850;
	line-height: 1.35;
}

/* Si la primera frase está guardada como texto del item */
.saeta-nosotros__compromiso-item:first-child p {
	color: #092858;
}

@media (max-width: 700px) {
	.saeta-nosotros__compromiso {
		padding: 22px 20px !important;
	}

	.saeta-nosotros__compromiso::after {
		right: -70px;
		opacity: .7;
	}
}

/* ================================================================
   TEXTO ENRIQUECIDO — RAZÓN DE SER Y COMPROMISO
================================================================ */

.saeta-nosotros__razon-contenido strong {
  color: #0b6075;
  font-weight: 700;
}

.saeta-nosotros .saeta-texto-naranja {
  color: #ff6a00;
}

.saeta-nosotros .saeta-texto-verde {
  color: #0b6075;
}

.saeta-nosotros__compromiso-contenido strong {
  font-weight: 700;
}

/* ================================================================
   PROPUESTA DE VALOR — RESPONSIVE DEFINITIVO
================================================================ */

/*
 * El grid exterior .saeta-nosotros__valor-grid controla
 * Propuesta + Compromiso y conserva sus breakpoints existentes.
 *
 * Aquí modificamos exclusivamente las 6 propuestas interiores.
 */

/* Tablet / desktop intermedio: 3 columnas x 2 filas */
@media (max-width: 1100px) and (min-width: 701px) {

  .saeta-nosotros__propuesta-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .saeta-nosotros__propuesta-item {
    min-width: 0;
    padding: 14px 18px !important;
    border-top: 0;
    border-left: 0;
  }

  .saeta-nosotros__propuesta-item:nth-child(2),
  .saeta-nosotros__propuesta-item:nth-child(3),
  .saeta-nosotros__propuesta-item:nth-child(5),
  .saeta-nosotros__propuesta-item:nth-child(6) {
    border-left: 1px solid #dfe7ee;
  }

  .saeta-nosotros__propuesta-item:nth-child(n+4) {
    border-top: 1px solid #dfe7ee;
    margin-top: 0;
  }
}


/* Móvil: 2 columnas x 3 filas */
@media (max-width: 700px) {

  .saeta-nosotros__valor-grid {
    grid-template-columns: 1fr !important;
  }

  .saeta-nosotros__propuesta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .saeta-nosotros__propuesta-item,
  .saeta-nosotros__propuesta-item + .saeta-nosotros__propuesta-item {
    min-width: 0;
    margin: 0;
    padding: 16px 12px !important;
    border-left: 0;
    border-top: 0;
  }

  .saeta-nosotros__propuesta-item:nth-child(even) {
    border-left: 1px solid #dfe7ee;
  }

  .saeta-nosotros__propuesta-item:nth-child(n+3) {
    border-top: 1px solid #dfe7ee;
  }

  .saeta-nosotros__propuesta-item h3 {
    font-size: .78rem;
    line-height: 1.25;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .saeta-nosotros__propuesta-item p {
    font-size: .72rem;
    line-height: 1.5;
    overflow-wrap: normal;
    word-break: normal;
  }

  .saeta-nosotros__propuesta-icono {
    min-height: 38px;
    margin-bottom: 7px;
    font-size: 1.9rem;
  }
}


/* Pantallas realmente estrechas: una sola columna */
@media (max-width: 360px) {

  .saeta-nosotros__propuesta-grid {
    grid-template-columns: 1fr !important;
  }

  .saeta-nosotros__propuesta-item,
  .saeta-nosotros__propuesta-item:nth-child(even),
  .saeta-nosotros__propuesta-item:nth-child(n+3) {
    border-left: 0;
  }

  .saeta-nosotros__propuesta-item + .saeta-nosotros__propuesta-item {
    border-top: 1px solid #dfe7ee;
  }
}

/* SAETA NOSOTROS — TIMELINE TABLET SIN SCROLL */

/*
 * Entre móvil y desktop damos a Evolución todo el ancho disponible.
 * Así los seis hitos caben sin scrollbar y sin comprimir en exceso
 * la columna de Razón de ser.
 */
@media (min-width: 601px) and (max-width: 1100px) {

  .saeta-nosotros__trayectoria-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .saeta-nosotros__razon {
    width: 100%;
    max-width: none !important;
  }

  .saeta-nosotros__evolucion {
    width: 100%;
    min-width: 0;
    overflow: visible !important;
    padding-bottom: 0 !important;
  }

  .saeta-nosotros-timeline {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    grid-template-columns:
      repeat(6, minmax(0, 1fr)) !important;

    overflow-x: visible !important;
    overflow-y: visible !important;

    padding-bottom: 0 !important;
  }

  .saeta-nosotros-timeline__item {
    min-width: 0 !important;
  }

  .saeta-nosotros-timeline__periodo,
  .saeta-nosotros-timeline__contenido {
    min-width: 0;
  }

  .saeta-nosotros-timeline__contenido {
    padding-left: 8px;
    padding-right: 8px;
  }

  .saeta-nosotros-timeline__contenido h3 {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .saeta-nosotros-timeline__contenido p {
    overflow-wrap: normal;
    word-break: normal;
  }

  /*
   * La línea horizontal queda contenida entre el primer
   * y último nodo, no entre los extremos del contenedor.
   */
  .saeta-nosotros-timeline::before {
    left: 8.333% !important;
    right: 8.333% !important;
  }
}

/* /SAETA NOSOTROS — TIMELINE TABLET SIN SCROLL */
