/* Barra lateral (PC) */
.wsoc{position:fixed;right:18px;top:50%;z-index:9990;display:none;flex-direction:column;align-items:center;gap:4px;padding:14px 6px 10px;font-family:'Montserrat',system-ui,sans-serif;isolation:isolate;
  transform:translate(calc(100% + 30px),-50%);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .4s}
/* fondo de cristal con las esquinas cortadas (en una capa aparte para no recortar la pestaña que sale) */
.wsoc::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(11,11,13,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
@media (min-width:1200px){.wsoc{display:flex}}
.wsoc.is-in{transform:translate(0,-50%)}
/* en el bloque principal de la portada se coloca por JS entre la cabecera y la tarjeta de la derecha (o se aparta si no cabe) */
.wsoc{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .4s,top .6s cubic-bezier(.2,.8,.2,1)}
.wsoc.is-out,.wsoc.is-tapa,html.wtv-lock .wsoc{transform:translate(calc(100% + 30px),-50%);opacity:0;pointer-events:none}
.wsoc__tag{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;gap:8px;margin-bottom:6px;font-family:'Oswald',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.wsoc__tag i{width:6px;height:6px;border-radius:50%;background:#E30613;box-shadow:0 0 0 0 rgba(227,6,19,.7);animation:wsocLatido 2s infinite}
.wsoc__bar{position:absolute;left:-1px;top:12px;bottom:0;width:2px;background:rgba(255,255,255,.08)}
.wsoc__bar b{display:block;width:100%;height:0;background:#E30613;box-shadow:0 0 10px rgba(227,6,19,.8)}
.wsoc .wsoc__a{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:rgba(255,255,255,.72)!important;text-decoration:none!important;transition:color .25s,background .25s}
.wsoc .wsoc__a:hover,.wsoc .wsoc__a:focus-visible{color:#fff!important;background:#E30613}
.wsoc__a svg{width:18px;height:18px;fill:currentColor;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.wsoc__a:hover svg{transform:scale(1.12)}
/* pestaña con la cuenta: sale hacia la izquierda */
.wsoc__fly{position:absolute;right:calc(100% + 6px);top:0;height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 18px 0 16px;white-space:nowrap;background:#E30613;color:#fff;
  clip-path:polygon(12px 0,100% 0,100% 100%,0 100%);opacity:0;transform:translateX(14px);transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.wsoc__a:hover .wsoc__fly,.wsoc__a:focus-visible .wsoc__fly{opacity:1;transform:none}
.wsoc__fly small{font-size:9px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;opacity:.75}
.wsoc__fly b{font-family:'Oswald',sans-serif;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.1;color:#fff!important}
@keyframes wsocLatido{0%{box-shadow:0 0 0 0 rgba(227,6,19,.7)}70%{box-shadow:0 0 0 7px rgba(227,6,19,0)}100%{box-shadow:0 0 0 0 rgba(227,6,19,0)}}
/* Pie de página (PC y móvil) */
.wsoc-pie{margin-top:26px;font-family:'Montserrat',system-ui,sans-serif}
.wsoc-pie__k{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:#ff4d57}
.wsoc-pie__k:before{content:"";width:22px;height:2px;background:#E30613}
.wsoc-pie__l{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,auto));gap:8px;justify-content:start}
.wsoc-pie .wsoc-pie__a{display:flex;align-items:center;gap:12px;padding:12px 18px 12px 14px;border:1px solid rgba(255,255,255,.16);color:#fff!important;text-decoration:none!important;transition:background .25s,border-color .25s}
.wsoc-pie .wsoc-pie__a:hover{background:#E30613;border-color:#E30613}
.wsoc-pie__a svg{width:20px;height:20px;fill:currentColor;flex:none}
.wsoc-pie__a span{display:flex;flex-direction:column;line-height:1.15}
.wsoc-pie__a small{font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.wsoc-pie__a:hover small{color:rgba(255,255,255,.85)}
.wsoc-pie__a b{font-family:'Oswald',sans-serif;font-size:15px;font-weight:600;letter-spacing:.03em;color:#fff!important}
@media (max-width:900px){
 .wsoc-pie__l{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wsoc-pie .wsoc-pie__a{padding:12px}
 .wsoc-pie__a b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .wsoc-pie__a span{min-width:0}
}
@media (prefers-reduced-motion:reduce){.wsoc,.wsoc *,.wsoc-pie *{transition:none!important;animation:none!important}}