.novidades{display:none}

.a-montar .novidades ~ *{visibility:hidden}
.novidades.is-pronta{display:block}

.novidades{background:var(--paper);padding:clamp(.5rem,1.5vw,1.25rem) 0 clamp(3rem,6vw,5rem)}

.nov-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem 2rem;margin-bottom:clamp(1.6rem,3vw,2.4rem)}
.nov-head h2{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin:0}
.nov-todos{font-weight:600;font-size:1.05rem;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}

.nov-track{
  --vis:3; --gap:1.25rem;
  display:grid;grid-auto-flow:column;
  grid-auto-columns:calc((100% - (var(--vis) - 1) * var(--gap)) / var(--vis));
  column-gap:var(--gap);
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;outline-offset:6px;
  padding-bottom:4px;
}

.nov-track{padding:8px 14px 40px;margin:-8px -14px -36px;scroll-padding-inline:14px}
.nov-track::-webkit-scrollbar{display:none}

.nov-track .card{scroll-snap-align:start}
.nov-tag{
  position:absolute;top:14px;left:14px;z-index:3;pointer-events:none;
  background:var(--white);color:var(--champ-ink);
  font-size:.8rem;font-weight:600;padding:.45rem .8rem;border-radius:4px;
}

.nov-nav{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:1.8rem}
.nov-nav[hidden]{display:none}
.nov-arrow{
  width:42px;height:42px;flex:none;display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:50%;
  cursor:pointer;color:var(--ink);transition:background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}
.nov-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.nov-arrow:disabled{opacity:.3;cursor:default}
@media (hover:hover) and (pointer:fine){ .nov-arrow:not(:disabled):hover{background:var(--ink);border-color:var(--ink);color:var(--paper)} }

.nov-dots{display:flex;align-items:center;gap:8px;padding:0 8px}

.nov-dots span{--t:0;flex:none;height:6px;border-radius:3px;background:var(--ink);
  width:calc(6px + 16px * var(--t));opacity:calc(.22 + .78 * var(--t))}

@media (max-width:1000px){ .nov-track{--vis:2} }
@media (max-width:640px){

  .nov-track{--vis:1;grid-auto-columns:84%;--gap:.9rem;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);scroll-padding-left:var(--pad)}
}

.nov-todos{margin-left:auto}

@media (max-width:640px){
  .nov-head{flex-direction:column;align-items:flex-start;gap:.55rem}
  .nov-head h2{font-size:min(clamp(1.55rem,6vw,1.95rem), calc((100vw - 2 * var(--pad, 20px)) / 13.6));white-space:nowrap}
  .nov-todos{margin-left:0;font-size:.98rem}
}