/* ===========================
   MUARGENTINA.COM - MAIN (3 servers)
   Compatible con index nuevo (.server-card)
   FIX: fondo ORIGEN visible + FX MU reales + sin doble imagen
   =========================== */

:root{
  --bg: #0e0f12;
  --panel: rgba(0,0,0,.55);
  --stroke: rgba(255,255,255,.10);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.70);

  --red: #e30c1c;
  --blue: #103095;

  --gold: #ae8a48;
  --goldGlow: rgba(174,138,72,.22);
}

html, body{ height:100%; }

body{
  font-family: 'Roboto', sans-serif;
  color: var(--text);
  background:
    radial-gradient(1200px 600px at 50% 0%, rgba(100,140,255,.12), transparent 55%),
    radial-gradient(900px 500px at 20% 20%, rgba(227,12,28,.10), transparent 55%),
    var(--bg);
  margin:0;
}

/* ========= Brand / Hero ========= */
.mu-hero{
  min-height: 100vh;
  padding: 40px 0 30px;
}

.mu-brand{
  text-align:center;
  margin: 0 auto 26px;
  padding: 8px 12px;
}

.mu-brand img{
  width: 240px;
  max-width: 72vw;
  height:auto;
  filter: drop-shadow(0 10px 25px rgba(0,0,0,.55));
}

.mu-brand-sub{
  margin-top: 10px;
  font-weight: 300;
  color: var(--muted);
  letter-spacing: .2px;
}

/* ========= Grid ========= */
.mu-grid{
  max-width: 1380px;
}

.mu-grid .row{
  justify-content: center;
  gap: 18px;
}

.server-col{
  max-width: 410px;
}
@media (min-width: 992px){
  .server-col{ flex: 0 0 410px; }
}

/* ========= Card Base ========= */
.server-card{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  min-height: 620px;
  background-color: #0f1116;
  border: 1px solid var(--stroke);
  box-shadow: 0 24px 70px rgba(0,0,0,.55);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

/* --- FONDO ÚNICO (evita doble imagen) --- */
.server-card.bg-normal,
.server-card.bg-origen,
.server-card.bg-exilio{
  background-image: none !important; /* el fondo vive SOLO en ::before */
}

.server-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  filter: saturate(1.10) contrast(1.06) brightness(1.06);
  transform: scale(1.06);
  transition: transform .35s ease, filter .35s ease, background-position .45s ease;
}

/* Imágenes (AJUSTÁ SOLO AQUÍ) */
.server-card.bg-normal::before{
  background-image: url('../images/normal-bg.jpg');
  background-position: 100% center;      /* arranca pegado a la derecha */
}
.server-card.bg-origen::before{
  background-image: url('../images/origen-bg.jpg');
  background-position: center center;    /* centro */
}
.server-card.bg-exilio::before{
  background-image: url('../images/exilio-bg.jpg');
  background-position: 0% center;        /* arranca pegado a la izquierda */
}

/* Hover: zoom + slide sutil (lo que pediste) */
.server-card:hover{
  transform: translateY(-6px);
}

.server-card.bg-normal:hover::before{
  background-position: 85% center; /* derecha -> un poquito hacia el centro */
}
.server-card.bg-exilio:hover::before{
  background-position: 15% center; /* izquierda -> un poquito hacia el centro */
}
.server-card.bg-origen:hover::before{
  background-position: center center;
}

.server-card:hover::before{
  transform: scale(1.10);
  filter: saturate(1.18) contrast(1.10) brightness(1.10);
}

/* ========= Overlay suave (NO mata el fondo) ========= */
.server-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(120% 90% at 50% 0%,
      rgba(0,0,0,.06) 0%,
      rgba(0,0,0,.32) 55%,
      rgba(0,0,0,.58) 100%);
  backdrop-filter: blur(1px);
}

/* ========= Contenido ========= */
.server-content{
  position: relative;
  z-index: 3;
  padding: 30px 26px 22px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.server-title{
  text-transform: uppercase;
  letter-spacing: .9px;
  font-weight: 800;
  font-size: 30px;
  margin: 4px 0 14px;
  text-shadow: 0 12px 26px rgba(0,0,0,.70);
}

/* Caja info */
.server-box{
  background: rgba(0,0,0,.48);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  padding: 16px 16px;
  margin: 10px 0 14px;
  backdrop-filter: blur(6px);
}

.server-box p{
  margin: 0 0 8px;
  font-weight: 300;
  color: rgba(255,255,255,.88);
  line-height: 1.25rem;
}
.server-box p:last-child{ margin-bottom: 0; }

.server-box strong{
  font-weight: 600;
  color: rgba(255,255,255,.95);
}

/* Badge (PRÓXIMO LANZAMIENTO). NO tocamos HTML, solo estilo */
.server-badge{
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 4;
  font-size: 12px;
  letter-spacing: .6px;
  font-weight: 700;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(6px);
  text-transform: uppercase;
}

/* ========= Featured (ORIGEN) ========= */
.server-card.featured{
  border-color: rgba(174,138,72,.45);
  box-shadow: 0 26px 90px rgba(0,0,0,.62);
}

.server-card.featured .server-title{
  text-shadow:
    0 0 18px rgba(174,138,72,.22),
    0 12px 26px rgba(0,0,0,.70);
}

/* Quitar cualquier “DESTACADO” generado por CSS (si quedó de pruebas) */
.server-card.featured .server-title::before,
.server-card.featured .server-title::after{
  content: none !important;
  display: none !important;
}

/* Mini glow dorado premium SOLO ORIGEN */
.server-card.featured{
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.server-card.featured:hover{
  transform: translateY(-4px);
  border-color: rgba(174,138,72,.60);
  box-shadow:
    0 0 28px rgba(174,138,72,.22),
    0 0 60px rgba(174,138,72,.10),
    0 30px 120px rgba(0,0,0,.74);
}

/* ========= Buttons ========= */
.btn-server{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 13px 14px;
  border-radius: 14px;
  font-size: 15px;
  text-decoration: none !important;
  font-weight: 700;
  letter-spacing: .2px;
  margin-top: 12px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.40);
  color: rgba(255,255,255,.92);
  backdrop-filter: blur(6px);
  box-shadow: 0 10px 26px rgba(0,0,0,.38);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.btn-server:hover{
  transform: translateY(-1px);
  color:#fff;
}

/* Hover con glow MU */
.btn-normal:hover{
  background: rgba(227,12,28,.14);
  border-color: rgba(227,12,28,.55);
  box-shadow: 0 0 0 3px rgba(227,12,28,.12), 0 18px 34px rgba(0,0,0,.48);
}
.btn-exilio:hover{
  background: rgba(16,48,149,.16);
  border-color: rgba(16,48,149,.60);
  box-shadow: 0 0 0 3px rgba(16,48,149,.14), 0 18px 34px rgba(0,0,0,.48);
}
.btn-origen:hover{
  background: rgba(174,138,72,.18);
  border-color: rgba(174,138,72,.65);
  box-shadow: 0 0 0 3px rgba(174,138,72,.16), 0 18px 34px rgba(0,0,0,.48);
}

/* ========= Countdown ========= */
.server-countdown{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.36);
  padding: 14px 14px;
  margin: 8px 0 12px;
  backdrop-filter: blur(8px);
  box-shadow: 0 16px 55px rgba(0,0,0,.55);
  position: relative;
  z-index: 5;
}

.cd-top{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 13px;
  color: rgba(255,255,255,.80);
}
.cd-label{ font-weight: 800; color: rgba(255,255,255,.92); }
.cd-date{ font-weight: 300; color: rgba(255,255,255,.75); }

.cd-time{
  display:flex;
  justify-content: center;
  gap: 10px;
  align-items: baseline;
  flex-wrap: nowrap;
}

.cd-num{
  display:inline-block;
  min-width: 54px;
  text-align:center;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.35);
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 1px;
  text-shadow: 0 10px 25px rgba(0,0,0,.7);
}

.cd-unit{
  font-size: 11px;
  font-weight: 800;
  color: rgba(255,255,255,.70);
  margin-left: -6px;
  letter-spacing: .5px;
}

.cd-done{
  text-align:center;
  font-weight: 900;
  color: rgba(120,255,160,.95);
  text-shadow: 0 0 18px rgba(120,255,160,.20);
}

/* PULSO ORIGEN (visible sí o sí) */
.server-card.featured .server-countdown{
  border-color: rgba(174,138,72,.40);
  outline: 1px solid rgba(174,138,72,.20);
  animation: muCountdownPulse 1.35s ease-in-out infinite;
}
@keyframes muCountdownPulse{
  0%,100%{
    transform: translateY(0) scale(1);
    box-shadow: 0 16px 55px rgba(0,0,0,.55), 0 0 0 rgba(174,138,72,0);
    filter: drop-shadow(0 0 10px rgba(174,138,72,.14));
  }
  50%{
    transform: translateY(-1px) scale(1.015);
    box-shadow: 0 18px 65px rgba(0,0,0,.62), 0 0 28px rgba(174,138,72,.22);
    filter: drop-shadow(0 0 18px rgba(174,138,72,.34));
  }
}

/* Chip num con glow sincronizado */
.server-card.featured .server-countdown .cd-num{
  animation: muNumGlow 1.35s ease-in-out infinite;
}
@keyframes muNumGlow{
  0%,100%{ box-shadow: inset 0 0 0 1px rgba(0,0,0,.35), 0 0 0 rgba(255,220,150,0); }
  50%{ box-shadow: inset 0 0 0 1px rgba(0,0,0,.35), 0 0 20px rgba(255,220,150,.18); }
}

/* Nota ORIGEN */
.server-note{
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(174,138,72,.10);
  border: 1px solid rgba(174,138,72,.22);
  color: rgba(255,255,255,.90);
  font-weight: 300;
}

/* ========= FX MU ORIGEN (partículas + rayos + brasas) ========= */
/* Partículas (encima del overlay, debajo del contenido) */
.server-card.featured .server-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  opacity:.95;

  background-image:
    radial-gradient(rgba(255,220,150,.95) 2px, transparent 2px),
    radial-gradient(rgba(174,138,72,.65) 2px, transparent 2px),
    radial-gradient(rgba(255,220,150,.55) 1px, transparent 1px);

  background-size: 90px 90px, 120px 120px, 60px 60px;
  background-position: 0 0, 40px 60px, 20px 30px;

  filter: drop-shadow(0 0 10px rgba(255,220,150,.16));
  animation: muParticlesFloat 10s linear infinite;
}
@keyframes muParticlesFloat{
  from{ transform: translateY(18%); }
  to{ transform: translateY(-120%); }
}

/* Rayos + brasas (misma capa, para no pisar nada) */
.server-card.featured .server-overlay::after{
  content:"";
  position:absolute;
  inset:-30%;
  pointer-events:none;
  z-index:2;

  background:
    /* Rayos suaves */
    conic-gradient(from 210deg at 50% 0%,
      rgba(255,220,150,.20),
      rgba(0,0,0,0) 18%,
      rgba(255,220,150,.16) 34%,
      rgba(0,0,0,0) 55%,
      rgba(255,220,150,.12) 75%,
      rgba(0,0,0,0)),
    radial-gradient(70% 45% at 50% 0%,
      rgba(255,225,170,.32) 0%,
      rgba(174,138,72,.18) 35%,
      rgba(0,0,0,0) 70%),
    /* Brasas abajo */
    radial-gradient(45% 70% at 25% 95%,
      rgba(255,165,60,.28) 0%,
      rgba(255,165,60,.10) 38%,
      rgba(0,0,0,0) 72%),
    radial-gradient(45% 70% at 70% 98%,
      rgba(174,138,72,.26) 0%,
      rgba(174,138,72,.10) 45%,
      rgba(0,0,0,0) 78%);

  mix-blend-mode: screen;
  opacity: .75;
  filter: blur(0.3px);
  animation: muLightBreath 6.5s ease-in-out infinite;
}
@keyframes muLightBreath{
  0%,100%{ transform: translateY(-2%) rotate(-2deg); opacity: .62; }
  50%{ transform: translateY(2%) rotate(2deg); opacity: .82; }
}

/* ========= Bottom links ========= */
.mu-bottom-links{
  margin-top: 10px;
  display:flex;
  justify-content:center;
  gap: 10px;
  flex-wrap: wrap;
}

.mu-pill{
  display:inline-flex;
  gap: 8px;
  align-items:center;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.85);
  text-decoration: none !important;
}
.mu-pill:hover{
  color:#fff;
  border-color: rgba(255,255,255,.22);
}

/* ========= Footer ========= */
footer{
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 36px 0px 18px 0px;
  text-align: center;
  font-weight: 300;
  color: rgba(255,255,255,.65);
  background: rgba(0,0,0,.25);
}

footer hr{ background-color: rgba(255,255,255,.10); }

footer img{
  width: 120px;
  height: auto;
  display: block;
  margin: 18px auto 10px;
  opacity: .9;
}

.social-media-links,.footer-links{
  display: inline-block;
  list-style: none;
  margin: 0 auto 10px;
  padding: 0;
}
.footer-links{ margin-bottom: 0px; color:inherit; }

.social-media-links li,.footer-links li{
  float: left;
  padding: 2px 8px;
}

.social-media-links li a,
.social-media-links li a:hover,
.social-media-links li a:visited,
.social-media-links li a:active,
.footer-links li a,
.footer-links li a:hover,
.footer-links li a:visited,
.footer-links li a:active{
  color: inherit;
}

/* ========= Responsive ========= */
@media screen and (max-width: 992px){
  .server-card{ min-height: 520px; }
  .server-content{ padding: 22px 18px 18px; }
  .cd-time{ flex-wrap: wrap; }
}

@media screen and (max-width: 576px){
  .mu-hero{ padding-top: 26px; }
  .server-title{ font-size: 24px; }
  .cd-num{ font-size: 20px; min-width: 50px; }
  .cd-top{ flex-direction: column; align-items:flex-start; gap:4px; }
}

/* Respeto a accesibilidad */
@media (prefers-reduced-motion: reduce){
  .server-card, .server-card::before,
  .server-card.featured .server-countdown,
  .server-card.featured .server-countdown .cd-num,
  .server-card.featured .server-overlay::before,
  .server-card.featured .server-overlay::after{
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}




/* =========================================================
   FIX #1: El badge no tapa el título (ORIGEN)
   ========================================================= */

/* Mantengo el badge arriba, pero hago espacio real para el título */
.server-card .server-badge{
  top: 12px;
  left: 12px;
  padding: 6px 10px;
  font-size: 11px;
  z-index: 6;
}

/* Si existe badge antes del contenido (mismo padre), empuja el contenido hacia abajo */
.server-card .server-badge ~ .server-content{
  padding-top: 58px !important; /* suficiente para que no pise “SERVER ORIGEN” */
}

/* Opcional: que el título no tenga margen arriba exagerado */
.server-title{
  margin-top: 0 !important;
}


/* =========================================================
   FIX #2: Partículas MU “random” (sin grid alineado)
   ========================================================= */

/* Reemplaza tus partículas actuales (las de background-image/grid) */
.server-card.featured .server-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;

  /* “semilla” (una partícula base) + muchas por box-shadow (random) */
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255,220,150,.95);

  /* posiciones random (no alineadas) */
  box-shadow:
    18px 92px rgba(255,220,150,.65),
    44px 210px rgba(174,138,72,.45),
    73px 140px rgba(255,220,150,.35),
    96px 320px rgba(174,138,72,.30),
    122px 260px rgba(255,220,150,.28),
    148px 380px rgba(174,138,72,.26),
    172px 160px rgba(255,220,150,.30),
    198px 430px rgba(174,138,72,.22),
    225px 230px rgba(255,220,150,.26),
    252px 510px rgba(174,138,72,.20),
    278px 170px rgba(255,220,150,.22),
    302px 310px rgba(174,138,72,.18),
    326px 120px rgba(255,220,150,.20),
    352px 460px rgba(174,138,72,.16),
    378px 240px rgba(255,220,150,.18),
    402px 540px rgba(174,138,72,.14),
    430px 180px rgba(255,220,150,.18),
    462px 360px rgba(174,138,72,.14);

  opacity: .85;
  filter: drop-shadow(0 0 8px rgba(255,220,150,.18));
  transform: translate3d(0, 35%, 0);

  /* 2 animaciones: suben + se mueven izq/der (drift) */
  animation:
    muParticlesUp 7.5s linear infinite,
    muParticlesDrift 3.4s ease-in-out infinite alternate;
}

/* Segunda capa: partículas más chicas (para naturalidad) */
.server-card.featured .server-overlay::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;

  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: rgba(255,220,150,.75);

  box-shadow:
    28px 420px rgba(255,220,150,.22),
    58px 520px rgba(174,138,72,.20),
    88px 340px rgba(255,220,150,.18),
    118px 610px rgba(174,138,72,.16),
    152px 470px rgba(255,220,150,.16),
    186px 560px rgba(174,138,72,.14),
    214px 410px rgba(255,220,150,.14),
    248px 640px rgba(174,138,72,.12),
    286px 450px rgba(255,220,150,.12),
    318px 590px rgba(174,138,72,.10),
    352px 430px rgba(255,220,150,.10),
    392px 610px rgba(174,138,72,.09),
    420px 500px rgba(255,220,150,.09);

  opacity: .65;
  filter: drop-shadow(0 0 10px rgba(255,220,150,.12));
  transform: translate3d(0, 45%, 0);

  animation:
    muParticlesUp2 9.2s linear infinite,
    muParticlesDrift2 4.1s ease-in-out infinite alternate;
}

/* Animaciones */
@keyframes muParticlesUp{
  0%   { transform: translate3d(0, 45%, 0); opacity: 0; }
  12%  { opacity: .85; }
  100% { transform: translate3d(0, -140%, 0); opacity: 0; }
}
@keyframes muParticlesUp2{
  0%   { transform: translate3d(0, 55%, 0); opacity: 0; }
  18%  { opacity: .65; }
  100% { transform: translate3d(0, -150%, 0); opacity: 0; }
}
@keyframes muParticlesDrift{
  0%   { margin-left: -10px; }
  100% { margin-left: 14px; }
}
@keyframes muParticlesDrift2{
  0%   { margin-left: 12px; }
  100% { margin-left: -16px; }
}





/* =========================================
   MOBILE: ORIGEN SIEMPRE PRIMERO (hotfix)
   Pegar al FINAL del style.css
   ========================================= */
@media (max-width: 991.98px){

  /* Reset: todas las columnas, orden normal */
  .mu-grid .server-col{
    order: 2 !important;
  }

  /* ORIGEN primero: soporta tus variantes de clase */
  .mu-grid .server-col.origen-col,
  .mu-grid .server-col.server-origen,
  .mu-grid .server-col.origen,
  .mu-grid .server-col[data-server="origen"]{
    order: 1 !important;
  }

  /* NORMAL segundo */
  .mu-grid .server-col.normal-col,
  .mu-grid .server-col.server-normal,
  .mu-grid .server-col.normal,
  .mu-grid .server-col[data-server="normal"]{
    order: 2 !important;
  }

  /* EXILIO tercero */
  .mu-grid .server-col.exilio-col,
  .mu-grid .server-col.server-exilio,
  .mu-grid .server-col.exilio,
  .mu-grid .server-col[data-server="exilio"]{
    order: 3 !important;
  }
}





/* Footer: bloque oficial MU Argentina (mejorado) */
.mu-footer-about{
  margin: 18px auto 10px auto;
  max-width: 920px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.09);
  backdrop-filter: blur(8px);
  box-shadow: 0 12px 35px rgba(0,0,0,0.35);
  text-align: center;
}

.mu-footer-title{
  margin: 0 0 10px 0;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.2px;
  color: rgba(255,255,255,0.93);
  position: relative;
  display: inline-block;
  padding-bottom: 8px;
}

/* subrayado dorado sutil */
.mu-footer-title::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 180px;
  height: 2px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(174,138,72,0.95), transparent);
  border-radius: 10px;
  opacity: 0.9;
}

.mu-footer-text{
  margin: 0 auto 12px auto;
  max-width: 820px;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255,255,255,0.72);
}

/* LISTA: centrada, sin bullets sueltos */
.mu-footer-list{
  list-style: none;
  padding: 0;
  margin: 0 auto 12px auto;
  max-width: 820px;
}

.mu-footer-list li{
  display: inline-flex;          /* clave para que el bullet no quede suelto */
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  margin: 8px 0;
  border-radius: 12px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.80);
  font-size: 13px;
  line-height: 1.55;
}

/* bullet dorado bien pegado al texto */
.mu-footer-list li::before{
  content: "◆";
  color: rgba(174,138,72,0.95);
  font-size: 12px;
  transform: translateY(-1px);
  opacity: 0.95;
}

.mu-footer-list strong{
  color: rgba(255,255,255,0.92);
  font-weight: 800;
}

.mu-footer-cta{
  margin: 2px auto 0 auto;
  max-width: 820px;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255,255,255,0.78);
}

.mu-footer-cta strong{
  color: rgba(255,255,255,0.92);
}

.mu-footer-highlight{
  color: rgba(174,138,72,0.95);
  font-weight: 900;
}

/* Responsive */
@media (max-width: 576px){
  .mu-footer-about{
    padding: 14px 12px;
    border-radius: 14px;
  }
  .mu-footer-title{ font-size: 14px; }
  .mu-footer-text, .mu-footer-list li, .mu-footer-cta{ font-size: 12.8px; }
  .mu-footer-title::after{ width: 150px; }
}

@media (min-width: 992px){
  .mu-footer-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
  }
  .mu-footer-grid li{
    margin: 0;
    height: 100%;
  }
}