/* escola441.css – öffentliche Übersicht der Escola 441 (escola-441.html, tools/build_escola.py). Muster: css/porque.css. */
.e4{padding-top:76px}
.e4 .pg-crumbs{font-size:13px;line-height:1.5;color:var(--faint);margin-bottom:18px}
.e4 .pg-crumbs a{color:var(--gold);text-decoration:none}
.e4 .pg-crumbs a:hover,.e4 .pg-crumbs a:focus-visible{text-decoration:underline}
.e4 .pg-crumbs [aria-current]{color:var(--muted)}
.e4-hero{padding:80px 0 34px;background:radial-gradient(900px 500px at 70% 10%,rgba(123,92,196,.35),transparent 65%)}
.e4-hero h1{font-size:clamp(32px,5.2vw,56px);margin:14px 0 18px;max-width:900px}
.e4-piloto{margin:20px 0 0;padding:12px 16px;border:1px dashed rgba(227,191,110,.6);border-radius:12px;color:var(--muted);font-size:15px;max-width:820px}
.e4-piloto b{color:var(--gold)}
.e4-cta{display:flex;flex-wrap:wrap;gap:12px 14px;margin:24px 0 0}
.e4-sec{padding:60px 0 64px}
.e4-sec.alt{background:linear-gradient(180deg,var(--bg-2),var(--bg))}
.e4-sec h2.sec{margin-bottom:.4em}
.e4-txt{max-width:820px;color:var(--muted);font-size:16.5px;margin:0 0 1em}
.e4-lista{max-width:820px;margin:0;padding-left:20px;color:var(--muted);font-size:16px;line-height:1.6}
.e4-lista li{margin:0 0 10px}
.e4-lista b,.e4-txt b{color:var(--text)}
.e4-etapas,.e4-passos{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:900px}
.e4-etapas li,.e4-passos li{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);min-width:0}
.e4-etapas b,.e4-passos b{color:var(--gold);font-weight:600}
.e4-etapas span,.e4-passos span{color:var(--muted);font-size:15px;line-height:1.5}
.e4-passos{counter-reset:p}
.e4-passos li{position:relative;padding-left:52px}
.e4-passos li::before{counter-increment:p;content:counter(p);position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(227,191,110,.6);color:var(--gold);font:600 13px var(--font)}
.e4-sub{font:600 20px/1.3 var(--font);margin:38px 0 14px}
.e4-mods{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.e4-mod{padding:22px;margin:0;min-width:0}
.e4-mod header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;margin-bottom:12px}
.e4-mod h4{font:600 18px/1.3 var(--font);margin:0}
.e4-mod header p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.e4-mod header small{color:var(--faint);font-size:13px}
.e4-tag{display:inline-block;padding:3px 9px;border-radius:999px;border:1px solid rgba(227,191,110,.5);color:var(--gold);font:600 11px/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase}
.e4-licoes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.e4-licoes li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.e4-n{color:var(--gold);font-weight:600;font-variant-numeric:tabular-nums}
.e4-licoes b{display:block;font-weight:600;line-height:1.35}
.e4-licoes p{margin:3px 0;color:var(--muted);font-size:14.5px;line-height:1.45}
.e4-licoes small{color:var(--faint);font-size:12.5px}
@media (min-width:900px){
  .e4-mods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .e4-passos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .e4-hero{padding:56px 0 26px}
  .e4-sec{padding:44px 0 48px}
  .e4-mod{padding:18px 16px}
}