/* Sección "Web + NFC": foto en marco de vidrio + pasos y beneficios */
.nfc {
  display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 72px); align-items: center;
  max-width: 1120px; margin: 0 auto; padding: clamp(64px, 9vw, 120px) clamp(16px, 5vw, 64px);
}
.nfc-media { position: relative; margin: 0; border-radius: 30px; padding: 8px; overflow: hidden;
  background: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .04));
  border: 1px solid rgba(255, 255, 255, .2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), -1px 0 0 rgba(245, 246, 248, .5), 1px 0 0 rgba(225, 37, 27, .45),
    0 40px 90px -40px rgba(0, 0, 0, .85), 0 0 80px -20px rgba(217, 220, 225, .35); }
.nfc-media img, .nfc-video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 23px; }
.nfc-badge { position: absolute; left: 22px; top: 22px; display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 16px 8px 12px; border-radius: 99px; font: 700 14px "Jost", "Space Grotesk", sans-serif; letter-spacing: .04em; color: #ffffff;
  background: rgba(5, 5, 6, .55); border: 1px solid rgba(245, 246, 248, .6);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.nfc-badge svg { width: 20px; height: 20px; color: #d9dce1; }
.nfc-body h2 { margin: 8px 0 16px; font-size: clamp(32px, 4.4vw, 56px); }
.nfc-lead { margin: 0 0 26px; font-size: clamp(16px, 1.4vw, 18px); color: rgba(245, 245, 247, .8); max-width: 54ch; }
.nfc-steps { list-style: none; margin: 0 0 22px; padding: 0; display: grid; gap: 10px; }
.nfc-steps li { display: flex; align-items: center; gap: 16px; padding: 14px 18px; border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .03));
  border: 1px solid rgba(255, 255, 255, .14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
  -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); }
.nfc-steps b { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px;
  font: 700 15px "JetBrains Mono", monospace; color: #050506; background: conic-gradient(from 210deg, #ffffff, #8a8f97, #f5f6f8, #5b5f66, #d9dce1, #ffffff); }
.nfc-steps span { color: rgba(245, 245, 247, .8); line-height: 1.35; }
.nfc-steps strong { color: #ffffff; font-weight: 600; }
.nfc-perks { list-style: none; margin: 0 0 30px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; }
.nfc-perks li { position: relative; padding-left: 22px; font-size: 15px; color: rgba(245, 245, 247, .85); }
.nfc-perks li::before { content: ""; position: absolute; left: 0; top: .45em; width: 12px; height: 7px;
  border-left: 2px solid #d9dce1; border-bottom: 2px solid #d9dce1; transform: rotate(-45deg); }
@media (max-width: 860px) {
  .nfc { grid-template-columns: 1fr; }
  .nfc-media { max-width: 380px; width: 100%; justify-self: center; }
}
.lite .nfc-steps li, .lite .nfc-badge { -webkit-backdrop-filter: none; backdrop-filter: none; }
.lite .nfc-steps li { background: linear-gradient(135deg, rgba(52, 54, 62, .7), rgba(17, 17, 20, .8)); }