/* ══════════════════════════════════════
   FIXES v1 — Layout, logo, espacios
══════════════════════════════════════ */

/* Navbar — logo más grande, mejor posición */
.nav-inner {
  max-width: 1400px !important;
  padding: 0 28px !important;
}
.nav-logo-img img {
  height: 42px !important;
}

/* Contenido principal — sin límite restrictivo en tienda */
.main-content {
  min-height: calc(100vh - 58px);
}

/* Tienda: usar todo el ancho disponible */
#cat-vps, #cat-dom, #cat-scripts {
  max-width: 100% !important;
}

/* Chat widget */
.chat-fab {
  position: fixed;
  bottom: 22px;
  right: 82px; /* lado del WA fab */
  z-index: 998;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, #9a6bff, #6a3fcf);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(154,107,255,0.5);
  border: none;
  transition: .2s;
}
.chat-fab:hover { transform: scale(1.1); }
.chat-fab .chat-badge {
  position: absolute;
  top: -2px; right: -2px;
  background: #ff5d6c; color: #fff;
  font-size: 9px; font-weight: 800;
  width: 16px; height: 16px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}

/* Chat panel */
.chat-panel {
  position: fixed;
  bottom: 82px;
  right: 82px;
  width: 320px;
  height: 420px;
  background: linear-gradient(180deg,#0d1226,#0a0e1f);
  border: 1px solid rgba(154,107,255,0.3);
  border-radius: 18px;
  z-index: 997;
  display: none;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.7);
}
.chat-panel.open { display: flex; }
.chat-panel-hd {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  display: flex; align-items: center; gap: 10px;
}
.chat-panel-avatar {
  width: 34px; height: 34px; border-radius: 50%;
  background: linear-gradient(135deg,#9a6bff,#6a3fcf);
  display: flex; align-items: center; justify-content: center; font-size: 16px;
}
.chat-panel-name { font-weight: 700; font-size: 13px; }
.chat-panel-status { font-size: 11px; color: #22c98a; }
.chat-close { margin-left:auto; background:none; border:none; color:var(--muted); font-size:18px; cursor:pointer; }
.chat-body { flex:1; padding:12px; overflow-y:auto; display:flex; flex-direction:column; gap:8px; }
.chat-msg { max-width:80%; padding:8px 11px; border-radius:12px; font-size:12.5px; line-height:1.5; }
.chat-msg.admin { background:rgba(154,107,255,0.15); align-self:flex-start; border:1px solid rgba(154,107,255,0.2); color:#c4b5ff; border-radius:4px 12px 12px 12px; }
.chat-msg.client { background:rgba(51,194,255,0.12); align-self:flex-end; color:#7fdaff; border-radius:12px 4px 12px 12px; }
.chat-ft { padding:10px; border-top:1px solid rgba(255,255,255,0.07); display:flex; gap:8px; }
.chat-input { flex:1; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:9px; padding:8px 12px; color:var(--txt); font-size:12.5px; font-family:'Inter',sans-serif; outline:none; }
.chat-send { background:linear-gradient(135deg,#9a6bff,#6a3fcf); border:none; border-radius:9px; padding:8px 14px; color:#fff; font-size:13px; cursor:pointer; }

/* WA fab ahora a la derecha del todo */
.wa-fab {
  right: 22px !important;
  bottom: 22px !important;
}