:root{
  --stk-surface:#fffaf2;
  --stk-surface-strong:#f4eadb;
  --stk-border:#cdbb9f;
  --stk-text:#332a20;
  --stk-muted:#6e5b45;
  --stk-shadow-alpha:.22;
  --stk-shadow-tablet-alpha:.24;
  --stk-shadow-mobile-alpha:.18;
  --stk-shadow:0 .7rem 1.7rem rgba(66,54,37,var(--stk-shadow-alpha));
  --stk-radius:.9rem;
  --stk-button-radius:.7rem;
  --stk-button-base:3.35rem;
  --stk-icon-base:1.75rem;
  --stk-button-desktop:3.7rem;
  --stk-icon-desktop:1.85rem;
  --stk-button-tablet:3.45rem;
  --stk-icon-tablet:1.7rem;
  --stk-button-mobile:3.85rem;
  --stk-icon-mobile:1.85rem;
  --stk-icon-narrow:1.95rem;
  --stk-focus:#5f7b3a;
}

.stk-share{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.55rem;
  margin:1.25rem 0;
  color:var(--stk-text);
}

.stk-share__label{
  font-weight:800;
  margin-right:.2rem;
  color:var(--stk-text);
}

.stk-share__button{
  --stk-network:#5f7b3a;
  --stk-tint:color-mix(in srgb,var(--stk-network) 11%,var(--stk-surface));
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  min-width:var(--stk-button-base);
  min-height:var(--stk-button-base);
  padding:.62rem;
  border:1.5px solid color-mix(in srgb,var(--stk-network) 48%,var(--stk-border));
  border-radius:var(--stk-button-radius);
  text-decoration:none;
  line-height:1.1;
  font-weight:750;
  color:var(--stk-text);
  background:var(--stk-tint);
  box-shadow:0 1px 0 rgba(255,255,255,.88) inset,0 .08rem .2rem rgba(66,54,37,.08);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease;
}

.stk-share__button:hover,
.stk-share__button:focus-visible{
  text-decoration:none;
  color:var(--stk-text);
  border-color:color-mix(in srgb,var(--stk-network) 72%,var(--stk-border));
  background:color-mix(in srgb,var(--stk-network) 17%,var(--stk-surface));
  box-shadow:0 .3rem .8rem rgba(66,54,37,.17);
  transform:translateY(-2px);
}

.stk-share__button:active{
  transform:translateY(0);
  box-shadow:none;
}

.stk-share__button:focus-visible{
  outline:3px solid color-mix(in srgb,var(--stk-focus) 40%,transparent);
  outline-offset:2px;
}

.stk-share__icon{
  display:inline-flex;
  width:var(--stk-icon-base);
  height:var(--stk-icon-base);
  flex:0 0 var(--stk-icon-base);
  align-items:center;
  justify-content:center;
  color:var(--stk-network);
}

.stk-share__icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:currentColor;
}

.stk-share__text{display:none!important}

.stk-share__toggle{
  display:none;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1.5px solid var(--stk-border);
  border-radius:var(--stk-button-radius);
  background:var(--stk-surface);
  color:var(--stk-text);
  cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.88) inset,0 .08rem .2rem rgba(66,54,37,.08);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease;
}
.stk-share__toggle:hover,
.stk-share__toggle:focus-visible{
  border-color:color-mix(in srgb,var(--stk-focus) 55%,var(--stk-border));
  background:color-mix(in srgb,var(--stk-focus) 8%,var(--stk-surface));
  box-shadow:0 .25rem .7rem rgba(66,54,37,.15);
}
.stk-share__toggle:focus-visible{
  outline:3px solid color-mix(in srgb,var(--stk-focus) 40%,transparent);
  outline-offset:2px;
}
.stk-share__toggle-icon{
  display:inline-flex;
  width:1.15rem;
  height:1.15rem;
  align-items:center;
  justify-content:center;
}
.stk-share__toggle-icon svg{display:block;width:100%;height:100%;fill:currentColor}
.stk-share__toggle-icon--expand{display:none}
.stk-share--collapsed .stk-share__toggle-icon--collapse{display:none}
.stk-share--collapsed .stk-share__toggle-icon--expand{display:inline-flex}

.stk-share__button--facebook{--stk-network:#1877f2}
.stk-share__button--x{--stk-network:#111111}
.stk-share__button--linkedin{--stk-network:#0a66c2}
.stk-share__button--whatsapp{--stk-network:#168f48}
.stk-share__button--email{--stk-network:#9a5f28}

@media(min-width:1100px){
  .stk-share--responsive-floating{
    position:fixed;
    left:14px;
    top:50%;
    z-index:1030;
    transform:translateY(-50%);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:.48rem;
    margin:0;
    padding:.68rem;
    border:1.5px solid var(--stk-border);
    border-radius:var(--stk-radius);
    background:color-mix(in srgb,var(--stk-surface) 98%,transparent);
    box-shadow:var(--stk-shadow);
    backdrop-filter:blur(8px);
  }
  .stk-share--responsive-floating .stk-share__toggle{
    display:inline-flex;
    width:var(--stk-button-desktop);
    height:1.8rem;
    min-height:1.8rem;
    margin:0 0 .06rem;
  }
  .stk-share--responsive-floating.stk-share--collapsed{
    gap:0;
    padding:.4rem;
  }
  .stk-share--responsive-floating.stk-share--collapsed .stk-share__button{display:none!important}
  .stk-share--responsive-floating.stk-share--collapsed .stk-share__toggle{
    width:2.85rem;
    height:2.85rem;
    min-height:2.85rem;
    margin:0;
  }
  .stk-share--responsive-floating .stk-share__label{
    margin:0 0 .12rem;
    text-align:center;
    font-size:.78rem;
    letter-spacing:.045em;
    text-transform:uppercase;
    color:var(--stk-muted);
  }
  .stk-share--responsive-floating .stk-share__button{
    width:var(--stk-button-desktop);
    min-width:var(--stk-button-desktop);
    min-height:3.45rem;
    justify-content:center;
    padding:.55rem;
  }
  .stk-share--responsive-floating .stk-share__icon{
    width:var(--stk-icon-desktop);
    height:var(--stk-icon-desktop);
    flex-basis:var(--stk-icon-desktop);
  }
}

@media(min-width:768px) and (max-width:1099px){
  .stk-share--responsive-floating{
    position:fixed;
    left:50%;
    bottom:16px;
    z-index:1030;
    transform:translateX(-50%);
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    width:max-content;
    max-width:calc(100vw - 28px);
    margin:0;
    padding:.7rem .78rem;
    background:color-mix(in srgb,var(--stk-surface) 98%,transparent);
    border:1.5px solid var(--stk-border);
    border-radius:1rem;
    box-shadow:0 .65rem 1.55rem rgba(66,54,37,var(--stk-shadow-tablet-alpha));
    backdrop-filter:blur(9px);
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .stk-share--responsive-floating .stk-share__toggle{
    display:inline-flex;
    flex:0 0 auto;
    width:2.4rem;
    height:var(--stk-button-tablet);
    min-height:var(--stk-button-tablet);
  }
  .stk-share--responsive-floating .stk-share__toggle-icon{transform:rotate(-90deg)}
  .stk-share--responsive-floating.stk-share--collapsed{
    gap:0;
    padding:.45rem;
    overflow:visible;
  }
  .stk-share--responsive-floating.stk-share--collapsed .stk-share__button{display:none!important}
  .stk-share--responsive-floating.stk-share--collapsed .stk-share__toggle{
    width:3rem;
    height:3rem;
    min-height:3rem;
  }
  .stk-share--responsive-floating.stk-share--collapsed .stk-share__toggle-icon{transform:rotate(90deg)}
  .stk-share--responsive-floating .stk-share__label{display:none}
  .stk-share--responsive-floating .stk-share__button{
    flex:0 0 auto;
    width:var(--stk-button-tablet);
    min-width:var(--stk-button-tablet);
    min-height:var(--stk-button-tablet);
    padding:.55rem;
    white-space:nowrap;
  }
  .stk-share--responsive-floating .stk-share__icon{
    width:var(--stk-icon-tablet);
    height:var(--stk-icon-tablet);
    flex-basis:var(--stk-icon-tablet);
  }
}

@media(max-width:767px){
  .stk-share{gap:.45rem}
  .stk-share__button{min-height:3rem;padding:.58rem .78rem}
  .stk-share--responsive-floating{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1030;
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    justify-content:stretch;
    gap:.36rem;
    width:100%;
    margin:0;
    padding:.5rem max(.5rem,env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));
    background:color-mix(in srgb,var(--stk-surface) 99%,transparent);
    border-top:1.5px solid var(--stk-border);
    box-shadow:0 -.5rem 1.35rem rgba(66,54,37,var(--stk-shadow-mobile-alpha));
    backdrop-filter:blur(9px);
    overflow:visible;
  }
  .stk-share--responsive-floating .stk-share__label{display:none}
  .stk-share--responsive-floating .stk-share__button{
    flex:1 1 0;
    min-width:0;
    min-height:var(--stk-button-mobile);
    padding:.58rem .18rem;
    border-radius:var(--stk-button-radius);
    white-space:nowrap;
    text-align:center;
    flex-direction:column;
    gap:0;
  }
  .stk-share--responsive-floating .stk-share__icon{
    width:var(--stk-icon-mobile);
    height:var(--stk-icon-mobile);
    flex-basis:var(--stk-icon-mobile);
  }
}

@media(max-width:430px){
  .stk-share--responsive-floating .stk-share__button{min-height:3.75rem}
  .stk-share--responsive-floating .stk-share__icon{width:var(--stk-icon-narrow);height:var(--stk-icon-narrow);flex-basis:var(--stk-icon-narrow)}
}

@media(prefers-reduced-motion:reduce){
  .stk-share__button,.stk-share__toggle{transition:none}
}