/* Seções próprias da página: clientes
   Extraído do protótipo estático de ~/DEVOPS/100voce/100agencia.
   Gerado por wp/ferramentas/extrai-css.py — não editar à mão. */
p{color:#4A4841}
.phead{padding:clamp(56px,8vh,96px) 0 clamp(30px,4vh,48px);position:relative;overflow:hidden}
.phead h1{font-size:clamp(42px,7vw,104px);font-weight:600;line-height:.92;letter-spacing:-.055em;text-transform:uppercase;margin-top:22px}
.phead h1 span{color:var(--gold-deep)}
.phead .sub{margin-top:26px;font-size:16px;max-width:52ch;color:#4A4841}
.phead-meta{display:flex;gap:34px;margin-top:30px;flex-wrap:wrap}
.phead-meta div .a{font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--stone);margin-bottom:4px}
.phead-meta div .b{font-size:15px;font-weight:600;letter-spacing:-.02em}
.phead .bigpct{position:absolute;right:-4%;top:-16%;width:min(30%,330px);opacity:.09;pointer-events:none}
.btn{background:var(--coal);color:var(--cream);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;padding:16px 30px;display:inline-block;transition:background .25s ease,transform .25s ease}
.btn:hover{background:var(--gold-deep);transform:translateY(-2px)}
.btn.gold{background:var(--gold);color:var(--coal);font-weight:700}
.btn.gold:hover{background:var(--coal);color:var(--gold)}
.btn.ghost{background:transparent;color:var(--coal);padding:16px 0;border-bottom:1px solid var(--coal)}
.btn.ghost:hover{color:var(--gold-deep);border-bottom-color:var(--gold-deep);transform:none}
section.blk{padding:clamp(56px,8vh,96px) 0;border-top:1px solid var(--line)}
h2.sec{font-size:clamp(28px,3.6vw,50px);font-weight:600;letter-spacing:-.042em;line-height:1;text-transform:uppercase;margin:16px 0 18px}
h2.sec span{color:var(--gold-deep)}
.lead{font-size:16px;max-width:54ch;color:#4A4841}
.small{font-size:13.5px;color:var(--stone);line-height:1.6}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--line);padding:26px;background:var(--cream-2)}
.ph-c{transition:filter .55s cubic-bezier(.2,.7,.2,1)}
.colornote{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--stone)}
.colornote i{width:22px;height:10px;background:linear-gradient(90deg,#8f8f8b 0 50%,#C8A96A 50% 100%);display:block}
.form{display:grid;gap:18px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field label{display:block;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--stone);margin-bottom:8px;font-weight:600}
.field input,.field select,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:12px 0;
  font-family:inherit;font-size:15px;color:var(--coal);transition:border-color .25s ease}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-bottom-color:var(--gold-deep)}
.field textarea{resize:vertical;min-height:110px}
.chkrow{display:flex;flex-wrap:wrap;gap:9px}
.chk{position:relative}
.chk input{position:absolute;opacity:0;pointer-events:none}
.chk span{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  border:1px solid var(--line);padding:10px 14px;cursor:pointer;transition:all .22s ease;color:#4A4841}
.chk input:checked + span{background:var(--coal);border-color:var(--coal);color:var(--gold)}
.chk span:hover{border-color:var(--coal)}
.note{font-size:11.5px;color:var(--stone)}
@media(max-width:1000px){.g4,.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.g2,.g3,.g4,.frow,.fgrid{grid-template-columns:1fr}}
.arts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.art{position:relative;overflow:hidden;background:var(--cream-2);display:block}
.art .im{position:relative;overflow:hidden;aspect-ratio:3/4;background:#DCD7CE}
.art .im img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.art:hover .im img{transform:scale(1.05)}
.art .empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  background:repeating-linear-gradient(45deg,#E2DDD4 0 10px,#DCD7CE 10px 20px);color:var(--stone);text-align:center;padding:20px}
.art .empty .ic{width:38px;height:38px;border:1px solid var(--stone);display:grid;place-items:center;font-size:16px}
.art .empty span{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;line-height:1.6}
.art .plate{position:absolute;left:0;right:0;bottom:0;padding:15px 16px;z-index:3;
  transition:padding-bottom .4s cubic-bezier(.2,.7,.2,1)}
.art:hover .plate{padding-bottom:22px}
.art .plate .nm{font-size:clamp(16px,1.35vw,21px);font-weight:700;letter-spacing:-.03em;line-height:1.06;text-transform:uppercase}
.art .plate .kd{font-size:9px;letter-spacing:.22em;text-transform:uppercase;margin-top:6px;opacity:.82}
.art .pcmark{position:absolute;right:12px;top:12px;width:18px;z-index:3;opacity:.9}
.blocos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bloco{position:relative;overflow:hidden;background:var(--coal)}
.bloco img{width:100%;aspect-ratio:3/4;object-fit:cover;opacity:.78;
  transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .5s ease,filter .6s cubic-bezier(.2,.7,.2,1)}
.bloco:hover img{transform:scale(1.05);opacity:.68}
.bloco .in{position:absolute;inset:0;padding:26px;display:flex;flex-direction:column;justify-content:space-between;color:var(--cream);
  background:linear-gradient(180deg,rgba(19,19,18,.55) 0%,rgba(19,19,18,.05) 34%,rgba(19,19,18,.82) 100%)}
.bloco h3{font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.035em;text-transform:uppercase;line-height:1}
.bloco .k{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:600}
.bloco .d{font-size:11.5px;color:rgba(250,249,246,.75);margin-top:8px}
.brandbar{display:flex;align-items:center;gap:26px;flex-wrap:wrap;background:var(--coal);color:var(--cream);padding:30px 34px;margin:30px 0 24px}
.brandbar .n{font-size:clamp(24px,3vw,40px);font-weight:600;letter-spacing:-.045em;text-transform:uppercase;line-height:1}
.brandbar .n span{color:var(--gold)}
.brandbar p{color:#A6A199;font-size:13.5px;max-width:46ch;margin-left:auto}
.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.prod{border:1px solid var(--line);background:var(--cream);display:flex;flex-direction:column;transition:border-color .35s ease,transform .35s ease}
.prod:hover{border-color:var(--coal);transform:translateY(-4px)}
.prod .ph{aspect-ratio:1;display:grid;place-items:center;padding:22px;overflow:hidden;background:#fff}
.prod .ph img{max-height:100%;width:auto;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.prod .ph.noimg{background:repeating-linear-gradient(45deg,#F4F2EE 0 10px,#EDEAE4 10px 20px)}
.prod .ph.noimg::after{content:"Imagem do produto";font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--stone)}
.prod:hover .ph img{transform:scale(1.06)}
.prod .tx{padding:20px 22px 24px;border-top:1px solid var(--line);background:var(--cream);flex:1 1 auto;display:flex;flex-direction:column}
.prod .k{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);font-weight:700;margin-bottom:7px}
.prod h4{font-size:17px;font-weight:600;letter-spacing:-.03em;margin-bottom:5px}
.prod .d{font-size:12px;color:var(--stone);margin-bottom:12px}
.prod .flav{display:flex;flex-wrap:wrap;gap:6px}
.prod .flav span{font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);padding:5px 7px;color:#4A4841}
.shopnote{margin-top:22px;font-size:12px;color:var(--stone)}
.shopnote a{border-bottom:1px solid var(--line)}
.shopnote a:hover{color:var(--gold-deep);border-bottom-color:var(--gold-deep)}
@media(max-width:1000px){.arts,.prods{grid-template-columns:repeat(2,1fr)}.blocos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.arts,.prods,.blocos{grid-template-columns:1fr}}