/* Carrossel de apresentacao (#showcase). Componente: marcacao com [data-carousel],
   comportamento em dados/carrossel.js. Os textos visiveis vem do HTML de cada idioma.
   Depende das variaveis de cor de dados/base.css (--line, --rosa, --rosa-pale, --chocolate). */
/* carrossel de apresentacao + galeria dos bolos dela */
.showcase{padding:10px 0 4px}
.shw-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:18px}
.shw-track::-webkit-scrollbar{display:none}
.shw-slide{flex:0 0 100%;scroll-snap-align:center;position:relative;aspect-ratio:4/5;
  border-radius:18px;overflow:hidden;background:#2a1a1f}
.shw-slide img,.shw-slide video{width:100%;height:100%;object-fit:cover;display:block}
.shw-slide.vert img,.shw-slide.vert video{object-fit:contain}
.shw-play{position:absolute;inset:0;margin:auto;width:64px;height:64px;min-width:44px;min-height:44px;
  border-radius:50%;border:0;background:rgba(38,20,25,.62);color:#fff;font-size:22px;line-height:1;
  cursor:pointer;display:grid;place-items:center;z-index:2;padding:0}
.shw-play[hidden]{display:none}
.shw-nav{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px}
.shw-btn{width:44px;height:44px;min-width:44px;border-radius:50%;border:1px solid var(--line);
  background:#fff;color:var(--chocolate);font-size:17px;line-height:1;cursor:pointer}
.shw-btn:hover{background:var(--rosa-pale)}
.shw-dots{display:flex;gap:2px}
.shw-dot{width:44px;height:44px;min-width:44px;padding:0;border:0;background:none;cursor:pointer;
  display:grid;place-items:center}
.shw-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line);transition:width .2s}
.shw-dot[aria-current="true"]::before{background:var(--rosa);width:22px;border-radius:4px}
@media(min-width:760px){.shw-slide{flex-basis:calc(50% - 7px);aspect-ratio:1/1}}
/* muitos slides: os pontos encolhem (alvo de 44px de altura mantido) em vez de estourar a largura do telemovel */
.shw-dots{flex:0 1 auto;min-width:0}
.shw-dot{flex:1 1 44px;min-width:20px}