/* Glowtto · C8  | Barra persistente en móvil/tablet y redes coherentes.
   Archivo final de la cascada: no alterar tamaño de imágenes del pack v2.
   La paleta viene del menú 🎨, no de hexadecimales fijos. */
:root{
 --glow-c8-bar-height:69px;
 --glow-c8-bar-bottom:env(safe-area-inset-bottom,0px);
}
@media (max-width:1100px){
 html{scroll-padding-bottom:calc(var(--glow-c8-bar-height) + var(--glow-c8-bar-bottom))}
 body{padding-bottom:calc(var(--glow-c8-bar-height) + var(--glow-c8-bar-bottom))!important}
 .mobile-bottom{
  position:fixed!important;
  inset:auto 0 0 0!important;
  bottom:0!important;
  z-index:1200!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  width:100%!important;max-width:none!important;
  min-width:0!important;
  min-height:var(--glow-c8-bar-height)!important;
  height:calc(var(--glow-c8-bar-height) + var(--glow-c8-bar-bottom))!important;
  margin:0!important;
  padding:4px max(5px,env(safe-area-inset-right)) var(--glow-c8-bar-bottom) max(5px,env(safe-area-inset-left))!important;
  border:0!important;border-top:1px solid var(--theme-border)!important;
  border-radius:0!important;
  background:color-mix(in srgb,#fff 96%,var(--theme-surface-soft))!important;
  box-shadow:0 -5px 22px color-mix(in srgb,var(--theme-accent-strong) 9%,transparent)!important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  transform:none!important;contain:layout style;
 }
 .mobile-bottom button{
  appearance:none!important;
  position:relative;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  gap:3px!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  height:100%!important;min-height:0!important;margin:0!important;
  padding:4px 2px!important;
  border:0!important;border-radius:10px!important;
  outline-offset:-2px;
  background:transparent!important;box-shadow:none!important;
  color:var(--theme-accent-strong)!important;
  line-height:1.2!important;white-space:nowrap!important;
  transition:background-color .18s ease,color .18s ease;
 }
 .mobile-bottom button.is-active{
  background:var(--theme-surface-soft)!important;
  color:var(--theme-accent-strong)!important;
 }
 .mobile-bottom button.is-active::before{
  content:"";position:absolute;top:0;left:calc(50% - 17px);
  width:34px;height:2px;border-radius:3px;background:var(--theme-accent);
 }
 .mobile-bottom button>.glow-mobile-icon,
 .mobile-bottom button>.glow-mobile-icon>.g-icon,
 .mobile-bottom button>.g-icon{
  display:block!important;flex:0 0 auto!important;
  width:25px!important;height:25px!important;max-width:25px!important;
  object-fit:contain!important;filter:none!important;
 }
 .mobile-bottom button small{
  display:block!important;font-size:clamp(10px,1.45vw,12px)!important;
  color:inherit!important;line-height:1.15!important;font-weight:600!important;
  margin:0!important;min-width:0;white-space:nowrap!important;
 }
 .mobile-bottom button.is-active small{font-weight:800!important}
 .glowtto-footer-inner{
  padding-bottom:24px!important; /* body ya reserva el alto fijo de navegación */
 }
 .glow-help-launcher{display:none!important}
}
@media (min-width:1101px){
 .mobile-bottom{display:none!important}
}
@media (max-width:370px){
 :root{--glow-c8-bar-height:63px}
 .mobile-bottom button>.glow-mobile-icon,
 .mobile-bottom button>.glow-mobile-icon>.g-icon{width:22px!important;height:22px!important}
 .mobile-bottom button small{font-size:10px!important}
}
/* Enlaces sociales: ilustraciones nuevas del mismo pack, no caracteres f/◎/♪.
   Las redes sin URL quedan identificadas como pendientes, sin falsos enlaces. */
.glow-support-footer-section{
 border-top:1px solid var(--theme-border)!important;
 gap:clamp(15px,2.6vw,26px)!important;
}
.glow-support-footer-section>div:last-child{
 padding:17px;min-width:0;border:1px solid var(--theme-border);
 border-radius:14px;background:var(--theme-editorial-gradient);
}
.glow-support-footer-section>div:last-child>strong{
 display:block;font-size:clamp(16px,2vw,19px)!important;
 color:var(--theme-accent-strong)!important;letter-spacing:-.02em;
}
#glowSocialLinks.glow-social-links{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:9px!important;margin-top:13px!important;
}
#glowSocialLinks .glow-social-link,
#glowSocialLinks .glow-social-pending{
 display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:center!important;
 gap:6px!important;min-width:0;min-height:102px;
 padding:10px 5px!important;margin:0!important;
 border:1px solid var(--theme-border)!important;
 border-radius:12px!important;
 background:color-mix(in srgb,#fff 92%,var(--theme-surface-soft))!important;
 color:var(--theme-accent-strong)!important;
 box-shadow:0 3px 10px color-mix(in srgb,var(--theme-accent-strong) 6%,transparent);
 font-size:11px!important;line-height:1.2!important;
 text-decoration:none!important;text-align:center;
 transition:transform .2s ease,border-color .2s ease,background-color .2s ease;
}
#glowSocialLinks .glow-social-link:hover{
 transform:translateY(-2px);
 border-color:var(--theme-accent)!important;
 background:var(--theme-surface-soft)!important;
}
#glowSocialLinks .glow-social-pending{
 opacity:.68;border-style:dashed!important;box-shadow:none;cursor:default;
}
#glowSocialLinks .glow-social-pending .glow-social-pending-note{
 font-size:9px;color:var(--pnl-muted);white-space:nowrap;
}
#glowSocialLinks .glow-social-link>.g-icon,
#glowSocialLinks .glow-social-pending>.g-icon{
 width:40px!important;height:40px!important;
 max-width:40px!important;object-fit:contain;filter:none!important;
}
#glowSocialLinks .glow-social-link>span:not(.glow-social-arrow),
#glowSocialLinks .glow-social-pending>span:not(.glow-social-pending-note){
 overflow:hidden;text-overflow:ellipsis;max-width:100%;
 white-space:nowrap;font-weight:700;
}
#glowSocialLinks .glow-social-arrow{
 position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
 overflow:hidden;clip-path:inset(50%);white-space:nowrap;
}
#glowHeaderSocialLinks .glow-header-social-icon>.g-icon{
 width:24px!important;height:24px!important;max-width:24px!important;
 object-fit:contain;
}
#glowHeaderSocialLinks .glow-header-social-link{
 background:var(--theme-surface-soft)!important;
 color:var(--theme-accent-strong)!important;
 border:1px solid var(--theme-border)!important;
 border-radius:10px!important;padding:5px 10px!important;
}
.glowtto-footer .glow-support-footer-section>div:first-child>strong{
 color:var(--theme-accent-strong)!important;font-size:clamp(16px,2vw,19px)!important;
}
.glowtto-footer .glow-support-footer-button{
 background:var(--theme-surface-soft)!important;
 border:1px solid var(--theme-border)!important;
 color:var(--theme-accent-strong)!important;
}
.glowtto-footer .glow-support-footer-section p{
 color:var(--theme-hero-muted)!important;
}
@media(max-width:680px){
 .glow-support-footer-section>div:last-child{padding:13px 10px}
 #glowSocialLinks .glow-social-link,
 #glowSocialLinks .glow-social-pending{min-height:85px}
 #glowSocialLinks .glow-social-link>.g-icon,
 #glowSocialLinks .glow-social-pending>.g-icon{width:31px!important;height:31px!important}
}
@media(prefers-reduced-motion:reduce){
 #glowSocialLinks .glow-social-link,.mobile-bottom button{transition:none!important;transform:none!important}
}