/*
  FTBZ.LOL — Metro Grunge / skate signal
  Capa visual: conserva todo el HTML y JavaScript de la plantilla.
*/
:root{
  --mg-ink:#10121d;
  --mg-paper:#fffdf4;
  --mg-pink:#ff2b86;
  --mg-pink-light:#ff8fc4;
  --mg-cyan:#1bcfe0;
  --mg-blue:#0073ff;
  --mg-yellow:#ffe348;
  --mg-lime:#c7ef36;
  --mg-orange:#ff8a36;
  --mg-purple:#6625b7;
  --mg-shadow:6px 7px 0 var(--mg-ink);
  --mg-display:"Arial Black","Franklin Gothic Heavy",Impact,sans-serif;
  --mg-mono:"Courier New",monospace;
  --void:var(--mg-ink);
  --panel:var(--mg-paper);
  --paper:var(--mg-paper);
  --acid:var(--mg-lime);
  --acid-hot:var(--mg-yellow);
  --pink:var(--mg-pink);
  --purple:var(--mg-purple);
  --violet:var(--mg-blue);
  --yellow:var(--mg-yellow);
  --red:var(--mg-pink);
  --line:var(--mg-ink);
  --display:var(--mg-display);
  --mono:var(--mg-mono);
  --ui:Arial,Helvetica,sans-serif;
  --hard-shadow:var(--mg-shadow);
}

html{background:var(--mg-pink)!important}
body{
  min-width:320px!important;
  padding-top:38px!important;
  zoom:1!important;
  color:var(--mg-ink)!important;
  background-color:#ff519d!important;
  background-image:
    radial-gradient(circle at 8% 18%,transparent 0 24px,#10121d 25px 28px,transparent 29px 39px,#fffdf4 40px 45px,transparent 46px),
    radial-gradient(circle at 92% 12%,transparent 0 16px,#10121d 17px 21px,transparent 22px 35px,#1bcfe0 36px 44px,transparent 45px),
    radial-gradient(circle at 12% 78%,rgba(255,227,72,.95) 0 3px,transparent 4px),
    radial-gradient(circle at 72% 68%,rgba(16,18,29,.85) 0 2px,transparent 3px),
    linear-gradient(115deg,rgba(255,255,255,.2) 0 1px,transparent 1px 14px),
    linear-gradient(135deg,#ff4a98 0 42%,#ff8fc4 42% 43%,#ff4a98 43% 100%)!important;
  background-size:240px 240px,270px 270px,52px 52px,37px 37px,15px 15px,auto!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
body::before{
  z-index:750!important;
  opacity:.13!important;
  mix-blend-mode:multiply!important;
  background-image:repeating-linear-gradient(0deg,rgba(16,18,29,.5) 0 1px,transparent 1px 4px)!important;
}
body::after{display:none!important}
::selection{color:var(--mg-paper);background:var(--mg-blue)}
:focus-visible{outline:3px solid var(--mg-yellow)!important;outline-offset:4px!important}

/* Sustituye los animal prints por un collage gráfico estático. */
#site-backdrop{
  z-index:-1!important;
  opacity:1!important;
  animation:none!important;
  background-image:
    radial-gradient(ellipse at 50% 0,rgba(27,207,224,.45),transparent 48%),
    repeating-radial-gradient(circle at 80% 45%,transparent 0 15px,rgba(255,253,244,.18) 16px 18px,transparent 19px 31px)!important;
  background-size:auto,180px 180px!important;
}

/* Barra superior: etiqueta de skate brillante. */
.topbar{
  height:38px!important;
  padding:0 16px!important;
  color:var(--mg-ink)!important;
  border-bottom:3px solid var(--mg-ink)!important;
  background:
    linear-gradient(90deg,var(--mg-yellow) 0 30%,var(--mg-cyan) 30% 57%,var(--mg-paper) 57% 100%)!important;
  box-shadow:0 3px 0 var(--mg-ink)!important;
  font:900 11px/1 var(--mg-mono)!important;
  letter-spacing:.08em!important;
}
.topbar::after{display:none!important}
.topbar-tag,.topbar-clock{
  color:var(--mg-paper)!important;
  border:2px solid var(--mg-ink)!important;
  border-radius:999px!important;
  background:var(--mg-ink)!important;
  box-shadow:2px 2px 0 rgba(255,255,255,.75)!important;
  text-shadow:none!important;
}
.topbar-tag{transform:rotate(-2deg)}
.topbar-clock{transform:rotate(2deg)}
.topbar-ticker{font-weight:900!important}

/* En este rediseño los laterales se integran al collage central. */
.sponsor-rail{display:none!important}
.hero,.page-wrap,.strip,.marquee-strip,.footer{
  width:min(1160px,calc(100% - 42px))!important;
  max-width:1160px!important;
}

/* Cabecera: un sticker amarillo sobre un mundo de círculos y pintura. */
.hero{
  position:relative!important;
  isolation:isolate!important;
  min-height:0!important;
  margin-top:28px!important;
  overflow:hidden!important;
  padding:26px 30px 0!important;
  color:var(--mg-ink)!important;
  border:4px solid var(--mg-ink)!important;
  border-radius:0 34px 0 0!important;
  background:
    linear-gradient(118deg,transparent 0 60%,rgba(255,255,255,.72) 60% 61%,transparent 61%),
    radial-gradient(circle at 94% 28%,transparent 0 46px,var(--mg-ink) 47px 52px,transparent 53px 70px,rgba(255,253,244,.84) 71px 78px,transparent 79px),
    radial-gradient(circle at 80% 82%,var(--mg-pink) 0 42px,transparent 43px),
    radial-gradient(circle at 72% 21%,var(--mg-cyan) 0 10px,transparent 11px 21px,var(--mg-ink) 22px 27px,transparent 28px),
    linear-gradient(115deg,var(--mg-yellow) 0 53%,#ffd71d 53% 100%)!important;
  box-shadow:var(--mg-shadow)!important;
  text-align:left!important;
}
.hero::before,.hero::after{
  z-index:-1!important;
  right:auto!important;
  left:auto!important;
  width:168px!important;
  height:168px!important;
  border:8px solid var(--mg-ink)!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:inset 0 0 0 12px var(--mg-paper),inset 0 0 0 28px var(--mg-pink)!important;
}
.hero::before{top:-108px!important;right:17%!important;transform:rotate(-8deg)!important}
.hero::after{bottom:-116px!important;left:3%!important;transform:rotate(16deg)!important}
.hero-hazard,.hero-grid{display:block!important;pointer-events:none!important}
.hero-hazard{
  z-index:-1!important;
  inset:auto 18px 13px auto!important;
  width:142px!important;
  height:37px!important;
  border:0!important;
  background:repeating-linear-gradient(-45deg,var(--mg-ink) 0 9px,var(--mg-paper) 9px 18px)!important;
  transform:rotate(-8deg)!important;
  opacity:1!important;
}
.hero-grid{
  z-index:-1!important;
  right:20%!important;
  bottom:28px!important;
  left:auto!important;
  width:220px!important;
  height:60px!important;
  border-top:3px solid var(--mg-ink)!important;
  border-bottom:3px solid var(--mg-ink)!important;
  background:repeating-linear-gradient(90deg,transparent 0 20px,rgba(16,18,29,.26) 21px 23px)!important;
  box-shadow:none!important;
  opacity:.65!important;
  transform:skewX(-18deg)!important;
}
.hero-inner{max-width:none!important}
.hero-status,.hero-eyebrow,.hero-domain,.hero-tagline{position:relative!important;z-index:1!important;text-shadow:none!important}
.hero-status{
  justify-content:flex-start!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 12px!important;
  padding:6px 10px!important;
  color:var(--mg-paper)!important;
  border:2px solid var(--mg-ink)!important;
  background:var(--mg-blue)!important;
  box-shadow:3px 3px 0 var(--mg-ink)!important;
  font:900 10px var(--mg-mono)!important;
}
.status-dot{background:var(--mg-lime)!important;box-shadow:none!important}
.hero-eyebrow{
  margin:0 0 3px!important;
  color:var(--mg-purple)!important;
  font:900 12px var(--mg-mono)!important;
  letter-spacing:.18em!important;
}
.home-logo-link{position:relative!important;z-index:1!important}
.hero-title{
  margin:0!important;
  color:var(--mg-paper)!important;
  font:900 clamp(56px,11vw,126px)/.78 var(--mg-display)!important;
  letter-spacing:-.09em!important;
  text-transform:uppercase!important;
  text-shadow:
    -3px -3px 0 var(--mg-ink),3px -3px 0 var(--mg-ink),-3px 3px 0 var(--mg-ink),3px 3px 0 var(--mg-ink),
    8px 8px 0 var(--mg-pink),12px 12px 0 var(--mg-ink)!important;
  transform:rotate(-3deg) skewX(-4deg)!important;
}
.glitch::before,.glitch::after{display:none!important}
.hero-domain{
  margin:15px 0 4px!important;
  color:var(--mg-ink)!important;
  font:900 13px var(--mg-mono)!important;
  letter-spacing:.1em!important;
}
.hero-domain span{color:var(--mg-pink)!important}
.hero-tagline{max-width:640px!important;margin:0 0 16px!important;color:#33253d!important;font:700 13px/1.5 var(--mg-mono)!important}
.sponsor-strip{position:relative!important;z-index:2!important;margin:6px 0 10px!important}

/* Navegación como tickets/stickers, independiente de la opción de menú guardada. */
.mainmenu{
  position:relative!important;
  z-index:3!important;
  margin:14px -30px 0!important;
  padding:10px 16px 15px!important;
  border-top:4px solid var(--mg-ink)!important;
  border-radius:0!important;
  background:var(--mg-paper)!important;
  box-shadow:none!important;
}
.mainmenu-label{
  display:flex!important;
  align-items:center!important;
  height:auto!important;
  margin:0 0 8px!important;
  color:var(--mg-ink)!important;
  font:900 10px var(--mg-mono)!important;
  letter-spacing:.11em!important;
  text-shadow:none!important;
}
.menu-caption{color:var(--mg-pink)!important}
.mac-lights{background:var(--mg-pink)!important;box-shadow:12px 0 var(--mg-yellow),24px 0 var(--mg-cyan)!important}
.mainmenu-links,body[data-menu=mac] .mainmenu-links,body[data-menu=jeringas] .mainmenu-links{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.mainmenu .nav-link,body[data-menu=mac] .mainmenu .nav-link,body[data-menu=jeringas] .mainmenu .nav-link{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  height:auto!important;
  padding:8px 9px!important;
  overflow:visible!important;
  color:var(--mg-paper)!important;
  border:3px solid var(--mg-ink)!important;
  border-radius:0!important;
  background:var(--mg-blue)!important;
  box-shadow:3px 3px 0 var(--mg-ink)!important;
  filter:none!important;
  font:900 10px/1.1 var(--mg-mono)!important;
  text-align:center!important;
  text-decoration:none!important;
  transform:rotate(-1deg)!important;
  transition:transform .16s ease,background .16s ease!important;
}
.mainmenu .nav-link:nth-child(3n+2){background:var(--mg-pink)!important;transform:rotate(1deg)!important}
.mainmenu .nav-link:nth-child(3n){background:var(--mg-purple)!important;transform:rotate(-.4deg)!important}
.mainmenu .nav-link:nth-child(5n){color:var(--mg-ink)!important;background:var(--mg-lime)!important}
.mainmenu .nav-link svg{display:none!important}
.syringe-label,body[data-menu=mac] .syringe-label{position:static!important;width:auto!important;transform:none!important;color:inherit!important;font:inherit!important;text-shadow:none!important;white-space:normal!important}
.mainmenu .nav-link:hover,.mainmenu .nav-link.active,body[data-menu=mac] .mainmenu .nav-link.active{
  color:var(--mg-ink)!important;
  border-color:var(--mg-ink)!important;
  background:var(--mg-yellow)!important;
  box-shadow:5px 5px 0 var(--mg-ink)!important;
  filter:none!important;
  transform:translate(-2px,-2px) rotate(-2deg)!important;
}

/* Amigos, noticias y cintas. */
.strip{
  margin-top:30px!important;
  padding:16px 18px!important;
  color:var(--mg-paper)!important;
  border:4px solid var(--mg-ink)!important;
  border-radius:0!important;
  background:var(--mg-purple)!important;
  box-shadow:var(--mg-shadow)!important;
  text-align:left!important;
}
.strip-label{color:var(--mg-yellow)!important;font:900 11px var(--mg-mono)!important;text-shadow:none!important}
.afiliados-row{justify-content:flex-start!important;gap:12px!important}
.friend-item{border:3px solid var(--mg-ink)!important;border-radius:50%!important;box-shadow:3px 3px 0 var(--mg-ink)!important}
.marquee-strip{
  margin-top:20px!important;
  color:var(--mg-ink)!important;
  border:4px solid var(--mg-ink)!important;
  border-radius:0!important;
  background:repeating-linear-gradient(-45deg,var(--mg-yellow) 0 16px,var(--mg-orange) 16px 32px)!important;
  box-shadow:4px 4px 0 var(--mg-ink)!important;
}
.marquee-track{padding:11px 0!important;font:900 12px var(--mg-mono)!important}

/* Paneles blancos como poster pegado; las rayas y círculos hacen de textura. */
.page-wrap{margin-top:28px!important}
.block,.block-alt{
  position:relative!important;
  isolation:isolate!important;
  margin-bottom:32px!important;
  padding:52px 28px 30px!important;
  color:var(--mg-ink)!important;
  border:4px solid var(--mg-ink)!important;
  border-radius:0!important;
  outline:0!important;
  background:
    radial-gradient(circle at calc(100% - 44px) 42px,transparent 0 12px,var(--mg-ink) 13px 16px,transparent 17px 25px,var(--mg-cyan) 26px 33px,transparent 34px),
    radial-gradient(circle at 88% 96%,rgba(255,43,134,.28) 0 3px,transparent 4px),
    linear-gradient(90deg,rgba(16,18,29,.06) 1px,transparent 1px),
    var(--mg-paper)!important;
  background-size:auto,28px 28px,13px 13px,auto!important;
  box-shadow:var(--mg-shadow)!important;
  overflow:hidden!important;
}
.block::before{
  height:18px!important;
  border-bottom:3px solid var(--mg-ink)!important;
  background:repeating-linear-gradient(90deg,var(--mg-pink) 0 16px,var(--mg-pink) 16px 18px,var(--mg-paper) 18px 26px,var(--mg-cyan) 26px 38px)!important;
}
.block::after{
  display:block!important;
  right:-15px!important;
  bottom:-21px!important;
  width:108px!important;
  height:108px!important;
  border:8px solid var(--mg-ink)!important;
  border-radius:50%!important;
  background:var(--mg-yellow)!important;
  box-shadow:inset 0 0 0 17px var(--mg-paper),inset 0 0 0 30px var(--mg-pink)!important;
  opacity:1!important;
}
.block-alt{background-color:#e8fbff!important}
.section-index{
  position:relative!important;
  z-index:1!important;
  display:inline-block!important;
  padding:6px 9px!important;
  color:var(--mg-paper)!important;
  border:2px solid var(--mg-ink)!important;
  border-radius:0!important;
  background:var(--mg-pink)!important;
  box-shadow:3px 3px 0 var(--mg-ink)!important;
  font:900 10px var(--mg-mono)!important;
  transform:rotate(-2deg)!important;
}
.block-kicker{position:relative!important;z-index:1!important;color:var(--mg-purple)!important;font:900 11px var(--mg-mono)!important;letter-spacing:.1em!important;text-shadow:none!important}
.block-title{
  position:relative!important;
  z-index:1!important;
  margin:8px 0 18px!important;
  color:var(--mg-ink)!important;
  font:900 clamp(34px,5vw,62px)/.93 var(--mg-display)!important;
  letter-spacing:-.055em!important;
  text-shadow:4px 4px 0 var(--mg-cyan)!important;
  transform:skewX(-2deg)!important;
}
.block-text,.marca-desc,.vacio,.envivo-card>p:first-child{position:relative!important;z-index:1!important;color:#30293d!important;font:700 15px/1.7 Arial,Helvetica,sans-serif!important}
.block-text strong{color:var(--mg-pink)!important}
.block-quote{
  position:relative!important;
  z-index:1!important;
  color:var(--mg-ink)!important;
  border:3px solid var(--mg-ink)!important;
  border-left:11px solid var(--mg-pink)!important;
  border-radius:0!important;
  background:var(--mg-yellow)!important;
  box-shadow:4px 4px 0 var(--mg-ink)!important;
  font:700 14px/1.6 var(--mg-mono)!important;
}
.under-construction{
  margin-bottom:23px!important;
  color:var(--mg-paper)!important;
  border:4px solid var(--mg-ink)!important;
  background:var(--mg-pink)!important;
  box-shadow:4px 4px 0 var(--mg-ink)!important;
  font:900 12px var(--mg-mono)!important;
}

.news-grid,.visual-grid,.marca-grid,.team-grid,.links-list,.events-grid,.radio-library{position:relative!important;z-index:1!important;gap:16px!important}
.news-card{
  min-height:130px!important;
  padding:36px 17px 17px!important;
  color:var(--mg-ink)!important;
  border:3px solid var(--mg-ink)!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#fffdf4 0 78%,var(--mg-cyan) 78% 100%)!important;
  box-shadow:4px 4px 0 var(--mg-ink)!important;
  font:700 13px/1.55 Arial,Helvetica,sans-serif!important;
  transform:rotate(-.6deg)!important;
}
.news-card:nth-child(even){background:linear-gradient(145deg,#fffdf4 0 78%,var(--mg-pink-light) 78% 100%)!important;transform:rotate(.6deg)!important}
.news-card::before{color:var(--mg-paper)!important;background:var(--mg-ink)!important;font:900 9px var(--mg-mono)!important}
.news-card:hover{border-color:var(--mg-ink)!important;transform:translate(-3px,-3px) rotate(-2deg)!important}
.visual-card{
  border:3px solid var(--mg-ink)!important;
  border-radius:0!important;
  background:var(--mg-paper)!important;
  box-shadow:4px 4px 0 var(--mg-ink)!important;
}
.visual-card img{background:var(--mg-cyan)!important}
.visual-card figcaption{color:var(--mg-ink)!important;font:900 11px var(--mg-mono)!important}

/* TV, streaming y radio: cajas con plásticos luminosos. */
.tv-unit{
  position:relative!important;
  z-index:1!important;
  padding:16px!important;
  border:4px solid var(--mg-ink)!important;
  outline:0!important;
  background:var(--mg-blue)!important;
  box-shadow:6px 6px 0 var(--mg-ink)!important;
}
.tv-nowplaying{color:var(--mg-ink)!important;background:var(--mg-lime)!important;font:900 11px var(--mg-mono)!important}
.tv-screen{border:4px solid var(--mg-ink)!important;outline:4px solid var(--mg-paper)!important;outline-offset:-9px!important;box-shadow:none!important}
.tv-scanlines{display:block!important;opacity:.1!important}
.tv-corner{display:none!important}
.tv-sound-btn,.envivo-btn,.about-btn,.about-modal-ok,.radio-flotante-controls button,.shop-buy,.club-login button,.club-compose button,.club-status button,.club-file-label{
  color:var(--mg-ink)!important;
  border:3px solid var(--mg-ink)!important;
  border-radius:0!important;
  background:var(--mg-yellow)!important;
  box-shadow:3px 3px 0 var(--mg-ink)!important;
  font:900 11px var(--mg-mono)!important;
}
.tv-sound-btn:hover,.envivo-btn:hover,.about-btn:hover,.about-modal-ok:hover,.shop-buy:hover,.club-login button:hover,.club-compose button:hover,.club-status button:hover,.club-file-label:hover{color:var(--mg-paper)!important;background:var(--mg-pink)!important;box-shadow:5px 5px 0 var(--mg-ink)!important}
.tv-volume,.radio-flotante-vol input{accent-color:var(--mg-pink)!important}
.tv-ticker{color:var(--mg-paper)!important;border-top:2px dashed var(--mg-paper)!important;font:900 10px var(--mg-mono)!important}
.envivo-card{
  position:relative!important;
  z-index:1!important;
  padding:24px!important;
  border:4px solid var(--mg-ink)!important;
  outline:0!important;
  background:repeating-linear-gradient(-45deg,rgba(255,255,255,.18) 0 10px,transparent 10px 20px),var(--mg-pink)!important;
  box-shadow:6px 6px 0 var(--mg-ink)!important;
}
.envivo-card>p:first-child{color:var(--mg-paper)!important}
.live-embed-wrap{border:3px solid var(--mg-ink)!important}
.radio-station{
  color:var(--mg-ink)!important;
  border:3px solid var(--mg-ink)!important;
  border-radius:0!important;
  background:var(--mg-paper)!important;
  box-shadow:3px 3px 0 var(--mg-ink)!important;
  font-weight:800!important;
}
.radio-station:nth-child(odd){background:var(--mg-cyan)!important}.radio-station span{color:var(--mg-purple)!important;font-weight:900!important}
.floating-radio-v6,.radio-flotante{
  border:3px solid var(--mg-ink)!important;
  border-radius:0!important;
  background:var(--mg-paper)!important;
  box-shadow:5px 5px 0 var(--mg-ink)!important;
  color:var(--mg-ink)!important;
}
.floating-radio-bar,.radio-flotante-header{color:var(--mg-ink)!important;background:var(--mg-cyan)!important;font-weight:900!important}
.floating-radio-foot,.radio-flotante-marquee{color:var(--mg-ink)!important}

/* Tienda, links, eventos y equipo. */
.marca-block{position:relative!important;z-index:1!important}.marca-block h3{color:var(--mg-paper)!important;border:3px solid var(--mg-ink)!important;background:var(--mg-purple)!important;box-shadow:4px 4px 0 var(--mg-ink)!important;font-family:var(--mg-display)!important}
.marca-item,.team-item{
  border:3px solid var(--mg-ink)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--mg-paper)!important;
  box-shadow:4px 4px 0 var(--mg-ink)!important;
}
.marca-item-link:hover .marca-item,.team-item:hover{border-color:var(--mg-ink)!important;transform:translate(-3px,-3px) rotate(-1deg)!important}
.marca-item-nombre,.team-item-overlay span{color:var(--mg-ink)!important;font:900 12px var(--mg-mono)!important;text-shadow:none!important}
.marca-item-precio{color:var(--mg-pink)!important;font:900 12px var(--mg-mono)!important;text-shadow:none!important}
.shop-body{background:var(--mg-paper)!important}.shop-field{color:var(--mg-ink)!important}.shop-field input,.shop-field select{border:2px solid var(--mg-ink)!important;border-radius:0!important;background:#fff!important;color:var(--mg-ink)!important}
.team-item-overlay{background:linear-gradient(transparent 35%,rgba(255,253,244,.96) 65%)!important}.team-item:nth-child(even) .team-item-overlay{background:linear-gradient(transparent 35%,rgba(27,207,224,.95) 65%)!important}
.links-list a{
  color:var(--mg-ink)!important;
  border:3px solid var(--mg-ink)!important;
  border-radius:0!important;
  background:var(--mg-lime)!important;
  box-shadow:4px 4px 0 var(--mg-ink)!important;
  font:900 12px var(--mg-mono)!important;
}
.links-list a:nth-child(even){background:var(--mg-cyan)!important}.links-list a::before{color:var(--mg-pink)!important}.links-list a:hover{color:var(--mg-paper)!important;background:var(--mg-purple)!important;transform:translate(-3px,-3px) rotate(-1deg)!important}
.event-card{border:3px solid var(--mg-ink)!important;border-radius:0!important;background:var(--mg-paper)!important;box-shadow:4px 4px 0 var(--mg-ink)!important;color:var(--mg-ink)!important}.event-card:hover{transform:translate(-3px,-3px) rotate(-1deg)!important}.event-meta strong{font-family:var(--mg-display)!important}.event-meta span{color:var(--mg-pink)!important;font-weight:900!important}

/* Club y perfiles conservan su contenido, pero se sienten parte del mismo fanzine. */
.club-login label,.club-note,.club-status,.club-message-meta{color:var(--mg-ink)!important;font-weight:900!important}.club-login input,.club-compose textarea{color:var(--mg-ink)!important;border:3px solid var(--mg-ink)!important;border-radius:0!important;background:var(--mg-paper)!important}.club-status{border:3px solid var(--mg-ink)!important;background:var(--mg-cyan)!important}.club-messages{border:3px solid var(--mg-ink)!important;background:var(--mg-paper)!important}.club-message{color:var(--mg-ink)!important;border:2px solid var(--mg-ink)!important;border-radius:0!important;background:#fff!important}.club-message:nth-child(even){background:#fff4a9!important}.club-message a{color:var(--mg-purple)!important}
#perfil{border:4px solid var(--mg-ink)!important;border-radius:0!important;background:var(--mg-paper)!important;box-shadow:var(--mg-shadow)!important}.space-card{border:3px solid var(--mg-ink)!important;border-radius:0!important;background:var(--mg-paper)!important;box-shadow:3px 3px 0 var(--mg-ink)!important}.space-card h2{color:var(--mg-ink)!important;background:var(--mg-cyan)!important;border-color:var(--mg-ink)!important}.space-link,.space-back{color:var(--mg-ink)!important;border:3px solid var(--mg-ink)!important;border-radius:0!important;background:var(--mg-yellow)!important;box-shadow:3px 3px 0 var(--mg-ink)!important}

.footer{
  margin-top:34px!important;
  padding:28px 18px 23px!important;
  color:var(--mg-paper)!important;
  border:4px solid var(--mg-ink)!important;
  border-radius:0!important;
  background:var(--mg-ink)!important;
  box-shadow:6px 6px 0 var(--mg-yellow)!important;
}
.footer::before{display:block!important;top:-7px!important;right:10%!important;left:10%!important;background:repeating-linear-gradient(90deg,var(--mg-pink) 0 8px,var(--mg-cyan) 8px 16px,var(--mg-yellow) 16px 24px)!important}.stats-line{color:var(--mg-cyan)!important}.footer-copy,.stats-row{color:var(--mg-paper)!important}.stats-sep{color:var(--mg-pink)!important}
.media-window{border:3px solid var(--mg-ink)!important;border-radius:0!important;background:var(--mg-paper)!important;box-shadow:4px 4px 0 var(--mg-ink)!important}.media-window-bar{color:var(--mg-ink)!important;background:var(--mg-cyan)!important}.media-window-bar button{color:var(--mg-paper)!important;border:2px solid var(--mg-ink)!important;border-radius:0!important;background:var(--mg-pink)!important}

/* Carga y modales con la misma energía gráfica. */
.loading-screen{animation:none!important;background:radial-gradient(circle at 20% 15%,var(--mg-cyan) 0 28px,transparent 29px),radial-gradient(circle at 83% 80%,var(--mg-yellow) 0 52px,transparent 53px),var(--mg-pink)!important}.loading-screen::before{inset:0!important;transform:none!important;opacity:.32!important;background-image:repeating-linear-gradient(-45deg,var(--mg-ink) 0 2px,transparent 2px 13px)!important;background-size:auto!important}.loading-screen::after{display:none!important}.loading-window{border:4px solid var(--mg-ink)!important;outline:0!important;background:var(--mg-paper)!important;box-shadow:10px 10px 0 var(--mg-ink)!important}.loading-window::before{background:repeating-linear-gradient(90deg,var(--mg-pink) 0 12px,var(--mg-cyan) 12px 24px,var(--mg-yellow) 24px 36px)!important}.loading-code{color:var(--mg-pink)!important;text-shadow:none!important}.loading-media{border:3px solid var(--mg-ink)!important;outline:0!important;background:var(--mg-cyan)!important;box-shadow:3px 3px 0 var(--mg-ink)!important}.loading-media::before{border-color:var(--mg-ink)!important}.loading-media-empty::after{color:var(--mg-ink)!important;text-shadow:none!important}.loading-title{color:var(--mg-ink)!important;text-shadow:3px 3px 0 var(--mg-pink)!important}.loading-text{color:var(--mg-ink)!important}.loading-skip{color:var(--mg-paper)!important;border:3px solid var(--mg-ink)!important;background:var(--mg-purple)!important;box-shadow:3px 3px 0 var(--mg-ink)!important}.about-modal{background:rgba(16,18,29,.78)!important}.about-modal-box{color:var(--mg-ink)!important;border:4px solid var(--mg-ink)!important;border-radius:0!important;outline:0!important;background:var(--mg-paper)!important;box-shadow:9px 9px 0 var(--mg-pink)!important}.about-modal-title{color:var(--mg-purple)!important;text-shadow:none!important}.about-modal-version{color:var(--mg-pink)!important}.about-modal-box hr{border-color:var(--mg-ink)!important}.about-modal-close{color:var(--mg-paper)!important;border:2px solid var(--mg-ink)!important;background:var(--mg-pink)!important}
#section-loader{background:rgba(16,18,29,.88)!important}.transfer-card{color:var(--mg-ink)!important;border:4px solid var(--mg-ink)!important;background:var(--mg-paper)!important;box-shadow:7px 7px 0 var(--mg-pink)!important}.transfer-orbit{border-color:var(--mg-ink)!important}.transfer-orbit::before{border-color:var(--mg-ink)!important;background:var(--mg-cyan)!important}.transfer-orbit::after{color:var(--mg-pink)!important}.transfer-progress{background:var(--mg-ink)!important}.transfer-progress::after{background:var(--mg-yellow)!important}

@media(max-width:900px){
  .hero,.page-wrap,.strip,.marquee-strip,.footer{width:calc(100% - 30px)!important}
  .mainmenu-links,body[data-menu=mac] .mainmenu-links,body[data-menu=jeringas] .mainmenu-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .floating-radio-v6{top:52px!important;right:12px!important}
}
@media(max-width:620px){
  body{padding-top:36px!important;background-size:180px 180px,205px 205px,48px 48px,34px 34px,15px 15px,auto!important}
  .topbar{height:36px!important;padding:0 8px!important;font-size:9px!important}.topbar-tag{max-width:112px!important;overflow:hidden!important;text-overflow:ellipsis!important}.topbar-clock{padding:3px!important}
  .hero{margin-top:17px!important;padding:18px 14px 0!important;border-width:3px!important;border-radius:0 22px 0 0!important;box-shadow:4px 5px 0 var(--mg-ink)!important}.hero::before{right:-28px!important}.hero::after{left:-64px!important}.hero-hazard{right:-42px!important}.hero-grid{display:none!important}.hero-status{font-size:8px!important}.hero-eyebrow{font-size:9px!important}.hero-title{font-size:clamp(52px,22vw,90px)!important;text-shadow:-2px -2px 0 var(--mg-ink),2px -2px 0 var(--mg-ink),-2px 2px 0 var(--mg-ink),2px 2px 0 var(--mg-ink),6px 6px 0 var(--mg-pink),9px 9px 0 var(--mg-ink)!important}.hero-domain{font-size:9px!important;letter-spacing:.04em!important}.hero-tagline{font-size:11px!important}.mainmenu{margin:12px -14px 0!important;padding:9px 9px 11px!important}.mainmenu-links,body[data-menu=mac] .mainmenu-links,body[data-menu=jeringas] .mainmenu-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.mainmenu .nav-link,body[data-menu=mac] .mainmenu .nav-link,body[data-menu=jeringas] .mainmenu .nav-link{min-height:38px!important;padding:7px 4px!important;font-size:9px!important}
  .strip{margin-top:22px!important;padding:13px!important;border-width:3px!important;box-shadow:4px 4px 0 var(--mg-ink)!important}.marquee-strip{border-width:3px!important;box-shadow:3px 3px 0 var(--mg-ink)!important}.block,.block-alt{padding:43px 15px 22px!important;border-width:3px!important;box-shadow:4px 5px 0 var(--mg-ink)!important}.block::after{right:-32px!important;bottom:-33px!important;width:92px!important;height:92px!important}.block-title{font-size:clamp(32px,12vw,48px)!important;text-shadow:3px 3px 0 var(--mg-cyan)!important}.block-text,.marca-desc,.vacio,.envivo-card>p:first-child{font-size:14px!important}.news-grid,.visual-grid,.marca-grid,.team-grid,.links-list,.events-grid,.radio-library{gap:12px!important}.tv-unit,.envivo-card{padding:11px!important;border-width:3px!important;box-shadow:4px 4px 0 var(--mg-ink)!important}.club-compose{grid-template-columns:1fr!important}.footer{border-width:3px!important;box-shadow:4px 4px 0 var(--mg-yellow)!important}.floating-radio-v6{width:calc(100vw - 24px)!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}