
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap');
:root{--green:#1f9d4d;--green-d:#15793a;--green-l:#e9f7ef;--orange:#f2a01e;--ink:#1b2733;--grey:#64748b;--bg:#f1f6f3;--line:#e4ece8;--card:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;display:flex;flex-direction:column;min-height:100vh}
h1,h2,h3,.brand{font-family:'Poppins','Inter',sans-serif;letter-spacing:-.015em;margin:.2em 0}
a{color:var(--green-d)}
.nav{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 8px rgba(20,40,30,.05);display:flex;align-items:center;gap:14px;padding:9px 22px;position:sticky;top:0;z-index:50}
.nav .logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.nav img{height:46px;display:block}
.nav .brand{font-size:19px;font-weight:700;color:var(--green-d)}
.nav .tag{color:var(--grey);font-size:12px;max-width:240px;line-height:1.3}
.nav .sp{flex:1}
.nav a.link{color:var(--ink);text-decoration:none;font-size:13.5px;font-weight:500;padding:7px 11px;border-radius:8px;transition:.15s}
.nav a.link:hover{color:var(--green-d);background:var(--green-l)}
.nav .out{width:auto;margin:0;background:var(--orange);color:#fff;border:0;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px rgba(242,160,30,.3)}
.nav .out:hover{transform:none;filter:brightness(.96);box-shadow:0 2px 6px rgba(242,160,30,.3)}
.card{background:var(--card);border-radius:14px;padding:20px 22px;box-shadow:0 2px 14px rgba(20,40,30,.07);border:1px solid #eef3f0}
label{display:block;font-size:12px;font-weight:600;color:var(--grey);margin:10px 0 4px;letter-spacing:.01em}
input,select{width:100%;padding:9px 11px;border:1.5px solid #d8e3dc;border-radius:9px;font-size:14px;font-family:inherit;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(31,157,77,.15)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
button{margin-top:14px;width:100%;background:linear-gradient(135deg,#23a957,#15793a);color:#fff;border:0;padding:12px;border-radius:10px;font-size:15px;font-weight:600;font-family:inherit;letter-spacing:.2px;cursor:pointer;box-shadow:0 3px 10px rgba(31,157,77,.28);transition:transform .08s,box-shadow .2s,filter .2s}
button:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(31,157,77,.38)}
button:active{transform:translateY(0)}
button:disabled{opacity:.6;cursor:default;transform:none}
.big{font-size:32px;font-weight:800;color:var(--green-d);margin:2px 0;font-family:'Poppins',sans-serif;letter-spacing:-.02em}
.m2{color:var(--grey);font-size:13px}
.faixa{margin:10px 0;font-size:14px}
.pill{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--green-l);color:var(--green-d);margin-left:6px}
.pill.baixa{background:#fde5e1;color:#9a2a1c}.pill.média{background:#fff2d6;color:#8a6300}.pill.alta{background:#dcefe0;color:#1b6b2c}
table{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:8px}
th,td{text-align:left;padding:5px 7px;border-bottom:1px solid #eef2ef}
th{background:var(--green-d);color:#fff;font-weight:600}
td.v{text-align:right;font-weight:600}
.aviso{font-size:11px;color:var(--grey);margin-top:12px;font-style:italic}
.muted{color:var(--grey);font-size:12px}.hidden{display:none}
.back{background:#eef2f0;color:var(--ink);width:auto;margin:0 0 14px;padding:9px 16px;font-size:14px;box-shadow:none;font-weight:600}
.back:hover{background:#e1e9e4;transform:none;box-shadow:none}
details summary{cursor:pointer;font-size:12px;color:var(--green-d);font-weight:600;margin-top:8px}
footer{background:var(--green-d);color:#dbeee3;font-size:12px;text-align:center;padding:16px;margin-top:auto}
footer a{color:#fff}
footer .out{background:none;border:0;text-decoration:underline;cursor:pointer;font-size:12px;width:auto;margin:0;padding:0;box-shadow:none;color:#fff}
.hero{text-align:center;padding:42px 20px 12px}
.hero img{height:118px;filter:drop-shadow(0 5px 12px rgba(20,40,30,.15))}
.hero h1{font-size:40px;font-weight:800;color:var(--green-d);margin:10px 0 4px}
.hero p{color:var(--grey);font-size:16px;max-width:640px;margin:6px auto}
.grid{max-width:1020px;margin:18px auto 34px;padding:0 18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}
.fcard{background:#fff;border-radius:16px;padding:22px;border:1px solid #eef3f0;box-shadow:0 2px 14px rgba(20,40,30,.07);text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:transform .12s,box-shadow .2s,border-color .2s}
.fcard:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(20,40,30,.13);border-color:#cfe6d8}
.fcard .ic{font-size:30px}
.fcard h3{font-size:18px;color:var(--green-d);margin:8px 0 4px}
.fcard p{color:var(--grey);font-size:13.5px;flex:1;margin:0 0 12px}
.fcard .go{color:var(--green-d);font-weight:700;font-size:14px}
.fcard.soft{background:#f8fbf9;box-shadow:none}
@media(max-width:760px){.nav .tag{display:none}.hero h1{font-size:30px}.hero img{height:92px}}
@media(max-width:560px){
 .nav{padding:8px 12px;gap:8px}.nav img{height:38px}.nav .brand{font-size:17px}
 .nav a.link{font-size:13px;padding:6px 8px}
 main{padding:0 12px;margin:12px auto}
 .card{padding:16px 14px;border-radius:12px}
 .grid{grid-template-columns:1fr;gap:12px;padding:0 14px;margin:14px auto 24px}
 .fcard{padding:18px}
 .row,.row3{grid-template-columns:1fr}
 input,select,button{font-size:16px}
 .big{font-size:27px}
 table{font-size:12px}table td,table th{padding:4px 5px}
}
