/* Meraki World - titulo central elegante sin efecto boton */
:root{
  --mw-title-purple:#3d2b62;
  --mw-title-pink:#e64f9a;
  --mw-title-violet:#8d5cf6;
  --mw-title-cyan:#43c7df;
}

/* La barra conserva el fondo tornasolado, pero el titulo deja de parecer boton */
.meraki-navbar.mw-top-nav .mw-center-brand,
.mw-top-nav .mw-center-brand,
.navbar .mw-center-brand{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: .2rem .35rem !important;
  border-radius: 0 !important;
  gap: .48rem !important;
  text-decoration: none !important;
  min-width: 0 !important;
}

/* Logo pequeño y limpio, sin parecer parte de un boton */
.meraki-navbar.mw-top-nav .mw-center-brand .mw-logo,
.mw-top-nav .mw-center-brand .mw-logo{
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(255,255,255,.74) !important;
  box-shadow: 0 10px 24px rgba(226,83,163,.12) !important;
  padding: 3px !important;
}

/* Letras protagonistas */
.meraki-navbar.mw-top-nav .mw-center-brand span,
.mw-top-nav .mw-center-brand span,
.navbar .mw-center-brand span{
  display: inline-block !important;
  font-weight: 950 !important;
  letter-spacing: .045em !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
  color: var(--mw-title-purple) !important;
  background: linear-gradient(90deg,
    var(--mw-title-purple) 0%,
    #563184 25%,
    var(--mw-title-pink) 47%,
    var(--mw-title-violet) 70%,
    var(--mw-title-purple) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.82), 0 10px 28px rgba(117,64,160,.16) !important;
  filter: drop-shadow(0 2px 0 rgba(255,255,255,.55));
  white-space: nowrap !important;
}

/* Brillo sutil detras del texto, no un cuadro */
.mw-center-brand::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width: min(250px, 62vw);
  height: 34px;
  transform: translate(-50%,-50%);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,255,255,.52) 0%, rgba(255,255,255,.22) 46%, transparent 72%);
  pointer-events:none;
  z-index:-1;
  opacity:.82;
}

.mw-center-brand{
  position: relative !important;
  isolation: isolate !important;
}

@media (max-width: 575.98px){
  .meraki-navbar.mw-top-nav .mw-center-brand,
  .mw-top-nav .mw-center-brand{
    max-width: calc(100% - 118px) !important;
    justify-content: center !important;
    gap: .34rem !important;
    padding: .15rem .1rem !important;
  }
  .meraki-navbar.mw-top-nav .mw-center-brand .mw-logo,
  .mw-top-nav .mw-center-brand .mw-logo{
    width: 34px !important;
    height: 34px !important;
    border-radius: 13px !important;
    padding: 2px !important;
    flex: 0 0 auto !important;
  }
  .meraki-navbar.mw-top-nav .mw-center-brand span,
  .mw-top-nav .mw-center-brand span,
  .navbar .mw-center-brand span{
    font-size: clamp(1.02rem, 4.05vw, 1.28rem) !important;
    letter-spacing: .025em !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  .mw-center-brand::after{
    width: min(220px, 58vw);
    height: 30px;
  }
}

@media (max-width: 380px){
  .meraki-navbar.mw-top-nav .mw-center-brand span,
  .mw-top-nav .mw-center-brand span{
    font-size: .98rem !important;
    letter-spacing: .012em !important;
  }
  .meraki-navbar.mw-top-nav .mw-center-brand .mw-logo,
  .mw-top-nav .mw-center-brand .mw-logo{
    width: 30px !important;
    height: 30px !important;
  }
}