/* =======================================================
   css/projeto.css — projeto pedagógico publicado (projeto_pedagogico.php).
   Redesenho de 01/10/2026. Carregue DEPOIS de css/home.css.

   É um DOCUMENTO: quem lê é o auditor, o RH da empresa contratante, a CIPA.
   Por isso a tela tem sumário fixo ao lado, texto em medida de leitura e uma
   folha de impressão limpa (o botão "Imprimir ou salvar em PDF" é o uso real).
======================================================= */
body.pdoc{background:var(--fundo);overflow-x:hidden}

.dhero{position:relative;color:#fff;margin-top:-72px;padding:112px 0 44px;
    background:
      radial-gradient(760px 420px at 10% 12%, rgba(243,122,18,.19), transparent 62%),
      radial-gradient(900px 560px at 100% 120%, rgba(46,160,110,.26), transparent 60%),
      linear-gradient(160deg,#061F16 0%, var(--noite) 38%, #0F4A35 100%)}
.dmigalha{display:flex;gap:6px 8px;align-items:center;flex-wrap:wrap;font-size:.84rem;color:rgba(255,255,255,.62);margin:0 0 16px}
.dmigalha a{color:rgba(255,255,255,.86);text-decoration:none;font-weight:600}
.dmigalha a:hover{color:#fff;text-decoration:underline}
.dmigalha svg{width:13px;height:13px;stroke:currentColor;opacity:.6;flex:none}
.dhero .sobre{display:block;color:var(--pessego);margin-bottom:8px}
.dhero h1{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.14;letter-spacing:-.03em;font-weight:800;margin:0 0 12px;max-width:24em;text-wrap:balance}
.dhero .dlead{font-size:1rem;line-height:1.6;color:rgba(255,255,255,.78);margin:0;max-width:66ch}
.dhero .dmod{display:inline-flex;align-items:center;gap:8px;margin:16px 0 0;font-size:.8rem;font-weight:800;padding:6px 13px;border-radius:12px;line-height:1.4;
    background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
.dhero .dacoes{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}

.dgrade{display:grid;grid-template-columns:232px minmax(0,1fr);gap:44px;align-items:start;padding-top:34px;padding-bottom:80px}
.dindice{position:sticky;top:90px;font-size:.88rem}
.dindice small{display:block;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--suave);margin:0 0 10px}
.dindice a{display:block;padding:7px 12px;border-left:2px solid var(--borda);color:var(--muted);font-weight:600;text-decoration:none;line-height:1.35}
.dindice a:hover{color:var(--verde);border-color:var(--verde-borda)}
.dindice a.ativo{color:var(--verde);border-color:var(--verde);font-weight:800}
.ddoc{min-width:0;max-width:820px}

.dcard{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra-1);padding:26px 28px;margin:0 0 16px}
.dcard h2{font-size:1.12rem;font-weight:800;letter-spacing:-.01em;color:var(--verde-esc);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--borda);line-height:1.35}
.dcard h2.sub2{margin-top:30px}
.dcard .leg{color:var(--suave);font-size:.82rem;font-weight:500;letter-spacing:0}
.dcard h2 .leg{display:inline-block;font-weight:600}
.dcard dl{margin:0}
.dcard dt{font-weight:800;font-size:.86rem;color:var(--verde);margin-top:18px}
.dcard dt:first-child{margin-top:0}
.dcard dd{margin:5px 0 0;font-size:.95rem;line-height:1.7;color:#2A3A33}
.dcard dd .leg{display:block;margin-top:4px;line-height:1.55}
.dcard p{font-size:.95rem;line-height:1.7;color:#2A3A33;margin:0 0 8px}
.dcard p.nota{font-size:.9rem;color:var(--muted)}
.dcard ul{margin:6px 0 0 20px;padding:0}
.dcard li{margin:5px 0;font-size:.94rem;line-height:1.6;color:#2A3A33}
.dcard table{width:100%;border-collapse:collapse;font-size:.92rem;margin-top:8px}
.dcard th,.dcard td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--borda);vertical-align:top;line-height:1.55}
.dcard th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--suave);font-weight:800}
.dcard td.n{width:44px;color:var(--suave);font-weight:700}
.dcard td.c{width:104px;white-space:nowrap;color:var(--muted);font-weight:700}
.dcard td.c.sim{color:#186B47}
.dcard td.c.nao{color:#C0392B}
.dcard tr:last-child td{border-bottom:0}
.dcard code{font-family:ui-monospace,Consolas,monospace;font-size:.86em;background:#F1F4F2;border-radius:5px;padding:1px 5px}
.dcard a{color:var(--verde);font-weight:700}
.dprep{color:#C0392B;font-weight:800}

.alerta{border-radius:12px;padding:14px 16px;font-size:.92rem;line-height:1.6;margin:14px 0;border:1px solid}
.a-ok{background:#F1FAF5;border-color:#BFE3D0;color:#14432F}
.a-at{background:#FFF8E8;border-color:#F0DCA8;color:#5C4208}
.a-no{background:#FDF4F3;border-color:#F2C6C0;color:#6B1F17}
.ddoc > .alerta{margin:0 0 16px}
.drod{color:var(--suave);font-size:.84rem;line-height:1.7;padding:8px 0 0}
.drod a{color:var(--verde);font-weight:700}

/* índice de todos os projetos */
.dbusca{display:block;position:relative;max-width:460px;margin:22px 0 0}
.dbusca svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:rgba(255,255,255,.6)}
.dbusca input{width:100%;height:50px;padding:0 14px 0 42px;border-radius:13px;border:1.5px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);
    color:#fff;font:inherit;font-size:.98rem}
.dbusca input::placeholder{color:rgba(255,255,255,.55)}
.dbusca input:focus{outline:none;border-color:var(--laranja);background:rgba(255,255,255,.14)}
.dlista{padding-top:34px;padding-bottom:80px}
.dgrupo{margin:0 0 28px}
.dgrupo[hidden]{display:none}
.dgrupo h2{font-size:1.05rem;font-weight:800;letter-spacing:-.01em;margin:0 0 12px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.dgrupo h2 small{font-size:.84rem;font-weight:600;color:var(--muted)}
.dgrupo ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.dgrupo li[hidden]{display:none}
.dgrupo a{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;background:#fff;border:1px solid var(--borda);border-radius:14px;padding:14px 16px;
    text-decoration:none;color:var(--texto);font-weight:700;font-size:.93rem;line-height:1.4;box-shadow:var(--sombra-1);transition:border-color .15s,transform .15s}
.dgrupo a:hover{border-color:var(--verde);transform:translateY(-1px)}
.dgrupo a svg{width:16px;height:16px;stroke:var(--verde);flex:none}
.dgrupo a small{display:block;font-size:.8rem;font-weight:500;color:var(--muted);margin-top:2px}
.dvazio{display:none;color:var(--muted);padding:10px 0 30px}

@media (max-width:900px){
    .dgrade{grid-template-columns:minmax(0,1fr);gap:0;padding-top:20px}
    .dindice{position:static;display:flex;gap:8px;overflow-x:auto;margin:0 -24px 18px;padding:0 24px 6px}
    .dindice small{display:none}
    .dindice a{flex:none;border:1px solid var(--borda);border-radius:999px;background:#fff;padding:7px 13px;font-size:.82rem;white-space:nowrap}
    .dindice a.ativo{background:var(--verde);border-color:var(--verde);color:#fff}
    .dhero{padding:98px 0 34px}
}
@media (max-width:560px){
    .dhero{margin-top:-64px;padding-top:86px}
    .dindice{margin:0 -16px 16px;padding:0 16px 6px}
    .dcard{padding:20px 16px}
    .dcard td.c{width:auto}
    .dgrupo ul{grid-template-columns:1fr}
    .dhero .dacoes .bt{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){ .dgrupo a{transition:none} .dgrupo a:hover{transform:none} }

/* impressão: só o documento */
@media print{
    body.pdoc{background:#fff}
    .topo,.rodape,.dindice,.dacoes,.dmigalha,.dbusca{display:none !important}
    .dhero{margin:0;padding:0 0 12px;background:none;color:#000;border-bottom:2px solid #000}
    .dhero .sobre{color:#333}
    .dhero .dlead{color:#333}
    .dhero .dmod{border-color:#666;background:none;color:#000}
    .dgrade{display:block;padding-top:14px}
    .ddoc{max-width:none}
    .dcard{box-shadow:none;border-color:#999;border-radius:6px;break-inside:avoid;padding:14px 16px}
    .dcard h2{color:#000}
    .dcard dt{color:#000}
    .box{max-width:none;padding:0}
}