/* Kizuma · portfólio. Inspirado na estrutura de lojas de figure repaint (capa com foto inteira,
   cartões por anime, troca de foto ao passar o dedo, antes e depois arrastável, etapas e faixa de
   contato), com a identidade da Kizuma: preto e branco da logo em pincel, a marca de pincel do
   comunicado atrás das palavras e o verde-energia como destaque. Sem letreiros correndo. */
:root{
  --bg:#0c0c0e;--bg2:#141417;--bg3:#1e1e23;--fg:#f6f4f0;--mute:#a4a4ae;--line:rgba(255,255,255,.1);
  --acc:#a6ff3d;--papel:#f3f1ec;--tinta:#0c0c0e;--r:18px;
  --fd:"Anton","Impact","Arial Narrow",sans-serif;--fb:"Inter","Segoe UI",system-ui,sans-serif;
  --pincel-claro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60' preserveAspectRatio='none'%3E%3Cpath fill='%23f6f4f0' fill-rule='evenodd' d='M3 14C40 8 110 6 170 7S262 5 297 9L292 20 299 31 293 44 296 54C240 57 170 53 110 55S30 58 5 52L9 40 1 28 8 18ZM18 24L250 21 250 22.4 18 25.6ZM40 41L282 38 282 39.2 40 42.4ZM120 12L210 11 210 12 120 13Z'/%3E%3C/svg%3E");
  --pincel-escuro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60' preserveAspectRatio='none'%3E%3Cpath fill='%230c0c0e' fill-rule='evenodd' d='M3 14C40 8 110 6 170 7S262 5 297 9L292 20 299 31 293 44 296 54C240 57 170 53 110 55S30 58 5 52L9 40 1 28 8 18ZM18 24L250 21 250 22.4 18 25.6ZM40 41L282 38 282 39.2 40 42.4ZM120 12L210 11 210 12 120 13Z'/%3E%3C/svg%3E");
  color-scheme:dark
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.65 var(--fb);overflow-x:hidden}
img{max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.g{max-width:1280px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--fd);font-weight:400;text-transform:uppercase;line-height:.98;margin:0;letter-spacing:.01em;text-wrap:balance}
h2{font-size:clamp(40px,6.4vw,84px)}
p{max-width:62ch}
.pincel{display:inline-block;padding:.1em .34em .04em;color:var(--tinta);background:var(--pincel-claro) center/100% 100% no-repeat;transform:rotate(-1.6deg)}
.pincel.escuro{color:var(--fg);background-image:var(--pincel-escuro)}
.vazio{color:var(--mute);font-size:18px}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 26px;border-radius:999px;font:700 13.5px var(--fb);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:1.5px solid transparent;transition:transform .25s,box-shadow .25s,background .25s,color .25s,border-color .25s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn.cheio{background:var(--acc);color:var(--tinta)}
.btn.cheio:hover{box-shadow:0 10px 30px -8px rgba(166,255,61,.55)}
.btn.contorno{border-color:rgba(255,255,255,.45);color:var(--fg);background:rgba(12,12,14,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.btn.contorno:hover{border-color:var(--fg)}
.btn.escuro{background:var(--tinta);color:var(--fg)}
.btn.sm{min-height:38px;padding:8px 16px;font-size:11.5px}
.btn.estatico:hover{transform:none}

/* cabeçalho */
.topo{position:sticky;top:0;z-index:30;background:rgba(12,12,14,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);transition:background .35s,border-color .35s}
.com-capa .topo{position:fixed;left:0;right:0;background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.com-capa .topo.rolou{background:rgba(12,12,14,.85);border-color:var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.topo .g{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:68px}
.menu{display:flex;gap:28px;font:600 12.5px var(--fb);letter-spacing:.14em;text-transform:uppercase}
.menu a{text-decoration:none;color:rgba(246,244,240,.75);transition:color .2s}
.menu a:hover{color:var(--acc)}
.marca img{height:30px;width:auto;display:block}
.lado{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.icone{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--fg)}
.icone:hover{color:var(--acc)}
.icone svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.icone .ponto{fill:currentColor;stroke:none}
@media (max-width:760px){
  .topo .g{grid-template-columns:auto 1fr;min-height:58px}
  .menu{display:none}.marca img{height:24px}.lado .icone{display:none}
}

/* capa */
.capa{position:relative;min-height:min(100svh,940px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.capa-fundo{position:absolute;inset:-8% 0 0 0;z-index:-2}
.capa-fundo img{width:100%;height:100%;object-fit:cover;object-position:62% 22%;animation:aproxima 2.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes aproxima{from{transform:scale(1.14);filter:brightness(.4)}to{transform:scale(1.04);filter:none}}
.capa::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,12,14,.94) 0%,rgba(12,12,14,.66) 42%,rgba(12,12,14,.05) 78%),linear-gradient(0deg,var(--bg) 0%,rgba(12,12,14,0) 34%)}
.capa.sem-foto{min-height:min(80svh,760px);background:radial-gradient(60% 60% at 70% 30%,rgba(166,255,61,.14),transparent 70%)}
.capa-conteudo{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding-block:150px clamp(70px,10vw,120px)}
.capa h1{line-height:0}
.capa .logo{width:min(600px,84vw);height:auto;filter:drop-shadow(0 6px 30px rgba(0,0,0,.6));animation:pincelada 1.2s .2s cubic-bezier(.2,.8,.2,1) both}
@keyframes pincelada{from{clip-path:inset(0 100% 0 0);transform:translateX(-14px)}to{clip-path:inset(0 0 0 0);transform:none}}
.selo-frase{margin:0;animation:surge .8s .9s both}
.selo-frase .pincel{font:700 13px var(--fb);letter-spacing:.42em;text-transform:uppercase;padding:.75em 1.4em .7em 1.6em}
.apresenta{margin:0;font-size:18px;color:#d9d7d2;max-width:46ch;animation:surge .8s 1.05s both}
.capa .botoes{display:flex;flex-wrap:wrap;gap:12px;animation:surge .8s 1.2s both}
@keyframes surge{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.capa-peca{position:absolute;right:max(20px,env(safe-area-inset-right,0px));bottom:clamp(70px,10vw,120px);display:grid;grid-template-columns:1fr auto;gap:2px 18px;align-items:center;text-decoration:none;padding:14px 18px 14px 20px;border-radius:16px;background:rgba(12,12,14,.55);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:surge .8s 1.4s both}
.capa-peca small{font:600 10.5px var(--fb);letter-spacing:.24em;text-transform:uppercase;color:var(--acc)}
.capa-peca b{font:400 24px/1 var(--fd);text-transform:uppercase;grid-column:1}
.capa-peca span{grid-column:2;grid-row:1/3;font-size:24px;transition:transform .25s}
.capa-peca:hover span{transform:translateX(5px)}
@media (max-width:760px){
  .capa{min-height:min(92svh,820px)}
  .capa-fundo img{object-position:60% 20%}
  .capa::after{background:linear-gradient(0deg,var(--bg) 6%,rgba(12,12,14,.7) 45%,rgba(12,12,14,.1) 80%)}
  .capa-peca{display:none}
}

/* seções */
.secao{padding-block:clamp(64px,9vw,120px)}
.titulo{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:clamp(28px,4vw,48px)}
.titulo p{margin:0;color:var(--mute)}
.ver{font:600 13px var(--fb);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--mute)}
.ver:hover{color:var(--acc)}
.rv{transform:translateY(40px);transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s}
.js .rv:not(.on){opacity:.001}
.rv.on{transform:none;opacity:1}

/* por anime */
.animes{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.anime{position:relative;display:block;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;text-decoration:none;background:var(--bg2);isolation:isolate}
.anime img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform .9s cubic-bezier(.2,.8,.2,1);z-index:-2}
.anime::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,0) 55%)}
.anime div{position:absolute;left:18px;right:18px;bottom:16px}
.anime h3{font-size:clamp(24px,2.6vw,32px)}
.anime span{font:600 11px var(--fb);letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}
.anime:hover img{transform:scale(1.08)}
.anime:hover{box-shadow:0 0 0 2px var(--acc)}

/* cartões das figures */
.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:26px 18px}
.cartao{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.cartao .foto{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--bg2)}
.cartao .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .5s}
.cartao .foto .segunda{opacity:0}
.cartao:hover .foto img{transform:scale(1.05)}
.cartao:hover .foto.troca .segunda{opacity:1}
.etiqueta{position:absolute;left:12px;top:12px;font:700 11px var(--fb);letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(12,12,14,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.etiqueta.dir{left:auto;right:12px;background:var(--acc);color:var(--tinta)}
.cartao h3{font-size:24px;transition:color .2s}
.cartao:hover h3{color:var(--acc)}
.cartao .info span{font:600 11.5px var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.cartao .preco{display:block;margin-top:6px;font:700 15px var(--fb);color:var(--acc)}

/* seção clara + antes e depois */
.clara{background:var(--papel);color:var(--tinta)}
.clara .titulo p{color:#55555e}
.duas{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,64px);align-items:center}
.duas .titulo{flex-direction:column;align-items:flex-start;margin:0}
@media (max-width:860px){.duas{grid-template-columns:1fr}}
.comparar{--x:50%;position:relative;width:100%;max-height:82vh;border-radius:var(--r);overflow:hidden;background:#ddd;touch-action:pan-y;user-select:none}
.comparar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.comparar .antes{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.comparar .rotulo{position:absolute;top:14px;font:700 11px var(--fb);letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:rgba(12,12,14,.7);color:var(--fg);pointer-events:none}
.comparar .rotulo.esq{left:14px}.comparar .rotulo.dir{right:14px;background:var(--acc);color:var(--tinta)}
.comparar .alca{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.5);pointer-events:none}
.comparar .alca i{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.comparar .alca i::before{content:"‹ ›";position:absolute;inset:0;display:grid;place-items:center;font:700 20px/1 var(--fb);color:var(--tinta);letter-spacing:.1em}
.comparar input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}

/* processo */
.etapas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;counter-reset:e}
.etapas li{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px 30px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}
.etapas li:hover{border-color:rgba(166,255,61,.6);transform:translateY(-4px)}
.etapas b{font:400 68px/1 var(--fd);color:transparent;-webkit-text-stroke:1.5px var(--acc)}
.etapas h3{font-size:26px}
.etapas p{margin:0;color:var(--mute);font-size:15px}

/* sobre */
.sobre-foto{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5}
.sobre-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.sobre-texto{display:flex;flex-direction:column;gap:22px}
.texto{display:flex;flex-direction:column;gap:14px;font-size:17px;color:#d9d7d2}
.texto p{margin:0}

/* página de trabalhos */
.topo-pagina{padding-top:clamp(32px,5vw,64px)}
.topo-pagina h1{font-size:clamp(48px,8vw,104px)}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 36px}
.filtros a{text-decoration:none;font:600 13px var(--fb);padding:9px 16px;border-radius:999px;border:1px solid var(--line);color:var(--mute);transition:all .2s}
.filtros a:hover{color:var(--fg);border-color:var(--mute)}
.filtros a[aria-current]{background:var(--acc);border-color:var(--acc);color:var(--tinta)}
.filtros small{opacity:.7;margin-left:4px}

/* página da figure */
.peca{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(24px,4vw,56px);align-items:start}
.peca-fotos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.peca-fotos .item{display:block;margin:0;padding:0;border:0;background:var(--bg2);border-radius:14px;overflow:hidden;cursor:zoom-in;position:relative}
.peca-fotos .primeira{grid-column:1/-1}
.peca-fotos .item img,.peca-fotos video{display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.peca-fotos .item:hover img{transform:scale(1.04)}
.peca-fotos .video{cursor:default}
.peca-fotos figcaption{padding:10px 14px;font-size:14px;color:var(--mute)}
.peca-info{position:sticky;top:96px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.peca-info h1{font-size:clamp(44px,5.6vw,80px)}
.trilha{font:600 11.5px var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.trilha a{text-decoration:none}.trilha a:hover{color:var(--acc)}
.fichas{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;width:100%}
.fichas div{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.fichas dt{font:600 10.5px var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.fichas dd{margin:2px 0 0;font-weight:600}
.valor{margin:0;display:flex;flex-direction:column;gap:2px}
.valor small{font:600 10.5px var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.valor b{font:400 clamp(34px,4vw,46px)/1 var(--fd);color:var(--acc);letter-spacing:.01em}
@media (max-width:860px){.peca{grid-template-columns:1fr}.peca-info{position:static;order:-1}}
@media (max-width:520px){.peca-fotos{grid-template-columns:1fr}}

#caixa{border:0;padding:0;background:rgba(5,5,6,.96);color:var(--fg);width:100vw;height:100dvh;max-width:none;max-height:none;margin:0}
#caixa[open]{display:grid;grid-template-columns:56px 1fr 56px;grid-template-rows:1fr auto;align-items:center;animation:abre .25s ease-out}
@keyframes abre{from{opacity:0}to{opacity:1}}
#caixa img{grid-column:2;max-width:100%;max-height:86dvh;margin:auto;object-fit:contain}
#caixa .legenda{grid-column:1/-1;text-align:center;margin:0 auto 18px;color:#d9d7d2}
#caixa button{background:none;border:0;color:var(--fg);font:400 44px/1 var(--fd);cursor:pointer;height:100%}
#caixa .fechar{position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));height:auto;z-index:2}
#caixa .ant{grid-column:1;grid-row:1}#caixa .prox{grid-column:3;grid-row:1}

.nada .g{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-height:50vh;justify-content:center}

/* rodapé */
.rodape{padding-top:clamp(40px,6vw,80px)}
.chamada{background:var(--acc);color:var(--tinta);border-radius:28px;padding:clamp(34px,6vw,72px);display:flex;flex-direction:column;gap:26px;position:relative;overflow:hidden}
.chamada::after{content:"";position:absolute;right:-6%;bottom:-30%;width:46%;aspect-ratio:1;background:var(--pincel-escuro) center/100% 100% no-repeat;opacity:.07;transform:rotate(-14deg)}
.chamada h2{font-size:clamp(40px,7vw,96px);max-width:14ch}
.chamada .botoes{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1}
.chamada .btn.cheio{background:var(--tinta);color:var(--fg)}
.chamada .btn.cheio:hover{box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.btn.contorno-escuro{border:2px solid var(--tinta);color:var(--tinta)}
.base{margin-top:56px;border-top:1px solid var(--line);padding-block:30px calc(30px + env(safe-area-inset-bottom,0px))}
.base .g{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.base img{height:30px;width:auto}
.base .frase{font:600 11px var(--fb);letter-spacing:.4em;text-transform:uppercase;color:var(--mute);flex:1}
.base nav{display:flex;gap:22px;font-size:14px}
.base nav a{text-decoration:none;color:var(--mute)}.base nav a:hover{color:var(--acc)}

/* barra de atalhos no celular */
.doca{display:none}
@media (max-width:760px){
  .doca{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(12,12,14,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px env(safe-area-inset-right,0px) calc(6px + env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,0px)}
  .doca a{display:flex;flex-direction:column;align-items:center;gap:2px;font:600 10.5px var(--fb);text-decoration:none;color:var(--mute);padding:4px 0}
  .doca svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
  .doca a:active{color:var(--acc)}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
  .base{margin-top:40px}
}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv,.js .rv:not(.on){transform:none;opacity:1}}

/* arte própria da capa (trocada no painel) */
.capa-fundo picture{display:block;width:100%;height:100%}
.capa-fundo.propria img{object-position:62% 40%}
@media (max-width:760px){.capa-fundo.propria img{object-position:50% 25%}}

/* próximos lançamentos e cópias disponíveis */
.disp{position:absolute;left:12px;bottom:12px;font:700 11.5px var(--fb);letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:var(--acc);color:var(--tinta);box-shadow:0 6px 20px -6px rgba(0,0,0,.6)}
.disp.fim{background:rgba(12,12,14,.78);color:var(--mute);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cartao .sem-foto-ainda{position:absolute;inset:0;display:grid;place-items:center;font:400 clamp(30px,4vw,44px)/1 var(--fd);text-transform:uppercase;color:rgba(246,244,240,.18);background:radial-gradient(70% 60% at 50% 40%,rgba(166,255,61,.12),transparent 70%),var(--bg2)}
.cartao .info .quando{display:block;margin-top:4px;color:var(--acc);letter-spacing:.12em}
.lanc .foto{box-shadow:0 0 0 1px rgba(166,255,61,.35)}
.venda{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.venda .disp{position:static;font-size:13px;padding:8px 14px}
.selo-lanc{font:700 12px var(--fb);letter-spacing:.14em;text-transform:uppercase;padding:8px 14px;border-radius:999px;border:1.5px solid var(--acc);color:var(--acc)}

/* diferenciais ("Por que uma Kizuma") */
.ic{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.difs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.difs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.difs{grid-template-columns:minmax(0,1fr)}}
.dif{display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .3s,transform .3s}
.dif:hover{border-color:rgba(166,255,61,.45);transform:translateY(-3px)}
.dif-foto{aspect-ratio:4/3;overflow:hidden;background:var(--bg3)}
.dif-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.dif:hover .dif-foto img{transform:scale(1.04)}
.dif-texto{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px}
.dif-icone{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(166,255,61,.12);color:var(--acc)}
.dif-icone .ic{width:26px;height:26px}
.dif h3{font-size:clamp(24px,2.4vw,30px)}
.dif p{margin:0;color:var(--mute);font-size:15.5px}
.dif.com-foto .dif-icone{margin-top:-48px;background:var(--acc);color:var(--tinta);box-shadow:0 0 0 5px var(--bg2)}
.dif.grande{grid-column:1/-1}
.dif.grande.com-foto{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}
.dif.grande.com-foto .dif-foto{aspect-ratio:auto;min-height:340px}
.dif.grande .dif-texto{justify-content:center;padding:clamp(24px,4vw,56px)}
.dif.grande.com-foto .dif-icone{margin-top:0;box-shadow:none}
.dif.grande h3{font-size:clamp(36px,4.6vw,64px)}
.dif.grande p{font-size:17px;max-width:46ch}
@media (max-width:760px){.dif.grande.com-foto{grid-template-columns:minmax(0,1fr)}.dif.grande.com-foto .dif-foto{min-height:0;aspect-ratio:4/3}}
.inclusos{display:flex;flex-direction:column;gap:10px;width:100%;padding-top:18px;border-top:1px solid var(--line)}
.inclusos small{font:600 10.5px var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.inclusos ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.inclusos li{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--fb);padding:7px 12px 7px 10px;border-radius:999px;background:var(--bg2);border:1px solid var(--line)}
.inclusos li .ic{width:17px;height:17px;color:var(--acc)}
.inclusos a{font:600 13px var(--fb);color:var(--acc);text-decoration:none}