/* paginas do metodo SiaaE dentro do ProvaJa (metodo/): pecas copiadas do site do SiaaE, para o leitor nao sair do site •Cla */
:root{--amarelo-claro:#fff6dc;--verde-claro:#e5f8ea;--turquesa:#0fb5ae}
.metodo-hero{padding:56px 0 26px;position:relative;overflow:hidden}
.metodo-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.metodo-hero.aluno{background:linear-gradient(180deg,#fff1c2 0%,var(--papel) 100%)}
.metodo-hero.professor{background:linear-gradient(180deg,#d6ecff 0%,var(--papel) 100%)}
.metodo-hero.hub{background:linear-gradient(180deg,#eaf6ec 0%,var(--papel) 100%)}
.metodo-hero h1{font-size:clamp(2.4rem,5vw,4rem)}
.metodo-hero .personagem{max-height:320px;width:auto;justify-self:center;filter:drop-shadow(0 16px 18px rgba(0,0,0,.15))}
.metodo-portas{padding-top:20px;padding-bottom:10px}
.metodo-portas .porta{color:var(--tinta)}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border-radius:var(--raio);padding:28px;box-shadow:var(--sombra)}
.card .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--k,var(--azul)) 13%,#fff);color:var(--k,var(--azul));margin-bottom:16px}
.card .ico svg{width:24px;height:24px}
.card p{margin:0;font-size:.95rem}
.resumo-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.resumo-card{background:#fff;border-radius:26px;padding:22px 22px 26px;box-shadow:var(--sombra);border-top:6px solid var(--k);display:flex;flex-direction:column}
.resumo-card .mini{background:var(--papel);border-radius:18px;padding:18px;min-height:128px;display:grid;align-content:center;gap:8px;margin-bottom:18px}
.resumo-card .mini small{font-size:.78rem;color:var(--suave);text-align:center}
.resumo-card .num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--k);color:#fff;font-weight:700;margin-bottom:10px}
.resumo-card h3{font-size:1.18rem;margin-bottom:6px}
.resumo-card p{margin:0;font-size:.93rem}
.s-max{--s:#f5c400}
.mini .sinais-linha{display:flex;justify-content:center;gap:10px}
.mini .sinais-linha .sinal{width:24px;height:24px}
.mini .medalhas-linha{display:flex;justify-content:center;align-items:flex-end;gap:14px}
.mini .medalhas-linha img{height:62px;width:auto}
.mini .medalhas-linha img:nth-child(2){height:74px}
.barra{position:relative;height:22px;border-radius:999px;background:#e8ecf2}
.barra .a{position:absolute;top:0;bottom:0;left:0;border-radius:999px;background:var(--c,var(--azul));width:var(--v)}
.barra .t{position:absolute;top:50%;left:0;height:3px;background:var(--tinta);width:var(--m);transform:translateY(-50%)}
.barra .t::after{content:"";position:absolute;right:-1px;top:-6px;width:3px;height:15px;border-radius:2px;background:var(--tinta)}
.bar-dupla{display:grid;gap:5px}
.bar-dupla .barra{height:16px}
.bar-dupla .barra.top{height:8px}
.bar-dupla .barra.top .a{background:var(--laranja)}
.abaco{position:relative}
.abaco .bola{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;background:var(--roxo);border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transform:translate(-50%,-50%);left:var(--r)}
.propaganda{max-width:760px;margin:30px auto 0;border-radius:26px;overflow:hidden;box-shadow:var(--sombra-forte)}
.propaganda img{width:100%}
.fala{position:relative;background:var(--amarelo-claro);border-radius:22px;padding:16px 20px;color:var(--tinta);font-weight:500;margin:16px 0}
.fala.azul{background:var(--azul-claro)}
.fala small{display:block;font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);margin-bottom:2px}
.outra-porta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:#fff;border-radius:26px;padding:26px 30px;box-shadow:var(--sombra);margin-top:10px}
.outra-porta p{margin:0}
@media (max-width:900px){.metodo-hero-grid{grid-template-columns:1fr}.metodo-hero .personagem{max-height:200px;justify-self:start}.cards-3,.resumo-3{grid-template-columns:1fr}}