/* As três artes aprovadas, sempre inteiras e com preços do catálogo. */
.hero:has(.campanhas){max-width:1500px;padding:28px 32px 0;margin:0 auto}
.campanhas{position:relative}
.campanhas-trilho{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative}
.campanha{min-width:0;border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(20,20,20,.08)}
.campanha-arte{display:block;width:100%;padding:0;background:none;border:0;overflow:hidden;cursor:pointer}
.campanha-arte img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.campanha-info{display:flex;align-items:center;gap:12px;padding:18px 16px;color:#171713}
.campanha-info>div{min-width:0;flex:1}
.campanha-info h2{font-size:16px;line-height:1.2;font-weight:800;letter-spacing:-.025em}
.campanha-info p{font-size:12px;color:#6d6d63;line-height:1.5;margin:4px 0 0;text-align:left;opacity:1;transform:none;animation:none}
.campanha-info strong{font-size:18px;line-height:1.2;white-space:nowrap;letter-spacing:-.04em}
.campanha-ir{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#171713;color:#fff;font-size:22px;transition:transform .25s,background .25s;cursor:pointer}
.campanhas-dots{display:none}
.campanha button:focus-visible{outline:3px solid #bd7100;outline-offset:-4px}
@media(hover:hover){.campanha-arte:hover img{transform:scale(1.025)}.campanha-ir:hover{transform:rotate(45deg);background:#805b00}}
@media(min-width:900px) and (max-width:1150px){.campanha-info{gap:8px;padding:14px 12px;flex-wrap:wrap}.campanha-info>div{flex-basis:100%}.campanha-info strong{flex:1}}
@media(max-width:899px){
 .hero:has(.campanhas){padding:18px 0 0}
 .campanhas-trilho{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:0 20px;scroll-padding:20px;overscroll-behavior-x:contain}
 .campanhas-trilho::-webkit-scrollbar{display:none}
 .campanha{flex:0 0 calc(88% - 12px);scroll-snap-align:start;border-radius:14px}
 .campanha-info{padding:14px 12px;gap:10px}
 .campanha-info h2{font-size:14px}
 .campanha-info strong{font-size:18px}
 .campanha-ir{width:32px;height:32px;font-size:20px}
 .campanhas-dots{display:flex;align-items:center;justify-content:center;gap:2px;margin:8px 0 0}
 .campanhas-dots button{display:grid;place-items:center;width:32px;height:32px;cursor:pointer}
 .campanhas-dots button:after{content:"";width:6px;height:6px;border-radius:6px;background:#b9b8ac;transition:width .25s,background .25s}
 .campanhas-dots button.on:after{width:20px;background:#1d2218}
}
@media(max-width:359px){.campanhas-trilho{padding:0 16px;scroll-padding:16px}.campanha{flex-basis:94%}.campanha-info{gap:8px}.campanha-info strong{font-size:16px}.campanha-info p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.campanha-arte img,.campanha-ir,.campanhas-dots button:after{transition:none}}
