/* Carrossel contínuo: várias imagens que formam um panorama só.
   Sem espaço, borda, sombra ou arredondamento entre as imagens. */
.seam{margin-top:clamp(28px,4vw,44px);--seam-n:3}
.seam-view{position:relative;border-radius:var(--r-lg);overflow:hidden}
.seam-track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--bg)}
.seam-track::-webkit-scrollbar{display:none}
.seam-track:focus-visible{outline:2px solid var(--gold-2);outline-offset:-2px}
@media (hover:hover){.seam-track{cursor:grab}}
.seam-track img{display:block;flex:0 0 calc(100%/var(--seam-n));width:calc(100%/var(--seam-n));height:auto;aspect-ratio:4/5;object-fit:cover;scroll-snap-align:start;border-radius:0;user-select:none;-webkit-user-drag:none}
/* cada imagem cobre 1px da anterior: sem isso, o navegador deixa uma linha escura na emenda */
.seam-track img{flex-basis:calc(100%/var(--seam-n) + 1px);width:calc(100%/var(--seam-n) + 1px);margin-right:-1px}
.seam-track img:last-child{margin-right:0}
.seam-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;padding:0;color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.16);transition:opacity .2s}
.seam-btn svg{width:20px;height:20px}
.seam-prev{left:12px}
.seam-next{right:12px}
.seam-btn:disabled{opacity:.35;pointer-events:none}
.seam-btn:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}
.seam figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:15px;font-weight:600}
.seam figcaption span{font-weight:400;color:var(--grey)}
.seam-dots{display:flex;align-items:center;margin-left:auto}
.seam-dots button{width:24px;height:24px;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer}
.seam-dots button::before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);transition:background .2s}
.seam-dots button[aria-current="true"]::before{background:var(--gold-2)}
.seam-dots button:focus-visible{outline:2px solid var(--gold-2);outline-offset:0;border-radius:50%}
@media (max-width:1000px){.seam{--seam-n:2}}
@media (max-width:560px){.seam{--seam-n:1}.seam-btn{display:none}.seam figcaption{flex-wrap:wrap;justify-content:flex-start;gap:4px 10px;padding:14px 6px 0;white-space:nowrap}.seam-dots{width:100%;margin:4px 0 0;justify-content:center}}
@media (prefers-reduced-motion:reduce){.seam-btn,.seam-dots button::before{transition:none}}