/* Orientacao e efeitos das paginas internas. Usa as classes base de home-fx.css. */
.onde{padding:14px 0 6px}
.onde-card{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;background:#fff;border:1px solid var(--line);border-left:6px solid #168821;border-radius:12px;padding:18px 20px;box-shadow:0 2px 12px rgba(12,50,111,.06)}
.onde-ic{display:inline-flex;flex:none;width:56px;height:56px;border-radius:14px;background:#E6F4E8;color:#11701b;align-items:center;justify-content:center}
.onde-ic svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.onde-tx{flex:1 1 320px;min-width:0}
.onde-k{display:flex;align-items:center;gap:6px;margin:0 0 2px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#11701b}
.onde-k svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.onde-t{margin:0;font-size:clamp(1.25rem,2.6vw,1.6rem);line-height:1.25;font-weight:800;color:var(--blue)}
.onde-p{margin:2px 0 0;font-size:14px;color:var(--muted)}
.onde-l{margin:8px 0 0;font-size:15px;color:var(--text)}
.onde-l b{color:var(--blue)}
.onde-act{flex:0 0 auto}
.onde-act a{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--blue2);text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:9px 14px;background:#fff}
.onde-act a:hover{border-color:var(--blue2);background:#EEF3FC}
.onde-act a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.onde-act svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rota{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 0}
.rota li{position:relative;display:flex;align-items:center;gap:8px;flex:1 1 200px;font-size:14px;font-weight:700;color:var(--muted)}
.rota li+li::before{content:"";flex:0 0 28px;height:2px;margin-right:2px;background:var(--line)}
.rota li.feito+li::before,.rota li.atual::before{background:#168821}
.rota li>span{display:inline-flex;flex:none;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;border:2px solid var(--line);background:#fff;color:var(--muted);font-size:14px}
.rota li>span svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.rota li.feito>span{background:#168821;border-color:#168821;color:#fff}
.rota li.feito,.rota li.atual{color:var(--blue)}
.rota li.atual>span{background:var(--blue2);border-color:var(--blue2);color:#fff}
.rota .tag-aqui{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#E6EEFB;color:var(--blue2);border-radius:99px;padding:1px 8px}

/* proximos passos */
.prox{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:6px}
.prox a{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue2);border-radius:12px;padding:16px;text-decoration:none;color:var(--text);transition:box-shadow .2s,transform .2s,border-color .2s}
.prox a:hover,.prox a:focus-visible{box-shadow:0 10px 24px rgba(12,50,111,.14);border-color:var(--blue2)}
.prox a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.prox-ic{display:inline-flex;flex:none;width:42px;height:42px;border-radius:10px;background:#E6EEFB;color:var(--blue2);align-items:center;justify-content:center;transition:background .2s,color .2s}
.prox-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.prox a:hover .prox-ic{background:var(--blue2);color:#fff}
.prox b{display:block;color:var(--blue);font-size:16px;line-height:1.3}
.prox span.d{display:block;margin-top:2px;font-size:14px;color:var(--muted)}
.prox-go{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-weight:700;font-size:14px;color:var(--blue2)}
.prox-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* outras salas com icone */
.rel a{position:relative;transition:box-shadow .2s,transform .2s,border-color .2s}
.rel a:hover,.rel a:focus-visible{box-shadow:0 8px 20px rgba(12,50,111,.12)}
.rel-ic{display:inline-flex;width:36px;height:36px;border-radius:9px;background:#E6F4E8;color:#11701b;align-items:center;justify-content:center;margin-bottom:8px}
.rel-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cards .card .card-ic{margin-bottom:10px}

/* menu: onde estou */
.nav a[aria-current="page"],.nav details.dd.has-cur>summary{box-shadow:inset 0 -3px 0 #FFD43B}
.dd-panel a.dd-i[aria-current="page"]{background:#EEF3FC}

@media (prefers-reduced-motion:no-preference){
  .onde-card{animation:fxUp .55s both}
  .rota li.feito>span{animation:fxPop .5s .35s both}
  .rota li.atual>span{animation:fxRing 2.2s .8s 2}
  .prox a:hover,.prox a:focus-visible,.rel a:hover{transform:translateY(-3px)}
  .prox a:hover .prox-go svg,.onde-act a:hover svg{transform:translateX(3px)}
  .prox-go svg,.onde-act svg{transition:transform .2s}
}
@keyframes fxPop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15)}100%{transform:none;opacity:1}}
@media (max-width:640px){.onde-card{padding:14px}.rota li{flex-basis:100%}.rota li+li::before{display:none}.onde-act{width:100%}.onde-act a{width:100%;justify-content:center}}