/* =========================================================
   SECCIÓN · Construido sobre blockchain (#blockchain)
   JS: js/blockchain.js (bloques de ejemplo que se agregan a la cadena)
   ========================================================= */
.chain-sec .head { max-width: 820px; }

/* Cadena de bloques en vivo */
.chain {
  position: relative; overflow: hidden; margin-bottom: clamp(40px, 5vw, 64px);
  padding: 22px 0; border-block: 1px solid var(--line-dark);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.chain-track { display: flex; gap: 34px; width: max-content; transition: transform .7s var(--ease-out); }
.block {
  position: relative; flex: none; width: 210px; padding: 14px 16px; display: grid; gap: 6px;
  background: var(--night-2); border: 1px solid var(--line-dark); border-radius: 14px;
  font-family: var(--f-mono); font-size: .72rem; color: var(--steel); font-variant-numeric: tabular-nums;
}
.block::after {   /* eslabón que une con el bloque anterior */
  content: ""; position: absolute; right: 100%; top: 50%; width: 34px; height: 2px;
  background: repeating-linear-gradient(90deg, var(--orange) 0 6px, transparent 6px 10px);
}
.block:first-child::after { display: none; }
.block .no { display: flex; justify-content: space-between; color: var(--orange); font-weight: 600; }
.block .what { color: var(--paper); font-family: var(--f-body); font-size: .9rem; }
.block .amt { font-family: var(--f-display); font-weight: 800; font-stretch: 110%; font-size: 1.35rem; color: var(--paper); line-height: 1; }
.block .hash { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.block.new { border-color: rgba(252, 102, 37, .7); box-shadow: 0 0 0 3px rgba(252, 102, 37, .15); }
.chain-note { position: absolute; right: 14px; bottom: 6px; font-family: var(--f-mono); font-size: .62rem; letter-spacing: .1em; color: var(--steel); }

@media (max-width: 720px) {
  .block { width: 180px; }
}