/* autismo.css
   Identidade AZUL (referência Abril Azul), só da landing de autismo/TEA.
   Carrega depois de trabalhista.css e landing.css, redefinindo os tons verdes. */

:root {
  --paper: #f6f8fb;
  --ink: #123b62;
  --muted: #5c6b7a;
  --gold: #9cc3e4;
  --line: #d7dfe8
}

h2 em, .hero h1 em, .team-bottom h2 em {
  color: #3f719b
}
.dot {
  background: #6f9ec6
}
.monogram span, .contact-mark span, .scene-monogram span {
  color: #6f9ec6
}
.button:hover {
  background: #1b5183
}
a:focus-visible, summary:focus-visible {
  outline-color: #2f74b5
}

.hero-watermark, .about-watermark {
  color: rgba(18, 59, 98, .055)
}
.portrait-frame {
  background: #33566f
}
.portrait::before {
  border-color: #8fb5d6
}
.portrait-caption > span {
  color: #cfe2f3
}
.portrait-note {
  color: #4f7ea6
}

.experience {
  background: #e7eff7
}
.experience-grid > div {
  border-left-color: #c6d4e2
}
.experience strong > span, .experience-grid .globe {
  color: #4f86b5
}

.number, .steps article > span, .pillar svg, .pillar .ref {
  color: #4f7ea6
}
.steps article {
  border-top-color: #a8c1d6
}
.right-card:hover {
  background: #e9f1f8
}
.tags > span:before, .hero-selos span:before, .about-values span:before {
  color: #4f86b5
}
.tags-note a {
  border-bottom-color: #6f9ec6
}
.about {
  background: #e7eff7
}
.panel > p, .panel .item small {
  color: #c6d8e8
}
.panel .item {
  border-top-color: #34618c
}
.sim input[type=range] {
  accent-color: #2f74b5
}
.sim-res .box.fut .v {
  color: #2f74b5
}
.contact h2 em {
  color: #bfd8ec
}
.contact p:not(.eyebrow,.micro) {
  color: #c3d3e0
}
.contact .eyebrow, .contact .micro {
  color: #b6cade
}
.contact-info {
  border-left-color: #3a6389
}
.contact-info a {
  border-bottom-color: #76a0c2
}
.button.light {
  background: #e4edf5
}
.team-scene {
  background: var(--ink)
}
.team-shade {
  background: linear-gradient(180deg, rgba(10, 38, 64, .13) 0%, rgba(10, 38, 64, .08) 37%, rgba(10, 38, 64, .94) 100%)
}
.team-bottom .eyebrow {
  color: #bcd5ea
}
.team-bottom > p {
  color: #dbe6f0
}

/* Emblema do quebra-cabeça (conscientização do autismo). */
.puzzle-emblem {
  display: block;
  margin-bottom: 18px
}

@media(max-width:600px) {
  .contact-info {
    border-top-color: #3a6389
  }
  .team-shade {
    background: linear-gradient(180deg, transparent 50px, rgba(18, 59, 98, .03) 100px, var(--ink) 215px)
  }
}