/* Ideias (o /blog do site novo, pacote "Ideias"). Busca e editorias em public/js/marca/ideias.js. */
@keyframes idTk{to{transform:translateX(-50%)}}
@keyframes idIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.i-topo{position:relative;max-width:1440px;margin:0 auto;padding:clamp(108px,11vw,128px) var(--mk-pad) 0;display:flex;flex-direction:column;gap:18px}
.i-pontos{position:absolute;left:0;top:0;width:min(420px,60vw);height:280px;pointer-events:none;background-image:radial-gradient(rgba(9,9,11,.14) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse at 0% 0%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 0% 0%,#000,transparent 70%)}
.i-topo-linha{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap}
.i-h1{margin:0;font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.045em;line-height:1}
.i-busca{display:flex;align-items:center;gap:10px;width:min(100%,340px);height:46px;padding:0 6px 0 18px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.1);transition:box-shadow .5s cubic-bezier(.22,1,.36,1)}
.i-busca input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:14.5px;color:var(--mk-tinta)}
.i-busca input::-webkit-search-cancel-button{display:none}
.i-busca button{font-size:12px;font-weight:500;color:#6E6E74;padding:6px 12px;border-radius:999px;background:#F2F1EE;border:0;cursor:pointer;font-family:inherit}
.i-busca button[hidden]{display:none}
.i-eds{position:relative;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:6px 0;box-shadow:inset 0 1px 0 rgba(9,9,11,.08),inset 0 -1px 0 rgba(9,9,11,.08);-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}
.i-eds::-webkit-scrollbar{display:none}
.i-eds button{flex:none;height:38px;padding:0 16px;border:none;border-radius:999px;background:transparent;color:var(--mk-tinta);font-family:inherit;font-size:14px;font-weight:400;cursor:pointer;transition:background .5s cubic-bezier(.22,1,.36,1),color .5s}
.i-eds button:hover{background:rgba(9,9,11,.05)}
.i-eds button[aria-pressed=true]{background:var(--mk-tinta);color:#FFFFFF;font-weight:500}
[data-i-capa][hidden]{display:none}
.i-manchete{max-width:1440px;margin:0 auto;padding:28px var(--mk-pad) clamp(48px,6vw,72px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr) minmax(0,.85fr);gap:28px;align-items:stretch}
.i-lead{display:flex;flex-direction:column;gap:18px;min-width:0}
.i-lead-img,.i-sub-img,.i-bloco-img{position:relative;display:block;border-radius:24px;overflow:hidden;background:#EDEBE7}
.i-lead-img{aspect-ratio:16/10}
.i-lead-img img,.i-sub-img img,.i-bloco-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.i-lead:hover img,.i-sub:hover img,.i-bloco-f:hover img{transform:scale(1.04)}
.i-selo{position:absolute;left:18px;top:18px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:var(--mk-vermelho);color:#FFFFFF}
.i-cat{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6E6E74}
.i-cat-v{font-size:12px;color:var(--mk-vermelho)}
.i-lead-t{font-size:clamp(28px,3vw,44px);font-weight:700;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}
.i-lead-s{font-size:17px;font-weight:300;line-height:1.55;color:#55555B;max-width:620px;text-wrap:pretty}
.i-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;font-weight:300;color:#8A8A90}
.i-subs,.i-comece{display:flex;flex-direction:column;gap:22px;min-width:0;padding-left:28px;box-shadow:inset 1px 0 0 rgba(9,9,11,.08)}
.i-sub{display:flex;flex-direction:column;gap:12px}
.i-sub-img{aspect-ratio:16/9;border-radius:18px}
.i-sub b{font-size:20px;font-weight:700;letter-spacing:-.03em;line-height:1.15;text-wrap:balance}
.i-k{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.i-comece{gap:6px}
.i-comece a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:14px 0;box-shadow:inset 0 -1px 0 rgba(9,9,11,.07);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.i-comece a:hover{transform:translateX(4px)}
.i-comece em{font-style:normal;font-size:28px;font-weight:300;letter-spacing:-.05em;line-height:1;color:#A3A3A8}
.i-comece a:first-of-type em{color:var(--mk-vermelho)}
.i-comece span{display:flex;flex-direction:column;gap:6px;min-width:0}
.i-comece b{font-size:15px;font-weight:500;line-height:1.3;letter-spacing:-.01em;text-wrap:pretty}
.i-comece small{font-size:12px;font-weight:300;color:#8A8A90}
.i-faixa-sec{max-width:1440px;margin:0 auto;padding:0 var(--mk-pad)}
.i-faixa{display:flex;align-items:center;gap:18px;padding:16px 0;box-shadow:inset 0 1px 0 rgba(9,9,11,.08),inset 0 -1px 0 rgba(9,9,11,.08);overflow:hidden}
.i-faixa>span{flex:none;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mk-vermelho)}
.i-faixa-mask{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 94%,transparent)}
.i-faixa-trilho{display:flex;gap:28px;width:max-content;animation:idTk 48s linear infinite}
.i-faixa:hover .i-faixa-trilho{animation-play-state:paused}
.i-faixa-trilho button{flex:none;display:flex;align-items:center;gap:8px;padding:0;border:none;background:none;font-family:inherit;font-size:14.5px;font-weight:500;color:var(--mk-tinta);cursor:pointer;white-space:nowrap}
.i-faixa-trilho button:hover{color:#55555B}
.i-faixa-trilho i{font-style:normal;font-weight:300;color:#A3A3A8}
.i-blocos{max-width:1440px;margin:0 auto;padding:clamp(48px,6vw,80px) var(--mk-pad);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3vw,44px) 28px}
.i-bloco{display:flex;flex-direction:column;gap:18px;min-width:0}
.i-bloco-topo{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:12px;box-shadow:inset 0 -2px 0 var(--mk-tinta)}
.i-bloco-topo h2,.i-feed-topo h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.035em}
.i-bloco-topo button{padding:0;border:none;background:none;font-family:inherit;font-size:13px;font-weight:500;color:#6E6E74;cursor:pointer}
.i-bloco-topo button:hover{color:var(--mk-tinta)}
.i-bloco-f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:start}
.i-bloco-img{aspect-ratio:4/3;border-radius:18px}
.i-bloco-f b{font-size:21px;font-weight:700;letter-spacing:-.03em;line-height:1.15;text-wrap:balance}
.i-desc{font-size:14.5px;font-weight:300;line-height:1.5;color:#55555B;text-wrap:pretty}
.i-bloco-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.i-bloco-l a{display:flex;flex-direction:column;gap:6px;padding:14px 0;box-shadow:inset 0 1px 0 rgba(9,9,11,.08)}
.i-bloco-l a:hover{opacity:.75}
.i-bloco-l b{font-size:16px;font-weight:500;line-height:1.3;letter-spacing:-.015em;text-wrap:pretty}
.i-lab-topo{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:12px;box-shadow:inset 0 -1px 0 rgba(255,255,255,.14)}
.i-lab-topo h2{margin:0;font-size:clamp(26px,2.6vw,36px);font-weight:300;letter-spacing:-.04em}
.i-lab-topo a{font-size:14px;color:var(--mk-cinza-2)}
.i-lab-topo a:hover{color:#FFFFFF}
.i-lab{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.i-lab a{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:22px;background:#141417;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);transition:transform .6s cubic-bezier(.22,1,.36,1),background .6s}
.i-lab a:hover{transform:translateY(-4px);background:#1A1A1E}
.i-lab-ic{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.06);display:grid;place-items:center}
.i-lab b{font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.i-lab a>span:not(.i-lab-ic){font-size:13.5px;font-weight:300;line-height:1.5;color:var(--mk-cinza-2)}
.i-lab small{margin-top:auto;font-size:13px;font-weight:500}
.i-feed-sec{max-width:1440px;margin:0 auto;padding:clamp(48px,6vw,88px) var(--mk-pad) clamp(72px,9vw,120px);display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(28px,4vw,56px);align-items:start}
.i-feed-topo{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:12px;box-shadow:inset 0 -2px 0 var(--mk-tinta)}
.i-feed-topo span{font-size:13px;font-weight:300;color:#6E6E74}
.i-item{display:block;padding:22px 0;box-shadow:inset 0 -1px 0 rgba(9,9,11,.08)}
.i-item.tem-img{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:center}
.i-item-img{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#EDEBE7}
.i-item-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.i-cat-f{margin-left:8px;font-weight:300;letter-spacing:.06em;color:#A3A3A8}
.i-av{width:28px;height:28px;border-radius:50%;background:#EDEBE7;object-fit:cover;flex:none}
.i-mais{align-self:center;margin:28px auto 0;height:46px;padding:0 24px;border:none;border-radius:999px;background:var(--mk-tinta);color:#FFFFFF;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.i-mais:hover{transform:translateY(-2px)}
.i-mais[hidden]{display:none}
.i-item[hidden]{display:none}
.i-item:hover{opacity:.8}
.i-item.entra{animation:idIn .6s cubic-bezier(.22,1,.36,1) both}
.i-item b{font-size:clamp(18px,1.6vw,22px);font-weight:700;letter-spacing:-.03em;line-height:1.18;text-wrap:balance}
.i-vazio{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:40px 0}
.i-vazio[hidden]{display:none}
.i-vazio>span{font-size:22px;font-weight:300;letter-spacing:-.03em}
.i-vazio p{margin:0;font-size:15px;font-weight:300;color:#6E6E74;max-width:440px}
.i-vazio a{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;background:var(--mk-tinta);color:#FFFFFF;font-size:14px;font-weight:700}
.i-lado{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px;min-width:0}
.i-lado-eds{display:flex;flex-direction:column;gap:4px;padding:24px;border-radius:24px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(9,9,11,.06)}
.i-lado-eds .i-k{padding-bottom:8px}
.i-lado-eds button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border:none;background:none;box-shadow:inset 0 -1px 0 rgba(9,9,11,.06);font-family:inherit;font-size:15px;color:var(--mk-tinta);cursor:pointer;text-align:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.i-lado-eds button:hover{transform:translateX(4px)}
.i-lado-eds button[aria-current=true]{font-weight:700}
.i-lado-eds button span{font-size:13px;font-weight:300;color:var(--mk-cinza)}
.i-lado-cta{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:24px;background:var(--mk-tinta);color:var(--mk-papel)}
.i-lado-cta b{font-size:22px;font-weight:300;letter-spacing:-.035em;line-height:1.15}
.s-cta-ideias{align-self:flex-start;display:inline-flex;align-items:center;height:46px;padding:0 20px;border-radius:999px;background:var(--mk-vermelho);color:#FFFFFF;font-size:14.5px;font-weight:500}
@media (max-width:1099px){.i-manchete{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.i-lead{grid-column:1/-1}.i-subs{padding-left:0;box-shadow:none}.i-lab{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:959px){.i-blocos,.i-feed-sec{grid-template-columns:minmax(0,1fr)}.i-lado{position:relative;top:0}}
@media (max-width:639px){.i-item.tem-img{grid-template-columns:110px minmax(0,1fr);gap:14px}.i-manchete{grid-template-columns:minmax(0,1fr)}.i-comece{padding-left:0;box-shadow:none}.i-bloco-f,.i-bloco-l,.i-lab{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.i-faixa-trilho{animation:none}}

/* iPhone dá zoom ao focar campo com fonte menor que 16 px: no celular, a busca fica em 16 px. */
@media (max-width:759px){.i-busca input{font-size:16px}}
