/* Copiadora Planalto — cores tiradas da logo */
:root{
  --tinta:#43208f; --tinta-esc:#23104f; --magenta:#9b2c86; --laranja:#f07d1a; --amarelo:#f6c21c; --verde:#1a9f4b;
  --papel:#fff; --fundo:#f5f2fb; --texto:#221a3d; --suave:#5d5674; --linha:#e0daee;
  --fonte:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:1.0625rem/1.6 var(--fonte);color:var(--texto);background:var(--papel);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--tinta);text-underline-offset:.18em}
a:hover{color:var(--magenta)}
:focus-visible{outline:3px solid var(--laranja);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-stretch:112%;line-height:1.1;letter-spacing:-.015em;color:var(--tinta-esc);margin:0 0 .6em;text-wrap:balance}
h1{font-size:clamp(2.2rem,5.4vw,3.9rem);font-weight:800}
h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:750}
h3{font-size:1.1rem;font-weight:700;letter-spacing:0}
p{margin:0 0 1em;max-width:68ch}
.largura{max-width:1160px;margin:0 auto;padding:0 20px}
.fraco{color:var(--suave);font-size:.95rem}
.pular{position:absolute;left:-999px}.pular:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:50}

/* botões */
.botao{display:inline-block;background:var(--tinta);color:#fff;font-weight:650;text-decoration:none;padding:.6em 1.15em;border-radius:8px;border:2px solid var(--tinta);cursor:pointer;font-family:inherit;font-size:1rem;line-height:1.3}
.botao:hover{background:var(--magenta);border-color:var(--magenta);color:#fff}
.botao.claro{background:transparent;color:var(--tinta)}
.botao.claro:hover{background:var(--tinta);border-color:var(--tinta);color:#fff}
.botao.grande{padding:.8em 1.4em;font-size:1.05rem}

/* topo */
.topo{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--linha)}
.topo-linha{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.marca img{width:166px;height:40px}
.menu{display:flex;align-items:center;gap:6px}
.menu>a:not(.botao),.menu summary{padding:.5em .75em;border-radius:6px;text-decoration:none;color:var(--texto);font-weight:550;cursor:pointer;list-style:none}
.menu summary::-webkit-details-marker{display:none}
.menu summary::after{content:"";display:inline-block;width:.45em;height:.45em;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin:0 0 .2em .5em}
.menu>a:not(.botao):hover,.menu summary:hover,.menu .ativo{color:var(--magenta)}
.menu .botao{margin-left:8px}
.menu-servicos{position:relative}
.menu-servicos ul{position:absolute;top:calc(100% + 10px);left:0;margin:0;padding:10px;list-style:none;background:#fff;border:1px solid var(--linha);border-radius:10px;box-shadow:0 14px 34px rgba(23,23,74,.16);display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:2px;width:max-content}
.menu-servicos li a{display:block;padding:.45em .7em;border-radius:6px;text-decoration:none;color:var(--texto)}
.menu-servicos li a:hover{background:var(--fundo);color:var(--tinta)}
.menu-botao{display:none;background:none;border:2px solid var(--tinta);color:var(--tinta);font:inherit;font-weight:650;padding:.4em .9em;border-radius:8px}

/* capa */
.capa{padding:clamp(36px,6vw,84px) 0 clamp(40px,6vw,80px);background:linear-gradient(180deg,var(--fundo),#fff)}
.capa-grade{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,5vw,72px);align-items:center}
.capa-sub{font-size:1.25rem;line-height:1.5;color:var(--suave);max-width:36ch}
.capa-acoes{display:flex;flex-wrap:wrap;gap:12px;margin:1.6em 0 1em;max-width:none}
.capa-nota{color:var(--suave);font-size:.95rem}
.formatos{margin:0;max-width:380px;justify-self:end;width:100%}
.formatos svg{width:100%;height:auto;display:block;filter:drop-shadow(0 22px 30px rgba(23,23,74,.22))}
.formatos rect{stroke:#fff;stroke-width:6}
.f1 rect{fill:var(--tinta)}.f2 rect{fill:var(--magenta)}.f3 rect{fill:var(--laranja)}.f4 rect{fill:var(--amarelo)}.f5 rect{fill:#fff}
.formatos .borda{fill:none;stroke:var(--tinta-esc);stroke-width:4}
.formatos text{font-family:var(--fonte);fill:#fff}
.fn{font-size:120px;font-weight:800;font-stretch:112%;letter-spacing:-3px}
.fn.p{font-size:84px;letter-spacing:-2px}
.fm{font-size:34px;font-weight:500;opacity:.92}
.fm.pp{font-size:27px}
.f4 text,.f5 text{fill:var(--tinta-esc)}
.folha{transition:opacity .2s}
.formatos svg:hover .folha{opacity:.55}.formatos svg:hover .folha:hover{opacity:1}
.formatos figcaption{margin-top:14px;font-size:.92rem;color:var(--suave);text-align:right}

/* blocos */
.bloco{padding:clamp(44px,6vw,84px) 0}
.bloco.fundo{background:var(--fundo)}
.passos{list-style:none;counter-reset:p;margin:1.6em 0 2em;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:3px solid var(--tinta)}
.passos li{counter-increment:p;padding:18px 22px 0 0}
.passos li::before{content:counter(p);display:block;font-size:2.6rem;font-weight:800;font-stretch:112%;line-height:1;color:var(--laranja);margin-bottom:.35em}
.passos p{color:var(--suave);font-size:1rem;margin:0}
.indice{list-style:none;margin:1.4em 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);column-gap:36px}
.indice a{display:block;padding:16px 0 18px;border-top:1px solid var(--linha);text-decoration:none;height:100%}
.indice strong{display:block;font-size:1.3rem;font-weight:750;font-stretch:112%;color:var(--tinta-esc);letter-spacing:-.01em}
.indice span{color:var(--suave);font-size:.98rem}
.indice a:hover strong{color:var(--magenta)}
.destaque{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.dicas{margin:1.2em 0 1.6em;padding:0;display:grid;gap:12px}
.dicas dt{font-weight:700;color:var(--tinta-esc)}
.dicas dd{margin:0;color:var(--suave);padding-left:14px;border-left:3px solid var(--amarelo)}
.clientes{list-style:none;margin:1.8em 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:28px 40px;align-items:center}
.clientes img{max-height:56px;width:auto;margin:0 auto;opacity:.8;mix-blend-mode:multiply}
.revenda{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center;background:var(--tinta-esc);color:#fff;border-radius:16px;padding:clamp(26px,4vw,48px)}
.revenda h2{color:#fff}.revenda p{color:#d9d8ee;margin:0}
.revenda-acoes{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.revenda .botao{background:var(--amarelo);border-color:var(--amarelo);color:var(--tinta-esc)}
.revenda .botao:hover{background:#fff;border-color:#fff}
.revenda .botao.claro{background:transparent;border-color:#fff;color:#fff}
.revenda .botao.claro:hover{background:#fff;color:var(--tinta-esc)}

/* página de serviço */
.servico-topo{background:linear-gradient(180deg,var(--fundo),#fff);padding:28px 0 clamp(28px,4vw,56px)}
.trilha{font-size:.92rem;color:var(--suave);margin-bottom:1.2em}
.trilha a{color:var(--suave)}
.servico-grade{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.servico-grade>div:only-child{grid-column:1/-1;max-width:70ch}
.servico-grade img{border-radius:12px;box-shadow:0 18px 36px rgba(23,23,74,.16)}
.intro{font-size:1.15rem;line-height:1.6}
.servico-corpo{padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(44px,6vw,84px)}
.servico-corpo>section{margin-bottom:clamp(32px,4vw,52px)}
.grupos,.opcoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px 36px}
.grupos h3,.opcoes h3{padding-top:12px;border-top:3px solid var(--tinta);margin-bottom:.7em}
.grupos ul{list-style:none;margin:0;padding:0}
.grupos li{padding:.32em 0;border-bottom:1px solid var(--linha);font-size:.98rem;font-variant-numeric:tabular-nums}
.opcoes p{color:var(--suave);margin:0}
.rolagem{overflow-x:auto}
.tabela{border-collapse:collapse;width:100%;min-width:640px;font-size:.97rem}
.tabela th,.tabela td{text-align:left;vertical-align:top;padding:12px 14px 12px 0;border-bottom:1px solid var(--linha)}
.tabela thead th{font-size:.9rem;color:var(--suave);font-weight:600;border-bottom:3px solid var(--tinta)}
.tabela tbody th{color:var(--tinta-esc);white-space:nowrap}
.cores{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 18px;font-size:.95rem}
.cores li{display:flex;align-items:center;gap:10px}
.cores span{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.18)}
.outros ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.outros a{display:block;padding:.4em .9em;border:1px solid var(--linha);border-radius:99px;text-decoration:none;font-size:.97rem}
.outros a:hover{border-color:var(--magenta)}

/* contato */
.contato-grade{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);margin-top:2em}
.contato-dados h2{font-size:1.05rem;margin:1.6em 0 .4em;letter-spacing:0}
.emails,.horario{margin:0 0 1em;display:grid;grid-template-columns:auto 1fr;gap:4px 16px}
.emails dt,.horario dt{color:var(--suave)}.emails dd,.horario dd{margin:0}
.formulario{background:var(--fundo);border-radius:14px;padding:clamp(20px,3vw,32px)}
.formulario label{display:block;font-weight:600;font-size:.95rem;margin-bottom:4px}
.formulario input,.formulario textarea{width:100%;padding:.7em .8em;border:1px solid #bdbbd3;border-radius:8px;font:inherit;background:#fff;color:var(--texto)}
.mel{position:absolute;left:-9999px}
.aviso{padding:14px 16px;border-radius:8px;background:#e3f5e9;border:1px solid #9bd3ae;margin-bottom:16px}
.aviso.erro{background:#fde8e6;border-color:#f0a8a2}

/* rodapé */
.rodape{background:var(--tinta-esc);color:#d9d8ee;padding:clamp(36px,5vw,60px) 0 0;font-size:.98rem}
.rodape h2{color:#fff;font-size:1.05rem;letter-spacing:0;margin-bottom:.8em}
.rodape a{color:#fff}.rodape a:hover{color:var(--amarelo)}
.rodape .fraco{color:#a9a8cc}
.rodape-grade{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:36px}
.rodape .horario dt{color:#a9a8cc}
.rodape-servicos{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}
.rodape-servicos li{padding:.15em 0}
.rodape-fim{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:36px;padding-top:18px;padding-bottom:22px;border-top:1px solid rgba(255,255,255,.16);font-size:.9rem;color:#a9a8cc}
.rodape-fim a{color:#a9a8cc}

@media (max-width:900px){
  .menu-botao{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--linha);flex-direction:column;align-items:stretch;padding:10px 20px 18px;gap:2px;max-height:calc(100vh - 72px);overflow:auto}
  .menu.aberto{display:flex}
  .menu .botao{margin:10px 0 0;text-align:center}
  .menu-servicos ul{position:static;box-shadow:none;border:0;padding:0 0 6px 10px;width:auto}
  .capa-grade,.destaque,.servico-grade,.contato-grade,.revenda{grid-template-columns:1fr}
  .formatos{justify-self:start;max-width:300px}
  .formatos figcaption{text-align:left}
  .passos{grid-template-columns:repeat(2,1fr);row-gap:8px}
  .indice{grid-template-columns:repeat(2,1fr)}
  .clientes{grid-template-columns:repeat(3,1fr)}
  .revenda-acoes{justify-content:flex-start}
  .rodape-grade{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  body{font-size:1rem}
  .indice,.passos,.rodape-grade{grid-template-columns:1fr}
  .capa-acoes .botao{width:100%;text-align:center}
  .clientes{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.folha{transition:none}}

/* ===== visual novo (faixa, capa com selos e atalhos) ===== */
h1{font-size:clamp(2.1rem,5vw,3.7rem);letter-spacing:-.03em;line-height:1.08}
h2{letter-spacing:-.02em}
.ico{width:1.25em;height:1.25em;flex:none;vertical-align:-.25em}
.botao{display:inline-flex;align-items:center;gap:.55em;border-radius:10px}
.botao.grande{border-radius:12px}
.botao.zap{background:var(--verde);border-color:var(--verde)}
.botao.zap:hover{background:#12813b;border-color:#12813b}
.zap-cor{color:var(--verde);display:inline-flex}
.botao.claro:hover .zap-cor{color:#fff}
.faixa{background:linear-gradient(90deg,var(--tinta-esc),var(--tinta));color:#fff;font-size:.9rem}
.faixa-linha{display:flex;align-items:center;gap:8px 28px;min-height:40px;flex-wrap:wrap}
.faixa a{color:#fff;text-decoration:none}.faixa a:hover{text-decoration:underline;color:#fff}
.faixa-email{margin-left:auto}
.topo{box-shadow:0 2px 14px rgba(35,16,79,.08);border-bottom:0}
.topo-linha{min-height:84px}
.menu>a:not(.botao),.menu summary{font-weight:600}
.capa{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7f5fc,#efeaf9);padding:clamp(40px,6vw,84px) 0 clamp(28px,4vw,44px)}
.capa::before,.capa::after{content:"";position:absolute;pointer-events:none;width:min(38vw,440px);aspect-ratio:1}
.capa::before{left:0;top:0;background:linear-gradient(135deg,var(--tinta) 0 24%,#8a5be0 24% 29%,transparent 29%)}
.capa::after{right:0;bottom:0;background:linear-gradient(315deg,var(--tinta) 0 26%,var(--laranja) 26% 31%,transparent 31%)}
.capa>.largura{position:relative;z-index:1}
.capa-grade{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.capa-sub{max-width:34ch;color:var(--texto)}
.risco{position:relative;white-space:nowrap}
.risco::after{content:"";position:absolute;left:-4%;right:-2%;bottom:-.16em;height:.22em;background:var(--laranja);border-radius:60% 40% 55% 45%/100% 100% 60% 60%;transform:rotate(-1.200deg)}
.selos{list-style:none;margin:1.8em 0 0;padding:0;display:flex;flex-wrap:wrap;gap:14px 0}
.selos li{display:flex;align-items:center;gap:10px;padding:0 20px;border-left:1px solid #cfc6e4;font-size:.9rem;line-height:1.25;color:var(--suave)}
.selos li:first-child{padding-left:0;border-left:0}
.selos .ico{width:30px;height:30px;color:var(--laranja)}
.selos strong{display:block;color:var(--tinta-esc)}
.formatos{max-width:400px;transform:rotate(1.500deg)}
.formatos svg{filter:drop-shadow(0 26px 34px rgba(35,16,79,.3))}
.formatos rect{stroke-width:5}
.formatos figcaption{transform:rotate(-1.500deg)}
.atalhos{list-style:none;margin:clamp(32px,5vw,56px) 0 0;padding:10px;display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-radius:22px;box-shadow:0 18px 44px rgba(35,16,79,.14)}
.atalhos li+li{border-left:1px solid var(--linha)}
.atalhos a{display:flex;flex-direction:column;align-items:center;gap:12px;height:100%;padding:22px 10px;text-align:center;text-decoration:none;color:var(--tinta-esc);font-weight:600;line-height:1.25;border-radius:14px}
.atalhos a:hover{background:var(--fundo);color:var(--tinta)}
.atalhos svg{width:50px;height:50px;fill:none;stroke:var(--tinta);stroke-width:2.200;stroke-linecap:round;stroke-linejoin:round}
.sobre-destaque{margin-top:clamp(28px,4vw,48px)}
.revenda{background:linear-gradient(120deg,var(--tinta-esc),var(--tinta))}
.rodape{background:var(--tinta-esc)}
@media (max-width:1100px){
  .menu-botao{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--linha);flex-direction:column;align-items:stretch;padding:10px 20px 18px;gap:2px;max-height:calc(100vh - 84px);overflow:auto}
  .menu.aberto{display:flex}
  .menu .botao{margin:10px 0 0;justify-content:center}
  .menu-servicos ul{position:static;box-shadow:none;border:0;padding:0 0 6px 10px;width:auto}
}
@media (max-width:900px){
  .faixa-hora{display:none}
  .topo-linha{min-height:68px}
  .atalhos{grid-template-columns:repeat(3,1fr)}
  .atalhos li:nth-child(4){border-left:0}
  .atalhos li:nth-child(n+4){border-top:1px solid var(--linha)}
  .formatos{max-width:290px;margin-top:8px}
}
@media (max-width:560px){
  .faixa-email{display:none}
  .capa::before,.capa::after{width:150px}
  .capa-acoes .botao{width:100%;justify-content:center}
  .selos{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
  .selos li{padding:0;border:0}
  .atalhos{grid-template-columns:repeat(2,1fr)}
  .atalhos li{border-left:0!important;border-top:0!important}
  .atalhos li:nth-child(even){border-left:1px solid var(--linha)!important}
  .atalhos li:nth-child(n+3){border-top:1px solid var(--linha)!important}
  .atalhos a{padding:16px 6px;font-size:.92rem}
  .atalhos svg{width:40px;height:40px}
}
/* ajustes finos do visual novo */
.largura{max-width:1240px}
.menu{gap:2px}
.menu>a:not(.botao),.menu summary{white-space:nowrap;font-size:.97rem;padding:.5em .7em}
.menu .botao{font-size:.92rem;line-height:1.2;max-width:200px;padding:.6em 1em;text-align:left}
.capa-grade{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)}
.capa-acoes .botao{font-size:1rem;line-height:1.2;padding:.8em 1.25em;max-width:16em;text-align:left}
.selos{flex-wrap:nowrap}
.selos li{padding:0 14px;font-size:.84rem;white-space:nowrap}
.selos .ico{width:26px;height:26px}
@media (max-width:1100px){.menu .botao{max-width:none}.selos{flex-wrap:wrap;row-gap:14px}}
@media (max-width:900px){.capa-grade{grid-template-columns:1fr}.capa::before{width:110px}.capa::after{width:160px}}
@media (max-width:560px){.capa::before{width:70px}.capa-acoes .botao{max-width:none}.selos li{white-space:normal}}
.capa::before{width:min(30vw,340px)}
@media (max-width:900px){.capa::before{width:110px}}
@media (max-width:560px){.capa::before{width:70px}}

/* redes sociais e foto da capa */
.redes{display:inline-flex;gap:14px;align-items:center}
.faixa .redes{padding-left:22px;border-left:1px solid rgba(255,255,255,.35)}
.faixa .redes .ico{width:1.35em;height:1.35em}
.rodape-redes{gap:20px;flex-wrap:wrap}
.rodape-redes a{display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.capa{background:linear-gradient(90deg,#f7f5fc 0%,#f7f5fc 40%,rgba(247,245,252,.72) 62%,rgba(247,245,252,.28) 100%),url(/assets/img/capa-plotter.jpg) right center/auto 100% no-repeat,#f3effa}
@media (max-width:900px){.capa{background:linear-gradient(180deg,#f7f5fc,#efeaf9)}}
@media (max-width:560px){.faixa .redes{margin-left:auto;padding-left:0;border-left:0}}
.formatos{text-align:right}.formatos figcaption{display:inline-block;background:rgba(255,255,255,.88);padding:3px 12px;border-radius:99px;color:var(--texto)}
@media (max-width:900px){.formatos{text-align:left}}