/* Lia Stories v6 — circulos inteiros + setas alinhadas */

#lia-stories{
  width:100%;padding:0 0 20px;
  overflow:visible;position:relative
}
#lia-stories h3{
  text-align:center;color:#fff;font-size:13px;
  letter-spacing:3px;text-transform:uppercase;
  opacity:.85;margin:0 0 18px;font-weight:400
}

/* Wrap em ROW+WRAP: row de scroll ocupa 100%, btns ficam na mesma linha abaixo */
.lia-stories-wrap{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:0;
  position:relative
}

/* Row de scroll — order 1, largura total */
.lia-stories-row{
  order:1;
  flex:0 0 100%;
  width:100%;
  display:flex;
  gap:16px;
  flex-wrap:nowrap;
  overflow-x:auto;
  overflow-y:visible;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding:16px 16px 16px;
  scrollbar-width:none;
  -ms-overflow-style:none;
  box-sizing:border-box
}
.lia-stories-row::-webkit-scrollbar{display:none}

/* Cada story */
.lia-story{
  display:flex;flex-direction:column;align-items:center;
  gap:7px;cursor:pointer;
  scroll-snap-align:start;
  flex-shrink:0;
  min-width:0
}

/* Ring externo — gradiente dourado, filter em vez de box-shadow para nao ser cortado */
.lia-story-ring{
  width:78px;height:78px;
  border-radius:50%;
  background:linear-gradient(145deg,#e8c96e,#c9a84c,#8a6a1e,#c9a84c);
  padding:3px;
  display:flex;align-items:center;justify-content:center;
  filter:drop-shadow(0 4px 14px rgba(201,168,76,.45)) drop-shadow(0 2px 5px rgba(0,0,0,.4));
  box-sizing:border-box;
  flex-shrink:0
}

/* Inner branco */
.lia-story-inner{
  width:100%;height:100%;
  border-radius:50%;
  background:#fff;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  font-size:28px;color:#c9a84c;
  position:relative
}
.lia-story-inner img{
  width:100%;height:100%;
  object-fit:cover;
  border-radius:50%;
  display:block
}

/* Label abaixo do circulo */
.lia-story span{
  font-size:10px;color:#f0e6c8;text-align:center;
  max-width:70px;line-height:1.3;font-weight:600;
  text-shadow:0 1px 4px rgba(0,0,0,.9);letter-spacing:.2px
}

/* Botoes — order 2 (abaixo do row), pequenos, alinhados na mesma linha */
.lia-carousel-btn{
  order:2;
  position:static;
  width:26px;height:26px;border-radius:50%;border:none;
  background:rgba(201,168,76,.65);
  color:#1a1a1a;
  font-size:14px;line-height:1;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 1px 6px rgba(0,0,0,.25);
  transition:background .2s,transform .2s;
  opacity:.75;
  margin-top:6px;
  flex-shrink:0
}
.lia-carousel-btn:hover{background:#c9a84c;opacity:1;transform:scale(1.1)}
.lia-carousel-btn:active{transform:scale(.92)}

/* Prev a esquerda, next a direita */
.lia-carousel-btn.prev{margin-left:8px;margin-right:auto}
.lia-carousel-btn.next{margin-left:auto;margin-right:8px}

/* Modal */
#lia-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;align-items:center;justify-content:center}
#lia-modal.open{display:flex}
.lia-modal-box{position:relative;width:min(360px,90vw);background:#000;border-radius:18px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.8)}
.lia-modal-box video{width:100%;display:block;max-height:80vh;object-fit:contain}
.lia-modal-title{position:absolute;top:0;left:0;right:0;padding:14px 44px 14px 16px;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);color:#f0e6c8;font-size:14px;font-weight:600;letter-spacing:.5px;pointer-events:none}
.lia-modal-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:none;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.lia-modal-close:hover{background:rgba(255,255,255,.35)}