/* ========================================================================== Notas do 1º ano — EPGE/FGV Folha de estilo compartilhada (hub + páginas de disciplina) Linguagem visual herdada das notas de Microeconomia (Vítor Wilher). ========================================================================== */ :root{ --bg:#f7f6f3; --panel:#ffffff; --ink:#1c1b19; --muted:#5f5b54; --line:#e4e0d8; --accent:#1f4e79; --accent-2:#2e7d32; --shadow:0 1px 2px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.06); --radius:12px; } @media (prefers-color-scheme: dark){ :root{ --bg:#14140f; --panel:#1d1d18; --ink:#ece9e2; --muted:#a49f95; --line:#302f28; --accent:#7cb0e0; --accent-2:#7ac47f; --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 30px rgba(0,0,0,.5); } } /* Acentos por disciplina — aplicados via classe no */ body.mat{ --accent:#1f4e79; --accent-2:#3b74b0; } /* azul EPGE */ body.macro{ --accent:#2e7d32; --accent-2:#57a55b; } /* verde */ body.micro{ --accent:#8a2c2c; --accent-2:#b3261e; } /* bordô */ @media (prefers-color-scheme: dark){ body.mat{ --accent:#7cb0e0; --accent-2:#9cc6ee; } body.macro{ --accent:#7ac47f; --accent-2:#a3d9a6; } body.micro{ --accent:#e08a8a; --accent-2:#eda6a6; } } *{box-sizing:border-box} html{-webkit-text-size-adjust:100%; scroll-behavior:smooth} body{ margin:0; background:var(--bg); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; line-height:1.6; font-size:17px; } .wrap{max-width:980px; margin:0 auto; padding:0 20px} a{color:var(--accent); text-decoration:none} a:hover{text-decoration:underline} /* ---------- Cabeçalho ---------- */ header{padding:56px 0 26px; text-align:center; border-bottom:1px solid var(--line)} header img.logo{width:92px; height:auto; opacity:.95; margin-bottom:18px} h1{font-family:Georgia,"Times New Roman",serif; font-weight:700; font-size:2.15rem; line-height:1.18; margin:.2em 0 .12em; letter-spacing:-.01em} .sub{color:var(--muted); font-size:1.02rem; margin:.25em 0} .sub strong{color:var(--ink); font-weight:600} .lead{max-width:720px; margin:22px auto 0; color:var(--muted)} .eyebrow{font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); font-weight:700; margin-bottom:6px} /* ---------- Botões ---------- */ .cta{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin:28px 0 4px} .btn{display:inline-block; padding:12px 22px; border-radius:10px; font-weight:600; font-size:1rem; border:1px solid var(--line); background:var(--panel); color:var(--ink); box-shadow:var(--shadow); transition:filter .15s, transform .15s} .btn:hover{text-decoration:none; transform:translateY(-1px)} .btn.primary{background:var(--accent); color:#fff; border-color:transparent} .btn.primary:hover{filter:brightness(1.06)} .back{display:inline-block; margin:22px 0 0; color:var(--muted); font-size:.94rem} /* ---------- Seções ---------- */ section{padding:44px 0} h2{font-family:Georgia,"Times New Roman",serif; font-size:1.55rem; margin:0 0 6px} .muted{color:var(--muted)} /* ---------- Grade de disciplinas (hub) ---------- */ .disciplinas{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; margin-top:26px} .disc{display:flex; flex-direction:column; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:24px 22px; box-shadow:var(--shadow); transition:transform .15s, box-shadow .15s; border-top:4px solid var(--top,var(--accent))} a.disc:hover{text-decoration:none; transform:translateY(-3px); box-shadow:0 2px 4px rgba(0,0,0,.06),0 14px 34px rgba(0,0,0,.12)} .disc.mat{--top:#1f4e79} .disc.macro{--top:#2e7d32} .disc.micro{--top:#b3261e} @media (prefers-color-scheme: dark){ .disc.mat{--top:#7cb0e0} .disc.macro{--top:#7ac47f} .disc.micro{--top:#e08a8a} } .disc .n{font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; color:var(--top); font-weight:700} .disc h3{margin:.35em 0 .1em; font-size:1.32rem; font-family:Georgia,serif; font-weight:700; color:var(--ink)} .disc .prof{color:var(--muted); font-size:.94rem; margin:.1em 0 .7em} .disc p{margin:0 0 1em; font-size:.95rem; color:var(--muted); flex:1} .disc .go{color:var(--top); font-weight:600; font-size:.95rem} /* ---------- Grade de capítulos (páginas de disciplina) ---------- */ .grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:14px; margin-top:22px} .card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:16px 18px; box-shadow:var(--shadow)} .card .n{font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); font-weight:700} .card h3{margin:.25em 0 .3em; font-size:1.06rem; font-family:Georgia,serif; font-weight:600} .card p{margin:0; font-size:.92rem; color:var(--muted)} /* ---------- Destaques (método) ---------- */ .feat{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin-top:18px} .feat div{border-left:3px solid var(--accent-2); padding-left:14px} .feat h4{margin:0 0 4px; font-size:1rem} .feat p{margin:0; font-size:.92rem; color:var(--muted)} /* ---------- Visualizador de PDF ---------- */ .viewer{margin-top:22px; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); background:var(--panel)} .viewer object,.viewer iframe{display:block; width:100%; height:80vh; border:0} .viewer .fallback{padding:22px; text-align:center; color:var(--muted)} /* ---------- Rodapé ---------- */ footer{border-top:1px solid var(--line); padding:34px 0 60px; color:var(--muted); font-size:.9rem} footer .row{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap} code{background:var(--line); padding:1px 6px; border-radius:5px; font-size:.86em} @media (max-width:560px){ header{padding:40px 0 18px} h1{font-size:1.72rem} .viewer object,.viewer iframe{height:70vh} }