/* Pagina dos programas In Company — so o que a folha compartilhada nao tem.
   A CSP do site nao admite <style> embutido (style-src 'self'), por isso folha externa. */

.razoes{display:grid;gap:1px;background:var(--linha);border:1px solid var(--linha);
  margin-top:2.4rem}
@media(min-width:700px){.razoes{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.razoes{grid-template-columns:repeat(3,1fr)}}
.razoes > div{background:var(--papel);padding:1.7rem 1.5rem}
.razoes h3{font-size:1.02rem}
.razoes p{font-size:.92rem;color:var(--cinza);margin:.55rem 0 0}

/* os oito programas: a numeracao e informacao (o gestor contrata "o programa 4"),
   por isso lista ordenada de verdade e nao enfeite */
.progs{list-style:none;counter-reset:pg;padding:0;margin:2.6rem 0 0;display:grid;gap:0}
.progs li{counter-increment:pg;border-top:1px solid var(--linha);padding:1.7rem 0 1.7rem 6.2rem;
  position:relative}
.progs li:first-child{border-top:0}
.progs li::before{content:"Programa " counter(pg);position:absolute;left:0;top:1.95rem;
  font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--selo);width:5.4rem;line-height:1.4}
.progs h3{font-size:1.1rem}
.progs p{font-size:.93rem;color:var(--cinza);margin:.55rem 0 0;max-width:74ch}
@media(max-width:620px){
  .progs li{padding-left:0;padding-top:2.6rem}
  .progs li::before{top:1.5rem;width:auto}
}

.marcas{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.8rem}
@media(min-width:760px){.marcas.duplo{grid-template-columns:repeat(2,1fr);gap:.8rem 2.2rem}}
.marcas li{padding-left:1.5rem;position:relative;font-size:.95rem}
.marcas li::before{content:"—";position:absolute;left:0;color:var(--selo);font-family:var(--mono)}

.lista{margin:0;padding-left:1.15rem}
.lista li{margin:.5rem 0;font-size:.95rem}

.fecho{text-align:center}
.fecho h2{max-width:20ch;margin:0 auto}
.fecho p{margin:1.3rem auto 0;max-width:54ch;color:var(--cinza)}

.escuro .ficha{background:var(--tinta);border:1px solid rgba(250,249,246,.18)}
.escuro .fichas{background:rgba(250,249,246,.18);border-color:rgba(250,249,246,.18)}
.escuro .ficha .t,.escuro .ficha p{color:rgba(250,249,246,.66)}