/* =========================================================
   HERO — LA AGENCIA
   ========================================================= */

.hnw-agency-hero__eyebrow {
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin-bottom:22px;
	color:#20517b;
	font-size:10px;
	line-height:1;
	font-weight:800;
	letter-spacing:1.1px;
	text-transform:uppercase;
}

.hnw-agency-hero__eyebrow::before {
	content:"";
	width:6px;
	height:6px;
	border-radius:50%;
	background:#F25555;
}

.seo-highlight {
	background:linear-gradient(
		120deg,
		rgba(242,85,85,.1) 0%,
		rgba(242,85,85,.1) 100%
	);
	border-bottom:2px solid #F25555;
}

.hnw-landing-hero__intro {
	max-width:700px;
	margin:0 0 28px;
	color:#536576;
	font-size:16px;
	line-height:1.7;
}

.hnw-landing-hero__intro strong {
	color:#0F2738;
	font-weight:700;
}

.hnw-landing-hero__diagnostic {
	display:flex;
	align-items:stretch;
	gap:8px;
	margin:0 0 24px;
}

.hnw-landing-hero__diagnostic-item {
	display:grid;
	grid-template-columns:auto 1fr;
	grid-template-rows:auto auto;
	column-gap:10px;
	row-gap:1px;
	align-items:center;
	min-width:0;
	padding:8px 12px;
	border:1px solid rgba(15,39,56,.10);
	border-radius:8px;
	background:rgba(255,255,255,.72);
}

.hnw-landing-hero__diagnostic-item small {
	grid-column:1;
	grid-row:1 / 3;
	align-self:center;
	margin:0;
	color:#F25555;
	font-size:14px;
	line-height:1;
	font-weight:800;
}

.hnw-landing-hero__diagnostic-item strong {
	grid-column:2;
	grid-row:1;
	display:block;
	margin:0;
	color:#0F2738;
	font-size:11px;
	line-height:1.2;
	font-weight:700;
}

.hnw-landing-hero__diagnostic-item span {
	grid-column:2;
	grid-row:2;
	display:block;
	margin:0;
	color:#94a3b8;
	font-size:9px;
	line-height:1.15;
}

/* =========================================================
   BARRA DE AUTORIDAD — LA AGENCIA
   ========================================================= */

.hnw-agency-authority {
	padding:20px 0;
	background:linear-gradient(180deg, #1a364d 0%, #030b11 100%)!important;
}

.hnw-agency-authority__item {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	min-height:48px;
}

.hnw-agency-authority__item--center {
	border-left:1px solid rgba(255,255,255,.14);
	border-right:1px solid rgba(255,255,255,.14);
}

.hnw-agency-authority__icon {
	display:block;
	width:36px;
	height:36px;
	flex:0 0 36px;
	color:rgba(255,255,255,.72);
}

.hnw-agency-authority__icon svg {
	display:block;
	width:100%;
	height:100%;
	fill:none;
	stroke:currentColor;
	stroke-width:1.25;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.hnw-agency-authority__icon--partner {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 44px;
    flex: 0 0 54px;
    opacity: 1 !important;
}

.hnw-agency-authority__icon--partner img {
	display: block;
    width: 54px;
    height: auto;
    max-height: 44px;
    object-fit: contain;
    opacity: 1;
    filter: none;
}

.hnw-agency-authority__copy {
	text-align:left;
}

.hnw-agency-authority__copy strong {
	display:block;
	color:#fff;
	font-size:17px;
	line-height:1.2;
	font-weight:700;
}

.hnw-agency-authority__copy span {
	display:block;
	margin-top:3px;
	color:rgba(255,255,255,.58);
	font-size:12px;
	line-height:1.3;
}

/* =========================================================
   RECURSO 25 V3 — RECORRIDO EDITORIAL DE AGENCIA
   ========================================================= */

.hnw-agency-story {
	padding:130px 0 155px;
	background:#fff;
}


/* INTRO EDITORIAL */

/* INTRO CENTRADA — CÓMO TRABAJAMOS */

.hnw-agency-story__intro {
	max-width:980px;
	margin:0 auto 125px;
	text-align:center;
}

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

.hnw-agency-story__intro h2 {
	max-width:950px;
	margin:0 auto;
	color:#0F2738;
	font-size:38px;
	line-height:1.12;
	font-weight:600!important;
	letter-spacing:-1.3px;
}

.hnw-agency-story__intro h2 span {
	display:block;
	color:#20517b;
}

.hnw-agency-story__intro > p {
	max-width:720px;
	margin:24px auto 0;
	color:#64748b;
	font-size:15px;
	line-height:1.75;
}

.hnw-agency-story__shift {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:18px;
	max-width:760px;
	margin:43px auto 0;
	padding-top:22px;
	border-top:1px solid #e2e8ed;
}

.hnw-agency-story__shift small {
	color:#94a3b8;
	font-size:8px;
	line-height:1;
	font-weight:800;
	letter-spacing:.8px;
	text-transform:uppercase;
}

.hnw-agency-story__shift span {
	color:#94a3b8;
	font-size:11px;
	line-height:1.3;
	text-decoration:line-through;
}

.hnw-agency-story__shift i {
	color:#F25555;
	font-size:18px;
	line-height:1;
	font-style:normal;
	font-weight:400;
}

.hnw-agency-story__shift strong {
	color:#0F2738;
	font-size:12px;
	line-height:1.3;
	font-weight:800;
}

/* LABEL DE LAS ETAPAS DEL TIMELINE */

.hnw-agency-story__label {
	display:block;
	margin-bottom:20px;
	color:#F25555;
	font-size:9px;
	line-height:1;
	font-weight:800;
	letter-spacing:1px;
	text-transform:uppercase;
}


/* TIMELINE */

.hnw-agency-story__timeline {
	position:relative;
	max-width:1120px;
	margin:0 auto;
}

.hnw-agency-story__rail {
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	width:2px;
	transform:translateX(-50%);
	background:linear-gradient(
		180deg,
		#F25555 0%,
		#F25555 22%,
		#20517b 52%,
		#9bc6e4 100%
	);
}


/* ETAPAS */

.hnw-agency-story__step {
	position:relative;
	display:grid;
	grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);
	align-items:center;
	min-height:360px;
}

.hnw-agency-story__step + .hnw-agency-story__step {
	margin-top:80px;
}


/* EJE */

.hnw-agency-story__axis {
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:center;
	align-self:stretch;
}

.hnw-agency-story__node {
	position:absolute;
	top:50%;
	left:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border:7px solid #fff;
	border-radius:50%;
	background:#0F2738;
	color:#fff;
	font-size:13px;
	font-weight:800;
	box-shadow:0 0 0 1px #d9e3e9;
	transform:translate(-50%,-50%);
}

.hnw-agency-story__step:first-of-type .hnw-agency-story__node {
	background:#F25555;
	box-shadow:0 0 0 1px #F25555;
}


/* IMÁGENES — LIBRES, SIN CONTENEDOR */

.hnw-agency-story__media {
	display:flex;
	align-items:center;
}

.hnw-agency-story__step--image-left .hnw-agency-story__media {
	justify-content:flex-end;
	padding-right:45px;
}

.hnw-agency-story__step--image-right .hnw-agency-story__media {
	justify-content:flex-start;
	padding-left:45px;
}

.hnw-agency-story__media img {
	display:block;
	width:100%;
	max-width:365px;
	height:auto;
	-webkit-mask-image:radial-gradient(
		ellipse 57% 53% at 50% 50%,
		#000 69%,
		transparent 96%
	);
	mask-image:radial-gradient(
		ellipse 57% 53% at 50% 50%,
		#000 69%,
		transparent 96%
	);
	filter:drop-shadow(0 18px 30px rgba(15,39,56,.075));
}


/* TEXTO — SIN CAJAS */

.hnw-agency-story__copy {
	max-width:445px;
}

.hnw-agency-story__step--image-left .hnw-agency-story__copy {
	padding-left:45px;
}

.hnw-agency-story__step--image-right .hnw-agency-story__copy {
	justify-self:end;
	padding-right:45px;
}

.hnw-agency-story__copy .hnw-agency-story__label {
	margin-bottom:11px;
}

.hnw-agency-story__step:nth-child(3) .hnw-agency-story__label,
.hnw-agency-story__step:nth-child(4) .hnw-agency-story__label {
	color:#20517b;
}

.hnw-agency-story__copy h3 {
	margin:0 0 17px;
	color:#0F2738;
	font-size:27px;
	line-height:1.2;
	font-weight:600;
	letter-spacing:-.55px;
}

.hnw-agency-story__copy > p {
	margin:0;
	color:#64748b;
	font-size:14px;
	line-height:1.75;
}


/* MICRODETALLE */

.hnw-agency-story__detail {
	display:grid;
	grid-template-columns:120px 1fr;
	gap:18px;
	align-items:start;
	margin-top:25px;
	padding-top:18px;
	border-top:1px solid #e4ebef;
}

.hnw-agency-story__detail strong {
	color:#20517b;
	font-size:12px;
	line-height:1.35;
	font-weight:800;
	letter-spacing:.6px;
}

.hnw-agency-story__step:first-of-type .hnw-agency-story__detail strong {
	color:#F25555;
}

.hnw-agency-story__detail span {
	color:#64748b;
	font-size:12px;
	line-height:1.55;
}

/* =========================================================
   TABLET — RECORRIDO DE AGENCIA
   ========================================================= */

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

	.hnw-agency-story__step {
		grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);
	}

	.hnw-agency-story__step--image-left .hnw-agency-story__media {
		padding-right:25px;
	}

	.hnw-agency-story__step--image-right .hnw-agency-story__media {
		padding-left:25px;
	}

	.hnw-agency-story__step--image-left .hnw-agency-story__copy {
		padding-left:25px;
	}

	.hnw-agency-story__step--image-right .hnw-agency-story__copy {
		padding-right:25px;
	}

	.hnw-agency-story__copy h3 {
		font-size:22px;
	}

}

/* MOBILE */

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

	.hnw-agency-story {
		padding:85px 0 95px;
	}

	.hnw-agency-story__intro {
		margin-bottom:80px;
	}

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

	.hnw-agency-story__intro h2 span {
		display:block;
	}

	.hnw-agency-story__intro > p {
		font-size:14px;
		line-height:1.7;
	}

	.hnw-agency-story__shift {
		flex-wrap:wrap;
		gap:10px 13px;
		margin-top:30px;
		padding-top:20px;
	}

	.hnw-agency-story__shift small {
		flex-basis:100%;
	}

	.hnw-agency-story__shift i {
		font-size:15px;
	}

	.hnw-agency-story__rail {
		left:20px;
		transform:none;
	}

	.hnw-agency-story__step,
	.hnw-agency-story__step--image-right {
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		min-height:0;
		padding-left:62px;
	}

	.hnw-agency-story__step + .hnw-agency-story__step {
		margin-top:70px;
	}

	.hnw-agency-story__axis {
		position:absolute;
		top:0;
		left:0;
		width:42px;
		height:42px;
	}

	.hnw-agency-story__node {
		top:21px;
		left:20px;
		width:42px;
		height:42px;
		border-width:6px;
	}


	.hnw-agency-story__media,
	.hnw-agency-story__step--image-left .hnw-agency-story__media,
	.hnw-agency-story__step--image-right .hnw-agency-story__media {
		order:1;
		width:100%;
		justify-content:flex-start;
		padding:0;
		margin-bottom:25px;
	}

	.hnw-agency-story__media img {
		max-width:245px;
	}


	.hnw-agency-story__copy,
	.hnw-agency-story__step--image-left .hnw-agency-story__copy,
	.hnw-agency-story__step--image-right .hnw-agency-story__copy {
		order:2;
		max-width:none;
		padding:0;
	}

	.hnw-agency-story__copy h3 {
		font-size:21px;
	}

	.hnw-agency-story__detail {
		display:block;
	}

	.hnw-agency-story__detail strong,
	.hnw-agency-story__detail span {
		display:block;
	}

	.hnw-agency-story__detail span {
		margin-top:7px;
	}

}

/* =========================================================
   RECURSO 20 — TRAYECTORIA / DARK
   ========================================================= */

.hnw-agency-legacy {
	padding:150px 0 125px;
}

.hnw-agency-legacy--dark {
	background:linear-gradient(180deg,#1a364d 0%,#030b11 100%);
	color:#fff;
}

.hnw-agency-legacy__head {
	max-width:960px;
	margin:0 0 80px;
}

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

.hnw-agency-legacy__head h2 {
	margin:0;
	color:#fff;
	font-size:43px;
	line-height:1.1;
	font-weight:700;
	letter-spacing:-1.3px;
}

.hnw-agency-legacy__head h2 span {
	display:block;
	color:#9bc6e4;
}

.hnw-agency-legacy__stage {
	display:grid;
	grid-template-columns:300px 1fr;
	align-items:center;
	gap:55px;
	max-width:1180px;
	margin:0 auto;
}

.hnw-agency-legacy__visual {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	max-width:285px;
	margin:0 auto;
}

.hnw-agency-legacy__visual svg {
	display:block;
	width:100%;
	height:auto;
	overflow:visible;
}

.hnw-agency-legacy--dark .hnw-agency-legacy__visual-frame {
	fill:#fff;
	stroke:#dce6ed;
	stroke-width:1.2;
	filter:drop-shadow(0 18px 32px rgba(0,0,0,.22));
}

.hnw-agency-legacy--dark .hnw-agency-legacy__visual-soft {
	fill:none;
	stroke:#d8e3eb;
	stroke-width:7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.hnw-agency-legacy--dark .hnw-agency-legacy__visual-dark {
	fill:none;
	stroke:#0F2738;
	stroke-width:8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.hnw-agency-legacy--dark .hnw-agency-legacy__visual-accent {
	fill:none;
	stroke:#F25555;
	stroke-width:7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.hnw-agency-legacy__visual-cta {
	fill:#F25555;
}

.hnw-agency-legacy__visual-cta-line {
	fill:none;
	stroke:#fff;
	stroke-width:4;
	stroke-linecap:round;
}

.hnw-agency-legacy--dark .hnw-agency-legacy__visual-image {
	fill:#eef5fb;
}

.hnw-agency-legacy--dark .hnw-agency-legacy__visual-image-detail {
	fill:none;
	stroke:#20517b;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.hnw-agency-legacy--dark .hnw-agency-legacy__visual-card {
	fill:#fff;
	stroke:#dce6ed;
	stroke-width:1;
}


.hnw-agency-legacy__track {
	position:relative;
	padding-top:72px;
}

.hnw-agency-legacy__track-line {
	position:absolute;
	top:84px;
	right:0;
	left:0;
	height:2px;
	background:rgba(255,255,255,.12);
}

.hnw-agency-legacy__track-line span {
	display:block;
	width:100%;
	height:2px;
	background:linear-gradient(
		90deg,
		#F25555 0%,
		#F25555 28%,
		#9bc6e4 65%,
		#9bc6e4 100%
	);
}

.hnw-agency-legacy__evidence {
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:35px;
}

.hnw-agency-legacy__evidence-item {
	position:relative;
	padding-top:35px;
}

.hnw-agency-legacy__evidence-icon {
	position:absolute;
	top:-52px;
	left:8px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:60px;
	height:60px;
	color:#9bc6e4;
	transform:translateX(-50%);
}

.hnw-agency-legacy__evidence-icon svg {
	width:50px;
	height:50px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.45;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.hnw-agency-legacy__evidence-item:nth-child(2) .hnw-agency-legacy__evidence-icon,
.hnw-agency-legacy__evidence-item:nth-child(3) .hnw-agency-legacy__evidence-icon {
	top:-58px;
}

.hnw-agency-legacy__evidence-item:first-child .hnw-agency-legacy__evidence-icon {
	color:#F25555;
}

.hnw-agency-legacy__dot {
	position:absolute;
	top:4px;
	left:0;
	display:block;
	width:16px;
	height:16px;
	border:5px solid #102a3e;
	border-radius:50%;
	background:#F25555;
	box-shadow:0 0 0 1px #F25555;
}

.hnw-agency-legacy__evidence-item:nth-child(2) .hnw-agency-legacy__dot,
.hnw-agency-legacy__evidence-item:nth-child(3) .hnw-agency-legacy__dot {
	background:#9bc6e4;
	box-shadow:0 0 0 1px #9bc6e4;
}

.hnw-agency-legacy__evidence-item small {
	display:block;
	margin-bottom:9px;
	color:rgba(255,255,255,.42);
	font-size:8px;
	line-height:1;
	font-weight:800;
	letter-spacing:.7px;
	text-transform:uppercase;
}

.hnw-agency-legacy__evidence-item > strong {
	display:block;
	margin-bottom:6px;
	color:#fff;
	font-size:32px;
	line-height:1;
	font-weight:800;
	letter-spacing:-1px;
}

.hnw-agency-legacy__evidence-item p {
	margin:0;
	color:rgba(255,255,255,.58);
	font-size:11px;
	line-height:1.4;
}

.hnw-agency-legacy__evidence-item .hnw-agency-legacy__partner {
	font-size:20px;
	letter-spacing:-.4px;
}

/* CIERRE COMERCIAL */

.hnw-agency-legacy__cta {
	max-width:800px;
	margin:52px auto 0;
	padding-top:42px;
	border-top:1px solid rgba(255,255,255,.12);
	text-align:center;
}

.hnw-agency-legacy__cta p {
	max-width:800px;
	margin:0 auto 24px;
	color:rgba(255,255,255,.68);
	font-size:15px;
	line-height:1.65;
}

.hnw-agency-legacy__cta a {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:54px;
	padding:0 32px;
	border:1px solid #F25555;
	border-radius:7px;
	background:#F25555;
	color:#fff!important;
	font-size:12px;
	line-height:1;
	font-weight:800;
	letter-spacing:.3px;
	text-decoration:none!important;
	text-transform:uppercase;
	box-shadow:0 12px 28px rgba(242,85,85,.22);
	transition:
		transform .2s ease,
		background .2s ease,
		box-shadow .2s ease;
}

.hnw-agency-legacy__cta a:hover {
	background:#df4747;
	border-color:#df4747;
	color:#fff!important;
	transform:translateY(-2px);
	box-shadow:0 16px 32px rgba(242,85,85,.28);
}

/* =========================================================
   TABLET — TRAYECTORIA
   ========================================================= */

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

	.hnw-agency-legacy__stage {
		grid-template-columns:220px 1fr;
		gap:35px;
	}

}

/* =========================================================
   MOBILE — TRAYECTORIA
   ========================================================= */

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

	.hnw-agency-legacy {
		padding:90px 0 80px;
	}

	.hnw-agency-legacy__head {
		margin-bottom:42px;
	}

	.hnw-agency-legacy__head h2 {
		font-size:30px!important;
		line-height:1.15;
	}

	.hnw-agency-legacy__head h2 span {
		display:inline;
	}

	.hnw-agency-legacy__stage {
		display:block;
	}

	.hnw-agency-legacy__visual {
		max-width:235px;
		margin:0 auto 40px;
	}

	.hnw-agency-legacy__track {
		padding-top:0;
	}

	.hnw-agency-legacy__track-line {
		top:7px;
		left:7px;
		width:2px;
		height:calc(100% - 14px);
	}

	.hnw-agency-legacy__track-line span {
		width:2px;
		height:100%;
		background:linear-gradient(
			180deg,
			#F25555 0%,
			#9bc6e4 100%
		);
	}

	.hnw-agency-legacy__evidence {
		display:grid;
		grid-template-columns:1fr;
		gap:0;
	}

	.hnw-agency-legacy__evidence-item {
		padding:0 0 30px 42px;
	}

	.hnw-agency-legacy__evidence-item:last-child {
		padding-bottom:0;
	}

	.hnw-agency-legacy__evidence-icon {
		position:static;
		width:28px;
		height:28px;
		margin-bottom:9px;
		transform:none;
	}

	.hnw-agency-legacy__dot {
		top:2px;
		left:0;
	}

	.hnw-agency-legacy__evidence-item > strong {
		font-size:25px;
	}
	
	.hnw-landing-hero__diagnostic {
    	display:flex !important;
    	flex-wrap:wrap;
    	gap:8px;
    	width:100%;
    	margin:20px 0 24px;
    }
    
    .hnw-landing-hero__diagnostic-item {
    	flex:0 0 calc(50% - 4px);
    	width:calc(50% - 4px);
    	box-sizing:border-box;
    }

}

@media only screen and (max-width:767px) {
	.hnw-agency-hero-section {
		padding-bottom:20px !important;
	}
}

/* =========================================================
   PILLS HERO — SOLO MÓVILES MUY ESTRECHOS
   LA AGENCIA
   ========================================================= */

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

	.hnw-landing-hero__diagnostic {
		display:none!important;
	}
}

/* =========================================================
   LA AGENCIA — TRANSICIÓN TABLET 767/768
   ========================================================= */

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

    #Content > .section:first-child > .container > .row.align-items-center > .col-md-7,
    #Content > .section:first-child > .container > .row.align-items-center > .col-md-5 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #Content > .section:first-child {
        padding-top: 150px !important;
    }

}

/* =========================================================
   LA AGENCIA — AIRE SUPERIOR HERO MÓVIL
   ========================================================= */

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

	#Content > .section.mcb-section:first-child {
		padding-top:65px !important;
	}

}