/* Acabamento visual (rodada da direção de arte): faixa de céu nas páginas internas e peças das páginas de turma */

/* ---------- faixa de céu com as estrelas do logo no topo das páginas internas ---------- */
body.pagina-interna{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='300' viewBox='0 0 520 300'%3E%3Cg stroke-linejoin='round' stroke-width='5'%3E%3Cpolygon transform='translate(60 60) scale(.52) rotate(-12 50 50)' points='50,6 61,36 93,37 67,56 77,87 50,69 23,87 33,56 7,37 39,36' fill='%2327AEE6' stroke='%2327AEE6'/%3E%3Cpolygon transform='translate(210 150) scale(.34) rotate(14 50 50)' points='50,6 61,36 93,37 67,56 77,87 50,69 23,87 33,56 7,37 39,36' fill='%23F2542D' stroke='%23F2542D'/%3E%3Cpolygon transform='translate(330 50) scale(.42) rotate(8 50 50)' points='50,6 61,36 93,37 67,56 77,87 50,69 23,87 33,56 7,37 39,36' fill='%2352B45C' stroke='%2352B45C'/%3E%3Cpolygon transform='translate(430 170) scale(.3) rotate(-20 50 50)' points='50,6 61,36 93,37 67,56 77,87 50,69 23,87 33,56 7,37 39,36' fill='%23D13A66' stroke='%23D13A66'/%3E%3Cpolygon transform='translate(120 200) scale(.26) rotate(22 50 50)' points='50,6 61,36 93,37 67,56 77,87 50,69 23,87 33,56 7,37 39,36' fill='%23F7902B' stroke='%23F7902B'/%3E%3C/g%3E%3C/svg%3E") right -40px top 70px/520px no-repeat,
  linear-gradient(#bfe3f8 0,#e3f3fc 190px,#fff 430px) top/100% 430px no-repeat,
  #fff}
@media (max-width:760px){
  body.pagina-interna{background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='160' viewBox='0 0 520 300'%3E%3Cg stroke-linejoin='round' stroke-width='5'%3E%3Cpolygon transform='translate(330 50) scale(.42) rotate(8 50 50)' points='50,6 61,36 93,37 67,56 77,87 50,69 23,87 33,56 7,37 39,36' fill='%2352B45C' stroke='%2352B45C'/%3E%3Cpolygon transform='translate(430 170) scale(.3) rotate(-20 50 50)' points='50,6 61,36 93,37 67,56 77,87 50,69 23,87 33,56 7,37 39,36' fill='%23D13A66' stroke='%23D13A66'/%3E%3Cpolygon transform='translate(210 150) scale(.34) rotate(14 50 50)' points='50,6 61,36 93,37 67,56 77,87 50,69 23,87 33,56 7,37 39,36' fill='%23F2542D' stroke='%23F2542D'/%3E%3C/g%3E%3C/svg%3E") right -30px top 64px/260px no-repeat,
    linear-gradient(#bfe3f8 0,#e3f3fc 130px,#fff 300px) top/100% 300px no-repeat,
    #fff}
}

/* ---------- páginas de turma ---------- */
.trilha{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 22px;padding:8px;background:rgba(255,255,255,.85);border-radius:99px;width:fit-content;max-width:100%;box-shadow:0 8px 22px -16px rgba(7,71,107,.6)}
.trilha a{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--navy);font:800 13.5px Nunito,sans-serif;padding:5px 12px 5px 6px;border-radius:99px}
.trilha svg polygon{fill:#fff;stroke:var(--cor)}
.trilha a:hover{background:color-mix(in srgb,var(--cor) 12%,#fff)}
.trilha a[aria-current=page]{background:color-mix(in srgb,var(--cor) 16%,#fff)}
.trilha a[aria-current=page] svg polygon{fill:var(--cor)}
.turma-topo{border-left:0;padding-left:0;display:grid;grid-template-columns:auto 1fr;column-gap:clamp(16px,3vw,30px);align-items:start;max-width:980px}
.turma-topo .emblema{grid-row:1 / span 7;filter:drop-shadow(0 14px 18px rgba(7,71,107,.18))}
.turma-topo>*:not(.emblema){grid-column:2}
.destaque-turma{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,4vw,44px);align-items:center;background:color-mix(in srgb,var(--cor) 7%,#fff);border-radius:32px;padding:clamp(20px,4vw,40px)}
.destaque-turma h2{margin-top:0;font-size:clamp(24px,2.8vw,34px)}
.destaque-turma figure{margin:0}
.destaque-turma img{width:100%;height:320px;object-fit:cover;border-radius:22px;display:block}
.destaque-turma figcaption{font-size:13.5px;font-weight:700;margin-top:8px;opacity:.85}
.inclusos{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.inclusos li{display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:12px 16px;font-size:16px;font-weight:700}
.inclusos svg{flex:none;color:color-mix(in srgb,var(--cor) 76%,#000)}
@media (max-width:760px){
  .trilha{border-radius:22px}
  .trilha a span{display:none}
  .trilha a{padding:5px}
  .trilha a[aria-current=page] span{display:inline}
  .trilha a[aria-current=page]{padding-right:12px}
  .turma-topo{grid-template-columns:1fr}
  .turma-topo .emblema{grid-row:auto;width:92px;height:92px;margin-bottom:6px}
  .turma-topo>*:not(.emblema){grid-column:1}
  .destaque-turma{grid-template-columns:1fr}
  .destaque-turma img{height:230px}
}

/* passos da matrícula ligados por uma linha */
@media (min-width:860px){
  .passos{position:relative}
  .passos::before{content:"";position:absolute;left:8%;right:8%;top:43px;border-top:3px dashed rgba(247,144,43,.55)}
  .passos li{position:relative}
}

/* espaço para o cabeçalho fixo, agora mais alto por causa do logo maior */
main.pagina{padding-top:132px}
@media (max-width:640px){main.pagina{padding-top:112px}}