/**
 * Páginas internas: nav (import) + densidade compacta.
 * Não usar na index — a home carrega só ss-nav-chrome.css.
 */
@import url("ss-nav-chrome.css?v=1.0.0");

/* ——— Compactação: só em páginas que carregam este ficheiro (não na index). ——— */
section {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
  scroll-margin-top: 56px !important;
}

.hero {
  padding-top: 14px !important;
  padding-bottom: 20px !important;
  min-height: 0 !important;
}

.hero-shell {
  gap: 8px !important;
}

.hero h1 {
  margin: 0.35rem 0 0.3rem !important;
  font-size: clamp(1.65rem, 3.1vw, 2.45rem) !important;
  line-height: 1.05 !important;
}

.hero p {
  line-height: 1.4 !important;
  font-size: clamp(0.88rem, 1.2vw, 0.95rem) !important;
}

.hero-actions {
  margin-top: 0.65rem !important;
  gap: 0.5rem !important;
}

.hero-signals {
  margin-top: 0.55rem !important;
  gap: 6px !important;
}

.hero-panel {
  padding: 11px 12px !important;
  border-radius: 18px !important;
}

.hero-panel-kicker {
  margin-bottom: 4px !important;
  font-size: 0.7rem !important;
}

.hero-panel-title {
  font-size: clamp(1rem, 1.75vw, 1.35rem) !important;
  line-height: 1.1 !important;
}

.hero-points {
  gap: 6px !important;
  margin-top: 8px !important;
}

.hero-point-ico {
  width: 30px !important;
  height: 30px !important;
  border-radius: 12px !important;
}

.hero-point strong {
  font-size: 0.86rem !important;
}

.hero-point span:last-child {
  font-size: 0.82rem !important;
  line-height: 1.38 !important;
}

.hero-metrics {
  gap: 6px !important;
  margin-top: 8px !important;
}

.hero-metric {
  padding: 7px 9px !important;
  border-radius: 14px !important;
}

.hero-metric strong {
  font-size: 0.95rem !important;
}

.hero-stat {
  padding: 9px 11px !important;
  border-radius: 15px !important;
}

.hero-stat strong {
  margin: 4px 0 2px !important;
  font-size: 0.94rem !important;
}

.hero-stat span {
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
}

.hero-panel-more {
  margin-top: 6px !important;
}

.hero-panel-more summary,
.hero-proof-drawer summary {
  padding: 8px 11px !important;
  font-size: 0.76rem !important;
}

.hero-panel-more .hero-points {
  padding: 0 10px 10px !important;
}

.hero-proof-drawer .hero-proof {
  padding: 0 8px 10px !important;
}

footer {
  padding-top: 22px !important;
  padding-bottom: 26px !important;
}

.foot {
  gap: 12px !important;
}

.foot img {
  height: 48px !important;
}

.card {
  padding: 12px !important;
}

.section-title {
  margin-bottom: 6px !important;
  font-size: clamp(1.28rem, 2vw, 1.75rem) !important;
  line-height: 1.12 !important;
}

.grid {
  gap: 10px !important;
}

.container {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

details.ac {
  padding: 9px 12px !important;
  margin: 7px 0 !important;
  border-radius: 14px !important;
}

details.ac summary {
  font-size: 0.92rem !important;
}

.field {
  margin-bottom: 8px !important;
}

.gallery-card {
  gap: 10px !important;
  padding: 10px !important;
  border-radius: 18px !important;
}

.gallery-card img {
  height: 200px !important;
  border-radius: 16px !important;
}

.carousel {
  gap: 10px !important;
  padding-bottom: 10px !important;
}

.btn {
  padding: 9px 16px !important;
  font-size: 0.88rem !important;
}

.badge {
  padding: 0.38rem 0.68rem !important;
  font-size: 0.74rem !important;
}

.site-header {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.nav {
  gap: 12px !important;
}

.brand img {
  height: var(--ss-logo-h-desktop, 72px) !important;
}

@media (max-width: 768px) {
  .brand img {
    height: var(--ss-logo-h-mobile, 48px) !important;
    max-height: 48px !important;
  }
}

details.ac .content {
  margin-top: 4px !important;
}

details.ac .content p {
  margin: 0.3em 0 0 !important;
  font-size: 0.86rem !important;
  line-height: 1.38 !important;
}