/* Astillas del Vacío · v31 · iconos sociales reh hechos en HTML/SVG.
   Sin PNG internos para evitar desajustes visuales. */
.portal-social-shortcuts{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(12px,.9vw,16px);
  margin-top:clamp(12px,1.7vh,20px);
  padding:0;
  flex-wrap:nowrap;
  position:relative;
  z-index:15;
  width:max-content;
  max-width:100%;
}
.portal-social-shortcut{
  --button-size:clamp(54px,3.25vw,64px);
  --glow:rgba(171,126,255,.42);
  --glow-strong:rgba(211,181,255,.72);
  --border:rgba(225,211,255,.78);
  --surface-top:rgba(178,145,255,.22);
  --surface-bottom:rgba(40,22,85,.6);
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--button-size);
  height:var(--button-size);
  flex:none;
  padding:0;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#fff;
  text-decoration:none;
  line-height:0;
  cursor:pointer;
  overflow:visible;
  transform:translateY(0) scale(1);
  transition:transform .22s ease, filter .22s ease, opacity .22s ease;
  -webkit-tap-highlight-color:transparent;
}
.portal-social-shortcut::before,
.portal-social-shortcut::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:12px;
  pointer-events:none;
}
.portal-social-shortcut::before{
  background:
    radial-gradient(110% 95% at 18% 16%, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 30%),
    radial-gradient(85% 75% at 78% 82%, rgba(143,112,255,.24) 0%, rgba(143,112,255,0) 58%),
    linear-gradient(180deg, var(--surface-top) 0%, rgba(86,58,154,.24) 28%, var(--surface-bottom) 100%),
    linear-gradient(135deg, rgba(114,77,212,.16) 0%, rgba(30,18,70,.14) 48%, rgba(159,110,255,.18) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 0 0 1px rgba(255,255,255,.09),
    0 10px 22px rgba(5,2,22,.5),
    0 0 18px var(--glow);
}
.portal-social-shortcut::after{
  inset:2px;
  border:1px solid var(--border);
  opacity:.95;
}
.portal-social-shortcut__face{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.portal-social-shortcut__face::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:9px;
  background:
    radial-gradient(65% 48% at 30% 26%, rgba(255,255,255,.11), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
  pointer-events:none;
}
.portal-social-shortcut__icon{
  position:relative;
  z-index:3;
  width:57%;
  height:57%;
  color:#fbf9ff;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.1)) drop-shadow(0 0 8px rgba(200,170,255,.25));
}
.portal-social-shortcut:is(:hover,:focus-visible){
  transform:translateY(-3px) scale(1.045);
}
.portal-social-shortcut:is(:hover,:focus-visible)::before{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 0 0 1px rgba(255,255,255,.1),
    0 12px 24px rgba(5,2,22,.58),
    0 0 22px var(--glow-strong);
}
.portal-social-shortcut:focus-visible{outline:2px solid #f2dfff;outline-offset:3px;}
.portal-social-shortcut--pending{cursor:default;}
.portal-social-shortcut--instagram .portal-social-shortcut__icon{width:56%;height:56%;}
.portal-social-shortcut--facebook .portal-social-shortcut__icon{width:49%;height:49%;transform:translateX(-1px) translateY(1px);}
.portal-social-shortcut--tiktok .portal-social-shortcut__icon{width:50%;height:50%;transform:translateX(1px);}
.portal-social-shortcut--youtube .portal-social-shortcut__icon{width:56%;height:56%;}
@media(orientation:landscape) and (pointer:coarse) and (max-width:1200px){
  .portal-social-shortcuts{gap:10px;margin-top:clamp(8px,1.3vh,12px);}
  .portal-social-shortcut{--button-size:clamp(44px,5vw,54px);}
}
@media(orientation:landscape) and (pointer:coarse) and (max-height:540px){
  .portal-social-shortcuts{margin-top:6px;gap:8px;}
  .portal-social-shortcut{--button-size:40px;}
}
@media(orientation:landscape) and (pointer:coarse) and (max-height:360px){
  .portal-social-shortcuts{margin-top:3px;gap:6px;}
  .portal-social-shortcut{--button-size:36px;}
}
@media(prefers-reduced-motion:reduce){.portal-social-shortcut{transition:none;}}