:root{
  --navy:#162441; --cobalto:#2F5DA8; --c90:#EAEFF6; --c95:#F4F7FB; --slate:#667181; --mist:#A2A9B3;
  --light:#D9DEE5; --cinza-navy:#C3C9D1; --font: Calibri, Carlito, "Segoe UI", Arial, sans-serif;
  --gutter: clamp(20px, 5vw, 72px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-y:scroll}
body{font-family:var(--font);color:#000;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:1440px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.ico{width:20px;height:20px;flex:none}

/* header */
.hdr{display:flex;justify-content:space-between;align-items:center;padding-top:30px;padding-bottom:30px}
.hdr .logo{height:40px;display:block}
.nav{display:flex;gap:30px;align-items:center;font-size:15px}
.nav a.txt{padding-bottom:4px}
.nav a.txt.on{box-shadow:inset 0 -2px 0 currentColor}
.nav .btn{border:1px solid currentColor;padding:9px 18px}
.nav.light{color:#fff}
.nav.dark{color:var(--navy)}
.nav.dark a.txt.on{box-shadow:inset 0 -2px 0 var(--cobalto)}

/* type */
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
h1{font-size:clamp(32px,3.4vw,46px);line-height:1.08;font-weight:700}
.intro{font-size:18px;line-height:1.5;max-width:640px;margin-top:12px}

/* doc list */
.grp{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--cobalto);margin:0 0 10px}
.docs{list-style:none;background:#fff}
.docs li{display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--light)}
.docs li:last-child{border-bottom:0}
.d-name{display:block;font-weight:700;color:var(--navy);font-size:16.5px}
.d-base{display:block;font-size:13.5px;color:var(--slate);margin-top:2px}
.d-meta{font-size:13.5px;color:var(--slate);white-space:nowrap}
.d-pdf{display:inline-flex;gap:10px;align-items:center;color:var(--cobalto);font-weight:700;font-size:16px;white-space:nowrap}
.d-pdf .ico{width:30px;height:30px}

/* form */
.form label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin:14px 0 6px}
.form input{width:100%;padding:11px 12px;border:1px solid var(--light);font:inherit;font-size:15px;background:#F6F7F9;color:var(--slate)}
.form button{margin-top:20px;width:100%;padding:12px;border:0;background:var(--mist);color:#fff;font:inherit;font-weight:700;font-size:15px;cursor:not-allowed}
.form .status{margin-top:14px;font-size:13.5px;color:var(--slate);line-height:1.5}

/* footer */
.ftr{margin-top:auto}
.ftr .wrap{display:flex;justify-content:space-between;gap:24px;padding-top:16px;padding-bottom:22px;font-size:12.5px;line-height:1.5}
.ftr .disc{font-size:11.5px;margin-top:4px;max-width:880px}

@media (max-width:760px){
  .hdr{padding-top:20px;padding-bottom:20px}
  .hdr .logo{height:32px}
  .nav .txt{display:none}
  .nav .btn{padding:7px 12px;font-size:13px}
  .docs li{grid-template-columns:1fr auto;gap:6px 16px;padding:14px 16px}
  .docs li .d-meta{grid-column:1;grid-row:2}
  .docs li .d-pdf{grid-column:2;grid-row:1 / span 2}
  .d-pdf span{display:none}
  .ftr .wrap{flex-direction:column;gap:6px}
  .intro{font-size:16.5px}
}
.nav.light .btn.on{background:#fff;color:var(--navy);border-color:#fff}
.nav.dark .btn.on{background:var(--navy);color:#fff;border-color:var(--navy)}

/* logo como link para o início */
.logo-link{display:block;line-height:0}

/* menu do celular (3 linhas) */
.hdr{position:relative;z-index:30}
.bg,.menu{display:none}
@media (max-width:760px){
  .hdr .nav{display:none}
  .bg{display:block;width:44px;height:44px;background:none;border:0;position:relative;margin-right:-10px;cursor:pointer}
  .bg i{position:absolute;left:10px;width:24px;height:2px;background:#fff;transition:.2s}
  .bg i:nth-child(1){top:14px}.bg i:nth-child(2){top:21px}.bg i:nth-child(3){top:28px}
  .hdr.open .bg i:nth-child(1){top:21px;transform:rotate(45deg)}
  .hdr.open .bg i:nth-child(2){opacity:0}
  .hdr.open .bg i:nth-child(3){top:21px;transform:rotate(-45deg)}
  .menu{position:absolute;left:0;right:0;top:100%;background:#162441;display:none;border-top:1px solid rgba(162,169,179,.35);box-shadow:0 18px 30px rgba(0,0,0,.35);padding:6px var(--gutter) 14px}
  .hdr.open .menu{display:block}
  .menu .m{display:block;color:#fff;font-size:18px;padding:16px 0;border-bottom:1px solid rgba(162,169,179,.25)}
  .menu .m:last-child{border-bottom:0}
  .menu .m.on{font-weight:700}
  .menu .m.on::before{content:"";display:inline-block;width:8px;height:8px;background:#2F5DA8;margin-right:12px}
}