/** GEOCIKLO — Material Transformation redesign */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&display=swap');

:root{--tl-ink:#063d4d;--tl-teal:#006c68;--tl-green:#39b96f;--tl-mint:#effaf5;--tl-line:#dcebe5;--tl-muted:#5c7379;--tl-white:#fff;--tl-shadow:0 22px 55px rgba(6,61,77,.12)}
.gc-tl-root{font-family:'Inter Tight',Arial,sans-serif;color:var(--tl-ink);background:#fbfdfb;position:relative;width:100%}.gc-tl-root *{box-sizing:border-box}.gc-tl-container{width:100%;max-width:var(--gc-page-max,1380px);margin-inline:auto;padding-inline:0}.gc-tl-root a{text-decoration:none;color:inherit}.gc-tl-root button,.gc-tl-root select{font:inherit}body:has(.gc-tl-root) .page-header,body:has(.gc-tl-root) .entry-header,body:has(.gc-tl-root) .entry-title{display:none!important}

/* ==========================================================================
   01 — HERO: TRUE FULL-WIDTH BACKGROUND LAYER
   ========================================================================== */
.gc-internal-hero-bg {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	height: var(--gc-hero-bg-height, 740px) !important;
	overflow: hidden;
	pointer-events: none;
	z-index: 0 !important;
}

.gc-internal-hero-video,
.gc-internal-hero-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	object-fit: cover;
	object-position: var(--gc-hero-bg-position, center right);
}

.gc-internal-hero-overlay {
	position: absolute;
	inset: 0;
	background: var(--gc-hero-overlay, linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 58%, rgba(255,255,255,0.85) 88%, #FFFFFF 100%), linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.92) 36%, rgba(255,255,255,0.45) 68%, rgba(255,255,255,0.08) 100%));
	z-index: 1;
}

.gc-internal-hero-bg::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 180px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 45%, rgba(255, 255, 255, 0.9) 80%, #FFFFFF 100%);
	z-index: 2;
	pointer-events: none;
}

.gc-internal-hero-bg--tl {
	--gc-hero-bg-height: 820px;
	--gc-hero-bg-position: right center;
	--gc-hero-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0.85) 88%, #FFFFFF 100%),
	                   linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.88) 42%, rgba(255,255,255,0.34) 76%, rgba(255,255,255,0.08) 100%);
}

.gc-tl-hero-section{position:relative;min-height:720px;padding:130px 0 54px;background:transparent!important;overflow:visible!important}.gc-tl-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.18fr 360px;gap:48px;align-items:center}.gc-tl-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--tl-green);border-radius:999px;background:rgba(255,255,255,.78);color:var(--tl-teal);font-size:13px;font-weight:800}.gc-tl-hero-copy h1{max-width:760px;margin:28px 0 22px;font-size:clamp(48px,6vw,86px);line-height:.96;font-weight:900;letter-spacing:0}.gc-tl-hero-copy p{max-width:470px;margin:0 0 36px;color:var(--tl-muted);font-size:20px;line-height:1.48;font-weight:600}.gc-tl-proof-row{display:grid;grid-template-columns:repeat(3,1fr);max-width:650px;background:rgba(255,255,255,.86);border:1px solid var(--tl-line);border-radius:8px;box-shadow:var(--tl-shadow)}.gc-tl-proof-row span{padding:18px;font-size:12px;font-weight:800;color:#47686f;border-right:1px solid var(--tl-line)}.gc-tl-proof-row span:last-child{border-right:0}
.gc-tl-diagnostic-card{background:rgba(255,255,255,.9);border:1px solid var(--tl-line);border-radius:18px;padding:28px;box-shadow:var(--tl-shadow);backdrop-filter:blur(16px)}.gc-tl-card-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.gc-tl-card-head strong{display:block;font-size:22px;font-weight:900}.gc-tl-card-head small{display:block;margin-top:3px;color:var(--tl-muted);font-size:12px}.gc-tl-badge-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--tl-green);color:#fff;box-shadow:0 0 0 8px rgba(57,185,111,.16)}.gc-tl-diagnostic-card label{display:block;margin-bottom:14px;font-size:12px;font-weight:900}.gc-tl-diagnostic-card select{width:100%;height:44px;margin-top:7px;padding:0 14px;border:1px solid #e3ece9;border-radius:8px;background:#fff;color:#6b7e83;font-size:13px}.gc-tl-diagnostic-card button{display:flex;align-items:center;justify-content:space-between;width:100%;height:54px;margin-top:18px;padding:0 18px;border:0;border-radius:13px;background:linear-gradient(135deg,#006c68,#004f62);color:#fff;font-weight:900;cursor:pointer}.gc-tl-form-meta{margin-top:14px;color:#7c9095;font-size:11px;text-align:center}
.gc-tl-diagnostic-card label{position:relative}.gc-tl-diagnostic-card select:focus-visible,.gc-tl-diagnostic-card button:focus-visible{outline:2px solid var(--tl-green);outline-offset:2px}.gc-tl-diagnostic-card label.is-filled select{border-color:var(--tl-green);background:#f6fdf9;color:#0d3b36}.gc-tl-diagnostic-card label.is-filled:after{content:"✓";position:absolute;top:0;right:0;color:var(--tl-green);font-size:12px;font-weight:900;line-height:1}.gc-tl-form-progress{margin:2px 0 0;color:#7c9095;font-size:11px;font-weight:800;letter-spacing:.04em}.gc-tl-form-selection{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.gc-tl-form-selection span{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(57,185,111,.14);color:#0d3b36;font-size:11px;font-weight:800}.gc-tl-diagnostic-card button:disabled{opacity:.46;cursor:not-allowed}.gc-tl-diagnostic-card button[aria-busy="true"]{cursor:progress;justify-content:center}.gc-tl-diagnostic-card button[data-gc-diag-state="error"]{background:linear-gradient(135deg,#8f2b34,#6d1f2a);opacity:1;cursor:pointer}.gc-tl-form-error{margin:10px 0 0;padding:9px 12px;border-radius:9px;background:rgba(143,43,52,.09);color:#7d222c;font-size:12px;font-weight:700;line-height:1.4}
.gc-tl-band{padding:54px 0;border-top:1px solid #edf3f1;background:#fff}.gc-tl-split-head{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}.gc-tl-split-head h2,.gc-tl-section-intro h2,.gc-tl-tools h2,.gc-tl-wide-head h2,.gc-tl-impact h2,.gc-tl-faq-section h2{margin:0 0 12px;font-size:clamp(28px,3vw,42px);line-height:1.04;font-weight:900}.gc-tl-split-head p,.gc-tl-section-intro p,.gc-tl-tools p,.gc-tl-wide-head p,.gc-tl-impact p{margin:0 0 18px;color:var(--tl-muted);line-height:1.55}.gc-tl-split-head a,.gc-tl-section-intro a,.gc-tl-route-panel a,.gc-tl-nature a{color:var(--tl-teal);font-weight:900;font-size:13px}.gc-tl-material-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.gc-tl-material-card{text-align:left;border:1px solid var(--tl-line);border-radius:10px;background:#fff;padding:10px;box-shadow:0 10px 28px rgba(6,61,77,.07);cursor:pointer;transition:.22s}.gc-tl-material-card:hover,.gc-tl-material-card.is-active{transform:translateY(-4px);border-color:var(--tl-green)}.gc-tl-material-card img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:8px}.gc-tl-material-card span{display:grid;place-items:center;width:34px;height:34px;margin-top:-21px;margin-left:10px;position:relative;border-radius:50%;background:#fff;border:1px solid var(--tl-green)}.gc-tl-material-card strong{display:block;margin:8px 4px 4px;font-size:17px}.gc-tl-material-card small{display:block;margin:0 4px 8px;color:var(--tl-muted);font-size:12px;line-height:1.35}
.gc-tl-process-layout{display:grid;grid-template-columns:240px 1fr;gap:42px}.gc-tl-flow-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch}.gc-tl-flow-cards article{position:relative;border:1px solid var(--tl-line);border-radius:10px;background:#fff;padding:16px;box-shadow:0 12px 32px rgba(6,61,77,.08)}.gc-tl-flow-cards article:not(:last-child):after{content:"→";position:absolute;right:-20px;top:50%;color:var(--tl-green);font-weight:900}.gc-tl-flow-cards span{color:var(--tl-green);font-weight:900}.gc-tl-flow-cards strong{display:block;margin:5px 0 12px}.gc-tl-flow-cards img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:8px}.gc-tl-flow-cards small{display:block;margin-top:10px;color:var(--tl-muted)}.gc-tl-ready{background:linear-gradient(140deg,#006c68,#004f62)!important;color:#fff!important}.gc-tl-ready strong{color:#fff!important}.gc-tl-ready small{color:#dbf6ec!important}.gc-tl-ready span{font-size:34px;color:#fff!important}
.gc-tl-tools{background:#f8fcfa}.gc-tl-tool-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:stretch}.gc-tl-console,.gc-tl-route-explorer,.gc-tl-impact-card,.gc-tl-faq-grid aside{background:#fff;border:1px solid var(--tl-line);border-radius:10px;padding:28px;box-shadow:0 12px 36px rgba(6,61,77,.07)}.gc-tl-score-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.gc-tl-score-grid button,.gc-tl-viability{min-height:78px;border:1px solid var(--tl-line);border-radius:8px;background:#fff;color:var(--tl-ink);font-weight:800;cursor:pointer}.gc-tl-score-grid button.is-active,.gc-tl-viability{border-color:var(--tl-green);background:#f4fff9}.gc-tl-score-grid strong,.gc-tl-viability strong{display:block;margin-top:6px;font-size:22px;color:var(--tl-green)}.gc-tl-gradient-bar{height:14px;margin:18px 0;border-radius:999px;background:linear-gradient(90deg,#e93425,#f1c232,#38b96f)}.gc-tl-gradient-bar span{display:block;width:84%;height:24px;border-right:12px solid #fff}.gc-tl-result{display:flex;justify-content:space-between;gap:20px;padding:18px;border-radius:8px;background:#f5fbf8}.gc-tl-result p{margin:0}.gc-tl-route-tabs{display:flex;gap:10px;margin:18px 0}.gc-tl-route-tabs button{border:0;border-radius:999px;background:#eef2f2;padding:8px 18px;color:#677b80;font-weight:800;cursor:pointer}.gc-tl-route-tabs button.is-active{background:var(--tl-teal);color:#fff}.gc-tl-route-panel{border:1px solid var(--tl-line);border-radius:10px;padding:18px}.gc-tl-route-panel span,.gc-tl-route-panel small{display:block;color:var(--tl-muted)}.gc-tl-route-panel strong{display:block;margin:6px 0;color:var(--tl-teal);font-size:18px}.gc-tl-route-panel svg{width:100%;margin:14px 0;fill:#fff;stroke:var(--tl-teal)}
.gc-tl-wide-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.gc-tl-stage-line{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.gc-tl-stage-line article{text-align:center;position:relative}.gc-tl-stage-line article:not(:last-child):after{content:"";position:absolute;top:32px;right:-18px;width:36px;border-top:2px dashed var(--tl-green)}.gc-tl-stage-line span{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border:1px dashed #b8d7cb;border-radius:50%;background:#fff;color:var(--tl-teal);font-weight:900}.gc-tl-stage-line strong{display:block;font-size:14px;line-height:1.2}.gc-tl-stage-line small{display:block;margin-top:8px;color:var(--tl-muted);font-size:12px;line-height:1.35}.gc-tl-impact{background:#f7faf8}.gc-tl-impact-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:28px}.gc-tl-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gc-tl-metrics span{border:1px solid var(--tl-line);border-radius:10px;padding:18px 10px;text-align:center;font-size:12px;color:var(--tl-muted)}.gc-tl-metrics strong{display:block;color:var(--tl-teal);font-size:20px}.gc-tl-nature{min-height:260px;border-radius:10px;padding:34px;color:#fff!important;background-size:cover;background-position:center;box-shadow:var(--tl-shadow);position:relative;overflow:hidden}.gc-tl-nature:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,65,66,.85),rgba(0,80,75,.35))}.gc-tl-nature>*{position:relative;max-width:420px}.gc-tl-nature h2{color:#ffffff!important;margin:0 0 12px;font-size:clamp(28px,3vw,42px);line-height:1.04;font-weight:900}.gc-tl-nature p{color:#ffffff!important;opacity:.95;margin:0 0 18px;line-height:1.55}.gc-tl-nature a{color:#ffffff!important;font-weight:900;font-size:13px}
.gc-tl-faq-section{background:#fff}.gc-tl-faq-grid{display:grid;grid-template-columns:1fr 1fr 320px;gap:14px}.gc-tl-faq-item{border:1px solid var(--tl-line);border-radius:8px;background:#fff;overflow:hidden}.gc-tl-faq-item summary{display:flex;justify-content:space-between;padding:15px 18px;font-weight:900;cursor:pointer;list-style:none}.gc-tl-faq-item summary::-webkit-details-marker{display:none}.gc-tl-faq-item p{margin:0;padding:0 18px 16px;color:var(--tl-muted);line-height:1.5}.gc-tl-faq-grid aside{grid-row:span 3}.gc-tl-faq-grid aside a,.gc-tl-final-cta-card a{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:13px 18px;border-radius:999px;background:#005f63;color:#fff;font-weight:900}.gc-tl-final-cta-section{padding:22px 0 72px;background:#fff}.gc-tl-final-cta-card{display:grid;grid-template-columns:1fr auto auto auto auto;gap:24px;align-items:center;padding:34px;border-radius:10px;background:linear-gradient(135deg,#00565d,#008063);color:#fff!important;box-shadow:var(--tl-shadow)}.gc-tl-final-cta-card h2{margin:0;font-size:32px;line-height:1.05;color:#ffffff!important}.gc-tl-final-cta-card span{font-size:13px;color:#ffffff!important;opacity:.95}.gc-tl-final-cta-card a{margin:0;background:#7ed957;color:#06424b!important}
@media (max-width:1024px){.gc-tl-hero-grid,.gc-tl-split-head,.gc-tl-process-layout,.gc-tl-tool-grid,.gc-tl-impact-grid{grid-template-columns:1fr}.gc-tl-material-strip,.gc-tl-flow-cards{grid-template-columns:repeat(2,1fr)}.gc-tl-stage-line{grid-template-columns:repeat(3,1fr)}.gc-tl-faq-grid{grid-template-columns:1fr 1fr}.gc-tl-final-cta-card{grid-template-columns:1fr 1fr}.gc-tl-proof-row{grid-template-columns:1fr}}
@media (max-width:680px){.gc-tl-hero-section{padding-top:92px;min-height:auto}.gc-tl-hero-copy h1{font-size:44px}.gc-tl-diagnostic-card{padding:20px}.gc-tl-material-strip,.gc-tl-flow-cards,.gc-tl-score-grid,.gc-tl-stage-line,.gc-tl-metrics,.gc-tl-faq-grid,.gc-tl-final-cta-card{grid-template-columns:1fr}.gc-tl-flow-cards article:after,.gc-tl-stage-line article:after{display:none}.gc-tl-wide-head{display:block}.gc-tl-result{display:block}.gc-tl-final-cta-card h2{font-size:28px}}

/* Fase copy-safety: orientación preliminar (herramienta interactiva reescrita) */
.gc-tl-journey{font-size:15px;font-weight:700;color:var(--tl-ink);margin:0 0 16px 0;line-height:1.6}
.gc-tl-journey span{color:var(--tl-accent,#0b725f);margin:0 4px}
.gc-tl-disclaimer{display:block;margin-top:14px;font-size:12.5px;line-height:1.5;color:#5b6b66}
.gc-tl-material-note{font-size:13.5px;margin:14px 0;color:#5b6b66}

/* ==========================================================================
   FASE 2.5 — Internal Page Width Contract binding
   The horizontal gutter is owned by .gc-page-section. This rule is intentionally
   more specific than .gc-tl-hero-section so its `padding:130px 0 54px` shorthand
   cannot zero the contract gutter. Block padding (and therefore hero min-height /
   composition) is left untouched.
   ========================================================================== */
.gc-tl-root .gc-page-section {
	padding-inline: var(--gc-page-gutter, 24px);
}

/* GEOCIKLO internal detail hero system hotfix: full-bleed backgrounds + H1 normalization. */
.gc-wi-root,
.gc-so-root,
.gc-tl-root,
.gc-cmn-root,
.gc-rre-root,
.gc-sector-detail-root {
	--gc-internal-hero-title-family: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	--gc-internal-hero-title-weight: 900;
	--gc-internal-hero-title-size: 62px;
	--gc-internal-hero-title-line: 65px;
	--gc-internal-hero-title-color: #073F4D;
}

.gc-wi-hero-section,
.gc-so-hero-section,
.gc-tl-hero-section,
.gc-cmn-disposal-hero,
.gc-rre-hero-section,
.gc-sec-detail-hero {
	position: relative;
	isolation: isolate;
	min-height: clamp(650px, 72vh, 720px);
	overflow: visible !important;
}

.gc-wi-hero-bg-media,
.gc-so-hero-bg-media,
.gc-tl-hero-bg,
.gc-tl-hero-section::after {
	display: none !important;
}

.gc-cmn-disposal-hero::before,
.gc-rre-hero-section::before,
.gc-sec-detail-hero::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: auto;
	width: 100vw;
	width: 100dvw;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: var(--gc-hero-position, center center);
	pointer-events: none;
}

.gc-wi-hero-bg-media { --gc-hero-position: center right; }
.gc-so-hero-bg-media { --gc-hero-position: center center; }
.gc-tl-hero-bg { --gc-hero-position: center center; }
.gc-cmn-disposal-hero::before { --gc-hero-position: center center; }
.gc-rre-hero-section::before { --gc-hero-position: center right; }
.gc-sec-detail-hero::before { --gc-hero-position: center right; }

.gc-wi-hero-container,
.gc-so-hero-container,
.gc-tl-hero-grid,
.gc-cmn-disposal-hero-grid,
.gc-rre-hero-grid,
.gc-sec-hero-top-layout {
	position: relative;
	z-index: 2;
}

.gc-wi-hero-title,
.gc-so-hero-title,
.gc-tl-hero-copy h1,
.gc-cmn-disposal-copy h1,
.gc-rre-hero-title,
.gc-sec-detail-h1 {
	font-family: var(--gc-internal-hero-title-family) !important;
	font-style: normal !important;
	font-weight: var(--gc-internal-hero-title-weight) !important;
	font-size: var(--gc-internal-hero-title-size) !important;
	line-height: var(--gc-internal-hero-title-line) !important;
	color: var(--gc-internal-hero-title-color) !important;
	letter-spacing: normal !important;
	max-width: 760px;
	text-wrap: balance;
}

@media (min-width: 1024px) and (max-width: 1199px) {
	.gc-wi-root,
	.gc-so-root,
	.gc-tl-root,
	.gc-cmn-root,
	.gc-rre-root,
	.gc-sector-detail-root {
		--gc-internal-hero-title-size: 54px;
		--gc-internal-hero-title-line: 58px;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.gc-wi-root,
	.gc-so-root,
	.gc-tl-root,
	.gc-cmn-root,
	.gc-rre-root,
	.gc-sector-detail-root {
		--gc-internal-hero-title-size: 48px;
		--gc-internal-hero-title-line: 52px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.gc-wi-root,
	.gc-so-root,
	.gc-tl-root,
	.gc-cmn-root,
	.gc-rre-root,
	.gc-sector-detail-root {
		--gc-internal-hero-title-size: 40px;
		--gc-internal-hero-title-line: 44px;
	}
}

@media (max-width: 479px) {
	.gc-wi-root,
	.gc-so-root,
	.gc-tl-root,
	.gc-cmn-root,
	.gc-rre-root,
	.gc-sector-detail-root {
		--gc-internal-hero-title-size: 36px;
		--gc-internal-hero-title-line: 40px;
	}
}

/* Internal hero pseudo-layer paint contract. */
.gc-tl-hero-section::after,
.gc-cmn-disposal-hero::before,
.gc-rre-hero-section::before,
.gc-sec-detail-hero::before {
	content: "";
	z-index: 0;
}

.gc-wi-hero-bg-media,
.gc-so-hero-bg-media,
.gc-tl-hero-bg,
.gc-cmn-disposal-hero::before,
.gc-rre-hero-section::before,
.gc-sec-detail-hero::before {
	z-index: 0;
}

.gc-rre-hero-section::before {
	background: linear-gradient(90deg, rgba(244,248,246,.98) 0%, rgba(244,248,246,.86) 42%, rgba(244,248,246,.38) 76%, rgba(244,248,246,.12) 100%), linear-gradient(180deg, #F4F8F6 0%, #FFFFFF 100%);
}

.gc-sec-detail-hero::before {
	background: radial-gradient(circle at 78% 22%, rgba(63,174,106,.13) 0%, rgba(248,252,249,.78) 48%, #FFFFFF 100%);
}


/* GEOCIKLO TRUE INTERNAL HERO FULL-BLEED SYSTEM. */
.gc-detail-hero-shell,
.gc-detail-hero-section {
	position: relative;
	isolation: isolate;
	overflow: visible;
}

.gc-detail-hero-shell::before,
.gc-detail-hero-shell::after {
	display: none !important;
}

.gc-detail-hero-section::before,
.gc-detail-hero-section::after {
	content: "";
	position: absolute;
	left: 50%;
	width: 100vw;
	width: 100dvw;
	transform: translateX(-50%);
	pointer-events: none;
}

.gc-detail-hero-shell::before,
.gc-detail-hero-section::before {
	top: 0;
	height: var(--gc-detail-hero-height, 720px);
	z-index: 0;
	background-image: var(--gc-detail-hero-bg, linear-gradient(180deg, #F4F8F6 0%, #FFFFFF 100%));
	background-size: cover;
	background-position: var(--gc-detail-hero-position, center center);
	background-repeat: no-repeat;
}

.gc-detail-hero-shell::after,
.gc-detail-hero-section::after {
	top: 0;
	height: var(--gc-detail-hero-height, 720px);
	z-index: 1;
	background: var(--gc-detail-hero-overlay, linear-gradient(90deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.86) 42%, rgba(255,255,255,0.36) 76%, rgba(255,255,255,0.08) 100%), linear-gradient(180deg, rgba(255,255,255,0.08) 0%, #FFFFFF 100%));
}

.gc-detail-hero-shell > *,
.gc-detail-hero-section > * {
	position: relative;
	z-index: 2;
}

.gc-detail-hero-shell .gc-wi-hero-bg-media,
.gc-detail-hero-shell .gc-so-hero-bg-media,
.gc-detail-hero-shell .gc-tl-hero-bg {
	display: none;
}

.gc-detail-hero-shell--wi {
	--gc-detail-hero-position: center right;
	--gc-detail-hero-height: 720px;
	--gc-detail-hero-overlay: linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.92) 38%, rgba(255,255,255,0.4) 72%, rgba(255,255,255,0.08) 100%), linear-gradient(180deg, rgba(255,255,255,0.08) 0%, #FFFFFF 100%);
}

.gc-detail-hero-shell--so {
	--gc-detail-hero-position: center right;
	--gc-detail-hero-height: 720px;
	--gc-detail-hero-overlay: linear-gradient(90deg, rgba(244,248,246,0.98) 0%, rgba(255,255,255,0.9) 44%, rgba(255,255,255,0.34) 78%, rgba(255,255,255,0.1) 100%), linear-gradient(180deg, rgba(244,248,246,0.18) 0%, #FFFFFF 100%);
}

.gc-detail-hero-shell--tl {
	--gc-detail-hero-position: center right;
	--gc-detail-hero-height: 720px;
	--gc-detail-hero-overlay: linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.88) 42%, rgba(255,255,255,0.34) 76%, rgba(255,255,255,0.08) 100%), linear-gradient(180deg, rgba(255,255,255,0.05) 0%, #FFFFFF 100%);
}

.gc-detail-hero-section--cmn {
	--gc-detail-hero-height: 690px;
	--gc-detail-hero-overlay: radial-gradient(circle at 78% 22%, rgba(63,174,106,0.13) 0%, rgba(248,252,249,0.78) 48%, #FFFFFF 100%);
}

.gc-detail-hero-section--rre,
.gc-detail-hero-section--sector {
	--gc-detail-hero-height: 690px;
	--gc-detail-hero-overlay: linear-gradient(90deg, rgba(244,248,246,0.98) 0%, rgba(244,248,246,0.86) 42%, rgba(244,248,246,0.38) 76%, rgba(244,248,246,0.12) 100%), linear-gradient(180deg, #F4F8F6 0%, #FFFFFF 100%);
}

/* ==========================================================================
   DEL MATERIAL A UNA NUEVA POSIBILIDAD (REDESIGN 2026)
   Matching precise layout, heights, distribution, and typography
   ========================================================================== */
.gc-tl-materials {
	background: #ffffff !important;
	padding: 64px 0 72px !important;
	position: relative;
	overflow: hidden;
}

.gc-tl-avanzar-container {
	max-width: 1240px;
	margin: 0 auto;
	padding-inline: var(--gc-page-gutter, 24px);
}

/* Hero split: copy left, circular cycle right */
.gc-tl-avanzar-hero-split {
	display: grid;
	grid-template-columns: 1.12fr 0.88fr;
	gap: 48px;
	align-items: center;
	margin-bottom: 56px;
	position: relative;
}

.gc-tl-avanzar-copy {
	max-width: 580px;
}

.gc-tl-avanzar-eyebrow {
	display: block;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.05em;
	color: #006c68;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.gc-tl-avanzar-title {
	font-size: clamp(34px, 3.4vw, 46px);
	font-weight: 900;
	line-height: 1.12;
	color: #073F4D;
	margin: 0 0 16px 0;
	letter-spacing: -0.02em;
}

.gc-tl-avanzar-desc {
	font-size: 15.5px;
	line-height: 1.55;
	color: #577278;
	margin: 0 0 22px 0;
	max-width: 490px;
}

/* Callout pill: Primero entendemos el material... */
.gc-tl-avanzar-callout {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	padding: 12px 20px;
	background: #effaf5;
	border: 1px solid #d0ebe0;
	border-radius: 12px;
	margin-bottom: 22px;
	max-width: 480px;
	box-shadow: 0 2px 8px rgba(6, 61, 77, 0.03);
}

.gc-tl-callout-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gc-tl-callout-icon img {
	width: 32px;
	height: auto;
	object-fit: contain;
	display: block;
}

.gc-tl-callout-text {
	font-style: italic;
	font-size: 13.5px;
	line-height: 1.45;
	color: #31646d;
}

.gc-tl-callout-text em {
	font-style: italic;
	font-weight: 500;
}

.gc-tl-avanzar-instruction {
	font-size: 14px;
	font-weight: 500;
	color: #577278;
	margin: 0;
}

/* Diagram wrapper: Circular cycle with watermark */
.gc-tl-avanzar-diagram-wrap {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 370px;
}

/* Subtle watermark rings in top right */
.gc-tl-avanzar-watermark {
	position: absolute;
	top: -40px;
	right: -30px;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

.gc-tl-avanzar-watermark::before {
	content: "";
	position: absolute;
	top: 10%;
	right: 5%;
	width: 280px;
	height: 280px;
	border: 1.5px solid rgba(57, 185, 111, 0.12);
	border-radius: 50%;
}

.gc-tl-avanzar-watermark::after {
	content: "";
	position: absolute;
	top: 0;
	right: -5%;
	width: 360px;
	height: 360px;
	border: 1.5px solid rgba(57, 185, 111, 0.08);
	border-radius: 50%;
}

/* 3-vertex circular cycle */
.gc-tl-avanzar-cycle {
	position: relative;
	width: 480px;
	max-width: 100%;
	z-index: 1;
	margin: 0 auto;
}

.gc-tl-cycle-main-img {
	display: block;
	width: 100%;
	max-width: 480px;
	height: auto;
	margin: 0 auto;
	pointer-events: none;
	user-select: none;
	filter: drop-shadow(0 12px 28px rgba(6, 61, 77, 0.08));
}

.gc-tl-cycle-arrows {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 295px;
	height: auto;
	z-index: 1;
	pointer-events: none;
	display: block;
}

.gc-tl-cycle-material {
	position: absolute;
	z-index: 2;
	cursor: pointer;
	border-radius: 50%;
	transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease, background-color 0.2s ease;
	-webkit-user-select: none;
	user-select: none;
}

.gc-tl-cycle-material img {
	display: block;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

/* Plástico vertex (top center) */
.gc-tl-cycle-top {
	top: 2%;
	left: 50%;
	transform: translateX(-50%);
	width: 32%;
	aspect-ratio: 1 / 1;
}

.gc-tl-cycle-top:hover {
	transform: translateX(-50%) scale(1.06);
	background: radial-gradient(circle, rgba(56, 185, 111, 0.18) 0%, transparent 70%);
}

.gc-tl-cycle-top.is-active {
	background: radial-gradient(circle, rgba(56, 185, 111, 0.24) 0%, transparent 70%);
	box-shadow: 0 0 0 2px rgba(56, 185, 111, 0.6), 0 8px 24px rgba(56, 185, 111, 0.2);
}

/* Papel y cartón vertex (bottom left) */
.gc-tl-cycle-bottom-left {
	bottom: 2%;
	left: 4%;
	width: 38%;
	aspect-ratio: 1.2 / 1;
}

.gc-tl-cycle-bottom-left:hover {
	transform: scale(1.06);
	background: radial-gradient(circle, rgba(56, 185, 111, 0.18) 0%, transparent 70%);
}

.gc-tl-cycle-bottom-left.is-active {
	background: radial-gradient(circle, rgba(56, 185, 111, 0.24) 0%, transparent 70%);
	box-shadow: 0 0 0 2px rgba(56, 185, 111, 0.6), 0 8px 24px rgba(56, 185, 111, 0.2);
}

/* Metales vertex (bottom right) */
.gc-tl-cycle-bottom-right {
	bottom: 2%;
	right: 4%;
	width: 38%;
	aspect-ratio: 1.2 / 1;
}

.gc-tl-cycle-bottom-right:hover {
	transform: scale(1.06);
	background: radial-gradient(circle, rgba(56, 185, 111, 0.18) 0%, transparent 70%);
}

.gc-tl-cycle-bottom-right.is-active {
	background: radial-gradient(circle, rgba(56, 185, 111, 0.24) 0%, transparent 70%);
	box-shadow: 0 0 0 2px rgba(56, 185, 111, 0.6), 0 8px 24px rgba(56, 185, 111, 0.2);
}

/* Explorer Section */
.gc-tl-avanzar-explorer {
	position: relative;
	z-index: 1;
}

.gc-tl-explorer-head {
	margin-bottom: 22px;
}

.gc-tl-explorer-title {
	font-size: clamp(24px, 2.2vw, 32px);
	font-weight: 900;
	color: #073F4D;
	margin: 0 0 6px 0;
	letter-spacing: -0.02em;
}

.gc-tl-explorer-sub {
	font-size: 15px;
	color: #577278;
	margin: 0;
}

/* Material cards grid: 3 cards */
.gc-tl-materials-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 22px;
}

.gc-tl-mat-card {
	position: relative;
	background: #ffffff;
	border: 1.5px solid #e1ebe7;
	border-radius: 16px;
	padding: 16px 20px;
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 124px;
	cursor: pointer;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
	box-shadow: 0 3px 14px rgba(6, 61, 77, 0.03);
	outline: none;
	user-select: none;
}

.gc-tl-mat-card:hover {
	border-color: #38b96f;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(6, 61, 77, 0.08);
}

.gc-tl-mat-card:focus-visible {
	outline: 2px solid #38b96f;
	outline-offset: 2px;
}

.gc-tl-mat-card.is-selected {
	border-color: #38b96f;
	background: #ffffff;
	box-shadow: 0 6px 20px rgba(56, 185, 111, 0.14);
}

/* Card thumbnail */
.gc-tl-card-thumb {
	width: 104px;
	height: 88px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gc-tl-card-thumb img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
}

/* Card info */
.gc-tl-card-info {
	flex: 1;
	min-width: 0;
	padding-right: 32px;
}

.gc-tl-card-icon-bubble {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #eef7f3;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 8px;
}

.gc-tl-card-icon-bubble img {
	width: 18px;
	height: 18px;
	object-fit: contain;
	display: block;
}

.gc-tl-card-name {
	font-size: 18px;
	font-weight: 800;
	color: #073F4D;
	margin: 0 0 3px 0;
	letter-spacing: -0.01em;
}

.gc-tl-card-detail {
	font-size: 12.5px;
	line-height: 1.35;
	color: #577278;
	margin: 0;
}

/* Card Action: Selected badge top-right, arrow bottom-right */
.gc-tl-card-action {
	position: static;
}

.gc-tl-card-selected-badge {
	position: absolute;
	top: 14px;
	right: 16px;
	display: none;
	align-items: center;
	gap: 5px;
	padding: 4px 10px;
	border-radius: 999px;
	background: #e3f6ed;
	color: #1e834d;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
	pointer-events: none;
}

.gc-tl-mat-card.is-selected .gc-tl-card-selected-badge {
	display: inline-flex;
}

.gc-tl-card-selected-badge img {
	width: 13px;
	height: 13px;
	display: block;
}

.gc-tl-card-arrow {
	position: absolute;
	right: 18px;
	bottom: 18px;
	width: 16px;
	height: 16px;
	opacity: 0.55;
	transition: transform 0.2s ease, opacity 0.2s ease;
	display: block;
	pointer-events: none;
}

.gc-tl-mat-card:hover .gc-tl-card-arrow {
	opacity: 1;
	transform: translateX(3px);
}

.gc-tl-mat-card.is-selected .gc-tl-card-arrow {
	opacity: 0.9;
}

/* Action bar */
.gc-tl-avanzar-action-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	background: #eff7f4;
	border: 1.5px solid #d9ebe3;
	border-radius: 14px;
	padding: 14px 24px;
	margin-top: 22px;
}

.gc-tl-action-summary {
	display: flex;
	align-items: center;
	gap: 12px;
}

.gc-tl-action-check {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	display: block;
}

.gc-tl-action-text {
	font-size: 15px;
	color: #073F4D;
	font-weight: 500;
}

.gc-tl-action-text strong {
	font-weight: 800;
	color: #073F4D;
}

.gc-tl-btn-continue {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #004d57;
	color: #ffffff !important;
	font-size: 15px;
	font-weight: 700;
	padding: 12px 28px;
	border-radius: 999px;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
	box-shadow: 0 4px 14px rgba(0, 77, 87, 0.18);
}

.gc-tl-btn-continue:hover {
	background: #00373e;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(0, 77, 87, 0.25);
}

.gc-tl-continue-arrow {
	font-size: 17px;
	font-weight: 400;
	transition: transform 0.2s ease;
	display: inline-block;
}

.gc-tl-btn-continue:hover .gc-tl-continue-arrow {
	transform: translateX(4px);
}

/* Responsive queries */
@media (max-width: 1024px) {
	.gc-tl-avanzar-hero-split {
		grid-template-columns: 1fr;
		gap: 36px;
	}
	.gc-tl-avanzar-copy {
		max-width: 100%;
	}
	.gc-tl-materials-cards-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.gc-tl-avanzar-cycle {
		width: 370px;
		height: 320px;
	}
	.gc-tl-cycle-arrows {
		width: 235px;
	}
	.gc-tl-cycle-top {
		width: 135px;
	}
	.gc-tl-cycle-bottom-left {
		width: 145px;
	}
	.gc-tl-cycle-bottom-right {
		width: 140px;
	}
}

@media (max-width: 680px) {
	.gc-tl-materials {
		padding: 44px 0 54px !important;
	}
	.gc-tl-avanzar-action-bar {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
		gap: 16px;
		padding: 18px 16px;
	}
	.gc-tl-action-summary {
		justify-content: center;
	}
	.gc-tl-btn-continue {
		justify-content: center;
		width: 100%;
	}
	.gc-tl-avanzar-callout {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.gc-tl-avanzar-cycle {
		width: 300px;
		height: 270px;
	}
	.gc-tl-cycle-arrows {
		width: 190px;
	}
	.gc-tl-cycle-top {
		width: 110px;
		top: -6px;
	}
	.gc-tl-cycle-bottom-left {
		width: 120px;
	}
	.gc-tl-cycle-bottom-right {
		width: 115px;
	}
}

/* ==========================================================================
   CADA MATERIAL PIDE UN PROCESO DISTINTO (REDESIGN 2026)
   Matching distribution, heights, connectors, and visual assets
   ========================================================================== */
.gc-tl-process-section {
	background: #ffffff !important;
	padding: 68px 0 76px !important;
	position: relative;
	overflow: hidden;
}

/* Background watermark contours */
.gc-tl-process-decor-top {
	position: absolute;
	top: -60px;
	right: -60px;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	border: 1.5px solid rgba(57, 185, 111, 0.1);
	pointer-events: none;
	z-index: 0;
}

.gc-tl-process-decor-top::before {
	content: "";
	position: absolute;
	top: 20%;
	right: 20%;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	border: 1.5px solid rgba(57, 185, 111, 0.16);
}

.gc-tl-process-decor-top::after {
	content: "";
	position: absolute;
	top: 45%;
	right: 45%;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #39b96f;
}

.gc-tl-process-decor-bottom {
	position: absolute;
	bottom: -80px;
	left: -80px;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	border: 1.5px solid rgba(57, 185, 111, 0.08);
	pointer-events: none;
	z-index: 0;
}

.gc-tl-process-container {
	max-width: 1240px;
	margin: 0 auto;
	padding-inline: var(--gc-page-gutter, 24px);
	position: relative;
	z-index: 1;
}

/* Header */
.gc-tl-process-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
	margin-bottom: 44px;
}

.gc-tl-process-head-left {
	max-width: 540px;
}

.gc-tl-process-eyebrow-row {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 12px;
}

.gc-tl-process-eyebrow {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.05em;
	color: #006c68;
	text-transform: uppercase;
}

.gc-tl-process-eyebrow-line {
	display: inline-block;
	width: 44px;
	height: 1.5px;
	background: #38b96f;
	border-radius: 2px;
}

.gc-tl-process-title {
	font-size: clamp(34px, 3.4vw, 44px);
	font-weight: 900;
	line-height: 1.12;
	color: #073F4D;
	margin: 0;
	letter-spacing: -0.02em;
}

.gc-tl-process-head-right {
	max-width: 480px;
	padding-top: 6px;
}

.gc-tl-process-desc {
	font-size: 15px;
	line-height: 1.55;
	color: #577278;
	margin: 0 0 14px 0;
}

.gc-tl-process-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #006c68;
	font-weight: 800;
	font-size: 14.5px;
	text-decoration: none;
	transition: color 0.2s ease;
}

.gc-tl-process-link:hover {
	color: #004d57;
	text-decoration: underline;
}

.gc-tl-link-icon {
	stroke: currentColor;
	transition: transform 0.2s ease;
}

.gc-tl-process-link:hover .gc-tl-link-icon {
	transform: translate(2px, -2px);
}

/* 4 Cards Grid */
.gc-tl-process-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
	position: relative;
	margin-bottom: 34px;
}

.gc-tl-process-card {
	position: relative;
	border-radius: 18px;
	padding: 22px 18px 24px;
	min-height: 310px;
	display: flex;
	flex-direction: column;
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

/* White step cards (1, 2, 3) */
.gc-tl-card-step1,
.gc-tl-card-step2,
.gc-tl-card-step3 {
	background: #ffffff;
	border: 1.5px solid #e1eee8;
	box-shadow: 0 4px 18px rgba(6, 61, 77, 0.03);
}

.gc-tl-card-step1:hover,
.gc-tl-card-step2:hover,
.gc-tl-card-step3:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 26px rgba(6, 61, 77, 0.08);
	border-color: #cde6db;
}

.gc-tl-step-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.gc-tl-step-badge {
	display: inline-block;
	background: #e3f6ed;
	color: #1e834d;
	font-size: 12px;
	font-weight: 800;
	padding: 3px 12px;
	border-radius: 999px;
	letter-spacing: 0.02em;
}

.gc-tl-step-icon-bubble {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #f0f8f4;
	border: 1px solid #d9ece2;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gc-tl-step-icon-bubble img {
	width: 16px;
	height: 16px;
	object-fit: contain;
	display: block;
}

.gc-tl-step-title {
	font-size: 19px;
	font-weight: 900;
	color: #073F4D;
	margin: 0 0 14px 0;
	letter-spacing: -0.01em;
}

.gc-tl-step-img-box {
	height: 125px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
}

.gc-tl-step-img-box img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
}

.gc-tl-step-desc {
	font-size: 12.8px;
	line-height: 1.42;
	color: #577278;
	margin: 0;
	margin-top: auto;
}

/* Connectors between cards */
.gc-tl-step-connector {
	position: absolute;
	top: 50%;
	right: -32px;
	width: 32px;
	transform: translateY(-50%);
	z-index: 2;
	pointer-events: none;
}

.gc-tl-step-connector::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	border-top: 1.5px dashed #8ee0b7;
	transform: translateY(-50%);
	z-index: 1;
}

.gc-tl-connector-pill {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #ffffff;
	border: 1.5px solid #7dd0a5;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.gc-tl-connector-pill svg {
	width: 12px;
	height: 12px;
	display: block;
}

.gc-tl-connector-pill img {
	width: 12px;
	height: 12px;
	object-fit: contain;
	display: block;
}

/* Step 4: Featured Dark Teal Card */
.gc-tl-card-featured {
	background: linear-gradient(145deg, #004d57 0%, #00363d 100%);
	color: #ffffff;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: 0 10px 28px rgba(0, 69, 77, 0.22);
	border: 1.5px solid transparent;
}

.gc-tl-card-featured:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 34px rgba(0, 69, 77, 0.3);
}

.gc-tl-featured-medallion {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.05) 100%);
	border: 1.5px solid rgba(255, 255, 255, 0.22);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
	box-shadow: 0 0 16px rgba(56, 185, 111, 0.28);
	position: relative;
	z-index: 2;
}

.gc-tl-featured-body {
	position: relative;
	z-index: 2;
}

.gc-tl-card-featured .gc-tl-featured-title,
.gc-tl-featured-title {
	font-size: 21px !important;
	font-weight: 900 !important;
	color: #ffffff !important;
	margin: 0 0 8px 0 !important;
	letter-spacing: -0.01em !important;
}

.gc-tl-card-featured .gc-tl-featured-desc,
.gc-tl-featured-desc {
	font-size: 13px !important;
	line-height: 1.45 !important;
	color: #c4ded7 !important;
	margin: 0 0 22px 0 !important;
	max-width: 190px !important;
}

.gc-tl-btn-step-action {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #138a64;
	color: #ffffff !important;
	font-weight: 800;
	font-size: 13.5px;
	padding: 10px 20px;
	border-radius: 999px;
	text-decoration: none;
	width: fit-content;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
	transition: background-color 0.2s ease, transform 0.15s ease;
}

.gc-tl-btn-step-action:hover {
	background: #0f7353;
	transform: translateY(-1px);
}

.gc-tl-btn-arrow {
	font-size: 15px;
	transition: transform 0.2s ease;
	display: inline-block;
}

.gc-tl-btn-step-action:hover .gc-tl-btn-arrow {
	transform: translateX(3px);
}

.gc-tl-featured-sprout-bg {
	position: absolute;
	right: -10px;
	bottom: -10px;
	width: 145px;
	height: 145px;
	object-fit: contain;
	pointer-events: none;
	z-index: 1;
	opacity: 0.95;
	filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.35));
}

/* Footer note */
.gc-tl-process-footer-note {
	display: inline-flex;
	align-items: center;
	margin-top: 14px;
}

.gc-tl-note-icon {
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.gc-tl-note-icon img {
	width: 18px;
	height: 18px;
	object-fit: contain;
	display: block;
}

.gc-tl-note-divider {
	display: inline-block;
	width: 1px;
	height: 18px;
	background: #cce5dc;
	margin: 0 14px;
}

.gc-tl-note-text {
	font-size: 14px;
	font-weight: 500;
	color: #577278;
	margin: 0;
}

/* Responsive */
@media (max-width: 1080px) {
	.gc-tl-process-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
	.gc-tl-step-connector {
		display: none;
	}
}

@media (max-width: 720px) {
	.gc-tl-process-section {
		padding: 44px 0 54px !important;
	}
	.gc-tl-process-header {
		flex-direction: column;
		gap: 18px;
	}
	.gc-tl-process-grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}
	.gc-tl-process-footer-note {
		flex-wrap: wrap;
		gap: 8px;
	}
}