/* Regras isoladas: somente a seção de significado do nome. */
#significado-kryptopass {
  --kp-name-paper: #edeef0;
  --kp-name-accent: #009eaf;
  padding: 76px 0 64px;
  color: var(--text);
  background: linear-gradient(145deg, var(--bg-soft), #08232c 60%, var(--bg));
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 110px;
}
#significado-kryptopass .kp-name-heading { margin-bottom: 34px; }
#significado-kryptopass .kp-name-eyebrow { display: block; color: var(--cyan-soft); font-size: 12px; font-weight: 800; letter-spacing: 2px; margin-bottom: 14px; }
#significado-kryptopass .kp-name-heading h2 { color: var(--text); font-size: clamp(30px, 3.6vw, 44px); line-height: 1.16; letter-spacing: -1px; margin-bottom: 16px; }
#significado-kryptopass .kp-name-heading p { color: var(--muted); font-size: 17px; line-height: 1.7; }
#significado-kryptopass .kp-name-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
#significado-kryptopass .kp-name-card { display: flex; flex-direction: column; min-width: 0; padding: 20px 24px 30px; color: var(--ink); background: var(--kp-name-paper); border: 1px solid rgba(255, 255, 255, .6); border-radius: var(--radius); }
#significado-kryptopass .kp-name-art { margin: -4px -12px 8px; }
#significado-kryptopass .kp-name-art img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; mix-blend-mode: darken; }
#significado-kryptopass .kp-name-card h3 { text-align: center; color: var(--ink); font-weight: 400; }
#significado-kryptopass .kp-name-fragment { display: block; position: relative; padding-bottom: 12px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(66px, 6.4vw, 92px); font-weight: 400; line-height: 1.08; letter-spacing: -3px; }
#significado-kryptopass .kp-name-fragment::after { content: ""; position: absolute; bottom: 2px; left: 50%; width: 112px; height: 5px; transform: translateX(-50%) rotate(-1deg); border-top: 3px solid var(--kp-name-accent); border-radius: 50%; }
#significado-kryptopass .kp-name-label { display: block; padding: 14px 0 20px; font-size: 23px; line-height: 1.35; }
#significado-kryptopass .kp-name-description { flex: 1; border-top: 1px solid #c7d0d4; padding-top: 18px; color: #3a4651; font-size: 17px; line-height: 1.6; text-align: center; }
#significado-kryptopass .kp-name-summary { display: flex; justify-content: center; align-items: center; gap: 24px; margin-top: 32px; color: var(--cyan-soft); font-size: 20px; font-weight: 700; line-height: 1.5; text-align: center; }
#significado-kryptopass .kp-name-summary::before,
#significado-kryptopass .kp-name-summary::after { content: ""; flex: 0 1 80px; height: 1px; background: var(--cyan); }
@media (max-width: 1040px) {
  #significado-kryptopass .kp-name-grid { gap: 16px; }
  #significado-kryptopass .kp-name-card { padding: 18px 18px 26px; }
  #significado-kryptopass .kp-name-fragment { font-size: 66px; }
  #significado-kryptopass .kp-name-label { font-size: 20px; }
  #significado-kryptopass .kp-name-description { font-size: 16px; }
}
@media (max-width: 760px) {
  #significado-kryptopass { padding: 50px 0; }
  #significado-kryptopass .kp-name-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  #significado-kryptopass .kp-name-card { padding: 22px 26px 28px; }
  #significado-kryptopass .kp-name-art { width: 100%; max-width: 380px; margin: -4px auto 8px; }
  #significado-kryptopass .kp-name-fragment { font-size: 80px; }
  #significado-kryptopass .kp-name-label { font-size: 23px; }
  #significado-kryptopass .kp-name-description { max-width: 480px; width: 100%; margin: 0 auto; font-size: 17px; }
}
@media (max-width: 460px) {
  #significado-kryptopass .kp-name-heading p { font-size: 16px; }
  #significado-kryptopass .kp-name-card { padding: 18px 20px 26px; }
  #significado-kryptopass .kp-name-fragment { font-size: 68px; }
  #significado-kryptopass .kp-name-label { font-size: 21px; }
  #significado-kryptopass .kp-name-summary { font-size: 17px; gap: 10px; }
  #significado-kryptopass .kp-name-summary::before,
  #significado-kryptopass .kp-name-summary::after { display: none; }
}
