.narrativa-sitemap-page { --map-ink: #222038; --map-muted: #777588; --map-line: #e7e5ee; --map-violet: #beb1ff; --map-blue: #000080; }
.narrativa-sitemap-page main#top { row-gap: 0; }
.sitemap-intro { position: relative; display: grid; grid-template-columns: 1fr minmax(260px, .42fr); align-items: end; gap: 35px; min-height: 405px; padding-top: 35px; padding-bottom: 45px; }
.sitemap-breadcrumb { position: absolute; top: 28px; left: 0; display: flex; gap: 10px; color: #898797; font-size: 11px; }
.sitemap-breadcrumb a:hover { color: var(--map-blue); }.sitemap-breadcrumb strong { color: var(--map-ink); font-weight: 600; }
.sitemap-intro-copy { max-width: 680px; padding-top: 75px; }.sitemap-kicker { display: inline-flex; align-items: center; gap: 8px; color: #77718f; font-size: 10px; font-weight: 700; letter-spacing: 1.3px; }.sitemap-kicker i { width: 7px; height: 7px; border-radius: 50%; background: var(--map-blue); box-shadow: 0 0 0 4px #eeedff; }
.sitemap-intro h1 { margin: 17px 0 17px; color: var(--map-ink); font: 400 clamp(48px, 6vw, 76px)/.98 var(--display); letter-spacing: -3.7px; }.sitemap-intro h1 span { color: var(--map-blue); }.sitemap-intro-copy > p { max-width: 535px; margin: 0; color: #706e7d; font-size: 15px; line-height: 1.8; }
.sitemap-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; max-width: 310px; padding: 19px 20px; border: 1px solid var(--map-line); border-radius: 7px; background: linear-gradient(135deg,#fff,#faf9ff); color: #777588; font-size: 11px; line-height: 1.5; }.sitemap-summary strong { color: var(--map-blue); font: 500 30px/1 var(--display); letter-spacing: -.7px; }.sitemap-summary i { flex-basis: 100%; height: 1px; margin: 5px 0 2px; background: var(--map-line); }
.sitemap-map { padding-top: 64px; padding-bottom: 30px; border-top: 1px solid var(--map-line); }.sitemap-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 38px; }.sitemap-section-heading h2 { margin: 12px 0 0; color: var(--map-ink); font: 400 clamp(36px, 4.2vw, 52px)/1.02 var(--display); letter-spacing: -2px; }.sitemap-section-heading h2 em { color: var(--map-blue); font-style: normal; }
.sitemap-search { display: flex; align-items: center; gap: 10px; width: min(330px, 100%); min-height: 47px; padding: 0 12px; border: 1px solid #e1dfeb; border-radius: 5px; background: #fff; color: #898797; }.sitemap-search:focus-within { border-color: #9282dc; box-shadow: 0 0 0 3px #beb1ff30; }.sitemap-search > span { font-size: 22px; line-height: 1; }.sitemap-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--map-ink); font: 12px var(--sans); }.sitemap-search input::placeholder { color: #9997a4; }.sitemap-search kbd { flex: 0 0 auto; padding: 3px 5px; border: 1px solid #ecebf1; border-radius: 3px; color: #9997a4; font: 9px var(--sans); }
.sitemap-flow { position: relative; }.sitemap-home-node { position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; width: min(390px,100%); min-height: 92px; margin: 0 auto; padding: 16px 18px; border: 1px solid #cfcae8; border-radius: 7px; background: #f8f7ff; box-shadow: 0 8px 24px #271d6610; }.sitemap-home-node:hover { border-color: var(--map-blue); transform: translateY(-2px); }.sitemap-home-node > span:nth-child(2) { display: grid; gap: 4px; }.sitemap-home-node small { color: #7c72a7; font-size: 8px; font-weight: 700; letter-spacing: 1px; }.sitemap-home-node strong { color: var(--map-ink); font: 600 20px/1 var(--display); }.sitemap-home-node em { color: #777588; font-size: 10px; font-style: normal; }.sitemap-home-node > b { margin-left: auto; color: var(--map-blue); font-size: 14px; }.sitemap-node-symbol { display: grid; flex: 0 0 44px; place-items: center; width: 44px; height: 44px; border-radius: 6px; background: var(--map-blue); color: #fff; font: 600 26px var(--display); }
.sitemap-branch-line { position: relative; width: 83.2%; height: 46px; margin: 0 auto; border-top: 1px solid #d9d6e6; }.sitemap-branch-line::before { position: absolute; top: -47px; left: 50%; height: 46px; border-left: 1px solid #d9d6e6; content: ""; }.sitemap-branch-line i { position: absolute; top: -1px; left: calc((100% / 6) * var(--branch) + (100% / 12)); height: 15px; border-left: 1px solid #d9d6e6; }.sitemap-branch-line i:nth-child(1) { --branch: 0; }.sitemap-branch-line i:nth-child(2) { --branch: 1; }.sitemap-branch-line i:nth-child(3) { --branch: 2; }.sitemap-branch-line i:nth-child(4) { --branch: 3; }.sitemap-branch-line i:nth-child(5) { --branch: 4; }.sitemap-branch-line i:nth-child(6) { --branch: 5; }
.sitemap-groups { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; align-items: start; }.sitemap-group { position: relative; min-width: 0; padding: 19px 17px 17px; border: 1px solid var(--map-line); border-radius: 7px; background: #fff; transition: border-color .2s,box-shadow .2s; }.sitemap-group::before { position: absolute; top: -32px; left: 50%; height: 31px; border-left: 1px solid #d9d6e6; content: ""; }.sitemap-group:hover { border-color: #c9c2e8; box-shadow: 0 10px 28px #2420380a; }.sitemap-group[hidden] { display: none; }.sitemap-group-heading { display: flex; align-items: flex-start; gap: 10px; min-height: 46px; margin: 0 0 13px; padding-bottom: 13px; border-bottom: 1px solid #efedf4; }.sitemap-group-index { display: grid; flex: 0 0 27px; place-items: center; width: 27px; height: 27px; border-radius: 5px; background: #f0edff; color: var(--map-blue); font: 600 12px var(--display); }.sitemap-group-heading h3 { margin: 1px 0 3px; color: var(--map-ink); font: 600 18px/1.1 var(--display); letter-spacing: -.2px; }.sitemap-group-heading p { margin: 0; color: #898797; font-size: 9px; line-height: 1.4; }.sitemap-group-count { margin-left: auto; padding: 4px 6px; border-radius: 3px; background: #f7f6fa; color: #817d91; font-size: 9px; white-space: nowrap; }
.sitemap-hub { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 9px; padding: 9px 10px; border: 1px solid #e5e1f3; border-radius: 4px; background: #fbfaff; color: var(--map-blue); font-size: 11px; font-weight: 700; line-height: 1.4; }.sitemap-hub:hover { border-color: #aea2e3; background: #f6f4ff; }.sitemap-hub span { flex: 1; }.sitemap-hub i { font-size: 11px; font-style: normal; }.sitemap-hub small { display: block; margin-top: 2px; color: #898797; font-size: 8px; font-weight: 500; }.sitemap-children { display: grid; gap: 2px; padding-left: 11px; border-left: 1px solid #e5e1f3; margin-left: 11px; }.sitemap-link { position: relative; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 6px 6px 6px 8px; border-radius: 3px; color: #575568; font-size: 10px; line-height: 1.42; }.sitemap-link::before { position: absolute; top: 12px; left: -12px; width: 7px; border-top: 1px solid #e5e1f3; content: ""; }.sitemap-link:hover { background: #f7f6fc; color: var(--map-blue); }.sitemap-link span { min-width: 0; }.sitemap-link i { flex: 0 0 auto; color: #aaa6b8; font-size: 9px; font-style: normal; }.sitemap-link[hidden] { display: none; }.sitemap-subgroup { margin-top: 12px; }.sitemap-subgroup-title { margin: 0 0 5px; color: #888597; font-size: 8px; font-weight: 700; letter-spacing: .9px; }.sitemap-empty { margin: 0 0 20px; padding: 22px; border: 1px dashed #dad7e8; border-radius: 6px; color: #777588; text-align: center; font-size: 12px; }.sitemap-empty[hidden] { display: none; }
.sitemap-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 25px; padding-top: 16px; padding-bottom: 58px; color: #797789; font-size: 9px; }.sitemap-legend span { display: flex; align-items: center; gap: 7px; }.sitemap-legend i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; }.legend-root { background: var(--map-blue); }.legend-hub { border: 1px solid #bdb2e9; background: #f3f0ff; }.legend-page { border: 1px solid #dad8e1; background: white; }.sitemap-legend p { margin: 0 0 0 auto; color: #9a98a5; }
.sitemap-bottom { display: grid; grid-template-columns: .4fr 1fr auto; align-items: center; gap: 25px; margin-bottom: 76px; padding: 24px 27px; border-radius: 6px; background: #f2f0fb; }.sitemap-bottom > span { color: #6f6598; font-size: 8px; font-weight: 700; letter-spacing: 1px; }.sitemap-bottom p { margin: 0; color: #656276; font-size: 11px; line-height: 1.6; }.sitemap-bottom > a { display: flex; align-items: center; gap: 15px; color: var(--map-blue); font-size: 10px; font-weight: 700; white-space: nowrap; }.sitemap-bottom > a b { font-size: 14px; font-weight: 500; }
@media (max-width: 900px) { .sitemap-groups { grid-template-columns: repeat(2,minmax(0,1fr)); }.sitemap-branch-line { width: 68%; }.sitemap-branch-line i:nth-child(n+3) { display: none; }.sitemap-intro { grid-template-columns: 1fr auto; }.sitemap-summary { max-width: 235px; } }
@media (max-width: 600px) { .sitemap-intro { display: block; min-height: 0; padding-top: 34px; padding-bottom: 35px; }.sitemap-intro-copy { padding-top: 65px; }.sitemap-intro h1 { font-size: clamp(46px,13vw,66px); letter-spacing: -2.7px; }.sitemap-intro-copy > p { font-size: 14px; }.sitemap-summary { max-width: 100%; margin-top: 24px; }.sitemap-map { padding-top: 44px; }.sitemap-section-heading { display: grid; gap: 22px; margin-bottom: 28px; }.sitemap-search { width: 100%; }.sitemap-branch-line { width: 1px; height: 28px; border-top: 0; border-left: 1px solid #d9d6e6; }.sitemap-branch-line::before,.sitemap-branch-line i { display: none; }.sitemap-groups { grid-template-columns: 1fr; gap: 13px; }.sitemap-group::before { top: -29px; height: 28px; }.sitemap-group { padding: 17px 15px; }.sitemap-legend { padding-bottom: 37px; }.sitemap-legend p { flex-basis: 100%; margin-left: 0; }.sitemap-bottom { grid-template-columns: 1fr; gap: 10px; margin-bottom: 48px; padding: 21px; }.sitemap-bottom > a { margin-top: 7px; } }
@media (prefers-reduced-motion: reduce) { .sitemap-home-node,.sitemap-group { transition: none; } }