/* Inspired by https://uiverse.io/wilsondesouza/cowardly-swan-91 */
.social-bar{margin-top:28px;max-width:100%}
.social-icons{list-style:none;display:flex;flex-direction:row;align-items:center;gap:12px;margin:0;padding:0}
.social-item{position:relative;flex:none}
.social-control{--social-color:#355c3d;position:relative;overflow:hidden;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #d9e1d5;background:#fff;color:#5b695c;padding:0;cursor:pointer;isolation:isolate;transition:color 200ms ease,box-shadow 200ms ease}
.social-control svg{width:23px;height:23px;position:relative;z-index:1;pointer-events:none}
.social-fill{position:absolute;inset:0;background:var(--social-color);transform:translateY(101%);transition:transform 250ms cubic-bezier(.23,1,.32,1);z-index:0;pointer-events:none}
.social-control[data-social="youtube"]{--social-color:#ff0033}
.social-control[data-social="facebook"]{--social-color:#1877f2}
.social-control[data-social="instagram"]{--social-color:linear-gradient(45deg,#405de6,#b33ab4,#e1306c,#fd8235)}
.social-control[data-social="linkedin"]{--social-color:#0a66c2}
.social-control[data-social="whatsapp"]{--social-color:#128c4b}
.social-control[data-social="email"]{--social-color:#355c3d}
.social-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px);opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;background:#24382a;color:#fff;padding:7px 10px;border-radius:8px;font-size:11px;line-height:1.4;transition:opacity 150ms ease,transform 150ms cubic-bezier(.23,1,.32,1),visibility 150ms;z-index:5}
.social-tooltip:after{content:"";position:absolute;top:100%;left:calc(50% - 4px);border:4px solid transparent;border-top-color:#24382a}
.social-control:focus-visible{color:#fff;outline:2px solid #0071e3;outline-offset:4px}.social-control:focus-visible .social-fill{transform:translateY(0)}
.social-item:focus-within .social-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.social-status{display:block;font-size:11px;line-height:1.5;color:#68756b;margin-top:10px;min-height:17px}
@media(hover:hover) and (pointer:fine){.social-control:hover{color:#fff;box-shadow:0 7px 20px #1b342320}.social-control:hover .social-fill{transform:translateY(0)}.social-item:hover .social-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}}
@media(max-width:767px){.social-icons{gap:10px}.social-control{width:44px;height:44px}.social-control svg{width:22px;height:22px}.social-item:first-child .social-tooltip{left:0;transform:translate(0,6px)}.social-item:first-child:focus-within .social-tooltip{transform:translate(0,0)}.social-item:first-child .social-tooltip:after{left:18px}}
body[data-catalog-theme="industrial"] .social-control{background:#282a2e;border-color:#495348;color:#d3dfd0}body[data-catalog-theme="industrial"] .social-status{color:#bdc9bb}
@media(prefers-reduced-motion:reduce){.social-control,.social-fill,.social-tooltip{transition:none}}