/* Tipografia e UX — páginas do menu Sobre nós
   Escopo: Sobre nós, Serviços, Treinamentos, Profissionais certificados,
   Código de conduta, Políticas de privacidade, hub Sobre a Eximport */

:root {
  --sobre-font: var(--font, "Helvetica Neue", Helvetica, Arial, sans-serif);
  --sobre-display: var(--font-h1, "Neue Haas Grotesk Display", "Helvetica Neue", Arial, sans-serif);
  --sobre-ink: #14231b;
  --sobre-muted: #4a5c52;
  --sobre-green: #0c6937;
  --sobre-green-deep: #063d22;
  --sobre-mint: #e8f6ee;
  --sobre-line: rgba(12, 105, 55, 0.16);
}

app-about-us,
app-about-us-menu,
app-services,
app-training,
app-certified-professionals,
app-code,
app-privacy-policy,
app-privacy-policy-app,
#about-us,
#sobrenos,
#services,
#training,
#certified-professionals,
#code,
#privacy-policy {
  font-family: var(--sobre-font) !important;
  color: var(--sobre-ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* =========================================================
   Banners institucionais (títulos brancos sobre foto)
   ========================================================= */
#about-us .banner .grnctn h1,
#services .banner h1,
#training .banner h1,
#certified-professionals .banner h1,
#code .banner h1,
#privacy-policy .banner h1,
app-about-us .banner h1,
app-services .banner h1,
app-training .banner h1,
app-certified-professionals .banner h1,
app-code .banner h1,
app-privacy-policy .banner h1,
app-privacy-policy-app .banner h1 {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: clamp(2.15rem, 5vw, 3.5rem) !important;
  letter-spacing: -0.035em !important;
  line-height: 1.05 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35) !important;
  margin: 0 !important;
}

#about-us .banner .grnctn h2,
#training .banner h2,
#certified-professionals .banner h2,
#code .banner p,
#privacy-policy .banner h2,
app-about-us .banner h2,
app-training .banner h2,
app-certified-professionals .banner h2,
app-code .banner p,
app-privacy-policy .banner h2,
app-privacy-policy-app .banner h2 {
  font-family: var(--sobre-font) !important;
  font-weight: 400 !important;
  font-size: clamp(1.05rem, 2.2vw, 1.4rem) !important;
  letter-spacing: -0.01em !important;
  line-height: 1.4 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.28) !important;
  margin: 0.65rem 0 0 !important;
}

/* Serviços — subtítulo do banner em verde clarinho */
#services .banner h2,
app-services .banner h2 {
  font-family: var(--sobre-font) !important;
  font-weight: 400 !important;
  font-size: clamp(1.05rem, 2.2vw, 1.4rem) !important;
  letter-spacing: -0.01em !important;
  line-height: 1.4 !important;
  color: #b7f0c9 !important;
  -webkit-text-fill-color: #b7f0c9 !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.28) !important;
  margin: 0.65rem 0 0 !important;
}

#services .banner .banner-desc,
app-services .banner .banner-desc {
  font-family: var(--sobre-font) !important;
  font-weight: 400 !important;
  font-size: clamp(0.98rem, 1.5vw, 1.1rem) !important;
  letter-spacing: -0.01em !important;
  line-height: 1.65 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
  max-width: 42rem !important;
  margin: 1rem auto 2rem !important;
}

#privacy-policy .banner hr,
#certified-professionals hr {
  height: 3px !important;
  max-width: 5rem !important;
  background: #b7f0c9 !important;
  opacity: 1 !important;
  border: none !important;
  margin: 1rem auto 0 !important;
}

/* =========================================================
   Sobre nós (#about-us)
   ========================================================= */
#about-us .banner .grnctn {
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  background-color: rgba(6, 61, 34, 0.55) !important;
  border: 1px solid rgba(183, 240, 201, 0.22);
  padding: clamp(1.5rem, 3vw, 2.25rem) !important;
  border-radius: 18px !important;
  max-width: 56rem !important;
}

#about-us .banner .grnctn .btn-historia,
app-about-us .btn-historia {
  font-family: var(--sobre-font) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: -0.015em !important;
  color: var(--sobre-green-deep) !important;
  -webkit-text-fill-color: var(--sobre-green-deep) !important;
  padding: 0.85rem 1.5rem !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#about-us .banner .grnctn .btn-historia:hover {
  transform: translate(-50%, calc(50% - 1px));
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22);
}

#about-us .container h2,
app-about-us .container h2 {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: clamp(1.75rem, 3.5vw, 2.6rem) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.15 !important;
}

#about-us .container h3,
app-about-us .container h3 {
  font-family: var(--sobre-font) !important;
  font-weight: 400 !important;
  font-size: clamp(1.05rem, 2vw, 1.25rem) !important;
  letter-spacing: -0.01em !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

#about-us .quote-section .quote-text,
app-about-us .quote-text {
  font-family: var(--sobre-display) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: clamp(1.2rem, 2.4vw, 1.55rem) !important;
  letter-spacing: -0.025em !important;
  line-height: 1.45 !important;
  color: #b7f0c9 !important;
  -webkit-text-fill-color: #b7f0c9 !important;
}

#about-us .quote-section .quote-author,
app-about-us .quote-author {
  font-family: var(--sobre-font) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

#about-us .bottom-message p,
app-about-us .bottom-message p {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: clamp(1.15rem, 2.2vw, 1.5rem) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.4 !important;
  color: #b7f0c9 !important;
  -webkit-text-fill-color: #b7f0c9 !important;
}

/* =========================================================
   Hub Sobre a Eximport (#sobrenos)
   ========================================================= */
#sobrenos,
app-about-us-menu {
  background:
    radial-gradient(80% 50% at 100% 0%, rgba(183, 240, 201, 0.22), transparent 50%),
    linear-gradient(180deg, #f7fbf8 0%, #eef6f1 100%);
  padding-bottom: 3rem;
}

#sobrenos h1,
app-about-us-menu h1 {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: clamp(2rem, 4vw, 2.85rem) !important;
  letter-spacing: -0.035em !important;
  line-height: 1.1 !important;
  color: var(--sobre-green-deep) !important;
  -webkit-text-fill-color: var(--sobre-green-deep) !important;
  margin: 2rem 0 0.5rem !important;
  text-align: center;
}

#sobrenos ul li,
app-about-us-menu ul li {
  background: #ffffff !important;
  border: 1px solid var(--sobre-line) !important;
  border-radius: 14px !important;
  padding: 1.1rem 0.85rem !important;
  margin: 0.5rem !important;
  box-shadow: 0 8px 22px rgba(20, 35, 27, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

#sobrenos ul li:hover,
app-about-us-menu ul li:hover {
  transform: translateY(-2px);
  border-color: rgba(12, 105, 55, 0.35) !important;
  box-shadow: 0 12px 28px rgba(20, 35, 27, 0.1);
}

#sobrenos ul li a,
app-about-us-menu ul li a {
  font-family: var(--sobre-font) !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  letter-spacing: -0.015em !important;
  color: var(--sobre-green) !important;
  -webkit-text-fill-color: var(--sobre-green) !important;
  text-decoration: none !important;
}

/* =========================================================
   Serviços (#services)
   ========================================================= */
#services .banner .col-2-10 h4,
#services .banner .col-2-10 h5,
#services .banner .service-title,
app-services .service-title,
app-services .banner h4,
app-services .banner h5 {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  letter-spacing: -0.02em !important;
  color: var(--sobre-green-deep) !important;
  -webkit-text-fill-color: var(--sobre-green-deep) !important;
  margin: 0.65rem 0 0.35rem !important;
}

#services .banner .col-2-10 p,
app-services .banner .col-2-10 p {
  font-family: var(--sobre-font) !important;
  font-weight: 400 !important;
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
  letter-spacing: -0.01em !important;
  color: var(--sobre-muted) !important;
  -webkit-text-fill-color: var(--sobre-muted) !important;
}

#services .container > .col-half > h2,
app-services .container > .col-half > h2,
#services .col-half > h2 {

  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: clamp(1.45rem, 2.6vw, 1.9rem) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.2 !important;
  color: var(--sobre-green-deep) !important;
  -webkit-text-fill-color: var(--sobre-green-deep) !important;
  margin: 0 0 0.75rem !important;
}

/* reforço: subtítulo do banner de Serviços em verde clarinho */
html body #services .banner h2,
html body app-services .banner h2,
html body #services .banner .col-full > h2 {
  color: #b7f0c9 !important;
  -webkit-text-fill-color: #b7f0c9 !important;
}

#services .container p,
#services .col-half > p,
app-services .container p {
  font-family: var(--sobre-font) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: -0.01em !important;
  color: var(--sobre-muted) !important;
  -webkit-text-fill-color: var(--sobre-muted) !important;
}

#services ul li,
app-services ul li {
  font-family: var(--sobre-font) !important;
  font-size: 0.98rem !important;
  line-height: 1.55 !important;
  color: var(--sobre-ink) !important;
}

#services .bottom-cta p,
app-services .bottom-cta p {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: clamp(1.1rem, 2vw, 1.35rem) !important;
  letter-spacing: -0.02em !important;
  color: var(--sobre-ink) !important;
  -webkit-text-fill-color: var(--sobre-ink) !important;
}

#services .bottom-cta .specialist-cta,
#services a.specialist-cta,
app-services .specialist-cta {
  font-family: var(--sobre-font) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: -0.015em !important;
  text-decoration: none !important;
}

#services hr,
app-services hr {
  height: 3px !important;
  max-width: 5rem !important;
  width: 5rem !important;
  background: var(--sobre-green) !important;
  opacity: 1 !important;
  margin: 0 0 1.25rem !important;
}

/* =========================================================
   Treinamentos (#training)
   ========================================================= */
#training .greenctn h3,
#training .greenctnbtm h3,
app-training .greenctn h3,
app-training .greenctnbtm h3 {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: clamp(1.35rem, 2.8vw, 1.85rem) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#training .greenctn p,
#training .greenctnbtm p,
app-training .greenctn p,
app-training .greenctnbtm p {
  font-family: var(--sobre-font) !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: -0.01em !important;
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
}

#training .training-intro,
app-training .training-intro {
  font-family: var(--sobre-font) !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  letter-spacing: -0.01em !important;
  color: var(--sobre-muted) !important;
  -webkit-text-fill-color: var(--sobre-muted) !important;
  max-width: 46rem !important;
  margin: 0 auto 1rem !important;
}

/* Grid dos cards (+ Performance, + Satisfação, etc.) */
#training .container:has(> .col-2-12),
app-training .container:has(> .col-2-12) {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  column-gap: 10px !important;
  row-gap: 18px !important;
  justify-content: center !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
}

html body #training .container > .col-2-12,
html body app-training .container > .col-2-12 {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html body #training .greenhouse,
html body app-training .greenhouse {
  width: 100% !important;
  height: 236px !important;
  min-height: 236px !important;
  max-height: 236px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  padding: 0 8px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
  /* shorthand sobrescreve contain/bottom do Angular */
  background: transparent url(/eximport-site-novo/bkg-green-house.png) center 48px / 158px 168px no-repeat !important;
}

html body #training .greenhouse .greenicon,
html body app-training .greenhouse .greenicon {
  position: absolute !important;
  top: 30px !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: 66px !important;
  height: 66px !important;
  margin: 0 !important;
}

html body #training .greenhouse h4,
html body app-training .greenhouse h4 {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: 0.98rem !important;
  letter-spacing: -0.02em !important;
  color: var(--sobre-green-deep) !important;
  -webkit-text-fill-color: var(--sobre-green-deep) !important;
  margin: 78px 0 4px !important;
  padding: 0 !important;
  line-height: 1.15 !important;
  min-height: 1.2em !important;
  max-width: 9.5rem !important;
}

html body #training .greenhouse p,
html body app-training .greenhouse p {
  font-family: var(--sobre-font) !important;
  font-weight: 400 !important;
  font-size: 0.7rem !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  color: var(--sobre-muted) !important;
  -webkit-text-fill-color: var(--sobre-muted) !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 9.2rem !important;
  min-height: 3.9em !important;
}

#training .container .col-7-12 a,
#training a.nounderline[href*="contato"],
app-training .container a[href*="contato"] {
  font-family: var(--sobre-font) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: -0.015em !important;
  border-radius: 999px !important;
  padding: 0.8rem 1.6rem !important;
  background: var(--sobre-green) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(12, 105, 55, 0.25);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

#training .container .col-7-12 a:hover,
app-training .container a[href*="contato"]:hover {
  background: var(--sobre-green-deep) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(12, 105, 55, 0.3);
}

#training h2,
#training .container h2,
app-training h2 {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: clamp(1.4rem, 2.5vw, 1.85rem) !important;
  letter-spacing: -0.03em !important;
  color: var(--sobre-green-deep) !important;
  -webkit-text-fill-color: var(--sobre-green-deep) !important;
}

#training .container > .col-7-12 p,
#training .container > .col-5-12 p,
#training .container > .col-full p,
app-training .container > .col-7-12 p,
app-training .container > .col-5-12 p,
app-training .container > .col-full p {
  font-family: var(--sobre-font) !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
  color: var(--sobre-muted) !important;
}

@media (max-width: 1199px) {
  #training .container:has(> .col-2-12),
  app-training .container:has(> .col-2-12) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 640px !important;
  }
}

@media (max-width: 699px) {
  #training .container:has(> .col-2-12),
  app-training .container:has(> .col-2-12) {
    grid-template-columns: minmax(0, 280px) !important;
    justify-content: center !important;
  }
}

/* =========================================================
   Profissionais certificados
   ========================================================= */
#certified-professionals .container h2,
app-certified-professionals .container h2 {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important;
  letter-spacing: -0.03em !important;
  color: var(--sobre-green-deep) !important;
  -webkit-text-fill-color: var(--sobre-green-deep) !important;
}

#certified-professionals .container h3,
app-certified-professionals .container h3 {
  font-family: var(--sobre-font) !important;
  font-weight: 400 !important;
  font-size: clamp(1.05rem, 2vw, 1.25rem) !important;
  letter-spacing: -0.01em !important;
  color: var(--sobre-muted) !important;
  -webkit-text-fill-color: var(--sobre-muted) !important;
}

#certified-professionals .search,
app-certified-professionals .search {
  border: 1px solid var(--sobre-line) !important;
  box-shadow: 0 8px 22px rgba(20, 35, 27, 0.06);
  background: #ffffff !important;
}

#certified-professionals .search input,
app-certified-professionals .search input {
  font-family: var(--sobre-font) !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: -0.01em !important;
  color: var(--sobre-ink) !important;
}

#certified-professionals table .tablehead tr,
#certified-professionals table .tablehead th,
app-certified-professionals table .tablehead tr,
app-certified-professionals table .tablehead th {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  letter-spacing: -0.015em !important;
}

#certified-professionals table .table td,
app-certified-professionals table .table td {
  font-family: var(--sobre-font) !important;
  font-size: 0.95rem !important;
  letter-spacing: -0.01em !important;
  color: var(--sobre-ink) !important;
}

#certified-professionals table .table td a,
app-certified-professionals table td a {
  font-family: var(--sobre-font) !important;
  font-weight: 600 !important;
  color: var(--sobre-green) !important;
  text-decoration: none !important;
}

#certified-professionals table .table td a:hover,
app-certified-professionals table td a:hover {
  color: var(--sobre-green-deep) !important;
}

/* =========================================================
   Código de conduta (#code)
   ========================================================= */
#code .banner a,
app-code .banner a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--sobre-font) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: -0.015em !important;
  background: #ffffff !important;
  color: var(--sobre-green-deep) !important;
  -webkit-text-fill-color: var(--sobre-green-deep) !important;
  padding: 0.85rem 1.6rem !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  margin-top: 1.25rem !important;
}

#code .banner a:hover,
app-code .banner a:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);
}

#code .banner hr {
  height: 3px !important;
  max-width: 5rem !important;
  background: #b7f0c9 !important;
  border: none !important;
  margin: 1rem auto !important;
}

/* =========================================================
   Políticas de privacidade
   ========================================================= */
#privacy-policy,
app-privacy-policy,
app-privacy-policy-app {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

#privacy-policy .container,
app-privacy-policy .container,
app-privacy-policy-app .container {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#privacy-policy .col-full,
app-privacy-policy .col-full,
app-privacy-policy-app .col-full {
  width: 100% !important;
  max-width: 1180px !important;
  padding: 0 1.5rem 3rem !important;
  margin: 0 auto 0 !important;
  box-sizing: border-box !important;
}

#privacy-policy h2,
app-privacy-policy h2,
app-privacy-policy-app h2 {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: clamp(1.55rem, 2.8vw, 2rem) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.2 !important;
  color: var(--sobre-green-deep) !important;
  -webkit-text-fill-color: var(--sobre-green-deep) !important;
  margin: 0 0 1rem !important;
}

#privacy-policy h3,
app-privacy-policy h3,
app-privacy-policy-app h3 {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: clamp(1.15rem, 2vw, 1.35rem) !important;
  letter-spacing: -0.025em !important;
  line-height: 1.25 !important;
  color: var(--sobre-green) !important;
  -webkit-text-fill-color: var(--sobre-green) !important;
  margin: 2rem 0 0.75rem !important;
}

#privacy-policy p,
#privacy-policy li,
app-privacy-policy p,
app-privacy-policy li,
app-privacy-policy-app p,
app-privacy-policy-app li {
  font-family: var(--sobre-font) !important;
  font-size: 1.02rem !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  letter-spacing: -0.01em !important;
  color: var(--sobre-muted) !important;
  -webkit-text-fill-color: var(--sobre-muted) !important;
}

#privacy-policy li,
app-privacy-policy li,
app-privacy-policy-app li {
  margin-bottom: 0.55rem !important;
  color: var(--sobre-ink) !important;
  -webkit-text-fill-color: var(--sobre-ink) !important;
}

#privacy-policy .last-update,
app-privacy-policy-app .last-update {
  font-family: var(--sobre-font) !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  color: var(--sobre-muted) !important;
  -webkit-text-fill-color: var(--sobre-muted) !important;
  margin: 0 0 1.5rem !important;
}

#privacy-policy hr,
app-privacy-policy hr,
app-privacy-policy-app hr {
  height: 3px !important;
  max-width: 5rem !important;
  width: 5rem !important;
  background: var(--sobre-green) !important;
  opacity: 1 !important;
  margin: 0 0 1.5rem !important;
}

#privacy-policy a,
app-privacy-policy a,
app-privacy-policy-app a {
  font-family: var(--sobre-font) !important;
  font-weight: 600 !important;
  color: var(--sobre-green) !important;
  text-decoration: none !important;
}

#privacy-policy a:hover,
app-privacy-policy a:hover,
app-privacy-policy-app a:hover {
  color: var(--sobre-green-deep) !important;
}

/* =========================================================
   Política de qualidade (se o chunk carregar)
   ========================================================= */
app-quality-policy,
#quality-policy {
  font-family: var(--sobre-font) !important;
  color: var(--sobre-ink);
}

app-quality-policy h1,
#quality-policy h1,
app-quality-policy .banner h1 {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  font-size: clamp(2.15rem, 5vw, 3.5rem) !important;
  letter-spacing: -0.035em !important;
  color: #ffffff !important;
}

app-quality-policy h2,
app-quality-policy h3,
#quality-policy h2,
#quality-policy h3 {
  font-family: var(--sobre-display) !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em !important;
  color: var(--sobre-green-deep) !important;
}

app-quality-policy p,
#quality-policy p {
  font-family: var(--sobre-font) !important;
  line-height: 1.7 !important;
  color: var(--sobre-muted) !important;
}

/* =========================================================
   Responsivo
   ========================================================= */
@media (max-width: 899px) {
  #about-us .banner .grnctn h1,
  #services .banner h1,
  #training .banner h1,
  #certified-professionals .banner h1,
  #code .banner h1,
  #privacy-policy .banner h1 {
    font-size: clamp(1.85rem, 8vw, 2.4rem) !important;
  }

  #services .banner .col-full h1,
  #certified-professionals .banner .col-full h1 {
    margin-top: 4.5rem !important;
  }

  #privacy-policy .col-full,
  app-privacy-policy .col-full,
  app-privacy-policy-app .col-full {
    padding-inline: 1.25rem !important;
  }
}