/* AROUND THE BALL — placas sociales históricas, sin widgets externos. */
.atb-social-plate,
.atb-social-plate * { box-sizing: border-box; }
.atb-social-plates { width: 100%; }
.atb-social-plate {
  width: calc(92% - 14px);
  max-width: 187px;
  position: relative;
  margin: 4px 0 14px 0;
  padding: 12px 11px 13px;
  background: #42413e;
  border: 3px solid #242320;
  box-shadow: 0 0 0 2px #77736b, 5px 6px 0 #a7a198;
  color: #eae3d4;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
.atb-screw { position: absolute; width: 9px; height: 9px; background: #918d84; border: 1px solid #1c1b19; border-radius: 50%; box-shadow: inset 1px 1px 0 #c5beb0; }
.atb-screw::after { content: ""; position: absolute; top: 3px; left: 1px; width: 5px; border-top: 1px solid #383630; transform: rotate(-35deg); }
.atb-screw-tl { top: 5px; left: 5px; }.atb-screw-tr { top: 5px; right: 5px; }.atb-screw-bl { bottom: 5px; left: 5px; }.atb-screw-br { bottom: 5px; right: 5px; }
.atb-social-heading { margin: 6px 0 10px; color: #c3bbab; font-size: 9px; font-weight: 900; letter-spacing: 2px; }
.atb-social-well { padding: 11px 6px 12px; background: #242522; border: 1px solid #747168; box-shadow: inset 2px 3px 0 #151513; }
.atb-social-platform { display: flex; align-items: center; justify-content: center; height: 63px; }
.atb-social-platform img { display: block; max-width: 63px; max-height: 63px; width: auto; height: auto; object-fit: contain; }
.atb-social-platform svg { display: block; width: 63px; height: 63px; fill: #55acee; }
.atb-social-platform--youtube img { width: 63px; height: 63px; border-radius: 8px; clip-path: inset(1px round 7px); image-rendering: auto; }
.atb-social-platform--flickr img { width: 60px; height: 60px; }
.atb-social-platform--facebook img { width: 63px; height: 63px; }
.atb-social-avatar { display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; margin: 0 auto; background: #ece9dd; border: 3px solid #77766e; box-shadow: 2px 2px 0 #151513; }
.atb-social-avatar img { display: block; width: 100%; height: 100%; object-fit: contain; }
.atb-social-bird { display: flex; align-items: center; justify-content: center; height: 63px; }
.atb-social-bird svg { display: block; width: 63px; height: 63px; fill: #55acee; }
.atb-social-title { margin-top: 10px; color: #f4eddb; font-size: 14px; font-weight: 900; line-height: 1.2; letter-spacing: .2px; }
.atb-social-subtitle { margin-top: 4px; color: #a8a395; font-size: 10px; letter-spacing: 1px; }
.atb-social-handle { margin-top: 6px; color: #55acee; font-size: 11px; font-weight: bold; }
.atb-social-separator { height: 2px; margin: 11px 0; background: #777168; border-bottom: 1px solid #222; }
.atb-social-button { display: block; padding: 9px 4px 8px; background: #d9cfb8; color: #2b2925; border: 2px solid #f4e9d0; box-shadow: 0 4px 0 #817864, 0 6px 0 #171614; font-size: 11px; font-weight: 900; letter-spacing: .5px; line-height: 1.3; text-decoration: none; cursor: pointer; transition: transform 80ms, box-shadow 80ms, background-color 80ms; }
.atb-social-button:hover, .atb-social-button:focus-visible { background: #eee3ca; color: #2b2925; text-decoration: none; }
.atb-social-button:active { transform: translateY(3px); box-shadow: 0 1px 0 #817864, 0 3px 0 #171614; }
.atb-social-facebook-f { margin-right: 4px; font-size: 14px; font-weight: 900; }
.atb-social-footer { margin: 13px 0 1px; color: #a8a092; font-size: 8px; letter-spacing: 1.5px; }
