.elementor-110 .elementor-element.elementor-element-744f718 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-110 .elementor-element.elementor-element-744f718:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-744f718 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#474747;}.elementor-110 .elementor-element.elementor-element-744f718 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:10px;}.elementor-110 .elementor-element.elementor-element-744f718{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 10px 0px 10px;}.elementor-110 .elementor-element.elementor-element-744f718 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-110 .elementor-element.elementor-element-7c98cdd.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-110 .elementor-element.elementor-element-75aaa4e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-110 .elementor-element.elementor-element-75aaa4e:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-75aaa4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FDE400 0%, #FFA000 100%);}.elementor-110 .elementor-element.elementor-element-75aaa4e > .elementor-container{max-width:1280px;}.elementor-110 .elementor-element.elementor-element-75aaa4e .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:20px;}.elementor-110 .elementor-element.elementor-element-75aaa4e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-110 .elementor-element.elementor-element-75aaa4e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-110 .elementor-element.elementor-element-d1d2b8e{width:auto;max-width:auto;}.elementor-110 .elementor-element.elementor-element-d1d2b8e .header-social-list i{font-size:30px;}.elementor-110 .elementor-element.elementor-element-d1d2b8e .header-social-list{text-align:right;color:#FFFFFF;}.elementor-110 .elementor-element.elementor-element-69c4c21 .the-logo img{max-width:316px;width:316px;}.elementor-110 .elementor-element.elementor-element-69c4c21 .the-logo{text-align:center;}.elementor-110 .elementor-element.elementor-element-c9f1d9d.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-110 .elementor-element.elementor-element-1f8738e{width:auto;max-width:auto;--dm-size:calc(24px * 150/100);}.elementor-110 .elementor-element.elementor-element-1f8738e > .elementor-widget-container{padding:0px 0px 0px 20px;}[data-theme="dark"] .elementor-110 .elementor-element.elementor-element-1f8738e{--dm-slide:#454435;}.elementor-110 .elementor-element.elementor-element-5fc5385 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-110 .elementor-element.elementor-element-5fc5385:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-5fc5385 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFA000;}.elementor-110 .elementor-element.elementor-element-5fc5385 > .elementor-container{max-width:1260px;}.elementor-110 .elementor-element.elementor-element-5fc5385 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:0px;}.elementor-110 .elementor-element.elementor-element-5fc5385, .elementor-110 .elementor-element.elementor-element-5fc5385 > .elementor-background-overlay{border-radius:1px 0px 0px 0px;}.elementor-110 .elementor-element.elementor-element-5fc5385{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-110 .elementor-element.elementor-element-5fc5385 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-110 .elementor-element.elementor-element-dc06662.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-110 .elementor-element.elementor-element-f45dc1b{width:auto;max-width:auto;--nav-color:#FFFFFF;--nav-color-10:#FFFFFF1a;}.elementor-110 .elementor-element.elementor-element-f45dc1b.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-110 .elementor-element.elementor-element-f45dc1b .main-menu > li > a{font-size:20px;font-weight:500;}.elementor-110 .elementor-element.elementor-element-f45dc1b .main-menu-wrap{justify-content:flex-start;}.elementor-110 .elementor-element.elementor-element-c13b7c3{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;width:auto;max-width:auto;}.elementor-110 .elementor-element.elementor-element-c13b7c3 .elementor-divider-separator{width:100%;}.elementor-110 .elementor-element.elementor-element-c13b7c3 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-110 .elementor-element.elementor-element-0b937ce{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;}.elementor-110 .elementor-element.elementor-element-0b937ce.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-110 .elementor-element.elementor-element-144eeea{width:auto;max-width:auto;}.elementor-110 .elementor-element.elementor-element-144eeea > .elementor-widget-container{padding:0px 0px 0px 10px;}.elementor-110 .elementor-element.elementor-element-144eeea.elementor-element{--order:99999 /* order end hack */;}.elementor-110 .elementor-element.elementor-element-144eeea .login-toggle{--btn-primary:var( --e-global-color-text );}.elementor-110 .elementor-element.elementor-element-7eefb4b{width:auto;max-width:auto;--btn-primary:var( --e-global-color-d3f5bdd );}.elementor-110 .elementor-element.elementor-element-7eefb4b.elementor-element{--order:99999 /* order end hack */;}.elementor-110 .elementor-element.elementor-element-675e84f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-110 .elementor-element.elementor-element-675e84f:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-675e84f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFA000;}.elementor-110 .elementor-element.elementor-element-675e84f > .elementor-container{max-width:1260px;}.elementor-110 .elementor-element.elementor-element-675e84f .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:0px;}.elementor-110 .elementor-element.elementor-element-675e84f, .elementor-110 .elementor-element.elementor-element-675e84f > .elementor-background-overlay{border-radius:1px 0px 0px 0px;}.elementor-110 .elementor-element.elementor-element-675e84f{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-110 .elementor-element.elementor-element-675e84f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-110 .elementor-element.elementor-element-3118bac{margin:15px 15px calc(var(--kit-widget-spacing, 0px) + 15px) 15px;text-align:center;}.elementor-110 .elementor-element.elementor-element-3118bac .elementor-heading-title{font-weight:100;color:#FFFFFF;}[data-theme="dark"] .elementor-110 .elementor-element.elementor-element-3118bac .elementor-heading-title{color:#ffffff;}@media(min-width:768px){.elementor-110 .elementor-element.elementor-element-e7c8d11{width:39.54%;}.elementor-110 .elementor-element.elementor-element-7c98cdd{width:60.395%;}}/* Start custom CSS for divider, class: .elementor-element-c13b7c3 */.elementor-110 .elementor-element.elementor-element-c13b7c3 {
  width: 1px;            /* Grosor */
  height: 30px;          /* Altura de la línea */
  background-color: #fff; /* Color blanco */
  margin: 0 15px;        /* Separación a los lados */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0b937ce *//* =========================
   Barra de usuario Glitcheados
   ========================= */
.user-bar{
  display:flex;
  align-items:center;
  gap:12px;
  background:#1c1c1c;
  color:#fff;
  padding:8px 12px;
  border-radius:22px;
  font-size:13px;
  font-weight:500;
  line-height:1.1;
  /* Layout ancho controlado: cabe avatar+nombre+coins+campana, y crece un poco al hover */
  width:auto;                 /* se adapta al contenido */
  min-width:230px;            /* nunca menos que esto */
  max-width:290px;            /* ancho “colapsado” */
  transition:max-width .22s ease;
  overflow:visible;
  white-space:nowrap;         /* evita saltos raros */
}

/* En hover, solo un poco más para mostrar Panel/Salir sin “salto largo” */
.user-bar:hover{
  max-width:360px;
}

/* BLOQUE IZQUIERDA: avatar + (nombre/coins) */
.user-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;                /* permite que el nombre recorte si fuera larguísimo */
}

/* Avatar 100% circular y recortado correctamente */
.user-avatar {
  width:28px;
  height:28px;
  aspect-ratio:1/1;      
  border-radius:50%;       /* círculo perfecto */
  object-fit:cover;
  object-position:center;
  display:block;
  overflow:hidden;
  border:2px solid #ff4081;
  flex:0 0 auto;
  background:#2a2a2a;
}


/* Nombre + coins en columna */
.user-main{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.user-name{
  font-weight:700;
  font-size:13px;
  margin:0;
  max-width:180px;            /* límite para elipsis (ajusta a tu barra) */
  overflow:hidden;
  text-overflow:ellipsis;
}

.user-coins{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:11px;
  color:#ffd700;
  text-decoration:none;
  opacity:.95;
}
.user-coins:hover{ opacity:.85; }
.coin-icon{ width:12px; height:12px; }
.coin-amount{ font-weight:700; }

/* BLOQUE DERECHA: campana siempre visible; extras solo en hover */
.user-right{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;           /* empuja a la derecha */
  flex:0 0 auto;
}

.user-notif{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#ff4081;
  color:#fff;
  padding:2px 10px;
  border-radius:14px;
  font-size:12px;
  text-decoration:none;
}
.user-notif:hover{ background:#ff5e9f; }

.user-extra{
  display:flex;
  gap:8px;
  overflow:hidden;
  max-width:0;
  opacity:0;
  pointer-events:none;
  transition:max-width .22s ease, opacity .22s ease;
}

.user-bar:hover .user-extra{
  max-width:220px;
  opacity:1;
  pointer-events:auto;
}

.user-extra a{
  color:#ccc;
  text-decoration:none;
  padding:2px 8px;
  border-radius:6px;
  font-size:12px;
  transition:background .2s ease, color .2s ease;
}
.user-extra a:hover{ background:#ff4081; color:#fff; }

/* Responsive: en móvil no expandas para evitar desbordes */
@media (max-width:480px){
  .user-bar{ max-width:260px; }
  .user-bar:hover{ max-width:260px; }
  .user-avatar{ width:26px; height:26px; }
  .user-name{ max-width:160px; }
  .user-extra{ display:none; }
}

/* ——— Avatar redondo con máscara sin cambiar el HTML ——— */
.user-bar img.user-avatar{
  width:28px;
  height:28px;
  display:block;

  /* 1) recorte duro por si el tema fuerza border-radius:0 */
  border-radius:50% !important;

  /* 2) máscara adicional (por si algún estilo rompe el border-radius) */
  -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);

  /* 3) relleno correcto */
  object-fit:cover;
  object-position:center;

  /* 4) “borde” rosa sin wrapper (un anillo) */
  box-shadow: 0 0 0 2px #ff4081;

  /* 5) fondo de cortesía mientras carga */
  background:#2a2a2a;
}

/* Si algún tema aplica borde a todas las imgs, lo anulamos aquí */
.user-bar img.user-avatar{ border:0 !important; }/* End custom CSS */