/* COPAC — página Qualidade (/qualidade/) — v1
   Complementa /css/copac.v2.css. Classes com prefixo q- para não colidir. */
.q-wrap{max-width:1280px;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}
@media(min-width:768px){.q-wrap{padding-left:2.5rem;padding-right:2.5rem}}

.q-eyebrow{font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#156F42}
.q-h2{font-family:Jost,sans-serif;font-weight:800;color:#16211C;font-size:32px;line-height:1.06;letter-spacing:-.015em;margin-top:.75rem}
@media(min-width:768px){.q-h2{font-size:44px}}
.q-lead{font-size:17px;line-height:1.65;color:#5E6B64}

.q-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;text-align:center;
  font-family:Jost,sans-serif;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  padding:17px 28px;min-height:56px;border:2px solid transparent;transition:all .2s ease}
.q-btn svg{width:18px;height:18px;flex:none}
.q-btn-cta{background:#F7931D;color:#16211C}
.q-btn-cta:hover{background:#fff}
.q-btn-out{border-color:rgba(255,255,255,.45);color:#fff}
.q-btn-out:hover{background:#fff;color:#16211C}
.q-btn-verde{background:#156F42;color:#fff}
.q-btn-verde:hover{background:#0E4E2F}
@media(max-width:640px){.q-btn{width:100%}}

/* Hero */
.q-hero{background:#0E4E2F;color:#fff;overflow:hidden}
.q-hero-grid{display:grid;grid-template-columns:1fr}
@media(min-width:1024px){.q-hero-grid{grid-template-columns:1.15fr 1fr;min-height:600px}}
.q-hero-txt{padding:56px 0 48px}
@media(min-width:1024px){.q-hero-txt{padding:96px 56px 88px 0;align-self:center}}
.q-hero .q-eyebrow{color:#5EC58C}
.q-hero h1{font-family:Jost,sans-serif;font-weight:800;font-size:40px;line-height:1.02;letter-spacing:-.02em;margin:18px 0 22px}
@media(min-width:768px){.q-hero h1{font-size:62px}}
.q-hero-lead{font-size:18px;line-height:1.6;color:rgba(255,255,255,.82);max-width:560px}
.q-hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.q-hero-img{position:relative;min-height:320px;margin:0 -1.25rem}
@media(min-width:768px){.q-hero-img{margin:0 -2.5rem;min-height:440px}}
@media(min-width:1024px){.q-hero-img{margin:0;margin-right:min(-2.5rem,calc((1280px - 100vw)/2 - 2.5rem))}}
.q-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.q-hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,78,47,.55) 0,rgba(14,78,47,0) 30%)}

/* Números */
.q-nums{background:#fff;border-bottom:1px solid #E4E7E3}
.q-nums-grid{display:grid;grid-template-columns:1fr}
@media(min-width:768px){.q-nums-grid{grid-template-columns:repeat(3,1fr)}}
.q-num{padding:28px 0;border-bottom:1px solid #E4E7E3}
.q-num:last-child{border-bottom:0}
@media(min-width:768px){.q-num{padding:36px 32px;border-bottom:0;border-right:1px solid #E4E7E3}.q-num:first-child{padding-left:0}.q-num:last-child{border-right:0}}
.q-num strong{display:block;font-family:Jost,sans-serif;font-weight:800;font-size:40px;line-height:1;color:#156F42;letter-spacing:-.02em}
.q-num span{display:block;margin-top:10px;font-size:15px;line-height:1.5;color:#5E6B64;max-width:280px}

section.q-sec{padding:72px 0}
@media(min-width:768px){section.q-sec{padding:104px 0}}

/* Propósito */
.q-prop-grid{display:grid;gap:20px}
@media(min-width:1024px){.q-prop-grid{grid-template-columns:300px 1fr;gap:56px}}
.q-prop blockquote{font-family:Jost,sans-serif;font-weight:700;font-size:28px;line-height:1.22;color:#16211C;border-left:6px solid #156F42;padding-left:24px;letter-spacing:-.01em}
@media(min-width:768px){.q-prop blockquote{font-size:40px;padding-left:34px}}
.q-prop blockquote em{font-style:normal;color:#156F42}
.q-prop .q-src{margin-top:20px;padding-left:30px;font-size:15px;color:#5E6B64}
@media(min-width:768px){.q-prop .q-src{padding-left:40px}}

/* Compromissos */
.q-comp{background:#F7F7F5}
.q-head{display:grid;gap:20px;margin-bottom:44px}
@media(min-width:1024px){.q-head{grid-template-columns:1fr 420px;align-items:end;gap:56px}}
.q-grid6{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:768px){.q-grid6{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.q-grid6{grid-template-columns:repeat(3,1fr)}}
.q-card{background:#fff;border:1px solid #E4E7E3;border-top:4px solid #156F42;padding:28px 26px 30px}
.q-card .q-n{font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:14px;color:#F7931D;background:#0E4E2F;display:inline-block;padding:4px 9px}
.q-card h3{font-family:Jost,sans-serif;font-weight:700;font-size:22px;color:#16211C;margin:18px 0 10px;line-height:1.15}
.q-card p{font-size:15.5px;line-height:1.6;color:#5E6B64}

/* Na prática */
.q-proc-grid{display:grid;gap:40px}
@media(min-width:1024px){.q-proc-grid{grid-template-columns:1fr 1fr;gap:72px;align-items:center}}
.q-proc-img{position:relative;aspect-ratio:1/1;overflow:hidden;background:#0A3A22}
.q-proc-img img{width:100%;height:100%;object-fit:cover}
.q-item{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:18px 0;border-top:1px solid #E4E7E3}
.q-item .q-k{width:44px;height:44px;border-radius:50%;background:#E3F0E8;color:#156F42;display:flex;align-items:center;justify-content:center;font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:14px}
.q-item h4{font-family:Jost,sans-serif;font-weight:700;font-size:19px;color:#16211C;margin-bottom:4px}
.q-item p{font-size:15.5px;line-height:1.55;color:#5E6B64}

/* Depois da entrega */
.q-pos{background:#0E4E2F;color:#fff}
.q-pos .q-eyebrow{color:#5EC58C}
.q-pos .q-h2{color:#fff}
.q-pos .q-lead{color:rgba(255,255,255,.78)}
.q-grid4{display:grid;grid-template-columns:1fr;border-top:1px solid rgba(255,255,255,.18)}
@media(min-width:768px){.q-grid4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.q-grid4{grid-template-columns:repeat(4,1fr)}}
.q-p4{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.12)}
@media(min-width:1024px){.q-p4{padding:32px 28px 8px 0;border-bottom:0}.q-p4+.q-p4{padding-left:28px;border-left:1px solid rgba(255,255,255,.18)}}
.q-p4 svg{width:34px;height:34px;color:#5EC58C}
.q-p4 h4{font-family:Jost,sans-serif;font-weight:700;font-size:20px;margin:16px 0 8px;color:#fff}
.q-p4 p{font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.75)}

/* Documento */
.q-doc-box{display:grid;gap:36px;border:1px solid #E4E7E3;background:#fff;padding:28px}
@media(min-width:1024px){.q-doc-box{grid-template-columns:340px 1fr;gap:56px;align-items:center;padding:44px}}
.q-thumb{position:relative;overflow:hidden;border:1px solid #E4E7E3;box-shadow:0 18px 40px -22px rgba(0,0,0,.35);max-width:340px}
.q-thumb img{width:100%;display:block}
.q-thumb:after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.q-doc h2{font-family:Jost,sans-serif;font-weight:800;font-size:30px;color:#16211C;margin:12px 0 14px;line-height:1.1}
@media(min-width:768px){.q-doc h2{font-size:36px}}
.q-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14.5px;color:#5E6B64;margin-bottom:22px}
.q-meta b{color:#16211C;font-weight:600}
.q-doc p.q-d{font-size:16.5px;line-height:1.6;color:#5E6B64;margin-bottom:26px;max-width:560px}

/* CTA final */
.q-cta{padding:0 0 88px}
.q-band{background:#156F42;color:#fff;display:flex;flex-direction:column;gap:24px;padding:40px 28px}
@media(min-width:1024px){.q-band{flex-direction:row;justify-content:space-between;align-items:center;padding:56px 64px}}
.q-band h2{font-family:Jost,sans-serif;font-weight:800;font-size:28px;line-height:1.1;max-width:640px}
@media(min-width:768px){.q-band h2{font-size:38px}}
.q-band p{margin-top:10px;color:rgba(255,255,255,.85);font-size:17px}

/* Item de menu ativo */
.q-ativo{color:#5EC58C!important}

/* Cabeçalho com 6 itens: aperta o menu entre 1024 e 1199 px para não estourar */
@media (min-width:1024px) and (max-width:1199px){header nav.lg\:flex{gap:20px}header nav.lg\:flex a{letter-spacing:.08em}header a.lg\:flex{padding-left:16px;padding-right:16px}header a[aria-label] img{height:3rem}}