/* --- Plano de Fundo e Marca d'água --- */
body.bg-img.nunito-font {
  background: linear-gradient(135deg, #e9f1fa 0%, #f7fafc 100%);
  font-family: 'Nunito', 'Segoe UI', Arial, sans-serif;
  min-height: 100vh;
  position: relative;
}

span.sitemap-section-title {
    font-size: 1.5rem;
    font-weight: 700;
}

body.bg-img.nunito-font::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url('/storage/img/background/brasao.png') no-repeat center 120px;
  background-size: 340px auto;
  opacity: 0.07;
  pointer-events: none;
  z-index: 0;
}

.container.bg-white {
  background: #fff;
  border-radius: 2.2rem;
  box-shadow: 0 6px 32px 0 rgba(17,50,96,0.10), 0 1.5px 6px 0 rgba(0,0,0,0.03);
  padding: 2.5rem 2.2rem 2.2rem 2.2rem;
  margin-bottom: 2.5rem;
  position: relative;
  z-index: 1;
}

/* --- Títulos e Hierarquia --- */
header.mb-5.text-center h1 {
  font-family: 'Nunito', 'Segoe UI', Arial, sans-serif;
  font-size: 2.1rem;
  font-weight: 900;
  color: #113260;
  letter-spacing: 0.01em;
  margin-bottom: 0.5rem;
}
header.mb-5.text-center p.lead {
  color: #3a4a5d;
  font-size: 1.13rem;
  margin-bottom: 0.2rem;
}
.sitemap-section-title {
  font-size: 1.32rem;
  font-weight: 800;
  color: #113260;
  margin-bottom: 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  letter-spacing: 0.01em;
  background: linear-gradient(90deg, #e9f1fa 0%, #f7fafc 100%);
  padding: 0.5rem 1rem 0.5rem 0.7rem;
  border-radius: 0.7rem;
  box-shadow: 0 1px 4px 0 rgba(17,50,96,0.04);
}

/* --- Lista e Seções --- */
.sitemap-list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 700px;
  background: #f8fafc;
  border-radius: 2rem;
  box-shadow: 0 4px 32px 0 rgba(17,50,96,0.10), 0 1.5px 6px 0 rgba(0,0,0,0.03);
  padding: 2.8rem 2.2rem 2.2rem 2.2rem;
  border: 1.5px solid #e3eaf5;
}
.sitemap-list > li {
  margin-bottom: 2.5rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #e3eaf5;
}
.sitemap-list > li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.sitemap-list ul {
  list-style: none;
  margin: 0 0 0 1.7rem;
  padding: 0;
  border-left: 2.5px solid #e2e8f0;
}
.sitemap-list li ul li {
  margin-bottom: 0.6rem;
}

/* --- Botões/Links Modernos --- */
.sitemap-link, .sitemap-link-main {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.7rem 1.3rem;
  border-radius: 0.7rem;
  font-size: 1.09rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(90deg, #113260 60%, #1e4a8a 100%);
  text-decoration: none;
  transition: background 0.18s, box-shadow 0.18s, transform 0.13s;
  box-shadow: 0 2px 8px 0 rgba(17,50,96,0.08);
  margin-bottom: 0.2rem;
  border: none;
  outline: none;
  letter-spacing: 0.01em;
  min-width: 210px;
  justify-content: flex-start;
}
.sitemap-link:hover, .sitemap-link:focus, .sitemap-link-main:hover, .sitemap-link-main:focus {
  background: linear-gradient(90deg, #0d2547 60%, #2a5ca7 100%);
  color: #fff;
  box-shadow: 0 6px 18px 0 rgba(17,50,96,0.16);
  transform: translateY(-2px) scale(1.03);
  outline: 2.5px solid #1e4a8a;
}
.sitemap-link-main {
  font-size: 1.15rem;
  font-weight: 800;
  background: linear-gradient(90deg, #0d2547 60%, #2a5ca7 100%);
  margin-bottom: 0.6rem;
  letter-spacing: 0.02em;
}

/* --- Ícones SVG para links principais (opcional, exemplo para Portal da Transparência e Ouvidoria) --- */
.sitemap-link-main[data-icon="transparencia"]::before {
  content: url('data:image/svg+xml;utf8,<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="8" stroke="%23fff" stroke-width="2" fill="%231e4a8a"/><path d="M6 9l2 2 4-4" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: middle;
}
.sitemap-link-main[data-icon="ouvidoria"]::before {
  content: url('data:image/svg+xml;utf8,<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="4" width="14" height="10" rx="2" stroke="%23fff" stroke-width="2" fill="%231e4a8a"/><path d="M6 8h6" stroke="%23fff" stroke-width="2" stroke-linecap="round"/></svg>');
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: middle;
}

/* --- Responsividade --- */
@media (max-width: 991px) {
  .container.bg-white, .sitemap-list {
    padding: 1.2rem 0.7rem;
    border-radius: 1.1rem;
  }
}
@media (max-width: 767px) {
  .sitemap-section-title {
    font-size: 1.08rem;
    padding: 0.4rem 0.7rem 0.4rem 0.5rem;
  }
  .sitemap-link, .sitemap-link-main {
    font-size: 1rem;
    padding: 0.6rem 0.7rem;
    min-width: 140px;
  }
}