/* v29 · v31 · Cómo se financia (#financiar). Prefijo fz- (apertura, capas, fichas).
   v31 (QH-B): sale el paso a paso de OxI (cf-), que vive en Empresa; entran la guía del orden y la línea del Estado.
   Lenguaje del Ecosistema: foto a sangre con el titular en capas, banda de noche, tipografía grande.
   El diagrama: una base continua (recursos de la empresa) y capas que se suman con el tiempo. */
.fz{ --fz-noche:var(--noche-hondo); --cf-r:14px; --cf-rs:10px; position:relative; isolation:isolate; background:var(--fz-noche); color:#DCE3E6; overflow:clip }
.fz-vh,.cf-vh{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0 }
.fz-k{ margin:0; font-family:var(--sans); font-size:.86rem; font-weight:650; color:#A9BCC0 }

/* ---------------------------------------------------------------- apertura: foto a sangre, texto en capas */
.fz-ap{ position:relative; min-height:clamp(30rem,78vh,46rem); display:grid; align-items:end; padding-bottom:clamp(2.5rem,6vw,5rem) }
.fz-ap__foto{ position:absolute; inset:0; z-index:-1 }
.fz-ap__foto img{ width:100%; height:100%; object-fit:cover; object-position:50% 52% }
.fz-ap__foto::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(6,17,31,.25) 0%, rgba(6,17,31,.35) 38%, rgba(6,17,31,.82) 72%, var(--fz-noche) 100%),
             linear-gradient(90deg, rgba(6,17,31,.55), rgba(6,17,31,0) 65%) }
.fz-ap__in{ position:relative }
.fz-ap .antetitulo{ color:var(--sol-2); margin:0 0 var(--e-sm); text-shadow:0 1px 10px rgba(6,17,31,.6) }
.fz-ap__t{ font-family:var(--sans); font-size:clamp(2.5rem,1.3rem + 4.4vw,5.8rem); font-weight:650; line-height:.98; letter-spacing:-.035em; color:var(--papel); max-width:14ch; text-shadow:0 2px 24px rgba(6,17,31,.45) }
.fz-ap__t span{ display:block; color:#E7E2D6; font-weight:500 }
.fz-ap__lede{ margin:var(--e-md) 0 0; font-family:var(--lee); font-size:clamp(1.08rem,.98rem + .45vw,1.34rem); line-height:1.58; color:#E7E2D6; max-width:46ch; text-shadow:0 1px 12px rgba(6,17,31,.7) }
.fz-ap__pie{ position:absolute; right:0; left:0; top:calc(var(--alto-nav) * 0 + 1.2rem); margin:0 auto; text-align:right; font-family:var(--sans); font-size:.78rem; color:rgba(244,242,238,.8); text-shadow:0 1px 6px rgba(0,0,0,.6) }

/* ---------------------------------------------------------------- cuerpo */
.fz-cuerpo{ position:relative; padding-bottom:var(--banda) }
.fz-cuerpo::before{ content:""; position:absolute; inset:-10% -20% auto; height:70%; z-index:-1; pointer-events:none;
  background:radial-gradient(40% 45% at 30% 40%, rgba(217,164,65,.09), transparent 70%), radial-gradient(35% 40% at 85% 25%, rgba(127,167,222,.08), transparent 70%) }

/* ¿Qué necesita su territorio? */
.fz-nec__caja{ display:flex; flex-wrap:wrap; align-items:center; gap:.7rem 1.2rem; margin-bottom:clamp(2rem,4vw,3rem); padding-bottom:clamp(1.2rem,2.5vw,1.6rem); border-bottom:1px solid rgba(244,242,238,.12) }
.fz-nec__caja .fz-k{ font-size:1.02rem; color:var(--papel) }
.fz-necs{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:.45rem }
.fz-nec{ min-height:var(--toque); padding:.5rem 1rem; border-radius:999px; border:1px solid rgba(244,242,238,.22); background:transparent; color:#DCE3E6;
  font:600 .9rem/1.2 var(--sans); cursor:pointer; transition:background .2s ease, border-color .2s ease, color .2s ease }
.fz-nec:hover{ border-color:rgba(244,242,238,.55); color:var(--papel) }
.fz-nec[aria-pressed="true"]{ background:var(--papel); border-color:var(--papel); color:var(--tinta) }
.fz-nec:focus-visible,.fz-h:focus-visible,.fz-e:focus-visible{ outline:2px solid var(--sol-2); outline-offset:3px }

/* el diagrama: herramientas a la izquierda, capas a la derecha */
.fz-graf{ display:grid; gap:1.5rem clamp(1.5rem,3vw,3rem); align-items:start }
@media (min-width:62rem){ .fz-graf{ grid-template-columns:15.5rem minmax(0,1fr) } }
.fz-herr__l{ list-style:none; margin:.8rem 0 0; padding:0; display:grid; gap:.3rem }
.fz-h{ width:100%; display:flex; align-items:center; gap:.8rem; min-height:3.4rem; padding:.5rem .7rem; border:0; border-radius:.7rem; background:transparent; color:#DCE3E6; text-align:left; cursor:pointer;
  font-family:var(--sans); transition:background .2s ease }
.fz-h i{ flex:0 0 auto; width:1.05rem; height:1.05rem; border-radius:3px; background:var(--c) }
.fz-h span{ display:grid; gap:.1rem; min-width:0 }
.fz-h b{ font-size:.98rem; font-weight:650; line-height:1.2; color:var(--papel) }
.fz-h small{ font-size:.78rem; color:#A9BCC0 }
.fz-h:hover{ background:rgba(244,242,238,.05) }
.fz-h[aria-pressed="true"]{ background:color-mix(in srgb, var(--c) 18%, transparent); box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c) 70%, transparent) }
.fz-herr__l li:last-child .fz-h{ margin-top:.2rem }
.fz-fig{ margin:0; min-width:0 }
.fz-lienzo{ position:relative }
.fz-svg{ display:block; width:100%; height:auto; overflow:visible; font-family:var(--sans) }
.fz-col{ fill:transparent; cursor:pointer; transition:fill .3s ease }
.fz-svg[data-e="0"] .fz-col[data-e="0"],.fz-svg[data-e="1"] .fz-col[data-e="1"],.fz-svg[data-e="2"] .fz-col[data-e="2"],
.fz-svg[data-e="3"] .fz-col[data-e="3"],.fz-svg[data-e="4"] .fz-col[data-e="4"]{ fill:rgba(244,242,238,.07) }
.fz-capa{ fill:var(--c); fill-opacity:.9; cursor:pointer; transition:fill-opacity .3s ease }
.fz-filo{ fill:none; stroke:rgba(255,255,255,.55); stroke-width:1.4; pointer-events:none }
.fz-filo--propios{ stroke:rgba(255,246,220,.75); stroke-width:2 }
.fz-svg[data-h] .fz-capa{ fill-opacity:.22 }
.fz-svg[data-h] .fz-filo{ opacity:.3 }
.fz-svg[data-h="propios"] .fz-capa--propios,.fz-svg[data-h="resultados"] .fz-capa--resultados,
.fz-svg[data-h="estado"] .fz-capa--estado,.fz-svg[data-h="oxi"] .fz-capa--oxi{ fill-opacity:1 }
.fz-svg[data-h="propios"] .fz-filo--propios,.fz-svg[data-h="resultados"] .fz-filo--resultados,
.fz-svg[data-h="estado"] .fz-filo--estado,.fz-svg[data-h="oxi"] .fz-filo--oxi{ opacity:1 }
.fz-sep{ stroke:rgba(244,242,238,.22); stroke-width:1; stroke-dasharray:3 5; pointer-events:none }
.fz-num{ font-size:15px; font-weight:700; fill:#A9BCC0; pointer-events:none }
.fz-rot{ font-size:17px; font-weight:650; fill:var(--tinta); pointer-events:none }
.fz-rot--sub{ font-size:14px; font-weight:500 }
.fz-rot--fin{ font-style:italic }
.fz-rot--nota{ fill:#E7E2D6; font-size:18px; font-weight:500 }
.fz-rot--oxi{ font-size:15px }
.fz-filo,.fz-sep,.fz-eje{ vector-effect:non-scaling-stroke }
.fz-eje{ fill:none; stroke:rgba(244,242,238,.6); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round }
/* se dibuja una sola vez, de izquierda a derecha */
.fz--espera .fz-capas{ clip-path:inset(0 100% 0 0) }
.fz--crece .fz-capas{ animation:fz-crece 1.6s var(--salida) both }
@keyframes fz-crece{ from{ clip-path:inset(0 100% 0 0) } to{ clip-path:inset(0 0 0 0) } }

/* etapas: el eje del tiempo, alineado con las columnas del dibujo */
.fz-tiempo{ margin-top:.6rem }
.fz-tiempo > .fz-k{ display:block; margin-bottom:.4rem }
.fz-etapas{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.3rem }
.fz-e{ width:100%; min-height:3.2rem; display:flex; align-items:baseline; gap:.45rem; padding:.55rem .6rem; border:0; border-radius:.6rem; background:transparent; color:#C9D4D7; text-align:left; cursor:pointer;
  font-family:var(--sans); transition:background .2s ease, color .2s ease }
.fz-e__n{ font-size:.82rem; font-weight:700; color:#8FA6AB; font-variant-numeric:tabular-nums }
.fz-e__t{ font-size:.95rem; font-weight:650; line-height:1.2 }
.fz-e:hover{ background:rgba(244,242,238,.06); color:var(--papel) }
.fz-e[aria-pressed="true"]{ background:var(--papel); color:var(--tinta) }
.fz-e[aria-pressed="true"] .fz-e__n{ color:var(--petroleo) }

/* fichas: qué se financia, quién lidera, qué se obtiene */
.fz-fichas{ margin-top:clamp(1.8rem,3.5vw,2.6rem); display:grid; gap:2.5rem }
.fz--js .fz-fichas{ gap:0 }
.fz-p{ display:grid; gap:1.2rem clamp(2rem,4vw,4rem); padding-top:clamp(1.4rem,3vw,2rem); border-top:1px solid rgba(244,242,238,.16) }
.fz-p[hidden]{ display:none }
@media (min-width:62rem){ .fz-p{ grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) } }
.fz-p__k{ margin:0; font-family:var(--sans); font-size:.86rem; font-weight:650; color:var(--sol-2) }
.fz-p--via .fz-p__k{ color:var(--c) }
.fz-p__t{ margin:.35rem 0 0; font-size:clamp(1.7rem,1.2rem + 1.6vw,2.6rem); font-weight:650; letter-spacing:-.025em; line-height:1.05; color:var(--papel); max-width:14ch }
.fz-p__razon{ margin:.8rem 0 0; font-family:var(--lee); font-size:1rem; line-height:1.55; color:#E7E2D6; max-width:36ch }
.fz-p__razon b{ font-family:var(--sans); font-weight:650; color:var(--papel) }
.fz-p__capas{ list-style:none; margin:1rem 0 0; padding:0; display:flex; flex-wrap:wrap; gap:.35rem 1rem; font-family:var(--sans); font-size:.84rem; color:#C9D4D7 }
.fz-p__capas li{ display:inline-flex; align-items:center; gap:.45rem }
.fz-p__capas li::before{ content:""; width:.8rem; height:.8rem; border-radius:2px; background:var(--c) }
.fz-p__dl{ margin:0; display:grid; gap:1.2rem clamp(1.5rem,3vw,2.5rem) }
@media (min-width:48rem){ .fz-p__dl{ grid-template-columns:repeat(3,minmax(0,1fr)) } }
.fz-p__dl div{ padding-top:.9rem; border-top:1px solid rgba(244,242,238,.12) }
.fz-p__dl dt{ font-family:var(--sans); font-size:.84rem; font-weight:650; color:#A9BCC0 }
.fz-p__dl dd{ margin:.45rem 0 0; font-family:var(--lee); font-size:1.06rem; line-height:1.55; color:#E7E2D6 }
.fz-p__dl ul{ margin:0; padding-left:1.1rem; display:grid; gap:.25rem }
.fz-p__ir{ margin:0; grid-column:1 / -1; font-family:var(--sans) }
@media (min-width:62rem){ .fz-p__ir{ grid-column:2 } }
.fz-p__ir a{ display:inline; line-height:2.75; color:var(--papel); font-weight:650; text-decoration:underline; text-decoration-color:color-mix(in srgb, var(--c) 80%, transparent); text-decoration-thickness:2px; text-underline-offset:.3em }
.fz-p__ir a svg{ display:inline; vertical-align:middle; margin-left:.5rem }
.fz-p__ir a:hover{ text-decoration-color:var(--papel) }

/* ---------------------------------------------------------------- celular y tableta (v29) */
@media (max-width:61.99rem){
  .fz-herr__l{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:.35rem }
  .fz-herr__l li:last-child .fz-h{ margin-top:0 }
  .fz-h{ min-height:3.6rem }
}
@media (max-width:47.99rem){
  .fz-ap{ min-height:clamp(30rem,92vh,40rem) }
  .fz-ap__foto img{ object-position:42% 50% }
  .fz-rot{ display:none }
  .fz-num{ display:none }
  .fz-svg{ height:15rem }
  .fz-eje{ stroke-width:3 }
  .fz-etapas{ gap:2px }
  .fz-e{ flex-direction:column; align-items:center; gap:.1rem; padding:.45rem .1rem; text-align:center; min-height:4rem; justify-content:center }
  .fz-e__t{ font-size:.72rem; text-wrap:balance }
  .fz-nec__caja{ display:block } .fz-necs{ margin-top:.7rem }
  .fz-h b{ font-size:.9rem }
}
@media (prefers-reduced-motion:reduce){
  .fz--espera .fz-capas,.fz--crece .fz-capas{ clip-path:none; animation:none }
  .fz-nec,.fz-h,.fz-e,.fz-col,.fz-capa{ transition:none }
}

/* ================================================================ v30 · al centro, con aire, y que se lea como una suma
   Pedido del dueño: «muy al borde» y «que se entienda a la primera». El titular se centra sobre la foto real
   de Ticumpinía; el cuerpo queda en un ancho contenido; encima del dibujo, las cuatro herramientas en fila,
   de la base hacia arriba, unidas por «+». Los rótulos del dibujo son HTML: no se deforman. */
.fz-ap{ min-height:clamp(32rem,86vh,48rem); align-items:end; padding-block:clamp(5rem,10vw,8rem) clamp(3rem,6vw,4.5rem); text-align:center }
.fz-ap__foto::after{ background:linear-gradient(180deg, rgba(6,17,31,.16) 0%, rgba(6,17,31,.2) 32%, rgba(6,17,31,.72) 56%, var(--fz-noche) 72%, var(--fz-noche) 100%) }
.fz-ap__foto img{ height:72%; object-position:50% 70% }
.fz-ap__in{ display:grid; justify-items:center }
.fz-ap__t{ max-width:16ch; margin-inline:auto; text-wrap:balance; font-size:clamp(2.3rem,1.3rem + 3.4vw,4.6rem) }
.fz-ap__lede{ max-width:44ch; margin-inline:auto }
.fz-ap__pie{ top:1.2rem; bottom:auto; text-align:right }

.fz-cuerpo{ padding-top:clamp(1rem,3vw,2.5rem) }
.fz-centro{ max-width:66rem; margin-inline:auto }

/* la suma: base + tres herramientas */
.fz-graf{ display:block }
.fz-herr{ text-align:center; margin-bottom:clamp(1.4rem,3vw,2.2rem) }
.fz-herr__k{ font-size:1rem; color:var(--papel) }
.fz-herr__l{ list-style:none; margin:1rem 0 0; padding:0; display:grid; grid-template-columns:minmax(0,1.2fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); align-items:stretch; gap:.4rem }
.fz-h__li{ display:flex; min-width:0 }
.fz-h{ height:100%; min-height:4.2rem; padding:.7rem 1rem; border-radius:.9rem; background:rgba(244,242,238,.04); box-shadow:inset 0 0 0 1px rgba(244,242,238,.12) }
.fz-h span{ text-align:left }
.fz-h em{ font-style:normal; font-size:.74rem; font-weight:700; color:var(--c); letter-spacing:.01em }
.fz-h__li--base .fz-h{ background:color-mix(in srgb, var(--c) 16%, transparent); box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c) 65%, transparent) }
.fz-h__li--base .fz-h b{ font-size:1.05rem }
.fz-suma{ display:grid; place-items:center; width:1.4rem; font-family:var(--sans); font-size:1.5rem; font-weight:500; color:#8FA6AB }
.fz-herr__l li:last-child .fz-h{ margin-top:0 }

/* rótulos HTML sobre el dibujo */
.fz-lienzo{ position:relative }
.fz-rotulos{ position:absolute; inset:0; pointer-events:none }
.fz-rot{ position:absolute; margin:0; transform:translateY(-50%); font-family:var(--sans); font-size:clamp(.78rem,.62rem + .45vw,1.02rem); font-weight:650; line-height:1.2; color:var(--tinta); white-space:nowrap }
.fz-rot--centro{ transform:translate(-50%,-50%); text-align:center }
.fz-rot--der{ transform:translate(-100%,-50%); text-align:right }
.fz-rot i{ font-style:normal; font-weight:500; opacity:.75 }
.fz-rot--propios{ display:grid; gap:.1rem }
.fz-rot--propios b{ font-size:clamp(.92rem,.7rem + .6vw,1.2rem); font-weight:700 }
.fz-rot--propios span{ font-weight:500; font-size:clamp(.74rem,.62rem + .3vw,.9rem) }
.fz-rot--fin{ font-style:italic; font-weight:500 }
.fz-rot--nota{ white-space:normal; width:34%; color:#E7E2D6; font-weight:500; font-size:clamp(.8rem,.66rem + .4vw,1.04rem) }

/* etapas y fichas al centro */
.fz-tiempo > .fz-k{ text-align:center }
.fz-fichas{ margin-top:clamp(2rem,4vw,3rem) }
.fz-nec__caja{ flex-direction:column; justify-content:center; margin:clamp(2.5rem,5vw,3.5rem) 0 0; padding:clamp(1.4rem,3vw,2rem) 0 0; border-bottom:0; border-top:1px solid rgba(244,242,238,.12); text-align:center }
.fz-necs{ justify-content:center }

@media (max-width:61.99rem){
  .fz-herr__l{ display:grid; grid-template-columns:minmax(0,1fr); gap:.35rem; max-width:26rem; margin-inline:auto }
  .fz-suma{ width:auto; height:1rem; font-size:1.1rem; line-height:1 }
  .fz-h{ min-height:3.4rem; width:100% }
}
@media (max-width:47.99rem){
  .fz-ap{ min-height:clamp(34rem,92vh,42rem) }
  .fz-ap__foto img{ object-position:38% 100%; height:62% }
  .fz-rot{ display:none }
  .fz-rot--propios{ display:grid }
  .fz-rot--propios span,.fz-rot--fin{ display:none }
}

/* ================================================================ v31 · la regla del orden, a la vista
   Dos guías sobre el dibujo: en «Formar personas» (se pueden sumar cooperación y convenios) y en la última
   etapa (al final, la inversión grande). Las capas que se pueden sumar llevan el borde punteado. */
.fz-guia{ stroke:rgba(255,246,220,.7); stroke-width:1.5; vector-effect:non-scaling-stroke; pointer-events:none }
.fz-filo--resultados,.fz-filo--estado{ stroke-dasharray:5 4; stroke:rgba(255,255,255,.75) }
.fz-rot--guia{ display:grid; gap:.1rem; transform:none; white-space:normal; max-width:21%; color:#F4EBD6; font-size:clamp(.74rem,.6rem + .35vw,.92rem) }
.fz-rot--guia::before{ content:""; position:absolute; left:-10px; top:.35em; width:7px; height:7px; border-radius:50%; background:#FFF6DC; transform:translateX(-50%) }
.fz-rot--guia span{ font-weight:500; color:#C9D3D6 }
.fz-rot--guia{ margin-left:0 }
/* el Estado como cliente */
.fz-estado{ display:flex; align-items:flex-start; justify-content:center; gap:.7rem; max-width:46rem; margin:clamp(1.4rem,3vw,2rem) auto 0; padding:.9rem 1.1rem; border-radius:.9rem;
  background:rgba(244,242,238,.05); box-shadow:inset 0 0 0 1px rgba(244,242,238,.14); font-family:var(--sans); font-size:.98rem; line-height:1.5; color:#DCE3E6 }
.fz-estado .cf-ico{ width:1.3rem; height:1.3rem; flex:none; margin-top:.1rem; color:#D9A441 }
.fz-estado b{ color:var(--papel); font-weight:650 }
/* Obras por Impuestos, paso a paso: una línea con enlace a Empresa */
.fz-oxi{ margin:clamp(2rem,4vw,3rem) 0 0; padding:clamp(1.2rem,3vw,1.6rem) 0 0; border-top:1px solid rgba(244,242,238,.12); text-align:center; font-family:var(--sans); font-size:1rem; line-height:1.6; color:#DCE3E6;
  scroll-margin-top:calc(var(--alto-nav, 4.25rem) + 1rem) }
.fz-oxi b{ color:var(--papel); font-weight:650 }
.fz-oxi a{ display:inline-flex; align-items:center; gap:.4rem; min-height:var(--toque, 44px); color:var(--papel); font-weight:650; text-decoration:underline; text-decoration-color:#7FA7DE; text-decoration-thickness:2px; text-underline-offset:.3em }
.fz-oxi a:focus-visible{ outline:2px solid var(--sol-2, #F2C14E); outline-offset:3px; border-radius:.3rem }
@media (max-width:47.99rem){ .fz-rot--guia{ display:none } }
/* v31b · «Al final» va a la izquierda de la línea 5, sobre el techo de la curva (no la tapa el área) */
.fz-rot--guia-izq{ transform:translateX(-100%); text-align:right; justify-items:end }
.fz-rot--guia-izq::before{ left:auto; right:-10px; transform:translateX(50%) }

/* ================================================================ v32 · la base a dos tercios y una lectura más ordenada
   Pedido del dueño: la base (recursos propios) baja un tercio para que no parezca la capa más grande, y la
   gráfica se ordena: las cuatro herramientas con el mismo ancho, y debajo del dibujo las cinco etapas como
   recuadros alineados con cada columna, con el número y el nombre centrados en ambos sentidos. */
@media (min-width:62rem){
  .fz-herr__l{ grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) }
}
.fz-h__li--base .fz-h b{ font-size:.98rem }
.fz-tiempo{ margin-top:.9rem }
.fz-tiempo > .fz-k{ margin-bottom:.7rem }
.fz-etapas{ gap:6px; align-items:stretch }
.fz-etapas > li{ display:flex; min-width:0 }
.fz-e{ flex:1; flex-direction:column; align-items:center; justify-content:center; gap:.4rem; min-height:5.6rem; padding:.8rem .6rem;
  border-radius:.8rem; background:rgba(244,242,238,.045); box-shadow:inset 0 0 0 1px rgba(244,242,238,.14); text-align:center; color:#DCE3E6 }
.fz-e__n{ display:grid; place-items:center; width:1.75rem; height:1.75rem; border-radius:50%; font-size:.84rem; line-height:1; color:var(--papel);
  box-shadow:inset 0 0 0 1.5px rgba(244,242,238,.4) }
.fz-e__t{ font-size:1rem; line-height:1.22; text-wrap:balance; max-width:12ch }
.fz-e:hover{ background:rgba(244,242,238,.09) }
.fz-e[aria-pressed="true"]{ background:var(--papel); box-shadow:0 14px 30px -18px rgba(0,0,0,.8); color:var(--tinta) }
.fz-e[aria-pressed="true"] .fz-e__n{ background:var(--petroleo); color:var(--papel); box-shadow:none }
/* la última etapa (Obras por Impuestos) lleva el tono de su capa */
.fz-etapas > li:last-child .fz-e{ box-shadow:inset 0 0 0 1px rgba(127,167,222,.45) }
.fz-etapas > li:last-child .fz-e[aria-pressed="true"]{ box-shadow:0 14px 30px -18px rgba(0,0,0,.8) }
@media (max-width:47.99rem){
  .fz-etapas{ gap:4px }
  .fz-e{ min-height:5rem; padding:.5rem .15rem; gap:.3rem; border-radius:.6rem }
  .fz-e__n{ width:1.4rem; height:1.4rem; font-size:.74rem }
  .fz-e__t{ font-size:.7rem; line-height:1.18; max-width:none; hyphens:manual }
}