.wsds,.wsds *,.wsds *::before,.wsds *::after{box-sizing:border-box}
.in:has(> .wsds){max-width:none!important;margin:0!important;padding:0!important;width:100%}
section:has(> .in > .wsds){padding:0!important}
.wsds.wsds{width:100%}
.wsds.wsds{padding:clamp(48px,7vh,78px) 0;color:var(--t)}
.wsds-in{max-width:1120px;margin:0 auto;padding:0 20px}
.wsds-topo{text-align:center;max-width:620px;margin:0 auto}
.wsds-tit{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(27px,3.4vw,42px);line-height:1.1;margin:0;color:var(--t)}
.wsds-tit em{font-family:'Great Vibes',cursive;font-style:normal;font-size:1.42em;line-height:.98;letter-spacing:.015em;color:var(--t);padding-right:.08em}
.wsds-frase{margin:14px auto 0;font-size:15px;line-height:1.75;color:var(--suave);max-width:520px}
.wsds-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 0;font-size:10px;font-weight:600;letter-spacing:var(--letra,.13em);text-transform:var(--caixa,uppercase);color:var(--suave)}
.wsds-hint svg{flex:0 0 auto}
/* CARROSSEL SEM JAVASCRIPT: tira de rolagem com encaixe. No celular arrasta com
   o dedo; no computador rola de lado com o trackpad ou pela barrinha dourada
   logo abaixo, que fica visivel de proposito para avisar que ha mais cartoes. */
.wsds-carrossel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin:14px 0 0;padding:6px 2px 14px;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26px,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 26px,#000 calc(100% - 26px),transparent 100%)}
.wsds-carrossel::-webkit-scrollbar{width:0;height:0;display:none}
.wsds-card{position:relative;flex:0 0 auto;width:212px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:26px 18px;min-height:104px;justify-content:center;background:var(--card);border:var(--fio,1px) solid var(--borda);border-radius:var(--raio,14px);box-shadow:0 18px 32px -24px var(--sombra);transition:transform .45s cubic-bezier(.22,.61,.36,1),border-color .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s cubic-bezier(.22,.61,.36,1)}
.wsds-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--lb-gold,#a88953) 60%,transparent);box-shadow:0 26px 42px -22px var(--sombra)}
/* TOQUE UNICO: a medalha de cada mimo repete o arco da primeira dobra, deitado
   num circulo — a mesma forma que ja marca o topo e as capas do blog. */
.wsds-card:hover .wsds-card::before{content:'';position:absolute;inset:8px;border:var(--fio,1px) solid color-mix(in srgb,#fff 38%,transparent);border-radius:calc(var(--raio,14px) - 4px);pointer-events:none;transition:border-color .45s cubic-bezier(.22,.61,.36,1)}
.wsds-card:hover::before{border-color:color-mix(in srgb,#fff 78%,transparent)}
.wsds-nome{position:relative;z-index:1;font-size:14px;font-weight:600;line-height:1.45;letter-spacing:.01em;color:var(--t)}
@media(max-width:860px){
  .wsds.wsds{padding:44px 0 50px}
  .wsds-card{width:186px;padding:22px 16px;min-height:96px}
  }
@media(prefers-reduced-motion:reduce){
  .wsds-carrossel{scroll-behavior:auto}
  .wsds-card,  .wsds-card:hover{transform:none}
}


/* AJUSTE: cartoes inteiros nas pontas + setas e bolinhas, tudo em CSS. */
.wsds-carrossel{-webkit-mask-image:none;mask-image:none;padding:6px 0 14px}
.wsds-card{width:auto;flex:0 0 calc((100% - 42px)/4);scroll-snap-align:start;scroll-margin-top:calc(50vh - 90px);padding-left:46px;padding-right:46px}
.wsds-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;border-radius:var(--raio-bt,999px);border:var(--fio,1px) solid color-mix(in srgb,var(--t) 22%,transparent);background:color-mix(in srgb,var(--t) 7%,var(--card));color:var(--t);align-items:center;justify-content:center;text-decoration:none;transition:background .3s ease,color .3s ease}
.wsds-nav svg{width:15px;height:15px;display:block}
.wsds-nav:hover{background:var(--t);color:var(--card)}
.wsds-nav-ant{left:7px}
.wsds-nav-prox{right:7px}
@media(min-width:1001px){.wsds-card:nth-child(4n+1) .wsds-p4.wsds-nav-ant{display:flex}.wsds-card:nth-child(4n) .wsds-p4.wsds-nav-prox,.wsds-card:last-child .wsds-p4.wsds-nav-prox{display:flex}}
@media(min-width:761px) and (max-width:1000px){.wsds-card{flex-basis:calc((100% - 28px)/3)}.wsds-card:nth-child(3n+1) .wsds-p3.wsds-nav-ant{display:flex}.wsds-card:nth-child(3n) .wsds-p3.wsds-nav-prox,.wsds-card:last-child .wsds-p3.wsds-nav-prox{display:flex}}
@media(max-width:760px){.wsds-card{flex-basis:calc((100% - 14px)/2);padding-left:14px;padding-right:14px}}
.wsds-bolinhas{display:flex;align-items:center;justify-content:center;gap:9px;margin:14px 0 0;flex-wrap:wrap}
.wsds-bolinha{display:flex;align-items:center;justify-content:center;width:22px;height:22px;text-decoration:none}
.wsds-bolinha span{display:block;width:8px;height:8px;border-radius:var(--raio-bt,999px);background:var(--suave);transition:background .3s ease,width .3s ease}
.wsds-bolinha:hover span{background:var(--t)}
.wsds-carrossel:has(#wsds-c1:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c1"] span{width:20px;background:var(--t)}
.wsds-carrossel:has(#wsds-c2:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c2"] span{width:20px;background:var(--t)}
.wsds-carrossel:has(#wsds-c3:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c3"] span{width:20px;background:var(--t)}
.wsds-carrossel:has(#wsds-c4:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c4"] span{width:20px;background:var(--t)}
.wsds-carrossel:has(#wsds-c5:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c5"] span{width:20px;background:var(--t)}
.wsds-carrossel:has(#wsds-c6:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c6"] span{width:20px;background:var(--t)}
.wsds-carrossel:has(#wsds-c7:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c7"] span{width:20px;background:var(--t)}
.wsds-carrossel:has(#wsds-c8:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c8"] span{width:20px;background:var(--t)}

/* SETA FIXA nas laterais */
.wsds-palco{position:relative}
.wsds-card{scroll-margin-right:0}
@media(min-width:761px) and (max-width:1000px){.wsds-card{flex-basis:calc((100% - 28px)/3)}}
@media(max-width:760px){.wsds-card{flex-basis:calc((100% - 14px)/2);padding-left:40px;padding-right:40px}}
.wsds-seta{display:none;position:absolute;top:calc(50% - 7px);transform:translateY(-50%);z-index:6;width:44px;height:44px;border-radius:var(--raio-bt,999px);border:var(--fio,1px) solid color-mix(in srgb,var(--t) 20%,transparent);background:var(--card);color:var(--t);align-items:center;justify-content:center;text-decoration:none;box-shadow:0 10px 24px var(--sombra);transition:background .25s ease,color .25s ease}
.wsds-seta:hover{background:var(--t);color:var(--card)}
.wsds-seta svg{width:19px;height:19px;display:block}
.wsds-ant{left:4px}
.wsds-prox{right:4px}
@media(min-width:1001px){
.wsds-palco .wsds-seta.e1.desk{display:flex}
.wsds-palco:has(.wsds-card:target) .wsds-seta.e1.desk{display:none}
.wsds-palco:has(#wsds-c1:target) .wsds-seta.e1.desk{display:flex}
.wsds-palco:has(#wsds-c2:target) .wsds-seta.e2.desk{display:flex}
.wsds-palco:has(#wsds-c3:target) .wsds-seta.e3.desk{display:flex}
.wsds-palco:has(#wsds-c4:target) .wsds-seta.e4.desk{display:flex}
.wsds-palco:has(#wsds-c5:target) .wsds-seta.e5.desk{display:flex}
.wsds-palco:has(#wsds-c6:target) .wsds-seta.e6.desk{display:flex}
.wsds-palco:has(#wsds-c7:target) .wsds-seta.e7.desk{display:flex}
.wsds-palco:has(#wsds-c8:target) .wsds-seta.e8.desk{display:flex}
}
@media(min-width:761px) and (max-width:1000px){
.wsds-palco .wsds-seta.e1.tab{display:flex}
.wsds-palco:has(.wsds-card:target) .wsds-seta.e1.tab{display:none}
.wsds-palco:has(#wsds-c1:target) .wsds-seta.e1.tab{display:flex}
.wsds-palco:has(#wsds-c2:target) .wsds-seta.e2.tab{display:flex}
.wsds-palco:has(#wsds-c3:target) .wsds-seta.e3.tab{display:flex}
.wsds-palco:has(#wsds-c4:target) .wsds-seta.e4.tab{display:flex}
.wsds-palco:has(#wsds-c5:target) .wsds-seta.e5.tab{display:flex}
.wsds-palco:has(#wsds-c6:target) .wsds-seta.e6.tab{display:flex}
.wsds-palco:has(#wsds-c7:target) .wsds-seta.e7.tab{display:flex}
.wsds-palco:has(#wsds-c8:target) .wsds-seta.e8.tab{display:flex}
}
@media(max-width:760px){
.wsds-palco .wsds-seta.e1.fone{display:flex}
.wsds-palco:has(.wsds-card:target) .wsds-seta.e1.fone{display:none}
.wsds-palco:has(#wsds-c1:target) .wsds-seta.e1.fone{display:flex}
.wsds-palco:has(#wsds-c2:target) .wsds-seta.e2.fone{display:flex}
.wsds-palco:has(#wsds-c3:target) .wsds-seta.e3.fone{display:flex}
.wsds-palco:has(#wsds-c4:target) .wsds-seta.e4.fone{display:flex}
.wsds-palco:has(#wsds-c5:target) .wsds-seta.e5.fone{display:flex}
.wsds-palco:has(#wsds-c6:target) .wsds-seta.e6.fone{display:flex}
.wsds-palco:has(#wsds-c7:target) .wsds-seta.e7.fone{display:flex}
.wsds-palco:has(#wsds-c8:target) .wsds-seta.e8.fone{display:flex}
}
.wsds-palco:has(#wsds-c1:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c1"] span{width:20px;background:var(--t)}
.wsds-palco:has(#wsds-c2:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c2"] span{width:20px;background:var(--t)}
.wsds-palco:has(#wsds-c3:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c3"] span{width:20px;background:var(--t)}
.wsds-palco:has(#wsds-c4:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c4"] span{width:20px;background:var(--t)}
.wsds-palco:has(#wsds-c5:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c5"] span{width:20px;background:var(--t)}
.wsds-palco:has(#wsds-c6:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c6"] span{width:20px;background:var(--t)}
.wsds-palco:has(#wsds-c7:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c7"] span{width:20px;background:var(--t)}
.wsds-palco:has(#wsds-c8:target)~.wsds-bolinhas .wsds-bolinha[href="#wsds-c8"] span{width:20px;background:var(--t)}

/* alinhamento exato do carrossel */
@media(min-width:1001px){.wsds-card{scroll-margin-right:calc(3 * (min(1080px, 100vw - 40px) + 14px) / 4)}}
@media(min-width:761px) and (max-width:1000px){.wsds-card{scroll-margin-right:calc(2 * (min(1080px, 100vw - 40px) + 14px) / 3)}}
@media(max-width:760px){.wsds-card{scroll-margin-right:calc(1 * (min(1080px, 100vw - 40px) + 14px) / 2)}}

/* celular: dois cartoes inteiros */
@media(max-width:760px){.wsds-card{flex-basis:calc((100% - 14px)/2);min-width:0;padding-left:26px;padding-right:26px;min-height:110px}
.wsds-seta{width:36px;height:36px}
.wsds-seta svg{width:16px;height:16px}
.wsds-ant{left:2px}
.wsds-prox{right:2px}
.wsds-nome{font-size:13px;line-height:1.35}}

@media(max-width:760px){.wsds-seta{width:34px;height:34px}.wsds-ant{left:-10px}.wsds-prox{right:-10px}.wsds-card{padding-left:20px;padding-right:20px}}