/* Páginas internas do site EMR: mesmas fichas do início, em navy, com o vermelho só no que importa. */
:root{
  --ground:#0E0E1C; --navy:#18182C; --panel:#21213A; --red:#D7261E; --red-hi:#FF5B4F; --steel:#A3A6C4; --paper:#ECEBF3;
  --white:#FFFFFF; --line:rgba(236,235,243,.14);
  --display:"Archivo","Arial Narrow",Impact,sans-serif;
  --body:"IBM Plex Sans","Helvetica Neue",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--navy);padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--paper);font-family:var(--body);font-size:17px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,p,ul,ol,dl,figure{margin:0}
a{color:inherit}
a:focus-visible,summary:focus-visible{outline:2px solid var(--red-hi);outline-offset:4px}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(20px,4vw,56px)}
.display{font-family:var(--display);font-weight:800;font-stretch:112%;text-transform:uppercase;line-height:.92;letter-spacing:-.015em;color:var(--white);text-wrap:balance}
.display .r{color:var(--red-hi)}
.mono,.tag,.crumb{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.btn{display:inline-flex;align-items:center;border:1.5px solid var(--red);background:var(--red);color:var(--white);border-radius:4px;padding:15px 28px;font-family:var(--mono);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:13px;text-decoration:none}
.btn:hover{background:transparent}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:800;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,4vw,56px);background:rgba(14,14,28,.94);border-bottom:1px solid var(--line)}
.nav img{height:40px;width:auto}
.nav .r{display:flex;align-items:center;gap:22px}
.nav .talk{color:var(--white);text-decoration:none;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;border-bottom:2px solid var(--red);padding-bottom:4px}
@media (max-width:520px){.nav .talk{display:none}}
.menu{position:relative}
.menu summary{list-style:none;cursor:pointer;border:1.5px solid var(--line);border-radius:4px;padding:9px 14px;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--white);background:rgba(14,14,28,.6)}
.menu summary::-webkit-details-marker{display:none}
.menu[open] summary{border-color:var(--red)}
.menu-list{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--ground);border:1px solid var(--line);border-top:3px solid var(--red);display:grid;padding:8px 0}
.menu-list a{padding:11px 18px;text-decoration:none;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper)}
.menu-list a:hover{background:var(--panel);color:var(--white)}

/* cabeçalho da página */
.phead{background:var(--ground);border-bottom:1px solid var(--line);padding-block:clamp(40px,7vw,84px) clamp(32px,5vw,60px)}
.phead h1{font-size:clamp(34px,6.4vw,92px);margin-top:18px;overflow-wrap:anywhere}
.k-mpi .phead h1,.k-post .phead h1{font-size:clamp(28px,4.2vw,56px);line-height:1}
.crumb a{text-decoration:none;color:var(--steel)}
.crumb a:hover{color:var(--white)}
.crumb span{color:var(--red-hi)}

/* corpo */
.body{padding-block:clamp(36px,6vw,72px);display:grid;gap:28px}
.body>*{min-width:0}
.body h2{font-family:var(--display);font-weight:800;font-stretch:108%;text-transform:uppercase;font-size:clamp(22px,2.6vw,34px);line-height:1.05;color:var(--white);text-wrap:balance;margin-top:8px}
.body h3{font-family:var(--display);font-weight:700;font-stretch:104%;text-transform:uppercase;font-size:clamp(17px,1.7vw,21px);line-height:1.15;color:var(--white);margin-top:6px}
.body h4{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--red-hi)}
.body p{max-width:70ch}
.body p+p,.body p+ul,.body ul+p,.body h2+p,.body h3+p,.body p+h2,.body ul+h2,.body p+h3,.body ul+h3,.body h2+ul,.body h3+ul,.body img+h3,.body img+h2,.body img+p,.body h3+a{margin-top:14px}
.body p+h2,.body ul+h2{margin-top:34px}
.body strong{color:var(--white);font-weight:600}
.body a{color:var(--white);text-decoration-color:var(--red);text-underline-offset:3px}
.body a:hover{color:var(--red-hi)}
.body ul,.body ol{padding:0;list-style:none;display:grid;gap:8px;max-width:76ch}
.body li{position:relative;padding-left:22px;color:var(--paper)}
.body li::before{content:"";position:absolute;left:0;top:.75em;width:11px;height:1.5px;background:var(--red-hi)}
.body img{border-radius:2px}
.cols{display:grid;gap:clamp(18px,3vw,40px);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}
.cols.n3,.cols.n4{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.col{min-width:0}
.cols.n3>.col,.cols.n4>.col{border:1px solid var(--line);border-top:3px solid var(--red);background:var(--panel);padding:18px}
.cols.n3>.col>img:only-child,.cols.n4>.col>img:only-child{margin:-18px;max-width:calc(100% + 36px);width:calc(100% + 36px)}
.col>a{display:block;text-decoration:none}
.col>a img,.col>img:first-child{width:100%;aspect-ratio:16/10;object-fit:cover}
.cols.n2>.col>img:only-child{aspect-ratio:auto}
.lead img{width:100%;max-height:440px;object-fit:cover}
.prose{max-width:76ch}
.prose>img{width:100%;max-height:440px;object-fit:cover;margin-bottom:20px}
.jump{display:flex;flex-wrap:wrap;gap:8px;max-width:none}
.jump a{border:1px solid var(--line);padding:8px 14px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--paper)}
.jump a:hover{border-color:var(--red);color:var(--white)}
.pane{border-top:1px solid var(--line);padding-top:28px;scroll-margin-top:90px}
.pane .tag{color:var(--red-hi);margin-bottom:10px}
.index,.sitemap ul{columns:3 260px;column-gap:36px;display:block;max-width:none}
.index li,.sitemap li{break-inside:avoid;margin-bottom:8px}
.sitemap ul ul{columns:auto;margin-top:8px}
.index a,.sitemap a{text-decoration:none;color:var(--paper)}
.contact{display:grid;gap:14px}
.contact div{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:baseline}
.contact dt{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--steel)}
.contact dd{margin:0;color:var(--white);font-weight:600;overflow-wrap:anywhere;user-select:all}
@media (max-width:480px){.contact div{grid-template-columns:1fr;gap:2px}}

/* chamada e rodapé */
.cta{background:var(--ground);border-top:1px solid var(--line);padding-block:clamp(44px,7vw,84px)}
.cta .wrap{display:grid;gap:18px;justify-items:start}
.cta h2{font-size:clamp(32px,5.6vw,76px)}
.foot{border-top:1px solid var(--line);padding:24px clamp(20px,4vw,56px);display:flex;flex-wrap:wrap;gap:8px 32px;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--steel);background:var(--ground)}
.foot a{color:var(--paper);text-decoration:none}
.foot a:hover{color:var(--white)}

.lede{font-size:clamp(18px,1.9vw,23px);line-height:1.45;color:var(--white);max-width:60ch}
.body>.cols.n2{padding-block:8px}
.body>.cols.n2+.cols.n2{border-top:1px solid var(--line);padding-top:32px}