/* Redes oficiales: estilos propios, sin dependencias de Elementor. */
.eatvr { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:12px 0 24px; color:#fff; font-family:Arial,sans-serif; }
.eatvr, .eatvr * { box-sizing:border-box; }
.eatvr a { display:flex; align-items:center; justify-content:center; gap:10px; width:var(--eatvr-size,56px); height:var(--eatvr-size,56px); color:#fff !important; background:#101113; border:1px solid #55575c; border-radius:50%; text-decoration:none !important; box-shadow:0 2px 8px #0002; transition:background .18s,border-color .18s; }
.eatvr a:hover { background:#261014; border-color:#ed1825; }
.eatvr svg { display:block; width:48%; height:48%; flex:none; fill:currentColor; }
.eatvr a span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.eatvr a:focus-visible { outline:3px solid #ff5360; outline-offset:4px; }
.eatvr-completo a { width:auto; min-width:var(--eatvr-size,56px); padding:0 18px; border-radius:6px; }
.eatvr-completo svg { width:24px; height:24px; }
.eatvr-completo a span { position:static; width:auto; height:auto; clip-path:none; overflow:visible; font-size:14px; }
.eatvr[hidden] { display:none !important; }
@media(min-width:901px) {
 .eatvr-flotante { position:fixed; z-index:980; left:max(12px,calc(50vw - 750px)); top:50%; transform:translateY(-50%); flex-direction:column; flex-wrap:nowrap; margin:0; }
}
@media(max-width:900px) {
 .eatvr a { width:var(--eatvr-mobile-size,48px); height:var(--eatvr-mobile-size,48px); }
 .eatvr-flotante { position:sticky; z-index:15; top:var(--eatva-sticky-top,100px); width:max-content; max-width:100%; padding:8px; background:#08090bf5; border-top:1px solid #75212c; border-radius:0 0 8px 8px; }
 .eatvr-auto { position:fixed; top:auto; bottom:var(--eatvr-safe-bottom,16px); left:50%; transform:translateX(-50%); margin:0; }
 .eatvr-completo a { width:auto; }
}
@media(prefers-reduced-motion:reduce) { .eatvr a { transition:none; } }
/* Las redes nuevas y sus iconos personalizados mantienen el mismo tamaño. */
.eatvr a img { display:block; width:52%; height:52%; object-fit:contain; border:0; border-radius:0; margin:0; }
.eatvr a { flex-shrink:0; }
.eatvr-completo img { width:26px !important; height:26px !important; }
@media(min-width:901px) { .eatvr-flotante { max-height:70vh; overflow-y:auto; padding:4px; scrollbar-width:thin; } }
@media(max-width:900px) { .eatvr-flotante { flex-wrap:nowrap; width:max-content; max-width:100%; overflow-x:auto; } }

/* Celulares: fila compacta, sin alterar escritorio ni tablet. */
@media(max-width:600px) {
 .eatvr { gap:6px; }
 .eatvr:not(.eatvr-completo) a { width:min(var(--eatvr-mobile-size,48px),40px); height:min(var(--eatvr-mobile-size,48px),40px); }
 .eatvr-flotante { gap:6px; padding:5px 6px; max-width:calc(100vw - 24px); border:1px solid #482129; border-radius:8px; scrollbar-width:thin; }
 .eatvr-flotante a { box-shadow:none; }
 .eatvr-auto { max-width:calc(100vw - 24px); }
}

/* En celular, las páginas generales usan la columna lateral solicitada.
   Noticias conserva su ubicación y la presentación de sus redes. */
@media(max-width:600px) {
 .eatvr-flotante:not(.eatvr-news) {
  position:fixed; z-index:980; left:12px; right:auto; top:50%;
  bottom:auto; transform:translateY(-50%);
  flex-direction:column; flex-wrap:nowrap; gap:8px;
  width:max-content; max-width:46px; margin:0; padding:4px;
  max-height:min(70dvh,calc(100dvh - var(--eatvr-safe-bottom,16px) - var(--eatvr-safe-bottom,16px)));
  overflow-x:hidden; overflow-y:auto;
  background:transparent; border:0; border-radius:0; box-shadow:none;
 }
 .eatvr-flotante:not(.eatvr-news) a { width:36px; height:36px; }
}

/* Ubicación configurable. Solo se activa cuando el administrador la elige. */
.eatvr.eatvr-flotante.eatvr-custom-position {
 position:fixed; z-index:980; top:var(--eatvr-custom-top,50%); bottom:auto;
 left:var(--eatvr-custom-edge,12px); right:auto; transform:none;
 display:flex; flex-direction:column; flex-wrap:nowrap;
 width:max-content; max-width:calc(100vw - 16px); margin:0; padding:4px;
 max-height:var(--eatvr-custom-max-height,70dvh); overflow-x:hidden; overflow-y:auto;
 background:transparent; border:0; border-radius:0; box-shadow:none;
}
.eatvr.eatvr-flotante.eatvr-custom-position[data-eatvr-side="derecha"] { left:auto; right:var(--eatvr-custom-edge,12px); }
@media(max-width:600px) { .eatvr.eatvr-hide-phone { display:none !important; } }
@media(min-width:601px) and (max-width:900px) { .eatvr.eatvr-hide-tablet { display:none !important; } }
@media(min-width:901px) { .eatvr.eatvr-hide-desktop { display:none !important; } }