/* =====================================================================
   RECURSO RUTA DE ENTREGABILIDAD
   Dominio → SPF / DKIM / DMARC → Bandeja
   ===================================================================== */

.hnw-mail-route {
	padding:150px 0 170px;
	background:#fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #edf2f6;
}


/* =======================================================
   CABECERA
   ======================================================= */

.hnw-mail-route__head {
	max-width:900px;
	margin:0 auto 70px;
	text-align:center;
}

.hnw-mail-route__eyebrow {
	display:inline-block;
	margin-bottom:17px;
	color:#F25555;
	font-family:'Poppins',sans-serif;
	font-size:11px;
	line-height:1;
	font-weight:800;
	letter-spacing:1.1px;
	text-transform:uppercase;
}

.hnw-mail-route__head h2 {
	max-width:880px;
	margin:0 auto;
	color:#0F2738;
	font-family:'Poppins',sans-serif;
	font-size:42px;
	line-height:1.12;
	font-weight:700;
	letter-spacing:-1.2px;
}

.hnw-mail-route__head h2 span {
	display:block;
	color:#20517b;
}

.hnw-mail-route__head p {
	max-width:650px;
	margin:20px auto 0;
	color:#64748b;
	font-size:14px;
	line-height:1.75;
}


/* =======================================================
   SISTEMA
   ======================================================= */

.hnw-mail-route__system {
	display:grid;
	grid-template-columns:1fr 90px 1.15fr 90px 1fr;
	align-items:center;
	max-width:1180px;
	margin:0 auto;
	padding:48px 42px;
	border:1px solid #dfe7ed;
	border-radius:22px;
	background:#fff;
	box-shadow:0 18px 45px rgba(15,39,56,.05);
}


/* =======================================================
   LABELS
   ======================================================= */

.hnw-mail-route__sender-label,
.hnw-mail-route__checks-label,
.hnw-mail-route__destination-label {
	display:block;
	margin-bottom:15px;
	color:#94a3b8;
	font-size:8px;
	line-height:1;
	font-weight:800;
	letter-spacing:.9px;
	text-transform:uppercase;
}


/* =======================================================
   ORIGEN / EMAIL
   ======================================================= */

.hnw-mail-route__mail {
	overflow:hidden;
	border:1px solid #dfe7ed;
	border-radius:15px;
	background:#fbfdff;
}

.hnw-mail-route__mail-top {
	display:flex;
	align-items:center;
	gap:5px;
	height:34px;
	padding:0 13px;
	border-bottom:1px solid #e5ebf0;
	background:#f6f9fb;
}

.hnw-mail-route__mail-top span {
	display:block;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#d0dae2;
}

.hnw-mail-route__mail-top span:first-child {
	background:#F25555;
}

.hnw-mail-route__mail-body {
	display:flex;
	align-items:center;
	gap:13px;
	min-height:105px;
	padding:20px 17px;
}

.hnw-mail-route__avatar {
	display:flex;
	flex:0 0 38px;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border-radius:50%;
	background:#eef5fb;
	color:#20517b;
	font-size:12px;
	font-weight:800;
}

.hnw-mail-route__mail-body small {
	display:block;
	margin-bottom:4px;
	color:#94a3b8;
	font-size:8px;
	line-height:1;
}

.hnw-mail-route__mail-body strong {
	display:block;
	margin-bottom:5px;
	color:#0F2738;
	font-size:12px;
	line-height:1.3;
	font-weight:800;
}

.hnw-mail-route__mail-body div > span {
	display:block;
	color:#64748b;
	font-size:10px;
	line-height:1.4;
}


/* =======================================================
   FLECHAS
   ======================================================= */

.hnw-mail-route__arrow {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
}

.hnw-mail-route__arrow span {
	display:block;
	width:100%;
	height:1px;
	background:linear-gradient(
		90deg,
		#d9e4eb 0%,
		#F25555 100%
	);
}

.hnw-mail-route__arrow i {
	position:absolute;
	right:-1px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	border-radius:50%;
	background:#fff;
	color:#F25555;
	font-size:16px;
	line-height:1;
	font-style:normal;
}


/* =======================================================
   VALIDACIONES
   ======================================================= */

.hnw-mail-route__check-list {
	display:grid;
	gap:8px;
}

.hnw-mail-route__check {
	display:flex;
	align-items:center;
	gap:12px;
	min-height:67px;
	padding:13px 15px;
	border:1px solid #dfe7ed;
	border-radius:12px;
	background:#fbfdff;
}

.hnw-mail-route__check-status {
	display:flex;
	flex:0 0 30px;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	border-radius:50%;
	background:#edf8f2;
	color:#169454;
	font-size:12px;
	line-height:1;
	font-weight:800;
}

.hnw-mail-route__check strong {
	display:block;
	margin-bottom:3px;
	color:#0F2738;
	font-family:'Poppins',sans-serif;
	font-size:14px;
	line-height:1;
	font-weight:800;
}

.hnw-mail-route__check div > span {
	display:block;
	color:#64748b;
	font-size:9px;
	line-height:1.35;
}


/* =======================================================
   DESTINO
   ======================================================= */

.hnw-mail-route__inbox {
	overflow:hidden;
	border:1px solid #dfe7ed;
	border-radius:15px;
	background:#fff;
	box-shadow:0 12px 28px rgba(15,39,56,.05);
}

.hnw-mail-route__inbox-head {
	display:flex;
	align-items:center;
	justify-content:space-between;
	min-height:45px;
	padding:0 15px;
	border-bottom:1px solid #e5ebf0;
	background:#0F2738;
}

.hnw-mail-route__inbox-head strong {
	color:#fff;
	font-size:10px;
	font-weight:800;
}

.hnw-mail-route__inbox-head span {
	padding:4px 7px;
	border-radius:20px;
	background:#F25555;
	color:#fff;
	font-size:7px;
	line-height:1;
	font-weight:800;
}

.hnw-mail-route__inbox-message {
	display:flex;
	align-items:flex-start;
	gap:10px;
	min-height:105px;
	padding:21px 15px;
	background:#fff;
}

.hnw-mail-route__inbox-dot {
	display:block;
	flex:0 0 7px;
	width:7px;
	height:7px;
	margin-top:4px;
	border-radius:50%;
	background:#F25555;
}

.hnw-mail-route__inbox-message strong {
	display:block;
	margin-bottom:5px;
	color:#0F2738;
	font-size:11px;
	line-height:1.3;
	font-weight:800;
}

.hnw-mail-route__inbox-message div > span {
	display:block;
	color:#64748b;
	font-size:9px;
	line-height:1.4;
}


/* =======================================================
   RESULTADO
   ======================================================= */

.hnw-mail-route__result {
	display:flex;
	align-items:center;
	gap:18px;
	max-width:1000px;
	margin:42px auto 0;
}

.hnw-mail-route__result > div:first-child {
	flex:0 0 auto;
}

.hnw-mail-route__result > div:first-child span {
	display:block;
	margin-bottom:5px;
	color:#94a3b8;
	font-size:8px;
	line-height:1;
	font-weight:800;
	letter-spacing:.8px;
	text-transform:uppercase;
}

.hnw-mail-route__result > div:first-child strong {
	display:block;
	color:#0F2738;
	font-size:13px;
	line-height:1.4;
	font-weight:800;
}

.hnw-mail-route__result-line {
	flex:1;
	height:1px;
	background:#d9e3ea;
}

.hnw-mail-route__result-note {
	color:#64748b;
	font-size:10px;
	line-height:1;
	font-weight:700;
	white-space:nowrap;
}


/* =====================================================================
   TABLET
   ===================================================================== */

@media only screen and (max-width:991px) and (min-width:767px) {

	.hnw-mail-route__head h2 {
		font-size:36px;
	}

	.hnw-mail-route__system {
		grid-template-columns:1fr 55px 1.1fr 55px 1fr;
		padding-right:25px;
		padding-left:25px;
	}

	.hnw-mail-route__mail-body {
		padding-right:12px;
		padding-left:12px;
	}

	.hnw-mail-route__check {
		padding-right:10px;
		padding-left:10px;
	}

}


/* =====================================================================
   MOBILE
   ===================================================================== */

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

	.hnw-mail-route {
		padding:85px 0 80px;
	}

	.hnw-mail-route__head {
		margin-bottom:38px;
		text-align:left;
	}

	.hnw-mail-route__eyebrow {
		margin-bottom:14px;
	}

	.hnw-mail-route__head h2 {
		font-size:30px!important;
		line-height:1.15;
		letter-spacing:-.7px;
	}

	.hnw-mail-route__head h2 span {
		display:inline;
	}

	.hnw-mail-route__head p {
		margin-top:17px;
		font-size:12px;
		line-height:1.65;
	}

	.hnw-mail-route__system {
		display:block;
		padding:18px;
		border-radius:18px;
	}

	.hnw-mail-route__sender,
	.hnw-mail-route__checks,
	.hnw-mail-route__destination {
		margin-bottom:18px;
	}

	.hnw-mail-route__destination {
		margin-bottom:0;
	}

	.hnw-mail-route__sender-label,
	.hnw-mail-route__checks-label,
	.hnw-mail-route__destination-label {
		margin-bottom:10px;
	}

	.hnw-mail-route__arrow {
		width:1px;
		height:26px;
		margin:0 auto 17px;
	}

	.hnw-mail-route__arrow span {
		width:1px;
		height:100%;
		background:linear-gradient(
			180deg,
			#d9e4eb 0%,
			#F25555 100%
		);
	}

	.hnw-mail-route__arrow i {
		right:auto;
		bottom:-3px;
		width:20px;
		height:20px;
		font-size:13px;
		transform:rotate(90deg);
	}

	.hnw-mail-route__mail-body,
	.hnw-mail-route__inbox-message {
		min-height:90px;
	}

	.hnw-mail-route__check-list {
		grid-template-columns:repeat(3,1fr);
		gap:6px;
	}

	.hnw-mail-route__check {
		display:block;
		min-height:112px;
		padding:12px 8px;
		text-align:center;
	}

	.hnw-mail-route__check-status {
		width:27px;
		height:27px;
		margin:0 auto 10px;
		font-size:10px;
	}

	.hnw-mail-route__check strong {
		margin-bottom:5px;
		font-size:12px;
	}

	.hnw-mail-route__check div > span {
		font-size:7px;
		line-height:1.3;
	}

	.hnw-mail-route__result {
		display:block;
		margin-top:28px;
		padding-top:18px;
		border-top:1px solid #dfe7ed;
		text-align:center;
	}

	.hnw-mail-route__result-line {
		display:none;
	}

	.hnw-mail-route__result-note {
		display:block;
		margin-top:8px;
		font-size:9px;
		white-space:normal;
	}

}


/* =====================================================================
   RECURSO - ECOSISTEMA DE TRABAJO CONECTADO
   Workspace como entorno operativo
   ===================================================================== */

.hnw-workspace-os {
	padding:150px 0;
	background:#0F2738;
	overflow:hidden;
}


/* =======================================================
   MENSAJE
   ======================================================= */

.hnw-workspace-os__copy {
	padding-right:45px;
}

.hnw-workspace-os__eyebrow {
	display:block;
	margin-bottom:17px;
	color:#F25555;
	font-family:'Poppins',sans-serif;
	font-size:11px;
	line-height:1;
	font-weight:800;
	letter-spacing:1.1px;
	text-transform:uppercase;
}

.hnw-workspace-os__copy h2 {
	margin:0;
	color:#fff;
	font-family:'Poppins',sans-serif;
	font-size:39px;
	line-height:1.1;
	font-weight:700;
	letter-spacing:-1.2px;
}

.hnw-workspace-os__copy h2 span {
	display:block;
	color:#9bc6e4;
}

.hnw-workspace-os__copy > p {
	margin:22px 0 0;
	color:rgba(255,255,255,.62);
	font-size:14px;
	line-height:1.75;
}

.hnw-workspace-os__principle {
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin-top:32px;
	padding-top:24px;
	border-top:1px solid rgba(255,255,255,.12);
}

.hnw-workspace-os__principle > span {
	color:#F25555;
	font-size:20px;
	line-height:1;
}

.hnw-workspace-os__principle strong {
	color:#fff;
	font-size:11px;
	line-height:1.55;
	font-weight:700;
}


/* =======================================================
   VENTANA
   ======================================================= */

.hnw-workspace-os__window {
	overflow:hidden;
	border:1px solid rgba(255,255,255,.14);
	border-radius:20px;
	background:#fff;
	box-shadow:0 30px 65px rgba(0,0,0,.24);
}

.hnw-workspace-os__topbar {
	display:grid;
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	min-height:48px;
	padding:0 18px;
	border-bottom:1px solid #e6ebef;
	background:#f5f8fa;
}

.hnw-workspace-os__traffic {
	display:flex;
	gap:5px;
}

.hnw-workspace-os__traffic span {
	width:7px;
	height:7px;
	border-radius:50%;
	background:#d0dae2;
}

.hnw-workspace-os__traffic span:first-child {
	background:#F25555;
}

.hnw-workspace-os__topbar > strong {
	color:#0F2738;
	font-size:10px;
	font-weight:800;
}

.hnw-workspace-os__online {
	justify-self:end;
	color:#169454;
	font-size:8px;
	font-weight:700;
}

.hnw-workspace-os__body {
	display:grid;
	grid-template-columns:145px 1fr;
	min-height:470px;
}


/* =======================================================
   SIDEBAR
   ======================================================= */

.hnw-workspace-os__sidebar {
	padding:22px 12px;
	border-right:1px solid #e6ebef;
	background:#f7fafc;
}

.hnw-workspace-os__sidebar-label {
	display:block;
	margin:0 10px 14px;
	color:#94a3b8;
	font-size:7px;
	font-weight:800;
	letter-spacing:.8px;
	text-transform:uppercase;
}

.hnw-workspace-os__sidebar-item {
	display:flex;
	align-items:center;
	gap:8px;
	margin-bottom:5px;
	padding:9px 10px;
	border-radius:8px;
	color:#64748b;
}

.hnw-workspace-os__sidebar-item > span {
	display:flex;
	flex:0 0 24px;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	border-radius:7px;
	background:#e8eff4;
	font-size:7px;
	font-weight:800;
}

.hnw-workspace-os__sidebar-item strong {
	font-size:8px;
	font-weight:700;
}

.hnw-workspace-os__sidebar-item.is-active {
	background:#eaf3f9;
	color:#20517b;
}


/* =======================================================
   DASHBOARD
   ======================================================= */

.hnw-workspace-os__dashboard {
	padding:25px;
	background:#fff;
}

.hnw-workspace-os__dashboard-head {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:20px;
}

.hnw-workspace-os__dashboard-head small {
	display:block;
	margin-bottom:3px;
	color:#94a3b8;
	font-size:7px;
	text-transform:uppercase;
	letter-spacing:.6px;
}

.hnw-workspace-os__dashboard-head strong {
	display:block;
	color:#0F2738;
	font-family:'Poppins',sans-serif;
	font-size:16px;
	font-weight:800;
}

.hnw-workspace-os__dashboard-head > span {
	padding:5px 9px;
	border-radius:20px;
	background:#f1f5f8;
	color:#64748b;
	font-size:7px;
	font-weight:700;
}


/* =======================================================
   MÓDULOS
   ======================================================= */

.hnw-workspace-os__grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:9px;
}

.hnw-workspace-os__module {
	display:flex;
	align-items:center;
	gap:11px;
	min-height:96px;
	padding:14px;
	border:1px solid #e3e9ee;
	border-radius:12px;
	background:#fbfdff;
}

.hnw-workspace-os__module-icon {
	display:flex;
	flex:0 0 34px;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border-radius:9px;
	font-family:'Poppins',sans-serif;
	font-size:11px;
	font-weight:800;
}

.hnw-workspace-os__module-icon--mail {
	background:#fff0f0;
	color:#d94b4b;
}

.hnw-workspace-os__module-icon--drive {
	background:#eef8f4;
	color:#278966;
}

.hnw-workspace-os__module-icon--meet {
	background:#edf6fb;
	color:#267ba8;
}

.hnw-workspace-os__module-icon--calendar {
	background:#eef3ff;
	color:#416ec4;
}

.hnw-workspace-os__module-icon--docs {
	background:#f3f0ff;
	color:#6351ad;
}

.hnw-workspace-os__module-icon--admin {
	background:#f1f4f6;
	color:#475569;
}

.hnw-workspace-os__module small {
	display:block;
	margin-bottom:3px;
	color:#94a3b8;
	font-size:6px;
	text-transform:uppercase;
	letter-spacing:.5px;
}

.hnw-workspace-os__module strong {
	display:block;
	margin-bottom:3px;
	color:#0F2738;
	font-size:10px;
	font-weight:800;
}

.hnw-workspace-os__module div > span {
	display:block;
	color:#64748b;
	font-size:7px;
	line-height:1.3;
}


/* =======================================================
   ACTIVIDAD
   ======================================================= */

.hnw-workspace-os__activity {
	display:flex;
	align-items:center;
	gap:11px;
	margin-top:12px;
	padding:13px 15px;
	border-radius:10px;
	background:#0F2738;
}

.hnw-workspace-os__activity-pulse {
	position:relative;
	flex:0 0 9px;
	width:9px;
	height:9px;
	border-radius:50%;
	background:#F25555;
}

.hnw-workspace-os__activity-pulse::after {
	content:"";
	position:absolute;
	top:-4px;
	left:-4px;
	width:17px;
	height:17px;
	border:1px solid rgba(242,85,85,.45);
	border-radius:50%;
}

.hnw-workspace-os__activity small {
	display:block;
	margin-bottom:2px;
	color:rgba(255,255,255,.4);
	font-size:6px;
	text-transform:uppercase;
	letter-spacing:.5px;
}

.hnw-workspace-os__activity strong {
	display:block;
	color:#fff;
	font-size:8px;
	font-weight:700;
}


/* =====================================================================
   TABLET — RECURSO 16
   ===================================================================== */

@media only screen and (max-width:991px) and (min-width:767px) {

	.hnw-workspace-os__copy {
		padding-right:25px;
	}

	.hnw-workspace-os__copy h2 {
		font-size:32px;
	}

	.hnw-workspace-os__body {
		grid-template-columns:110px 1fr;
	}

	.hnw-workspace-os__sidebar-item strong {
		font-size:7px;
	}

	.hnw-workspace-os__dashboard {
		padding:18px;
	}

	.hnw-workspace-os__grid {
		grid-template-columns:repeat(2,1fr);
	}

}


/* =====================================================================
   MOBILE — RECURSO 16
   ===================================================================== */

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

	.hnw-workspace-os {
		padding:85px 0 80px;
	}

	.hnw-workspace-os__copy {
		padding-right:15px;
		padding-left:15px;
		margin-bottom:38px;
	}

	.hnw-workspace-os__eyebrow {
		margin-bottom:14px;
	}

	.hnw-workspace-os__copy h2 {
		font-size:30px!important;
		line-height:1.15;
		letter-spacing:-.7px;
	}

	.hnw-workspace-os__copy h2 span {
		display:inline;
	}

	.hnw-workspace-os__copy > p {
		margin-top:17px;
		font-size:12px;
		line-height:1.65;
	}

	.hnw-workspace-os__principle {
		margin-top:22px;
		padding-top:18px;
	}

	.hnw-workspace-os__visual {
		padding-right:15px;
		padding-left:15px;
	}

	.hnw-workspace-os__window {
		border-radius:16px;
	}

	.hnw-workspace-os__topbar {
		grid-template-columns:auto 1fr;
		gap:12px;
		min-height:43px;
		padding:0 13px;
	}

	.hnw-workspace-os__topbar > strong {
		justify-self:start;
		font-size:9px;
	}

	.hnw-workspace-os__online {
		display:none;
	}

	.hnw-workspace-os__body {
		display:block;
		min-height:0;
	}

	.hnw-workspace-os__sidebar {
		display:none;
	}

	.hnw-workspace-os__dashboard {
		padding:16px;
	}

	.hnw-workspace-os__dashboard-head {
		margin-bottom:14px;
	}

	.hnw-workspace-os__dashboard-head strong {
		font-size:14px;
	}

	.hnw-workspace-os__grid {
		grid-template-columns:repeat(2,1fr);
		gap:7px;
	}

	.hnw-workspace-os__module {
		display:block;
		min-height:112px;
		padding:12px;
	}

	.hnw-workspace-os__module-icon {
		width:30px;
		height:30px;
		margin-bottom:10px;
		font-size:9px;
	}

	.hnw-workspace-os__module small {
		font-size:6px;
	}

	.hnw-workspace-os__module strong {
		font-size:10px;
	}

	.hnw-workspace-os__module div > span {
		font-size:7px;
	}

	.hnw-workspace-os__activity {
		margin-top:8px;
		padding:12px;
	}

	.hnw-workspace-os__activity strong {
		font-size:7px;
		line-height:1.4;
	}

}

/* =====================================================================
   RUTA DE IMPLEMENTACIÓN WORKSPACE
   Identidad → Continuidad → Gestión
   ===================================================================== */

.hnw-workspace-route {
	padding:170px 0 150px;
	background:#f8fafc;
	overflow:hidden;
}

.hnw-workspace-route__head {
	margin-bottom:78px;
}

.hnw-workspace-route__eyebrow {
	display:block;
	margin-bottom:18px;
	color:#F25555;
	font-size:11px;
	line-height:1;
	font-weight:800;
	letter-spacing:1.1px;
	text-transform:uppercase;
}

.hnw-workspace-route__head h2 {
	max-width:720px;
	margin:0;
	color:#0F2738;
	font-size:42px;
	line-height:1.12;
	font-weight:700;
	letter-spacing:-1.2px;
}

.hnw-workspace-route__head h2 span {
	color:#20517b;
}

.hnw-workspace-route__intro {
	max-width:475px;
	margin:5px 0 0 auto;
	color:#64748b;
	font-size:15px;
	line-height:1.75;
}

.hnw-workspace-route__steps {
	position:relative;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:55px;
}

.hnw-workspace-route__line {
	position:absolute;
	top:29px;
	left:16.5%;
	right:16.5%;
	height:1px;
	background:#dfe7ed;
}

.hnw-workspace-route__step {
	position:relative;
	z-index:2;
	text-align:center;
}

.hnw-workspace-route__number {
	display:flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	margin:0 auto 31px;
	border:1px solid #dce5eb;
	border-radius:50%;
	background:#fff;
	box-shadow:0 0 0 8px #fff;
	color:#F25555;
	font-size:14px;
	font-weight:800;
}

.hnw-workspace-route__number span {
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#fff1f1;
}

.hnw-workspace-route__stage {
	display:block;
	margin-bottom:11px;
	color:#94a3b8;
	font-size:10px;
	line-height:1;
	font-weight:800;
	letter-spacing:1px;
	text-transform:uppercase;
}

.hnw-workspace-route__step h3 {
	margin:0 0 14px;
	color:#0F2738;
	font-size:25px;
	line-height:1.2;
	font-weight:700;
}

.hnw-workspace-route__tags {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:6px;
	margin-bottom:19px;
}

.hnw-workspace-route__tags span {
	display:inline-flex;
	align-items:center;
	min-height:24px;
	padding:0 10px;
	border:1px solid #dfe7ed;
	border-radius:20px;
	background:#fbfdff;
	color:#64748b;
	font-size:8px;
	line-height:1;
	font-weight:700;
}

.hnw-workspace-route__step p {
	max-width:330px;
	margin:0 auto;
	color:#64748b;
	font-size:13px;
	line-height:1.7;
}

.hnw-workspace-route__result {
	display:flex;
	align-items:center;
	margin-top:78px;
	padding-top:27px;
	border-top:1px solid #e3eaef;
}

.hnw-workspace-route__result > span {
	flex:0 0 auto;
	color:#94a3b8;
	font-size:10px;
	font-weight:800;
	letter-spacing:1px;
	text-transform:uppercase;
}

.hnw-workspace-route__result-line {
	width:34px;
	height:1px;
	margin:0 16px;
	background:#F25555;
}

.hnw-workspace-route__result strong {
	color:#0F2738;
	font-size:15px;
	line-height:1.45;
	font-weight:700;
}

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

	.hnw-workspace-route {
		padding:90px 0 85px;
	}

	.hnw-workspace-route__head {
		margin-bottom:55px;
		text-align:center;
	}

	.hnw-workspace-route__head h2 {
		font-size:30px!important;
		line-height:1.15;
		letter-spacing:-.7px;
	}

	.hnw-workspace-route__intro {
		margin:18px auto 0;
		font-size:12px;
		line-height:1.65;
	}

	.hnw-workspace-route__steps {
		display:block;
		max-width:350px;
		margin:0 auto;
	}

	.hnw-workspace-route__line {
		top:28px;
		bottom:65px;
		left:28px;
		right:auto;
		width:1px;
		height:auto;
	}

	.hnw-workspace-route__step {
		display:grid;
		grid-template-columns:58px 1fr;
		gap:18px;
		margin-bottom:48px;
		text-align:left;
	}

	.hnw-workspace-route__step:last-child {
		margin-bottom:0;
	}

	.hnw-workspace-route__number {
		margin:0;
	}

	.hnw-workspace-route__step-content {
		padding-top:3px;
	}

	.hnw-workspace-route__step h3 {
		font-size:20px!important;
	}

	.hnw-workspace-route__tags {
		justify-content:flex-start;
		margin-bottom:13px;
	}

	.hnw-workspace-route__step p {
		max-width:none;
		margin:0;
		font-size:12px;
	}

	.hnw-workspace-route__result {
		display:block;
		margin-top:55px;
		text-align:center;
	}

	.hnw-workspace-route__result-line {
		width:30px;
		margin:12px auto;
	}

	.hnw-workspace-route__result strong {
		display:block;
		font-size:13px;
	}
}


/* ======================================================================
   RUTA / 3 ETAPAS
   ====================================================================== */

.hnw-ads-route {
	padding:170px 0 150px;
	background:#f8fafc;
}

.hnw-ads-route__head {
	align-items:flex-end;
	margin-bottom:70px;
}

.hnw-ads-route__eyebrow {
	display:block;
	margin-bottom:17px;
	color:#F25555;
	font-family:'Poppins',sans-serif;
	font-size:11px;
	line-height:1;
	font-weight:800;
	letter-spacing:1.1px;
	text-transform:uppercase;
}

.hnw-ads-route__head h2 {
	max-width:820px;
	margin:0;
	color:#0F2738;
	font-family:'Poppins',sans-serif;
	font-size:42px;
	line-height:1.12;
	font-weight:700;
	letter-spacing:-1.2px;
}

.hnw-ads-route__head h2 span {
	color:#20517b;
}

.hnw-ads-route__intro {
	max-width:460px;
	margin:0 0 4px auto;
	color:#64748b;
	font-size:14px;
	line-height:1.75;
}


/* RUTA */

.hnw-ads-route__path {
	position:relative;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:48px;
}

.hnw-ads-route__line {
	position:absolute;
	top:25px;
	left:16.666%;
	right:16.666%;
	height:1px;
	background:#dbe4eb;
}

.hnw-ads-route__step {
	position:relative;
	z-index:2;
	text-align:center;
}

.hnw-ads-route__node {
	display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	margin:0 auto 31px;
	border:1px solid #dbe4eb;
	border-radius:50%;
	background:#fff;
	box-shadow:0 0 0 9px #fff;
}

.hnw-ads-route__node span {
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border-radius:50%;
	background:#fff4f4;
	color:#F25555;
	font-size:14px;
	line-height:1;
	font-weight:800;
}

.hnw-ads-route__content {
	max-width:345px;
	margin:0 auto;
}

.hnw-ads-route__stage {
	display:block;
	margin-bottom:8px;
	color:#94a3b8;
	font-size:10px;
	line-height:1;
	font-weight:800;
	letter-spacing:1px;
	text-transform:uppercase;
}

.hnw-ads-route__content h3 {
	margin:0 0 13px;
	color:#0F2738;
	font-family:'Poppins',sans-serif;
	font-size:22px;
	line-height:1.25;
	font-weight:700;
}

.hnw-ads-route__scope {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:5px;
	margin-bottom:21px;
}

.hnw-ads-route__scope span {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:23px;
	padding:0 8px;
	border:1px solid #e2e8f0;
	border-radius:20px;
	background:#fbfdff;
	color:#64748b;
	font-size:8px;
	line-height:1;
	font-weight:700;
}

.hnw-ads-route__content p {
	max-width:320px;
	margin:0 auto;
	color:#64748b;
	font-size:13px;
	line-height:1.7;
}


/* MOBILE */

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

	.hnw-ads-route {
		padding:90px 0 85px;
	}

	.hnw-ads-route__head {
		margin-bottom:52px;
		text-align:center;
	}

	.hnw-ads-route__eyebrow {
		margin-bottom:14px;
	}

	.hnw-ads-route__head h2 {
		font-size:30px!important;
		line-height:1.15;
		letter-spacing:-.7px;
	}

	.hnw-ads-route__path {
		display:block;
		max-width:340px;
		margin:0 auto;
	}

	.hnw-ads-route__line {
		top:25px;
		bottom:45px;
		left:24px;
		right:auto;
		width:1px;
		height:auto;
	}

	.hnw-ads-route__step {
		display:grid;
		grid-template-columns:50px 1fr;
		gap:18px;
		margin-bottom:42px;
		text-align:left;
	}

	.hnw-ads-route__step:last-child {
		margin-bottom:0;
	}

	.hnw-ads-route__node {
		margin:0;
		box-shadow:0 0 0 7px #fff;
	}

	.hnw-ads-route__content {
		max-width:none;
		margin:1px 0 0;
	}

	.hnw-ads-route__stage {
		margin-bottom:7px;
		font-size:9px;
	}

	.hnw-ads-route__content h3 {
		margin-bottom:9px;
		font-size:19px!important;
		line-height:1.25;
	}

	.hnw-ads-route__scope {
		justify-content:flex-start;
		gap:4px;
		margin-bottom:13px;
	}

	.hnw-ads-route__scope span {
		min-height:21px;
		padding:0 7px;
		font-size:7px;
	}

	.hnw-ads-route__content p {
		max-width:none;
		margin:0;
		font-size:12px;
		line-height:1.65;
	}
}

.hnw-workspace-tools {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:42px;
	flex-wrap:wrap;
	margin-top:75px;
	padding-top:34px;
	border-top:1px solid #e5ebf0;
}

.hnw-workspace-tools__item {
	display:flex;
	align-items:center;
	gap:10px;
}

.hnw-workspace-tools__item img {
	width:30px;
	height:auto;
	flex:0 0 auto;
	filter:grayscale(1);
	opacity:.48;
}

.hnw-workspace-tools__item div {
	line-height:1.1;
}

.hnw-workspace-tools__item strong {
	display:block;
	color:#64748b;
	font-size:14px;
	font-weight:700;
}

.hnw-workspace-tools__item span {
	display:block;
	margin-top:4px;
	color:#94a3b8;
	font-size:9px;
	font-weight:500;
	letter-spacing:.2px;
	text-transform:uppercase;
}

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

	.hnw-workspace-tools {
		display:grid;
		grid-template-columns:repeat(2,1fr);
		gap:22px 18px;
		margin-top:55px;
		padding-top:28px;
	}

	.hnw-workspace-tools__item {
		justify-content:flex-start;
	}

	.hnw-workspace-tools__item img {
		width:26px;
	}

	.hnw-workspace-tools__item strong {
		font-size:12px;
	}

	.hnw-workspace-tools__item span {
		font-size:8px;
	}
}

/* =========================================================
   WORKSPACE — PUENTE TABLET EXACTO 767
   ========================================================= */

@media only screen and (min-width:767px) and (max-width:767.98px) {

	/* PLANES: 3 columnas */
	#precios-google-workspace
	.hnw-manual-slider-row > .col-md-4 {
		flex:0 0 33.333333% !important;
		max-width:33.333333% !important;
		width:33.333333% !important;
		min-width:0 !important;
	}

	/* ECOSISTEMA: 4 + 8 */
	.hnw-workspace-os > .container > .row > .col-md-4 {
		flex:0 0 33.333333% !important;
		max-width:33.333333% !important;
		width:33.333333% !important;
	}

	.hnw-workspace-os > .container > .row > .col-md-8 {
		flex:0 0 66.666667% !important;
		max-width:66.666667% !important;
		width:66.666667% !important;
	}

	/* BLOQUE "WORKSPACE LISTO PARA OPERAR": 7 + 5 */
	.hnw-ads-route__head > .col-md-7 {
		flex:0 0 58.333333% !important;
		max-width:58.333333% !important;
		width:58.333333% !important;
	}

	.hnw-ads-route__head > .col-md-5 {
		flex:0 0 41.666667% !important;
		max-width:41.666667% !important;
		width:41.666667% !important;
	}

}