/* VersaPlay v3.7.7 — Compartilhar */
.vp-card{position:relative}

.vp-card-share,
.vp-share-button{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(151,202,232,.26);
  background:rgba(7,25,40,.90);
  color:#e6f7ff;
  cursor:pointer;
  font:inherit;
  font-weight:800;
  box-shadow:0 6px 18px rgba(0,0,0,.24);
  transition:transform .15s ease,border-color .15s ease,background .15s ease
}
.vp-card-share:hover,.vp-share-button:hover{
  border-color:rgba(79,197,255,.50);
  background:rgba(17,52,78,.96)
}
.vp-card-share:active,.vp-share-button:active{transform:scale(.97)}
.vp-card-share:focus-visible,.vp-share-button:focus-visible{
  outline:2px solid #63e6a1;
  outline-offset:2px
}

.vp-card-share{
  position:absolute;
  z-index:8;
  right:12px;
  bottom:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  padding:0;
  border-radius:999px;
  backdrop-filter:blur(9px)
}
.vp-card-share span{font-size:1.05rem;transform:translateY(-1px)}

.vp-share-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  padding:0 12px;
  border-radius:10px;
  white-space:nowrap
}
.vp-share-icon{font-size:1rem}

.vp-share-toast{
  position:fixed;
  z-index:99999;
  left:50%;
  bottom:max(18px,env(safe-area-inset-bottom));
  transform:translate(-50%,18px);
  max-width:min(92vw,520px);
  padding:11px 14px;
  border:1px solid rgba(99,230,161,.28);
  border-radius:12px;
  background:rgba(5,24,38,.97);
  color:#edfff4;
  box-shadow:0 12px 30px rgba(0,0,0,.34);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
  font-size:.80rem;
  text-align:center
}
.vp-share-toast.is-visible{
  opacity:1;
  transform:translate(-50%,0)
}

@media(max-width:620px){
  .vp-card-share{
    right:10px;
    bottom:10px;
    width:42px;
    height:42px
  }
  .vp-share-button{
    min-width:40px;
    min-height:40px;
    padding:0 10px
  }
  .vp-share-label{display:none}
}


/* v3.7.8 — Compartilhar a própria página/categoria */
.vp-page-share-holder {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-left:auto;
}

.vp-page-share-holder .vp-page-share-button {
  position:relative;
  z-index:12;
}

.vp-page-share-floating {
  position:fixed;
  z-index:9990;
  top:max(12px,env(safe-area-inset-top));
  right:max(12px,env(safe-area-inset-right));
  margin:0;
}

@media(max-width:620px){
  .vp-page-share-holder{
    margin-top:8px;
  }

  .vp-page-share-holder .vp-page-share-button{
    min-width:42px;
    min-height:42px;
  }

  .vp-page-share-holder .vp-share-label{
    display:none;
  }
}