.comparto-buttons{
  display:inline-flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-start;
}
/* Orientación horizontal (fila) */
.comparto-buttons.comparto-orient-horizontal{
  flex-direction:row;
  align-items:center;
  flex-wrap:wrap;
}

.comparto-btn{
  display:inline-flex;align-items:center;gap:6px;padding:8px 12px;
  border:0;border-radius:8px;color:#fff!important;cursor:pointer;
  font-size:14px;line-height:1;font-weight:600;text-decoration:none;
  transition:transform .15s, filter .15s;
  position:relative;
}
.comparto-btn:hover{transform:translateY(-1px);filter:brightness(1.1);}
.comparto-icon{display:inline-flex;align-items:center;}

.comparto-style-circle .comparto-btn{
  width:44px;height:44px;border-radius:50%;padding:0;justify-content:center;
}
.comparto-style-circle .comparto-count{
  position:absolute;top:-6px;right:-6px;margin-left:0;
}
.comparto-style-square .comparto-btn{border-radius:0;}

.comparto-facebook{background:#1877F2;}
.comparto-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}
.comparto-whatsapp{background:#25D366;}
.comparto-telegram{background:#229ED9;}
.comparto-x{background:#000;}

.comparto-count{
  background:rgba(255,255,255,.28);padding:2px 7px;border-radius:999px;
  font-size:11px;margin-left:4px;
}

/* Fijos dentro del contenido */
.comparto-fixed-wrap{margin:16px 0;z-index:10;display:block;}
.comparto-side-left{text-align:left;}
.comparto-side-right{text-align:right;}
.comparto-side-right .comparto-buttons{align-items:flex-end;}
.comparto-side-right .comparto-buttons.comparto-orient-horizontal{justify-content:flex-end;}
.comparto-side-left  .comparto-buttons.comparto-orient-horizontal{justify-content:flex-start;}

/* Flotantes al viewport */
.comparto-floating{
  position:fixed;
  z-index:9999;
  display:block;
}
/* Lado */
.comparto-floating-left{left:24px;}
.comparto-floating-right{right:24px;}
/* Posición vertical */
.comparto-floating-v-top{top:24px;bottom:auto;}
.comparto-floating-v-bottom{bottom:24px;top:auto;}
.comparto-floating-v-center{top:50%;bottom:auto;transform:translateY(-50%);}

.comparto-floating .comparto-buttons{display:inline-flex;flex-direction:column;gap:10px;}

.comparto-floating .comparto-btn{
  width:52px;height:52px;border-radius:50%;padding:0;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
}

@media(max-width:600px){
  .comparto-floating-left{left:12px;}
  .comparto-floating-right{right:12px;}
  .comparto-floating-v-top{top:12px;}
  .comparto-floating-v-bottom{bottom:12px;}
  .comparto-floating .comparto-btn{width:44px;height:44px;}
}