/* MatchBoy - CSS extraído desde index.php para aligerar el archivo principal. */

/* ==== index.php style 1: bloque-1 ==== */
html, body {
    margin: 0;
    padding: 0;
    background: #000 !important;
    min-height: 100%;
  }

  body {
    color: #fff;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
  }

/* ==== index.php style 2: bloque-2 ==== */
:root{--mb-bg:#03040a;--mb-card:#0b0d18;--mb-text:#fff;--mb-muted:#aeb4c7;--mb-blue:#2478ff;--mb-cyan:#00e7ff;--mb-violet:#8b3dff;--mb-pink:#ff2bd6;--mb-border:rgba(255,255,255,.10)}
.mb-landing{position:fixed;inset:0;z-index:2500;overflow:auto;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(36,120,255,.28),transparent 30%),radial-gradient(circle at 80% 5%,rgba(255,43,214,.18),transparent 26%),linear-gradient(180deg,#03040a 0%,#080a14 48%,#02030a 100%);color:var(--mb-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mb-landing *{box-sizing:border-box}.mb-topbar{width:min(1180px,92%);margin:0 auto;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.mb-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:900;letter-spacing:-.03em}.mb-brand-icon{width:34px;height:34px;border-radius:10px}.mb-menu{display:flex;align-items:center;gap:18px}.mb-menu a,.mb-menu button,.mb-footer-links a,.mb-footer-links button{background:none;border:0;color:var(--mb-muted);text-decoration:none;font:inherit;cursor:pointer}.mb-menu a:hover,.mb-menu button:hover,.mb-footer-links a:hover,.mb-footer-links button:hover{color:#fff}.mb-auth-actions{display:flex;gap:10px;align-items:center}.mb-login-small{border:1px solid var(--mb-border);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer}.mb-register-small{border:0;background:linear-gradient(135deg,var(--mb-blue),var(--mb-pink));color:#fff;border-radius:999px;padding:10px 18px;font-weight:900;cursor:pointer}.mb-hero{width:min(1180px,92%);margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:42px;padding:54px 0 70px}.mb-pill,.mb-section-head span,.mb-section-kicker{display:inline-flex;color:#fff;background:linear-gradient(90deg,rgba(36,120,255,.22),rgba(255,43,214,.18));border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.mb-hero h1{font-size:clamp(42px,7vw,78px);line-height:.92;margin:18px 0;letter-spacing:-.07em;max-width:760px}.mb-hero h1::after{content:"";display:block;width:150px;height:6px;margin-top:16px;border-radius:999px;background:linear-gradient(90deg,var(--mb-blue),var(--mb-violet),var(--mb-pink))}.mb-hero p{font-size:clamp(17px,2vw,21px);line-height:1.65;color:var(--mb-muted);max-width:650px}.mb-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.mb-actions-center{justify-content:center}.mb-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:15px 20px;font-weight:900;text-decoration:none;border:0;cursor:pointer}.mb-btn-primary{color:#fff;background:linear-gradient(135deg,var(--mb-blue),var(--mb-violet),var(--mb-pink));box-shadow:0 18px 50px rgba(36,120,255,.28)}.mb-btn-secondary{color:#fff;background:rgba(255,255,255,.07);border:1px solid var(--mb-border)}.mb-btn-ghost{color:#fff;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.10)}.mb-btn-store{color:#03040a;background:#fff}.mb-trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.mb-trust-row span{font-size:13px;color:#dce3ff;background:rgba(255,255,255,.06);border:1px solid var(--mb-border);border-radius:999px;padding:8px 10px}.mb-hero-visual{min-height:560px;position:relative;display:flex;align-items:center;justify-content:center}.mb-glow{position:absolute;border-radius:999px;filter:blur(35px);opacity:.8}.mb-glow-a{width:260px;height:260px;background:rgba(36,120,255,.38);left:10%;top:15%}.mb-glow-b{width:230px;height:230px;background:rgba(255,43,214,.35);right:8%;bottom:18%}.mb-phone-card{position:absolute;border-radius:34px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 90px rgba(0,0,0,.6);overflow:hidden}.mb-phone-card img{display:block;width:100%;height:100%;object-fit:cover}.mb-phone-main{width:min(310px,58vw);height:520px;transform:rotate(5deg);z-index:2}.mb-phone-float{width:230px;height:360px;right:0;bottom:18px;transform:rotate(-7deg);z-index:3}.mb-section{width:min(1180px,92%);margin:0 auto;padding:74px 0}.mb-section-head{text-align:center;margin:0 auto 34px;max-width:760px}.mb-section-head h2,.mb-safety h2,.mb-final-cta h2{font-size:clamp(30px,4.5vw,54px);line-height:1.02;letter-spacing:-.05em;margin:14px 0}.mb-section-head p,.mb-safety p,.mb-final-cta p{color:var(--mb-muted);line-height:1.7}.mb-shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mb-shot-grid img{width:100%;aspect-ratio:9/19;object-fit:cover;border-radius:28px;border:1px solid var(--mb-border);box-shadow:0 22px 70px rgba(0,0,0,.45)}.mb-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mb-feature,.mb-steps div,.mb-safety-card,.mb-faq details{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--mb-border);border-radius:26px;padding:22px;box-shadow:0 18px 60px rgba(0,0,0,.26)}.mb-feature div{font-size:28px}.mb-feature h3,.mb-steps h3,.mb-safety-card h3{margin:12px 0 8px}.mb-feature p,.mb-steps p,.mb-safety-card p{color:var(--mb-muted);line-height:1.6;margin:0}.mb-safety{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:center;background:linear-gradient(135deg,rgba(36,120,255,.14),rgba(139,61,255,.10),rgba(255,43,214,.08));border:1px solid var(--mb-border);border-radius:34px;padding:42px;margin-top:40px}.mb-safety-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mb-safety-list span{background:rgba(0,0,0,.24);border:1px solid var(--mb-border);border-radius:999px;padding:9px 12px;color:#e9edff;font-size:13px}.mb-safety-card button{margin-top:18px;border:0;border-radius:14px;background:#fff;color:#03040a;font-weight:900;padding:12px 14px;cursor:pointer}.mb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mb-steps b{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,var(--mb-blue),var(--mb-pink))}.mb-faq{max-width:900px}.mb-faq details{margin-bottom:12px}.mb-faq summary{font-weight:900;cursor:pointer}.mb-faq p{color:var(--mb-muted);line-height:1.6}.mb-final-cta{width:min(1000px,92%);margin:34px auto 70px;text-align:center;padding:48px 24px;border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(36,120,255,.28),transparent 55%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--mb-border)}.mb-footer{width:min(1180px,92%);margin:0 auto;padding:30px 0 44px;border-top:1px solid var(--mb-border);display:flex;justify-content:space-between;gap:22px;color:var(--mb-muted)}.mb-footer strong{color:#fff}.mb-footer p{margin:8px 0 0}.mb-footer-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}#sessionOverlay,#legalOverlay{z-index:10000!important}@media(max-width:880px){.mb-menu{display:none}.mb-hero{grid-template-columns:1fr;padding-top:28px}.mb-hero-visual{min-height:460px}.mb-phone-main{width:265px;height:445px}.mb-phone-float{width:190px;height:300px;right:4%}.mb-shot-grid,.mb-feature-grid,.mb-steps{grid-template-columns:1fr}.mb-safety{grid-template-columns:1fr;padding:24px}.mb-footer{flex-direction:column}.mb-footer-links{justify-content:flex-start}.mb-btn{width:100%}}

/* ==== index.php style 3: id="landingWalletAdsEnhance" ==== */
.mb-visual-stack{position:relative;width:min(430px,92vw);min-height:520px;display:flex;align-items:center;justify-content:center}
.mb-svg-phone{position:absolute;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 90px rgba(0,0,0,.6);overflow:hidden;padding:16px}
.mb-svg-phone-main{width:300px;height:520px;left:20px;top:0;transform:rotate(4deg)}
.mb-svg-phone-float{width:230px;height:360px;right:0;bottom:22px;transform:rotate(-7deg);z-index:3}
.mb-svg-screen{width:100%;height:100%;border-radius:24px;background:#070a12;display:block}
.mb-svg-shot{min-height:420px;border-radius:28px;border:1px solid var(--mb-border);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 22px 70px rgba(0,0,0,.45);padding:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mb-svg-shot svg{width:100%;max-width:280px;height:auto;display:block}
.mb-wallet-ad-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}
.mb-wallet-ad-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--mb-border);border-radius:26px;padding:24px;box-shadow:0 18px 60px rgba(0,0,0,.26)}
.mb-wallet-ad-card h3{margin:10px 0 8px;font-size:22px}.mb-wallet-ad-card p{color:var(--mb-muted);line-height:1.65;margin:0}.mb-price-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.mb-price-row span{background:rgba(255,255,255,.08);border:1px solid var(--mb-border);border-radius:999px;padding:8px 10px;font-size:13px;color:#fff}.mb-contact-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding:16px;border-radius:22px;border:1px solid rgba(0,231,255,.24);background:linear-gradient(90deg,rgba(0,231,255,.10),rgba(255,43,214,.08))}.mb-contact-card a{color:#fff;text-decoration:none;font-weight:900;background:linear-gradient(135deg,var(--mb-blue),var(--mb-pink));border-radius:999px;padding:10px 14px;white-space:nowrap}.mb-footer-links a.mb-contact-link{color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.06)}
@media(max-width:880px){.mb-visual-stack{min-height:390px}.mb-svg-phone-main{width:245px;height:420px;left:0}.mb-svg-phone-float{width:180px;height:285px;right:0;bottom:8px}.mb-wallet-ad-grid{grid-template-columns:1fr}.mb-contact-card{flex-direction:column;align-items:flex-start}.mb-contact-card a{width:100%;text-align:center}.mb-svg-shot{min-height:300px}}

/* ==== index.php style 4: id="walletStyles" ==== */
#walletModal {
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.82);
  backdrop-filter: blur(6px);
}
.wallet-modal-box {
  width: min(430px, 94vw);
  max-height: 88vh;
  overflow: hidden;
  border-radius: 22px;
  background: linear-gradient(180deg,#111827,#070a12);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 22px 70px rgba(0,0,0,.65);
  color: #fff;
}
.wallet-modal-header {
  background: #0b0f18;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.wallet-body {
  padding: 16px;
  overflow-y: auto;
  max-height: calc(88vh - 56px);
}
.wallet-hero {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 18px;
  border-radius: 18px;
  background: radial-gradient(circle at top left,rgba(255,204,0,.20),transparent 42%),
              linear-gradient(135deg,#151515,#101827);
  border: 1px solid rgba(255,204,0,.25);
  margin-bottom: 12px;
}
.wallet-label {
  color: #aeb4c7;
  font-size: 12px;
  margin-bottom: 5px;
}
.wallet-balance {
  color: #ffcc00;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
}
.wallet-small,
.wallet-note,
.wallet-empty {
  color: #9ca3af;
  font-size: 12px;
  line-height: 1.4;
}
.wallet-icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffcc00;
  color: #000;
  font-size: 24px;
  font-weight: 900;
  flex-shrink: 0;
}
.wallet-grid-mini {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.wallet-stat-card {
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 15px;
  padding: 13px;
}
.wallet-stat-card strong {
  display: block;
  color: #fff;
  font-size: 22px;
  margin-bottom: 3px;
}
.wallet-stat-card small {
  color: #8b95aa;
  font-size: 11px;
}
.wallet-actions {
  display: grid;
  gap: 9px;
  margin: 13px 0;
}
.wallet-btn,
.wallet-pay-btn {
  border: none;
  border-radius: 13px;
  padding: 12px 14px;
  font-weight: 800;
  cursor: pointer;
}
.wallet-btn-primary {
  background: linear-gradient(135deg,#ffcc00,#ff9f0a);
  color: #000;
}
.wallet-btn-secondary {
  background: #1f2937;
  color: #fff;
  border: 1px solid rgba(255,255,255,.08);
}
.wallet-btn-ghost {
  background: transparent;
  color: #d1d5db;
  border: 1px solid rgba(255,255,255,.12);
}
.wallet-recharge-box {
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 13px;
  margin: 10px 0;
}
.wallet-input {
  width: 100%;
  padding: 12px;
  margin: 7px 0;
  border-radius: 12px;
  border: 1px solid #303847;
  background: #090d15;
  color: #fff;
  outline: none;
  box-sizing: border-box;
}
.wallet-input:focus {
  border-color: #ffcc00;
}
.wallet-pay-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 8px 0;
}
.wallet-pay-btn {
  background: #111827;
  color: #fff;
  border: 1px solid rgba(255,255,255,.10);
}
.wallet-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
}
.wallet-section-title {
  font-weight: 900;
  color: #fff;
  margin-bottom: 8px;
}
.wallet-transactions {
  display: grid;
  gap: 8px;
}
.wallet-move {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 13px;
  padding: 10px;
}
.wallet-move-info {
  min-width: 0;
}
.wallet-move-title {
  font-size: 13px;
  color: #fff;
  font-weight: 700;
}
.wallet-move-date {
  font-size: 11px;
  color: #8b95aa;
  margin-top: 2px;
}
.wallet-move-amount {
  font-weight: 900;
  white-space: nowrap;
}
.wallet-move-amount.plus {
  color: #4ade80;
}
.wallet-move-amount.minus {
  color: #fb7185;
}
@media (max-width:420px) {
  .wallet-grid-mini,
  .wallet-pay-row {
    grid-template-columns: 1fr;
  }
}

/* ==== index.php style 5: id="privateAlbumViewerStyles" ==== */
.img-viewer-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:32px;
  line-height:1;
  cursor:pointer;
  z-index:1000000000;
  display:none;
  align-items:center;
  justify-content:center;
}
.img-viewer-nav:hover{background:rgba(255,255,255,.18)}
#imgViewerPrev{left:18px}
#imgViewerNext{right:18px}
#imgViewerCounter{
  position:absolute;
  left:50%;
  bottom:20px;
  transform:translateX(-50%);
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  border-radius:999px;
  padding:6px 12px;
  font-size:13px;
  z-index:1000000000;
  display:none;
}
@media(max-width:640px){
  .img-viewer-nav{width:42px;height:42px;font-size:28px}
  #imgViewerPrev{left:10px}
  #imgViewerNext{right:10px}
}

/* ==== index.php style 6: id="landingNoFlashFix" ==== */
body.mb-logged-in #publicLanding, html.mb-logged-in #publicLanding {
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* ==== index.php style 7: id="feedNotificationBellStyles" ==== */
.feed-notif-badge{position:absolute;top:2px;right:14px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff1f6a;color:#fff;font-size:11px;font-weight:900;display:none;align-items:center;justify-content:center;box-shadow:0 0 0 2px #000}
.feed-notif-modal{position:fixed;inset:0;z-index:9999998;display:none;align-items:flex-start;justify-content:center;padding:18px 10px;background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}
.feed-notif-modal.is-open{display:flex}
.feed-notif-box{width:min(460px,96vw);max-height:86vh;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#111827,#070a12);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.75);color:#fff}
.feed-notif-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.10)}
.feed-notif-head strong{font-size:18px}.feed-notif-head button{border:0;border-radius:999px;background:#20283a;color:#fff;padding:8px 10px;cursor:pointer;font-weight:800}
.feed-notif-list{max-height:calc(86vh - 62px);overflow-y:auto;padding:10px}
.feed-notif-item{display:flex;gap:10px;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);margin-bottom:8px;cursor:pointer}
.feed-notif-item.unread{background:rgba(255,31,106,.13);border-color:rgba(255,31,106,.35)}
.feed-notif-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#222838;flex-shrink:0}
.feed-notif-main{min-width:0;flex:1}.feed-notif-message{font-weight:800;font-size:13px;line-height:1.35;color:#fff}.feed-notif-date{margin-top:4px;color:#9ca3af;font-size:11px}.feed-notif-empty{text-align:center;color:#9ca3af;padding:28px 12px}

/* ==== index.php style 8: id="profileModalFullScrollDesktopFix" ==== */
/* =====================================================
   FIX DEFINITIVO: EDITAR PERFIL CON SCROLL EN PC Y MOVIL
   ===================================================== */
html.profile-modal-open,
body.profile-modal-open{
  overflow:hidden !important;
}

#profileModal{
  position:fixed !important;
  inset:0 !important;
  display:none;
  align-items:flex-start !important;
  justify-content:center !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:18px 0 60px !important;
  max-height:100vh !important;
  height:100vh !important;
  -webkit-overflow-scrolling:touch !important;
}

#profileModal[style*="display: flex"],
#profileModal[style*="display:flex"],
#profileModal.active,
#profileModal.is-open{
  display:flex !important;
}

#profileModal .modal,
#profileModal .profile-modal,
#profileModal .profile-box,
#profileModal > div{
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
}

#profileModal .modal{
  width:min(430px,96vw) !important;
  margin:0 auto 80px !important;
  border-radius:24px !important;
}

#profileModal form,
#profileModal #profileForm{
  padding-bottom:90px !important;
}

@media (min-width: 900px){
  #profileModal{
    padding-top:24px !important;
    padding-bottom:90px !important;
  }

  #profileModal .modal{
    width:min(460px,92vw) !important;
    margin-bottom:120px !important;
  }
}

@media (max-width:640px){
  #profileModal{
    padding:8px 0 90px !important;
  }

  #profileModal .modal{
    width:calc(100vw - 16px) !important;
    margin-bottom:120px !important;
  }
}

/* ==== index.php style 9: id="privateChatEmojiStyles" ==== */
/* =====================================================
   EMOJIS EN CHAT PRIVADO MATCHBOY
   ===================================================== */
.private-chat-emoji-btn{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,rgba(255,204,0,.20),rgba(255,43,214,.16)) !important;
  color:#ffcc00 !important;
  font-size:22px !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  flex-shrink:0 !important;
}
.private-chat-emoji-btn:active{transform:scale(.94) !important;}
.private-chat-emoji-panel{
  display:none;
  grid-template-columns:repeat(8,1fr);
  gap:7px;
  padding:10px;
  margin:0 12px 8px;
  border-radius:18px;
  background:linear-gradient(180deg,#171b29,#0d111c);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 50px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05);
}
.private-chat-emoji-panel.is-open{display:grid;}
.private-chat-emoji-panel button{
  width:100% !important;
  height:36px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
  font-size:21px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.private-chat-emoji-panel button:hover,
.private-chat-emoji-panel button:active{
  background:linear-gradient(135deg,rgba(255,204,0,.25),rgba(255,43,214,.22)) !important;
}
.private-chat-emoji-close{
  grid-column:span 2;
  font-size:13px !important;
  font-weight:900 !important;
  color:#ffcc00 !important;
}
@media(max-width:420px){
  .private-chat-emoji-panel{grid-template-columns:repeat(6,1fr);gap:6px;margin:0 8px 8px;padding:9px;}
  .private-chat-emoji-panel button{height:34px !important;font-size:20px !important;}
}

/* ==== index.php style 10: id="leafletTileHardFixMatchboy" ==== */
/* FIX DEFINITIVO LEAFLET: evita que los estilos globales de MatchBoy agranden/rompan los tiles del mapa */
#privateLiveLocationMapModal,
#privateLiveLocationMapModal *{
  box-sizing:border-box;
}
#privateLiveLocationMapModal .mb-live-map-box{
  overflow:hidden !important;
}
#privateLiveLocationMapModal #mbLiveMapCanvas{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:420px !important;
  min-height:420px !important;
  max-height:calc(100dvh - 190px) !important;
  overflow:hidden !important;
  background:#0b0f18 !important;
  flex:1 1 auto !important;
}
#privateLiveLocationMapModal .leaflet-container{
  width:100% !important;
  height:100% !important;
  background:#0b0f18 !important;
  font:12px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
#privateLiveLocationMapModal .leaflet-pane,
#privateLiveLocationMapModal .leaflet-map-pane,
#privateLiveLocationMapModal .leaflet-tile-pane,
#privateLiveLocationMapModal .leaflet-overlay-pane,
#privateLiveLocationMapModal .leaflet-shadow-pane,
#privateLiveLocationMapModal .leaflet-marker-pane,
#privateLiveLocationMapModal .leaflet-tooltip-pane,
#privateLiveLocationMapModal .leaflet-popup-pane{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
}
#privateLiveLocationMapModal .leaflet-tile-container{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
}
#privateLiveLocationMapModal .leaflet-tile,
#privateLiveLocationMapModal .leaflet-marker-icon,
#privateLiveLocationMapModal .leaflet-marker-shadow,
#privateLiveLocationMapModal .leaflet-image-layer,
#privateLiveLocationMapModal .leaflet-pane > svg,
#privateLiveLocationMapModal .leaflet-pane > canvas{
  position:absolute !important;
  max-width:none !important;
  max-height:none !important;
  min-width:0 !important;
  min-height:0 !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  object-fit:fill !important;
}
#privateLiveLocationMapModal .leaflet-tile{
  width:256px !important;
  height:256px !important;
  display:block !important;
}
#privateLiveLocationMapModal .leaflet-marker-icon{
  width:25px !important;
  height:41px !important;
}
#privateLiveLocationMapModal .leaflet-marker-shadow{
  width:41px !important;
  height:41px !important;
}
#privateLiveLocationMapModal .leaflet-control-container img,
#privateLiveLocationMapModal .leaflet-control-container a{
  max-width:none !important;
  border-radius:0 !important;
}
@media(max-width:420px){
  #privateLiveLocationMapModal #mbLiveMapCanvas{
    height:calc(100dvh - 190px) !important;
    min-height:360px !important;
  }
}

/* ==== index.php style 11: id="privateVoiceRecordingPremiumFix" ==== */
/* =====================================================
   FIX PREMIUM: grabación de nota de voz en chat privado
   Evita que "Grabando" y "Cancelar" rompan la barra inferior.
   ===================================================== */
#privateChatModal{
  position:fixed !important;
}

#privateChatModal #recordingIndicator,
#recordingIndicator.mb-recording-premium{
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:72px !important;
  width:auto !important;
  min-height:48px !important;
  padding:10px 12px !important;
  margin:0 !important;
  border-radius:18px !important;
  border:1px solid rgba(255,80,110,.32) !important;
  background:linear-gradient(135deg,rgba(70,8,24,.96),rgba(22,14,22,.96)) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.55), 0 0 24px rgba(255,43,90,.18) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  color:#fff !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  z-index:999999 !important;
  box-sizing:border-box !important;
  pointer-events:auto !important;
}

#privateChatModal #recordingIndicator[style*="display: flex"],
#recordingIndicator.mb-recording-premium[style*="display: flex"]{
  display:flex !important;
}

#privateChatModal #recordingIndicator .rec-dot,
#recordingIndicator.mb-recording-premium .rec-dot{
  width:10px !important;
  height:10px !important;
  min-width:10px !important;
  border-radius:999px !important;
  background:#ff304f !important;
  box-shadow:0 0 0 6px rgba(255,48,79,.12),0 0 18px rgba(255,48,79,.65) !important;
  animation:mbRecPulse 1s infinite ease-in-out !important;
}

#privateChatModal #recordingIndicator .rec-text,
#recordingIndicator.mb-recording-premium .rec-text{
  font-size:14px !important;
  font-weight:900 !important;
  color:#ffb7c3 !important;
  white-space:nowrap !important;
}

#privateChatModal #recordingIndicator #recTime,
#recordingIndicator.mb-recording-premium #recTime{
  font-size:14px !important;
  font-weight:900 !important;
  color:#fff !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.08) !important;
  min-width:44px !important;
  text-align:center !important;
}

#privateChatModal #recordingIndicator #cancelAudioBtn,
#recordingIndicator.mb-recording-premium #cancelAudioBtn{
  margin-left:auto !important;
  height:34px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,100,130,.45) !important;
  background:linear-gradient(135deg,rgba(255,40,90,.20),rgba(255,40,90,.08)) !important;
  color:#ffd6df !important;
  font-size:13px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#privateChatModal #privateChatAudioBtn.recording{
  background:linear-gradient(135deg,#ff335f,#8b1234) !important;
  color:#fff !important;
  box-shadow:0 0 0 4px rgba(255,51,95,.16), 0 0 24px rgba(255,51,95,.42) !important;
}

#privateChatModal #audioPreviewBox{
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:72px !important;
  width:auto !important;
  margin:0 !important;
  z-index:999999 !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,rgba(18,22,34,.98),rgba(10,12,18,.98)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.55) !important;
}

@keyframes mbRecPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.72);opacity:.55}
}

@media(max-width:430px){
  #privateChatModal #recordingIndicator,
  #recordingIndicator.mb-recording-premium{
    left:8px !important;
    right:8px !important;
    bottom:66px !important;
    min-height:44px !important;
    padding:9px 10px !important;
    gap:8px !important;
  }
  #privateChatModal #recordingIndicator .rec-text,
  #recordingIndicator.mb-recording-premium .rec-text{
    font-size:13px !important;
  }
  #privateChatModal #recordingIndicator #cancelAudioBtn,
  #recordingIndicator.mb-recording-premium #cancelAudioBtn{
    height:32px !important;
    padding:0 12px !important;
    font-size:12px !important;
  }
  #privateChatModal #audioPreviewBox{
    left:8px !important;
    right:8px !important;
    bottom:66px !important;
  }
}

/* ==== index.php style 12: id="privateEmojiAndLivePhotoMarkerFinalFix" ==== */
/* =====================================================
   FIX FINAL: Emojis dentro del chat privado + marcador con foto real
   ===================================================== */
#privateChatModal{
  position:fixed !important;
  overflow:hidden !important;
}

#privateChatModal #privateChatEmojiPanel.private-chat-emoji-panel{
  position:absolute !important;
  left:10px !important;
  right:10px !important;
  bottom:72px !important;
  width:auto !important;
  max-width:none !important;
  max-height:190px !important;
  overflow-y:auto !important;
  display:none !important;
  grid-template-columns:repeat(8, minmax(0, 1fr)) !important;
  gap:7px !important;
  padding:10px !important;
  margin:0 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#171b29,#0d111c) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.06) !important;
  z-index:1000002 !important;
  box-sizing:border-box !important;
}

#privateChatModal #privateChatEmojiPanel.private-chat-emoji-panel.is-open{
  display:grid !important;
}

#privateChatModal #privateChatEmojiPanel.private-chat-emoji-panel button{
  width:100% !important;
  min-width:0 !important;
  height:36px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
  font-size:21px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

#privateChatModal #privateChatEmojiPanel.private-chat-emoji-panel .private-chat-emoji-close{
  grid-column:span 2 !important;
  font-size:13px !important;
  font-weight:900 !important;
  color:#ffcc00 !important;
}

/* El marcador de Leaflet con foto real debe ganarle al fix global de tiles */
#privateLiveLocationMapModal .leaflet-marker-icon.mb-live-photo-marker{
  width:64px !important;
  height:76px !important;
  max-width:none !important;
  max-height:none !important;
  min-width:64px !important;
  min-height:76px !important;
  background:transparent !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
}

.mb-live-photo-pin{
  position:relative !important;
  width:64px !important;
  height:76px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  overflow:visible !important;
}

.mb-live-photo-pulse{
  position:absolute !important;
  top:8px !important;
  left:8px !important;
  width:48px !important;
  height:48px !important;
  border-radius:50% !important;
  background:rgba(0,255,102,.20) !important;
  animation:mbLivePhotoPulse 1.8s infinite ease-in-out !important;
  z-index:1 !important;
}

.mb-live-photo-ring{
  position:relative !important;
  z-index:2 !important;
  width:54px !important;
  height:54px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  border:3px solid #00ff66 !important;
  background:#111 !important;
  box-shadow:0 0 0 4px rgba(0,255,102,.18), 0 0 26px rgba(0,255,102,.52), 0 10px 28px rgba(0,0,0,.55) !important;
}

#privateLiveLocationMapModal .mb-live-photo-ring img{
  position:static !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  object-fit:cover !important;
  border-radius:50% !important;
  display:block !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}

.mb-live-photo-tip{
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  transform:translateX(-50%) !important;
  z-index:3 !important;
  font-size:20px !important;
  line-height:1 !important;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.65)) !important;
}

@keyframes mbLivePhotoPulse{
  0%{transform:scale(.72);opacity:.65}
  70%{transform:scale(1.45);opacity:0}
  100%{transform:scale(1.45);opacity:0}
}

@media(max-width:430px){
  #privateChatModal #privateChatEmojiPanel.private-chat-emoji-panel{
    left:8px !important;
    right:8px !important;
    bottom:66px !important;
    max-height:176px !important;
    grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
    gap:6px !important;
    padding:9px !important;
  }
  #privateChatModal #privateChatEmojiPanel.private-chat-emoji-panel button{
    height:34px !important;
    font-size:20px !important;
  }
}

/* ==== index.php style 13: id="hideEditButtonOnLandingFix" ==== */
/* Oculta Editar Perfil en el landing publico */
body.mb-guest .floating-edit,
body.mb-guest #editProfileBtn,
body.mb-guest .edit-profile-float,
body.mb-guest [data-action="edit-profile"],
body:not(.mb-logged-in) .floating-edit{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* ==== index.php style 14: id="matchboyCleanLandingLogoutEditFix" ==== */
/* Logueado: nunca mostrar landing al refrescar */
html.mb-logged-in #publicLanding,
body.mb-logged-in #publicLanding{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Invitado: ocultar SOLO elementos internos de la app, sin tocar el header/menu del landing */
html.mb-guest .app-shell,
body.mb-guest .app-shell,
html.mb-guest .bottom-nav,
body.mb-guest .bottom-nav,
html.mb-guest .floating-edit,
body.mb-guest .floating-edit,
html.mb-guest #editProfileBtn,
body.mb-guest #editProfileBtn,
html.mb-guest .edit-profile-float,
body.mb-guest .edit-profile-float,
html.mb-guest [data-action="edit-profile"],
body.mb-guest [data-action="edit-profile"],
html.mb-guest #userGrid,
body.mb-guest #userGrid,
html.mb-guest .featured-top-card,
body.mb-guest .featured-top-card,
html.mb-guest .featured-benefits-mini,
body.mb-guest .featured-benefits-mini,
html.mb-guest .scope-switcher,
body.mb-guest .scope-switcher,
html.mb-guest #mbActivityStats,
body.mb-guest #mbActivityStats{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* El landing SIEMPRE conserva su barra superior */
html.mb-guest #publicLanding,
body.mb-guest #publicLanding,
html.mb-guest #publicLanding .mb-topbar,
body.mb-guest #publicLanding .mb-topbar,
html.mb-guest #publicLanding .mb-menu,
body.mb-guest #publicLanding .mb-menu{
  visibility:visible !important;
  pointer-events:auto !important;
}

/* Boton editar perfil estable solo para usuario logueado */
html.mb-logged-in .floating-edit,
body.mb-logged-in .floating-edit{
  visibility:visible !important;
  pointer-events:auto !important;
}

/* ==== index.php style 15: id="matchboyLandingDefinitiveFix20260614" ==== */
/* =====================================================
   MATCHBOY LANDING DEFINITIVO
   Un solo bloque controla menú superior móvil, footer e imágenes.
   No agregar otros fixes de menú encima de este bloque.
===================================================== */
#publicLanding{
  overflow-x:hidden !important;
  background:#02030a !important;
}
#publicLanding *{box-sizing:border-box !important;}

/* ===== Header desktop estable ===== */
#publicLanding .mb-topbar{
  position:relative !important;
  z-index:5000 !important;
  width:min(1180px,94%) !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:12px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  overflow:visible !important;
  border-radius:0 0 22px 22px !important;
  background:rgba(8,10,18,.78) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-top:0 !important;
  box-shadow:0 14px 42px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
#publicLanding .mb-brand{flex:0 0 auto !important;min-width:0 !important;}
#publicLanding .mb-brand-icon{width:36px !important;height:36px !important;min-width:36px !important;object-fit:contain !important;}
#publicLanding .mb-menu{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  flex-wrap:wrap !important;
}
#publicLanding .mb-menu a,
#publicLanding .mb-menu button{
  min-height:38px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035)) !important;
  color:#e9edff !important;
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:850 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
#publicLanding .mb-menu a:hover,
#publicLanding .mb-menu button:hover{
  color:#fff !important;
  border-color:rgba(255,43,214,.38) !important;
  background:linear-gradient(135deg,rgba(36,120,255,.18),rgba(255,43,214,.15)) !important;
}
#publicLanding .mb-auth-actions{display:flex !important;align-items:center !important;gap:9px !important;flex:0 0 auto !important;}
#publicLanding .mb-mobile-menu-toggle,
#publicLanding .mb-mobile-menu-panel{display:none !important;}

/* ===== Imágenes landing ===== */
#publicLanding .mb-hero{padding-top:46px !important;}
#publicLanding .mb-hero-visual{min-height:auto !important;}
#publicLanding .mb-hero-promo-card{
  width:min(520px,100%) !important;
  margin:0 auto !important;
  display:block !important;
  text-decoration:none !important;
  border-radius:32px !important;
  padding:10px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035)) !important;
  box-shadow:0 30px 95px rgba(0,0,0,.55),0 0 45px rgba(255,43,214,.14) !important;
  overflow:hidden !important;
}
#publicLanding .mb-hero-promo-card img,
#publicLanding .mb-promo-card img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  background:#050713 !important;
}
#publicLanding .mb-hero-promo-card img{border-radius:24px !important;}
#publicLanding .mb-landing-gallery{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(170px,1fr)) !important;
  gap:18px !important;
  align-items:start !important;
}
#publicLanding .mb-landing-shot{
  margin:0 !important;
  padding:10px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.38) !important;
  overflow:hidden !important;
}
#publicLanding .mb-landing-shot img{
  width:100% !important;
  height:auto !important;
  max-height:560px !important;
  object-fit:contain !important;
  border-radius:20px !important;
  display:block !important;
  background:#050713 !important;
}
#publicLanding .mb-promo-grid{
  width:100% !important;
  max-width:920px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}
#publicLanding .mb-promo-card{
  display:block !important;
  margin:0 !important;
  padding:10px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:0 20px 65px rgba(0,0,0,.38) !important;
  overflow:hidden !important;
  text-decoration:none !important;
}
#publicLanding .mb-promo-card img{max-height:560px !important;border-radius:22px !important;}
#publicLanding .mb-playstore-link{cursor:pointer !important;}

@media(max-width:1180px){
  #publicLanding .mb-landing-gallery{grid-template-columns:repeat(3,minmax(190px,1fr)) !important;}
}
@media(max-width:760px){
  #publicLanding .mb-landing-gallery{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
  #publicLanding .mb-landing-shot{padding:7px !important;border-radius:20px !important;}
  #publicLanding .mb-landing-shot img{max-height:430px !important;border-radius:16px !important;}
}

/* ===== Menú superior móvil DEFINITIVO ===== */
@media(max-width:880px){
  #publicLanding .mb-topbar{
    position:sticky !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:100% !important;
    min-height:66px !important;
    margin:0 !important;
    padding:10px 14px !important;
    border-radius:0 !important;
    z-index:999990 !important;
    overflow:visible !important;
  }
  #publicLanding .mb-brand{
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    flex:0 0 46px !important;
    overflow:visible !important;
  }
  #publicLanding .mb-brand-icon,
  #publicLanding .mb-brand img{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    display:block !important;
  }
  #publicLanding .mb-brand span,
  #publicLanding .mb-brand-text{display:none !important;}
  #publicLanding .mb-menu,
  #publicLanding .mb-auth-actions .mb-login-small,
  #publicLanding .mb-auth-actions .mb-register-small{display:none !important;}
  #publicLanding .mb-auth-actions{
    margin-left:auto !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    flex:0 0 auto !important;
    min-width:50px !important;
  }
  #publicLanding .mb-mobile-menu-toggle{
    display:inline-flex !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:15px !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:linear-gradient(135deg,rgba(36,120,255,.22),rgba(255,43,214,.18)) !important;
    color:#fff !important;
    font-size:27px !important;
    font-weight:950 !important;
    line-height:1 !important;
    cursor:pointer !important;
    box-shadow:0 10px 28px rgba(0,0,0,.42) !important;
  }
  #publicLanding .mb-mobile-menu-panel{
    position:fixed !important;
    top:74px !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    max-width:calc(100vw - 24px) !important;
    max-height:calc(100dvh - 92px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    display:none !important;
    z-index:999999 !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    padding:12px !important;
    box-sizing:border-box !important;
    border-radius:20px !important;
    background:rgba(6,8,16,.98) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 20px 60px rgba(0,0,0,.70) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
  }
  #publicLanding .mb-mobile-menu-panel.is-open{display:grid !important;}
  #publicLanding .mb-mobile-menu-panel a,
  #publicLanding .mb-mobile-menu-panel button{
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    padding:0 12px !important;
    margin:0 !important;
    border-radius:15px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045)) !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:normal !important;
    text-align:center !important;
    overflow:visible !important;
  }
  #publicLanding .mb-hero{
    width:100% !important;
    max-width:100% !important;
    padding:28px 20px 48px !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  #publicLanding .mb-actions{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
  #publicLanding .mb-actions .mb-btn{width:100% !important;}
  #publicLanding .mb-hero-promo-card{width:min(390px,100%) !important;border-radius:24px !important;padding:7px !important;}
  #publicLanding .mb-hero-promo-card img{border-radius:18px !important;}
  #publicLanding .mb-promo-grid{grid-template-columns:1fr !important;max-width:390px !important;gap:14px !important;}
  #publicLanding .mb-promo-card{border-radius:22px !important;padding:7px !important;}
  #publicLanding .mb-promo-card img{max-height:430px !important;border-radius:17px !important;}
  #publicLanding .mb-footer{width:100% !important;max-width:100% !important;padding:24px 16px 44px !important;display:flex !important;flex-direction:column !important;box-sizing:border-box !important;overflow:visible !important;}
  #publicLanding .mb-footer-links{display:grid !important;grid-template-columns:1fr 1fr !important;gap:9px !important;width:100% !important;justify-content:stretch !important;}
  #publicLanding .mb-footer-links a,
  #publicLanding .mb-footer-links button{min-height:42px !important;border-radius:13px !important;padding:9px 8px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.10) !important;text-align:center !important;display:flex !important;align-items:center !important;justify-content:center !important;white-space:normal !important;overflow:visible !important;}
}
@media(max-width:480px){
  #publicLanding .mb-section{width:100% !important;max-width:100% !important;padding-left:14px !important;padding-right:14px !important;}
  #publicLanding .mb-landing-gallery{grid-template-columns:1fr !important;gap:14px !important;}
  #publicLanding .mb-landing-shot{width:100% !important;max-width:330px !important;margin-left:auto !important;margin-right:auto !important;}
  #publicLanding .mb-landing-shot img{max-height:470px !important;}
}
@media(max-width:420px){
  #publicLanding .mb-promo-grid{max-width:330px !important;}
  #publicLanding .mb-promo-card img{max-height:360px !important;}
  #publicLanding .mb-footer-links{grid-template-columns:1fr !important;}
}

/* ==== index.php style 16: id="matchboyLocalAuthHardFixCss" ==== */
html.mb-local-logged #publicLanding,
body.mb-local-logged #publicLanding{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
html.mb-local-guest .app-shell,
body.mb-local-guest .app-shell,
html.mb-local-guest .bottom-nav,
body.mb-local-guest .bottom-nav,
html.mb-local-guest #userGrid,
body.mb-local-guest #userGrid,
html.mb-local-guest .featured-top-card,
body.mb-local-guest .featured-top-card,
html.mb-local-guest .scope-switcher,
body.mb-local-guest .scope-switcher{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
html.mb-local-guest #publicLanding,
body.mb-local-guest #publicLanding{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

/* ==== index.php style 17: id="matchboyAdsenseBlogLanding20260617" ==== */
#publicLanding .mb-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
#publicLanding .mb-blog-card{display:block;text-decoration:none;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:22px;box-shadow:0 18px 55px rgba(0,0,0,.28)}
#publicLanding .mb-blog-card small{color:#8fdcff;font-weight:900}#publicLanding .mb-blog-card h3{font-size:21px;line-height:1.15;margin:10px 0}#publicLanding .mb-blog-card p{color:#aeb4c7;line-height:1.6;margin:0}
#publicLanding .mb-resource-box{margin-top:28px;border-radius:28px;border:1px solid rgba(36,120,255,.24);background:linear-gradient(135deg,rgba(36,120,255,.12),rgba(255,43,214,.08));padding:24px;display:flex;gap:18px;align-items:center;justify-content:space-between}
@media(max-width:880px){#publicLanding .mb-blog-grid{grid-template-columns:1fr}#publicLanding .mb-resource-box{flex-direction:column;align-items:flex-start}}

/* ==== index.php style 18: id="matchboyRequestedLightSvgAndProBottomFix" ==== */
/* Iconos SVG ligeros en landing: pequeños, rápidos y sin fotos pesadas */
#publicLanding .mb-hero-visual{min-height:340px !important;}
#publicLanding .mb-svg-mini-card{width:min(320px,92vw) !important;min-height:260px !important;height:auto !important;padding:26px 22px !important;border-radius:28px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;gap:10px !important;text-decoration:none !important;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035)) !important;border:1px solid rgba(255,255,255,.15) !important;box-shadow:0 22px 70px rgba(0,0,0,.34) !important;}
#publicLanding .mb-svg-icon-wrap{width:132px;height:132px;display:flex;align-items:center;justify-content:center;border-radius:34px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
#publicLanding .mb-svg-icon-wrap svg{width:112px;height:112px;display:block}
#publicLanding .mb-svg-mini-card strong{color:#fff;font-size:24px;line-height:1.1}
#publicLanding .mb-svg-mini-card small{color:#aeb4c7;font-weight:700;line-height:1.35}
#publicLanding .mb-svg-landing-grid{grid-template-columns:repeat(5,minmax(130px,1fr)) !important;gap:14px !important;}
#publicLanding .mb-svg-mini-shot{aspect-ratio:auto !important;min-height:170px !important;height:auto !important;padding:18px 14px !important;border-radius:24px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;gap:10px !important;text-decoration:none !important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035)) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 14px 42px rgba(0,0,0,.24) !important;}
#publicLanding .mb-small-svg-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#ffcc00;background:linear-gradient(135deg,rgba(36,120,255,.22),rgba(255,43,214,.18));border:1px solid rgba(255,255,255,.12);line-height:1}
#publicLanding .mb-small-svg-icon svg{width:34px;height:34px;display:block}
#publicLanding .mb-svg-mini-shot figcaption{display:grid;gap:4px}
#publicLanding .mb-svg-mini-shot strong{color:#fff;font-size:16px;line-height:1.15}
#publicLanding .mb-svg-mini-shot small{color:#aeb4c7;font-size:13px;line-height:1.35}
#publicLanding .mb-svg-promo-grid{grid-template-columns:repeat(2,minmax(190px,1fr)) !important;gap:14px !important;}
.bottom-nav #btnProBottom.pro-bottom-nav{color:#fff;overflow:visible;}
.bottom-nav #btnProBottom .pro-bottom-icon{width:34px;height:34px;border-radius:14px;background:linear-gradient(135deg,#ffcc00,#ff2bd6,#2478ff);color:#111;box-shadow:0 0 18px rgba(255,204,0,.45),0 0 26px rgba(255,43,214,.25);animation:mbProBottomPulse 1.8s ease-in-out infinite;}
.bottom-nav #btnProBottom .pro-bottom-icon svg{filter:drop-shadow(0 1px 0 rgba(255,255,255,.45));}
@keyframes mbProBottomPulse{0%,100%{transform:translateY(0) scale(1);filter:brightness(1)}50%{transform:translateY(-2px) scale(1.08);filter:brightness(1.22)}}
@media(max-width:880px){#publicLanding .mb-hero-visual{min-height:280px !important;}#publicLanding .mb-svg-mini-card{min-height:230px !important;}#publicLanding .mb-svg-landing-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}#publicLanding .mb-svg-mini-shot{min-height:145px !important;padding:14px 10px !important;}#publicLanding .mb-small-svg-icon{width:48px;height:48px}#publicLanding .mb-small-svg-icon svg{width:29px;height:29px}}

/* ==== index.php style 19: bloque-19 ==== */
/* SELECTOR DE ALCANCE - DISEÑO ORIGINAL RESTAURADO */
.scope-switcher{
  width:min(720px,94vw);
  margin:10px auto 12px;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,#121621,#0b0e16);
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.scope-switcher-title{
  color:#aaa;
  font-size:12px;
  font-weight:700;
  margin-right:auto;
}
.scope-switcher button{
  border:1px solid #333;
  background:#1f2937;
  color:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.scope-switcher button svg{
  width:18px;
  height:18px;
}
.scope-switcher button.active{
  background:#ffcc00;
  color:#000;
  border-color:#ffcc00;
}
@media(max-width:640px){
  .scope-switcher{
    width:calc(100% - 16px);
    margin:8px auto 10px;
  }
  .scope-switcher-title{
    width:100%;
    margin-right:0;
  }
  .scope-switcher button{
    flex:1;
  }
}

/* ==== index.php style 20: id="matchboyGridProgressiveLoadStyle" ==== */
.grid-load-more-wrap{
  width:100%;
  display:flex;
  justify-content:center;
  padding:14px 10px 88px;
  box-sizing:border-box;
}
.grid-load-more-btn{
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(135deg,#111827,#0b1020);
  color:#fff;
  border-radius:999px;
  padding:12px 18px;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 35px rgba(0,0,0,.35);
}
.grid-load-more-btn:active{transform:scale(.98);}

/* ==== index.php style 21: id="publicChatEmojiStyles" ==== */
/* =====================================================
   EMOJIS EN CHAT PUBLICO MATCHBOY
   Mismo diseño compacto/premium que el chat privado
   ===================================================== */
.public-chat-emoji-btn{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,rgba(255,204,0,.20),rgba(255,43,214,.16)) !important;
  color:#ffcc00 !important;
  font-size:22px !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  flex-shrink:0 !important;
}
.public-chat-emoji-btn:active{transform:scale(.94) !important;}
.public-chat-emoji-panel{
  display:none;
  grid-template-columns:repeat(8,1fr);
  gap:7px;
  padding:10px;
  margin:0 12px 8px;
  border-radius:18px;
  background:linear-gradient(180deg,#171b29,#0d111c);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 50px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05);
}
.public-chat-emoji-panel.is-open{display:grid;}
.public-chat-emoji-panel button{
  width:100% !important;
  height:36px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
  font-size:21px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.public-chat-emoji-panel button:hover,
.public-chat-emoji-panel button:active{
  background:linear-gradient(135deg,rgba(255,204,0,.25),rgba(255,43,214,.22)) !important;
}
.public-chat-emoji-close{
  grid-column:span 2;
  font-size:13px !important;
  font-weight:900 !important;
  color:#ffcc00 !important;
}
@media(max-width:420px){
  .public-chat-emoji-panel{grid-template-columns:repeat(6,1fr);gap:6px;margin:0 8px 8px;padding:9px;}
  .public-chat-emoji-panel button{height:34px !important;font-size:20px !important;}
}

/* ==== index.php style 22: id="privateChatAlbumLocationStyles" ==== */
/* =====================================================
   CHAT PRIVADO: ALBUM + UBICACION EN VIVO
===================================================== */
.private-chat-tool-btn{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,rgba(37,167,255,.18),rgba(255,43,214,.14)) !important;
  color:#ffcc00 !important;
  font-size:21px !important;
  cursor:pointer !important;
  box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
  flex-shrink:0 !important;
}
.private-chat-tool-btn:active{transform:scale(.94) !important;}
.mb-chat-picker-modal{
  position:fixed;
  inset:0;
  z-index:10000000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(8px);
}
.mb-chat-picker-modal.is-open{display:flex;}
.mb-chat-picker-box{
  width:min(460px,94vw);
  max-height:82vh;
  overflow:hidden;
  border-radius:24px;
  background:radial-gradient(circle at top left,rgba(37,167,255,.16),transparent 34%),linear-gradient(180deg,#151927,#070a12);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 90px rgba(0,0,0,.75);
  color:#fff;
}
.mb-chat-picker-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.mb-chat-picker-head strong{font-size:17px;font-weight:950;}
.mb-chat-picker-close{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:18px;
  cursor:pointer;
}
.mb-chat-picker-body{
  padding:14px;
  overflow-y:auto;
  max-height:calc(82vh - 65px);
}
.mb-album-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.mb-album-photo{
  position:relative;
  aspect-ratio:1/1;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#111827;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.mb-album-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.mb-album-photo span{
  position:absolute;
  left:7px;
  right:7px;
  bottom:7px;
  padding:6px 8px;
  border-radius:999px;
  background:rgba(0,0,0,.62);
  color:#fff;
  font-size:11px;
  text-align:center;
  font-weight:900;
}
.mb-chat-empty{
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  color:#aeb7d2;
  text-align:center;
  line-height:1.45;
}
.mb-location-options{display:grid;gap:10px;}
.mb-location-option{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  cursor:pointer;
}
.mb-location-option input{accent-color:#ffcc00;}
.mb-location-warning{
  margin:0 0 12px;
  color:#ffd76b;
  font-size:13px;
  line-height:1.45;
}
.mb-location-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;}
.mb-location-actions button{
  border:0;
  border-radius:14px;
  padding:12px;
  font-weight:950;
  cursor:pointer;
}
.mb-location-actions .primary{background:linear-gradient(135deg,#ffcc00,#ff8a00);color:#000;}
.mb-location-actions .secondary{background:#20283a;color:#fff;}
.mb-live-location-card{
  min-width:210px;
  max-width:280px;
  padding:12px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(37,167,255,.15),rgba(255,43,214,.10)),#101521;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  color:#fff;
}
.mb-live-location-head{display:flex;gap:10px;align-items:center;}
.mb-live-location-pin{width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,204,0,.15);font-size:22px;}
.mb-live-location-head strong{display:block;font-size:14px;}
.mb-live-location-head small{display:block;color:#aeb7d2;font-size:12px;margin-top:2px;line-height:1.35;}
.mb-live-location-actions{display:flex;gap:8px;margin-top:10px;}
.mb-live-location-actions button,
.mb-live-location-actions a{
  flex:1;
  border:0;
  border-radius:999px;
  padding:9px 10px;
  text-align:center;
  text-decoration:none;
  background:linear-gradient(135deg,#2478ff,#8b3dff);
  color:#fff;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
.mb-live-location-actions .stop{background:#2a1020;color:#ffb4c8;border:1px solid rgba(255,77,109,.35);}

.mb-live-map-modal{
  position:fixed;
  inset:0;
  z-index:9999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:12px;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(10px);
}
.mb-live-map-modal.is-open{display:flex;}
.mb-live-map-box{
  width:min(520px,96vw);
  height:min(82vh,720px);
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg,#151a28,#070a12);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 100px rgba(0,0,0,.80);
  display:flex;
  flex-direction:column;
  color:#fff;
}
.mb-live-map-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg,rgba(36,120,255,.18),rgba(255,43,214,.11));
}
.mb-live-map-title{display:flex;align-items:center;gap:10px;min-width:0;}
.mb-live-map-title span{width:40px;height:40px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffcc00,#ff8a00);color:#000;font-size:21px;box-shadow:0 0 24px rgba(255,204,0,.35);}
.mb-live-map-title strong{display:block;font-size:16px;line-height:1.1;}
.mb-live-map-title small{display:block;color:#c9d3ef;font-size:12px;margin-top:3px;}
.mb-live-map-close{
  width:38px;height:38px;border:0;border-radius:50%;
  background:rgba(255,255,255,.09);color:#fff;font-size:24px;cursor:pointer;
}
#mbLiveMapCanvas{flex:1 1 auto;min-height:420px;height:420px;background:#0b0f18;position:relative;overflow:hidden;}
.mb-live-map-foot{
  padding:12px;
  border-top:1px solid rgba(255,255,255,.10);
  background:#0b0f18;
  display:grid;
  gap:9px;
}
.mb-live-map-status{color:#dbe6ff;font-size:13px;line-height:1.35;}
.mb-live-map-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.mb-live-map-actions button,.mb-live-map-actions a{
  border:0;border-radius:999px;padding:11px 10px;text-align:center;text-decoration:none;
  font-size:13px;font-weight:950;cursor:pointer;
}
.mb-live-map-actions .primary{background:linear-gradient(135deg,#2478ff,#8b3dff);color:#fff;}
.mb-live-map-actions .danger{background:#2a1020;color:#ffb4c8;border:1px solid rgba(255,77,109,.35);}
@media(max-width:420px){
  .mb-live-map-modal{padding:0;align-items:stretch;}
  .mb-live-map-box{width:100vw;height:100dvh;border-radius:0;}
  .mb-live-map-actions{grid-template-columns:1fr;}
}

@media(max-width:420px){
  .mb-album-grid{grid-template-columns:repeat(2,1fr);} 
  .mb-location-actions{grid-template-columns:1fr;}
  .private-chat-tool-btn{width:39px !important;height:39px !important;min-width:39px !important;font-size:19px !important;}
}

/* ==== index.php style 23: id="privateChatToolsPremiumFixV2" ==== */
/* =====================================================
   FIX PREMIUM: barra del chat privado, botones y enviar
   ===================================================== */
#privateChatModal .chat-input-row,
#privateChatModal .inbox-input,
#privateChatModal .private-chat-input-row,
#privateChatModal .chat-footer,
#privateChatModal .chat-form,
#privateChatModal .chat-send-area{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

#privateChatModal .chat-input-row,
#privateChatModal .inbox-input,
#privateChatModal .private-chat-input-row{
  padding:10px 12px !important;
  background:rgba(15,15,18,.96) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}

#privateChatInput{
  flex:1 1 auto !important;
  min-width:90px !important;
  width:auto !important;
  max-width:100% !important;
  height:44px !important;
  margin:0 !important;
  padding:0 16px !important;
  box-sizing:border-box !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
  color:#fff !important;
  outline:none !important;
}

#privateChatInput:focus{
  border-color:rgba(255,204,0,.55) !important;
  box-shadow:0 0 0 3px rgba(255,204,0,.10) !important;
}

#privateChatPhotoBtn,
#privateChatEmojiBtn,
#privateChatAudioBtn,
#privateChatAlbumBtn,
#privateChatLocationBtn,
.private-chat-tool-btn,
.private-chat-emoji-btn{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  flex:0 0 42px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.12) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 35%),linear-gradient(135deg,rgba(255,204,0,.20),rgba(255,43,214,.18),rgba(36,120,255,.16)) !important;
  color:#ffcc00 !important;
  font-size:21px !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 8px 22px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12) !important;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
}

#privateChatPhotoBtn svg,
#privateChatAudioBtn svg,
#privateChatEmojiBtn svg,
#privateChatAlbumBtn svg,
#privateChatLocationBtn svg,
.private-chat-tool-btn svg,
.private-chat-emoji-btn svg{
  width:21px !important;
  height:21px !important;
  display:block !important;
}

#privateChatPhotoBtn:active,
#privateChatEmojiBtn:active,
#privateChatAudioBtn:active,
#privateChatAlbumBtn:active,
#privateChatLocationBtn:active,
.private-chat-tool-btn:active,
.private-chat-emoji-btn:active{
  transform:scale(.94) !important;
}

#privateChatAlbumBtn,
#privateChatLocationBtn{
  font-size:20px !important;
}

#privateChatSendBtn{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  flex:0 0 48px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
  background:radial-gradient(circle at 30% 25%,#fff7b0 0%,#ffdf3a 26%,#ffcc00 58%,#ff9f0a 100%) !important;
  color:#fff !important;
  box-shadow:0 0 22px rgba(255,204,0,.55), 0 10px 28px rgba(0,0,0,.45) !important;
  cursor:pointer !important;
  overflow:hidden !important;
}

#privateChatSendBtn svg{
  width:23px !important;
  height:23px !important;
  display:block !important;
  margin:0 !important;
}

#privateChatSendBtn:active{
  transform:scale(.94) !important;
}

@media(max-width:430px){
  #privateChatModal .chat-input-row,
  #privateChatModal .inbox-input,
  #privateChatModal .private-chat-input-row{
    gap:6px !important;
    padding:9px 8px !important;
  }
  #privateChatPhotoBtn,
  #privateChatEmojiBtn,
  #privateChatAudioBtn,
  #privateChatAlbumBtn,
  #privateChatLocationBtn,
  .private-chat-tool-btn,
  .private-chat-emoji-btn{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    flex-basis:36px !important;
    font-size:18px !important;
  }
  #privateChatInput{
    height:40px !important;
    min-width:70px !important;
    padding:0 12px !important;
    font-size:13px !important;
  }
  #privateChatSendBtn{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex-basis:42px !important;
  }
}

/* ==== index.php style 24: id="liveMapLeafletFinalFix" ==== */
/* =====================================================
   FIX FINAL MAPA EN CHAT PRIVADO - Leaflet dentro modal
   ===================================================== */
#privateLiveLocationMapModal.mb-live-map-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:99999999 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:14px !important;
  background:rgba(0,0,0,.82) !important;
  backdrop-filter:blur(12px) !important;
}
#privateLiveLocationMapModal.mb-live-map-modal.is-open{
  display:flex !important;
}
#privateLiveLocationMapModal .mb-live-map-box{
  width:min(520px,96vw) !important;
  height:auto !important;
  max-height:88vh !important;
  display:grid !important;
  grid-template-rows:auto minmax(380px,56vh) auto !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:#080d17 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 30px 100px rgba(0,0,0,.85) !important;
}
#privateLiveLocationMapModal .mb-live-map-head{
  position:relative !important;
  z-index:5 !important;
}
#privateLiveLocationMapModal #mbLiveMapCanvas{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:380px !important;
  position:relative !important;
  overflow:hidden !important;
  background:#0b0f18 !important;
  z-index:1 !important;
}
#privateLiveLocationMapModal #mbLiveMapCanvas.leaflet-container{
  width:100% !important;
  height:100% !important;
}
#privateLiveLocationMapModal .leaflet-container,
#privateLiveLocationMapModal .leaflet-pane,
#privateLiveLocationMapModal .leaflet-map-pane,
#privateLiveLocationMapModal .leaflet-tile-pane{
  max-width:100% !important;
  max-height:100% !important;
}
#privateLiveLocationMapModal .leaflet-control-container{
  position:relative !important;
  z-index:4 !important;
}
#privateLiveLocationMapModal .mb-live-map-foot{
  position:relative !important;
  z-index:5 !important;
}
@media(max-width:520px){
  #privateLiveLocationMapModal.mb-live-map-modal{
    padding:10px !important;
    align-items:center !important;
  }
  #privateLiveLocationMapModal .mb-live-map-box{
    width:calc(100vw - 20px) !important;
    max-height:86vh !important;
    border-radius:24px !important;
    grid-template-rows:auto 50vh auto !important;
  }
  #privateLiveLocationMapModal #mbLiveMapCanvas{
    min-height:50vh !important;
  }
  #privateLiveLocationMapModal .mb-live-map-actions{
    grid-template-columns:1fr !important;
  }
}

/* ==== index.php style 25: id="mbLiveLocationMapAboveChatFixFinal" ==== */
/* FIX: el mapa de ubicacion en vivo siempre debe abrir por encima del chat privado y del buzon */
#privateLiveLocationMapModal.mb-live-map-modal,
#privateLiveLocationMapModal{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
}
#privateLiveLocationMapModal.mb-live-map-modal.is-open{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
#privateLiveLocationMapModal .mb-live-map-box{
  position:relative !important;
  z-index:2147483001 !important;
}

/* ==== index.php style 26: id="matchboyReplyAndEditButtonFixV2" ==== */
/* Boton Editar Perfil premium con SVG */
.floating-edit{
  right:18px !important;
  bottom:92px !important;
  min-height:44px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  font-size:14px !important;
  font-weight:950 !important;
  background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.36),transparent 34%),linear-gradient(135deg,#ffcc00,#ff9f0a) !important;
  color:#050505 !important;
  box-shadow:0 12px 28px rgba(255,204,0,.28),0 0 22px rgba(255,204,0,.16) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  z-index:999998 !important;
}
.floating-edit::before{
  content:"";
  width:18px;
  height:18px;
  display:inline-block;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0-4-4a4 4 0 0 0 4 4Zm0 2c-4.42 0-8 2.24-8 5v1h10.2a5.7 5.7 0 0 1-.2-1.5A5.5 5.5 0 0 1 16.2 14.2A12.1 12.1 0 0 0 12 14Zm8.7.3l-1-1a1 1 0 0 0-1.4 0l-.8.8l2.4 2.4l.8-.8a1 1 0 0 0 0-1.4Zm-4 1.1l-3.2 3.2V21h2.4l3.2-3.2l-2.4-2.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0-4-4a4 4 0 0 0 4 4Zm0 2c-4.42 0-8 2.24-8 5v1h10.2a5.7 5.7 0 0 1-.2-1.5A5.5 5.5 0 0 1 16.2 14.2A12.1 12.1 0 0 0 12 14Zm8.7.3l-1-1a1 1 0 0 0-1.4 0l-.8.8l2.4 2.4l.8-.8a1 1 0 0 0 0-1.4Zm-4 1.1l-3.2 3.2V21h2.4l3.2-3.2l-2.4-2.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Responder mensajes: compacto y sin romper el chat */
.msg-top{
  gap:7px !important;
  align-items:center !important;
}

.msg-reply-btn{
  margin-left:auto !important;
  border:0 !important;
  border-radius:999px !important;
  padding:3px 8px !important;
  min-height:22px !important;
  background:rgba(255,255,255,.08) !important;
  color:#dfe7ff !important;
  font-size:10px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  line-height:1 !important;
  opacity:.86 !important;
}

.msg-reply-btn:active{
  transform:scale(.96);
}

.msg-reply-quote{
  margin:5px 0 7px !important;
  padding:7px 9px !important;
  border-left:3px solid #ffcc00 !important;
  border-radius:12px !important;
  background:rgba(255,204,0,.10) !important;
  color:#f5e7a6 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  max-width:100% !important;
  cursor:pointer !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.chat-reply-preview{
  position:absolute !important;
  left:10px !important;
  right:10px !important;
  bottom:70px !important;
  min-height:48px !important;
  max-height:76px !important;
  display:none !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:9px 10px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,204,0,.22) !important;
  background:linear-gradient(135deg,rgba(29,24,12,.98),rgba(35,18,38,.98)) !important;
  color:#fff !important;
  box-shadow:0 18px 40px rgba(0,0,0,.45) !important;
  z-index:1000003 !important;
  box-sizing:border-box !important;
  pointer-events:auto !important;
}

.chat-reply-preview.is-open{
  display:flex !important;
}

.chat-reply-preview-text{
  min-width:0 !important;
  overflow:hidden !important;
  font-size:12px !important;
  line-height:1.25 !important;
  color:#dfe7ff !important;
}

.chat-reply-preview-text strong{
  display:block !important;
  color:#ffcc00 !important;
  font-size:12px !important;
  margin-bottom:2px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.chat-reply-preview-text span{
  display:block !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.chat-reply-preview button{
  border:0 !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  font-size:18px !important;
  cursor:pointer !important;
}

#privateChatModal,
#publicChatPanel{
  overflow:hidden !important;
}

.msg-row.reply-highlight .msg-body{
  box-shadow:0 0 0 2px rgba(255,204,0,.35),0 0 18px rgba(255,204,0,.20) !important;
}

@media(max-width:420px){
  .floating-edit{
    bottom:88px !important;
    right:14px !important;
    padding:0 14px !important;
    font-size:13px !important;
    min-height:42px !important;
  }

  .chat-reply-preview{
    left:8px !important;
    right:8px !important;
    bottom:66px !important;
  }
}

/* ==== index.php style 27: id="matchboyReplyQuoteVisibleAndEmojiFix" ==== */
/* Cita visible dentro de la burbuja */
.msg-reply-quote{
  display:block !important;
  margin:4px 0 7px !important;
  padding:8px 10px !important;
  border-left:3px solid #ffcc00 !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,rgba(255,204,0,.14),rgba(255,43,214,.08)) !important;
  color:#ffeaa6 !important;
  font-size:12px !important;
  line-height:1.3 !important;
  max-width:100% !important;
  cursor:pointer !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.msg-reply-label{
  color:#ffcc00 !important;
  font-size:10px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  margin-bottom:2px !important;
}

.msg-reply-content{
  color:#fff5c7 !important;
  font-size:12px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.msg-reply-btn{
  margin-left:6px !important;
  border:0 !important;
  border-radius:999px !important;
  padding:3px 8px !important;
  min-height:21px !important;
  background:rgba(255,255,255,.10) !important;
  color:#dfe7ff !important;
  font-size:10px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  line-height:1 !important;
  opacity:.92 !important;
}

.msg-top{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
}

.msg-time{
  margin-left:auto !important;
}

.msg-top .msg-reply-btn{
  margin-left:0 !important;
}

.chat-reply-preview{
  left:10px !important;
  right:10px !important;
  bottom:74px !important;
  max-width:none !important;
  z-index:1000005 !important;
}

/* Panel de emojis simple para chat privado y publico */
.mb-chat-emoji-panel{
  position:absolute;
  left:10px;
  right:10px;
  bottom:74px;
  display:none;
  grid-template-columns:repeat(8,1fr);
  gap:7px;
  padding:10px;
  border-radius:18px;
  background:linear-gradient(180deg,#171b29,#0d111c);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 55px rgba(0,0,0,.70);
  z-index:1000006;
}

.mb-chat-emoji-panel.is-open{
  display:grid;
}

.mb-chat-emoji-panel button{
  height:34px;
  border:0;
  border-radius:11px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:20px;
  cursor:pointer;
}

.mb-chat-emoji-panel .emoji-close{
  grid-column:span 2;
  font-size:12px;
  font-weight:950;
  color:#ffcc00;
}

@media(max-width:420px){
  .mb-chat-emoji-panel{
    grid-template-columns:repeat(6,1fr);
    left:8px;
    right:8px;
    bottom:70px;
  }
}

/* ==== index.php style 28: id="matchboyPublicVoiceAndPrivateReplyFinal" ==== */
.msg-body .msg-reply-quote{
  display:block !important;
  margin:4px 0 8px !important;
  padding:8px 10px !important;
  border-left:4px solid #ffcc00 !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,rgba(255,204,0,.17),rgba(255,43,214,.08)) !important;
  color:#fff !important;
}
.msg-body .msg-reply-label{
  color:#ffcc00 !important;
  font-size:10px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  margin-bottom:2px !important;
}
.msg-body .msg-reply-content{
  color:#fff7cc !important;
  font-size:12px !important;
  font-weight:850 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}

#publicChatAudioBtn{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,rgba(255,204,0,.20),rgba(255,43,214,.16)) !important;
  color:#ffcc00 !important;
  font-size:20px !important;
  cursor:pointer !important;
  box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  flex-shrink:0 !important;
}
#publicChatAudioBtn.recording{
  background:linear-gradient(135deg,#ff335f,#8b1234) !important;
  color:#fff !important;
  box-shadow:0 0 0 4px rgba(255,51,95,.16),0 0 24px rgba(255,51,95,.42) !important;
}
#publicRecordingIndicator{
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:72px !important;
  width:auto !important;
  min-height:48px !important;
  padding:10px 12px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,80,110,.32) !important;
  background:linear-gradient(135deg,rgba(70,8,24,.96),rgba(22,14,22,.96)) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.55),0 0 24px rgba(255,43,90,.18) !important;
  color:#fff !important;
  display:none;
  align-items:center !important;
  gap:10px !important;
  z-index:1000005 !important;
}
#publicRecordingIndicator.is-open{
  display:flex !important;
}
#publicRecordingIndicator .rec-dot{
  width:10px;
  height:10px;
  min-width:10px;
  border-radius:50%;
  background:#ff304f;
  box-shadow:0 0 0 6px rgba(255,48,79,.12),0 0 18px rgba(255,48,79,.65);
  animation:mbPublicRecPulse 1s infinite ease-in-out;
}
#publicRecordingIndicator .rec-text{
  color:#ffb7c3;
  font-size:14px;
  font-weight:900;
}
#publicRecordingIndicator .rec-time{
  font-size:14px;
  font-weight:900;
  color:#fff;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}
#publicRecordingIndicator button{
  margin-left:auto;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,100,130,.45);
  background:linear-gradient(135deg,rgba(255,40,90,.20),rgba(255,40,90,.08));
  color:#ffd6df;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
#publicRecordingIndicator .send-audio{
  margin-left:4px;
  border-color:rgba(255,204,0,.45);
  color:#ffcc00;
}
@keyframes mbPublicRecPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.72);opacity:.55}
}
@media(max-width:430px){
  #publicRecordingIndicator{
    left:8px !important;
    right:8px !important;
    bottom:66px !important;
    min-height:44px !important;
  }
}

/* ==== index.php style 29: id="matchboyCookieBannerStyles" ==== */
.mb-cookie-banner{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:10000000;
  padding:14px;
  background:linear-gradient(180deg,rgba(3,4,10,0),rgba(3,4,10,.92));
  display:none;
  box-sizing:border-box;
}
.mb-cookie-box{
  width:min(1100px,96vw);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(7,10,18,.98));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 20px 70px rgba(0,0,0,.65);
  color:#fff;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.mb-cookie-text{display:grid;gap:5px;font-size:13px;line-height:1.45;color:#d7def5;min-width:0}.mb-cookie-text strong{font-size:15px;color:#fff}.mb-cookie-text a{color:#73b7ff;font-weight:900;text-decoration:none}.mb-cookie-text a:hover{text-decoration:underline}.mb-cookie-actions{display:flex;gap:9px;flex-shrink:0}.mb-cookie-btn{border:0;border-radius:999px;padding:11px 16px;font-weight:900;cursor:pointer}.mb-cookie-accept{background:linear-gradient(135deg,#2478ff,#8b3dff,#ff2bd6);color:#fff}.mb-cookie-reject{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff}@media(max-width:680px){.mb-cookie-box{align-items:stretch;flex-direction:column;border-radius:18px;padding:14px}.mb-cookie-actions{display:grid;grid-template-columns:1fr 1fr}.mb-cookie-btn{width:100%}}

/* ==== index.php style 30: id="matchboyFinalLayerClickFixCSS" ==== */
#matchboyMapModal:not(.is-open),
#privateLiveLocationMapModal:not(.is-open){
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
  opacity:0 !important;
}
#matchboyMapModal.is-open{
  display:flex !important;
  visibility:visible !important;
  pointer-events:auto !important;
  opacity:1 !important;
  z-index:10000040 !important;
}
#matchboyMapModal .leaflet-control-zoom,
#matchboyMapModal .leaflet-control-zoom-in,
#matchboyMapModal .leaflet-control-zoom-out{
  display:none !important;
  pointer-events:none !important;
}
#inboxModal{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  max-width:none !important;
  max-height:none !important;
  z-index:10000030 !important;
  background:rgba(0,0,0,.82) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding:0 !important;
  overflow:hidden !important;
}
#inboxModal[style*="display: flex"],
#inboxModal[style*="display:flex"],
#inboxModal.is-open,
#inboxModal.active,
#inboxModal.show{
  display:flex !important;
  visibility:visible !important;
  pointer-events:auto !important;
  opacity:1 !important;
}
#inboxModal .modal,
#inboxModal .inbox-modal,
#inboxModal .inbox-box,
#inboxModal > div{
  position:relative !important;
  z-index:10000031 !important;
}
#publicChatPanel,
#privateChatModal,
#walletModal,
#profileModal,
#viewProfileModal{
  z-index:10000025 !important;
}
#privateChatModal[style*="display: flex"],
#privateChatModal[style*="display:flex"],
#privateChatModal.is-open,
#privateChatModal.active{
  display:flex !important;
  visibility:visible !important;
  pointer-events:auto !important;
  opacity:1 !important;
}
#publicChatPanel[style*="display: flex"],
#publicChatPanel[style*="display:flex"],
#publicChatPanel.is-open,
#publicChatPanel.active{
  display:flex !important;
  visibility:visible !important;
  pointer-events:auto !important;
  opacity:1 !important;
}
.bottom-nav{z-index:999900 !important;}
#userGrid,.grid,.card{pointer-events:auto !important;}

/* ==== index.php style 31: id="matchboyWalletAfterProfileFixCSS" ==== */
/* Cualquier modal cerrado queda totalmente invisible y sin bloquear clicks */
#viewProfileModal:not(.is-open):not(.active):not(.show)[style*="display: none"],
#profileModal:not(.is-open):not(.active):not(.show)[style*="display: none"],
#walletModal:not(.is-open):not(.active):not(.show)[style*="display: none"],
#inboxModal:not(.is-open):not(.active):not(.show)[style*="display: none"],
#privateChatModal:not(.is-open):not(.active):not(.show)[style*="display: none"],
#publicChatPanel:not(.is-open):not(.active):not(.show)[style*="display: none"],
#matchboyMapModal:not(.is-open):not(.active):not(.show)[style*="display: none"]{
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* La billetera siempre debe quedar por encima de usuarios, perfiles, mapa, buzon y menu */
#walletModal{
  position:fixed !important;
  inset:0 !important;
  z-index:10000150 !important;
}
#walletModal[style*="display: flex"],
#walletModal[style*="display:flex"],
#walletModal.is-open,
#walletModal.active,
#walletModal.show{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
#walletModal .wallet-modal-box,
#walletModal .modal,
#walletModal > div{
  position:relative !important;
  z-index:10000151 !important;
  pointer-events:auto !important;
}

/* El perfil abierto queda alto; cerrado no bloquea nada */
#viewProfileModal{
  position:fixed !important;
  inset:0 !important;
  z-index:10000120 !important;
}
#viewProfileModal[style*="display: flex"],
#viewProfileModal[style*="display:flex"],
#viewProfileModal.is-open,
#viewProfileModal.active,
#viewProfileModal.show{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

/* Buzon por encima de la cuadricula */
#inboxModal{
  z-index:10000130 !important;
}
#inboxModal[style*="display: flex"],
#inboxModal[style*="display:flex"],
#inboxModal.is-open,
#inboxModal.active,
#inboxModal.show{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

/* La cuadricula nunca debe quedar desactivada al regresar a Usuarios */
#userGrid,
#userGrid *,
main,
.app-shell,
.bottom-nav,
.header-actions{
  pointer-events:auto;
}

/* ==== index.php style 32: id="matchboyRemoveUserMapFix" ==== */
#openMapBtn,
[data-filter="map"],
button[onclick*="openMatchboyMap"],
a[onclick*="openMatchboyMap"]{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
#matchboyMapModal,
#matchboyExploreMap,
.mb-map-tools,
.mb-map-loading{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* ==== index.php style 33: id="matchboyProAndImageViewerFinalFix" ==== */
/* Tarjeta Destacar mi Perfil igual a Beneficios Premium: ancho completo */
#proPanel .pro-extra-grid{
  display:block !important;
  grid-template-columns:1fr !important;
  width:100% !important;
  margin:16px 0 18px !important;
}
#proPanel .pro-extra-grid .pro-feature-card,
#proPanel .pro-feature-card.pro-feature-card-gold{
  width:100% !important;
  max-width:none !important;
  min-height:112px !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  padding:20px 22px !important;
  border-radius:26px !important;
  box-sizing:border-box !important;
}
#proPanel .pro-feature-card .pro-feature-icon{
  width:62px !important;
  min-width:62px !important;
  height:62px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#proPanel .pro-feature-card h3{
  margin:0 0 5px !important;
}
#proPanel .pro-feature-card p{
  margin:0 !important;
  max-width:100% !important;
}
#proPanel .pro-feature-card .pro-action-btn{
  width:auto !important;
  min-width:170px !important;
  margin:12px 0 0 !important;
}
@media (min-width:640px){
  #proPanel .pro-feature-card.pro-feature-card-gold > div:last-child{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    column-gap:14px !important;
    align-items:center !important;
    width:100% !important;
  }
  #proPanel .pro-feature-card.pro-feature-card-gold h3,
  #proPanel .pro-feature-card.pro-feature-card-gold p{
    grid-column:1 !important;
  }
  #proPanel .pro-feature-card.pro-feature-card-gold .pro-action-btn{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    margin:0 !important;
  }
}
@media (max-width:520px){
  #proPanel .pro-feature-card.pro-feature-card-gold{
    padding:18px !important;
  }
  #proPanel .pro-feature-card .pro-action-btn{
    width:100% !important;
  }
}

/* Visor de imagen SIEMPRE encima de perfil, buzon, chat y fotos privadas */
#imgViewerOverlay{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  z-index:2147483647 !important;
  background:rgba(0,0,0,.96) !important;
  display:none;
  align-items:center !important;
  justify-content:center !important;
  pointer-events:auto !important;
  visibility:hidden;
  opacity:0;
}
#imgViewerOverlay.mb-img-viewer-open,
#imgViewerOverlay[style*="display: flex"],
#imgViewerOverlay[style*="display:flex"]{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
#imgViewerInner{
  position:relative !important;
  z-index:2147483647 !important;
  width:100vw !important;
  height:100dvh !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:14px !important;
  box-sizing:border-box !important;
}
#imgViewerImg{
  max-width:96vw !important;
  max-height:88dvh !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  border-radius:14px !important;
  position:relative !important;
  z-index:2147483647 !important;
}
#imgViewerClose{
  position:fixed !important;
  top:calc(env(safe-area-inset-top, 0px) + 16px) !important;
  right:16px !important;
  width:44px !important;
  height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:2147483647 !important;
  color:#fff !important;
  background:rgba(20,24,36,.92) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:999px !important;
  font-weight:900 !important;
}
#imgViewerPrev,
#imgViewerNext,
#imgViewerCounter{
  z-index:2147483647 !important;
}
body.mb-image-viewer-open,
html.mb-image-viewer-open{
  overflow:hidden !important;
}

/* ==== index.php style 34: id="matchboyEditProfileButtonsFinalFixCSS" ==== */
/* El boton PRO inferior queda eliminado sin tocar el boton PRO superior */
  #btnOpenPro{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /* La ventana de editar perfil siempre debe recibir los clics cuando esta abierta */
  #profileModal{
    position:fixed !important;
    inset:0 !important;
    z-index:10000250 !important;
  }

  #profileModal[style*="display: flex"],
  #profileModal[style*="display:flex"],
  #profileModal.is-open,
  #profileModal.active,
  #profileModal.show{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  #profileModal .modal,
  #profileModal .profile-premium-modal,
  #profileModal form,
  #profileModal button,
  #profileModal input,
  #profileModal select,
  #profileModal textarea,
  #profileModal label{
    pointer-events:auto !important;
  }

  #saveProfileBtn,
  #avatarEditBtn,
  #closeProfileBtn,
  #openProfileBtn,
  #btnProfileTop{
    cursor:pointer !important;
    pointer-events:auto !important;
  }

/* ==== index.php style 35: id="matchboyPrivateChatPickerAboveChatFix" ==== */
/* FIX: las opciones de fotos privadas y ubicacion deben abrirse por encima del chat/buzon */
#privateAlbumSendModal.mb-chat-picker-modal,
#privateLiveLocationModal.mb-chat-picker-modal{
  z-index:10000080 !important;
}
#privateAlbumSendModal.mb-chat-picker-modal.is-open,
#privateLiveLocationModal.mb-chat-picker-modal.is-open{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
#privateAlbumSendModal .mb-chat-picker-box,
#privateLiveLocationModal .mb-chat-picker-box{
  position:relative !important;
  z-index:10000081 !important;
}

/* ==== index.php style 36: id="mbPrivateChatPickersInsideChatFinalCss" ==== */
#privateChatModal{
  overflow:hidden !important;
}
#privateChatModal #privateAlbumSendModal.mb-chat-picker-modal,
#privateChatModal #privateLiveLocationModal.mb-chat-picker-modal{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:2147483646 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  background:rgba(0,0,0,.72) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  box-sizing:border-box !important;
  pointer-events:none !important;
}
#privateChatModal #privateAlbumSendModal.mb-chat-picker-modal.is-open,
#privateChatModal #privateLiveLocationModal.mb-chat-picker-modal.is-open{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
#privateChatModal #privateAlbumSendModal .mb-chat-picker-box,
#privateChatModal #privateLiveLocationModal .mb-chat-picker-box{
  position:relative !important;
  z-index:2147483647 !important;
  width:min(460px,94%) !important;
  max-height:calc(100% - 32px) !important;
  pointer-events:auto !important;
}
#privateChatModal #privateAlbumSendModal .mb-chat-picker-body,
#privateChatModal #privateLiveLocationModal .mb-chat-picker-body{
  max-height:calc(100dvh - 190px) !important;
}
body > #privateAlbumSendModal.mb-chat-picker-modal,
body > #privateLiveLocationModal.mb-chat-picker-modal{
  z-index:2147483646 !important;
}
body > #privateAlbumSendModal.mb-chat-picker-modal.is-open,
body > #privateLiveLocationModal.mb-chat-picker-modal.is-open{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
@media(max-width:520px){
  #privateChatModal #privateAlbumSendModal.mb-chat-picker-modal,
  #privateChatModal #privateLiveLocationModal.mb-chat-picker-modal{
    padding:10px !important;
    align-items:flex-end !important;
  }
  #privateChatModal #privateAlbumSendModal .mb-chat-picker-box,
  #privateChatModal #privateLiveLocationModal .mb-chat-picker-box{
    width:100% !important;
    max-height:78% !important;
    border-radius:22px !important;
  }
}

/* ==== index.php style 37: id="mbInboxChatBackFinalOnlyCss" ==== */
#inboxModal.mb-inbox-visible-final{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:2147483000!important}
#inboxModal.mb-inbox-hidden-final{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
#privateChatModal.mb-chat-hidden-final{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* ==== index.php style 38: id="matchboyNotificationSettingsStyles" ==== */
#mbNotifGear{display:none !important}
body.mb-logged-in #mbNotifGear,html.mb-logged-in #mbNotifGear{display:none !important}
#mbNotifSideBtn{width:100%;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:0;color:#fff;border-radius:12px;padding:11px 12px;margin:6px 0;cursor:pointer;font:inherit;text-align:left}
#mbNotifSideBtn:hover{background:rgba(255,255,255,.08)}
#mbNotifSideBtn .mb-notif-side-icon{width:26px;height:26px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2478ff,#8b3dff,#ff2bd6);box-shadow:0 8px 20px rgba(0,0,0,.28);flex:0 0 auto}
#mbNotifSideBtn .mb-notif-side-text{display:flex;flex-direction:column;line-height:1.1}
#mbNotifSideBtn .mb-notif-side-text strong{font-size:14px;color:#fff}
#mbNotifSideBtn .mb-notif-side-text small{font-size:11px;color:#9ca3af;margin-top:3px}
#mbNotifModal{position:fixed;inset:0;z-index:10000060;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.78);backdrop-filter:blur(7px);padding:14px}
#mbNotifModal.is-open{display:flex}
.mb-notif-box{width:min(430px,94vw);border-radius:24px;background:linear-gradient(180deg,#111827,#070a12);border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 90px rgba(0,0,0,.75);color:#fff;overflow:hidden}
.mb-notif-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.10)}
.mb-notif-head strong{font-size:18px}.mb-notif-head button{border:0;border-radius:999px;background:#20283a;color:#fff;font-weight:900;padding:8px 11px;cursor:pointer}
.mb-notif-body{padding:12px}.mb-notif-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 10px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);margin-bottom:8px}.mb-notif-row span{font-weight:800}.mb-notif-row small{display:block;color:#9ca3af;font-size:11px;margin-top:3px}.mb-notif-switch{position:relative;width:54px;height:30px;flex:0 0 auto}.mb-notif-switch input{display:none}.mb-notif-slider{position:absolute;inset:0;border-radius:999px;background:#374151;cursor:pointer;transition:.18s}.mb-notif-slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 4px 12px rgba(0,0,0,.35)}.mb-notif-switch input:checked + .mb-notif-slider{background:linear-gradient(135deg,#2478ff,#ff2bd6)}.mb-notif-switch input:checked + .mb-notif-slider:before{transform:translateX(24px)}.mb-notif-msg{padding:0 14px 14px;color:#aeb4c7;font-size:12px;min-height:18px}
@media(max-width:640px){#mbNotifGear{right:14px;bottom:78px;width:46px;height:46px}.mb-notif-box{width:96vw}}

/* ==== index.php style 39: id="matchboyOfflineStyles" ==== */
#matchboyOfflineToast{
  position:fixed;
  left:50%;
  bottom:86px;
  transform:translateX(-50%) translateY(20px);
  z-index:2147483000;
  width:min(92vw,420px);
  border-radius:18px;
  padding:12px 14px;
  background:linear-gradient(135deg,rgba(10,12,18,.96),rgba(18,20,32,.96));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 48px rgba(0,0,0,.38);
  color:#fff;
  display:none;
  align-items:center;
  gap:10px;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  pointer-events:none;
}
#matchboyOfflineToast.is-visible{
  display:flex;
  animation:matchboyOfflineIn .22s ease-out forwards;
}
#matchboyOfflineToast .mb-offline-dot{
  width:12px;
  height:12px;
  border-radius:999px;
  background:#ffcc00;
  box-shadow:0 0 18px rgba(255,204,0,.65);
  flex:0 0 auto;
}
#matchboyOfflineToast.is-online .mb-offline-dot{
  background:#00e676;
  box-shadow:0 0 18px rgba(0,230,118,.65);
}
#matchboyOfflineToast strong{
  display:block;
  font-size:13px;
  line-height:1.15;
}
#matchboyOfflineToast span{
  display:block;
  color:rgba(255,255,255,.72);
  font-size:12px;
  line-height:1.25;
  margin-top:2px;
}
@keyframes matchboyOfflineIn{
  from{opacity:0;transform:translateX(-50%) translateY(18px);}
  to{opacity:1;transform:translateX(-50%) translateY(0);}
}

/* ==== FIX 3 JULIO: Centrar app en vista PC después de extraer CSS ==== */
@media (min-width: 1024px){
  html{
    background:#000 !important;
  }
  body{
    max-width:720px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow-x:hidden !important;
  }
  body.mb-logged-in,
  html.mb-local-logged body{
    position:relative !important;
  }
  body.mb-logged-in .bottom-nav,
  html.mb-local-logged body .bottom-nav{
    width:calc(720px - 32px) !important;
    max-width:calc(100vw - 32px) !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
  }
}


/* ==== FIX 3 JULIO: Adaptar panel PRO en vista PC ==== */
@media (min-width: 721px){
  #proPanel.pro-panel.mb-pro-ultra{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:6px !important;
    padding-right:6px !important;
    overflow:hidden !important;
  }
  #proPanel.pro-panel.mb-pro-ultra > .pro-hero-card,
  #proPanel.pro-panel.mb-pro-ultra > .pro-users-showcase,
  #proPanel.pro-panel.mb-pro-ultra > .pro-benefits-premium,
  #proPanel.pro-panel.mb-pro-ultra > .pro-plans-premium{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  #proPanel .pro-hero-card{
    grid-template-columns:minmax(0,1fr) 128px !important;
    gap:12px !important;
    padding:18px !important;
  }
  #proPanel .pro-hero-card h2{
    font-size:clamp(34px, 5vw, 48px) !important;
  }
  #proPanel .pro-hero-card p{
    max-width:100% !important;
  }
  #proPanel .pro-hero-visual{
    min-width:0 !important;
    overflow:hidden !important;
  }
  #proPanel .pro-crown-card{
    width:92px !important;
    height:92px !important;
    border-radius:28px !important;
  }
  #proPanel .pro-crown-card span{
    width:40px !important;
    height:40px !important;
    border-radius:16px !important;
    font-size:21px !important;
  }
  #proPanel .pro-crown-card strong{
    font-size:15px !important;
  }
  #proPanel .pro-orbit-one{
    width:116px !important;
    height:116px !important;
  }
  #proPanel .pro-orbit-two{
    width:78px !important;
    height:78px !important;
  }
  #proPanel .featured-top-header,
  #proPanel .pro-users-strip-head{
    min-width:0 !important;
  }
  #proPanel .pro-plans-grid{
    max-width:100% !important;
  }
}

/* =====================================================
   MATCHBOY AFILIADOS - Invita y gana PRO
   ===================================================== */
.affiliate-entry-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,204,0,.14),rgba(255,43,214,.10),rgba(36,120,255,.10));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}
.affiliate-entry-icon{
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:18px;
  background:rgba(255,255,255,.10);
  font-size:26px;
}
.affiliate-entry-copy{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.affiliate-entry-copy strong{color:#fff;font-size:17px;font-weight:950;}
.affiliate-entry-copy span{color:#cfd6f7;font-size:13px;line-height:1.45;}
.affiliate-entry-btn{
  border:0;
  border-radius:16px;
  padding:12px 15px;
  background:linear-gradient(135deg,#ffcc00,#ff4fd8);
  color:#111;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.mb-affiliate-premium{
  width:min(1120px,94vw);
  margin:18px auto 110px;
  color:#fff;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.affiliate-hero-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr 280px;
  gap:18px;
  border-radius:34px;
  padding:24px;
  background:
    radial-gradient(circle at 14% 10%,rgba(255,204,0,.28),transparent 36%),
    radial-gradient(circle at 88% 6%,rgba(255,43,214,.22),transparent 34%),
    linear-gradient(135deg,rgba(16,18,32,.98),rgba(8,10,18,.98));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 90px rgba(0,0,0,.42);
}
.affiliate-kicker{
  display:inline-flex;
  width:max-content;
  padding:8px 12px;
  border-radius:999px;
  color:#fff;
  font-weight:900;
  font-size:12px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
}
.affiliate-hero-copy h2{
  margin:14px 0 10px;
  font-size:clamp(30px,5vw,52px);
  line-height:1;
  letter-spacing:-.055em;
}
.affiliate-hero-copy p{
  margin:0;
  max-width:680px;
  color:#cbd3f3;
  line-height:1.6;
}
.affiliate-code-card{
  margin-top:18px;
  width:min(520px,100%);
  padding:16px;
  border-radius:24px;
  background:rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.12);
}
.affiliate-code-card span{
  display:block;
  color:#aeb8df;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.affiliate-code-card strong{
  display:block;
  margin:6px 0 12px;
  font-size:32px;
  letter-spacing:.09em;
  color:#ffcc00;
}
.affiliate-code-actions{display:flex;gap:10px;flex-wrap:wrap;}
.affiliate-code-actions button,
.affiliate-list-head button,
.affiliate-close-btn{
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:900;
  padding:11px 13px;
  cursor:pointer;
}
.affiliate-code-actions button:first-child{
  background:#fff;
  color:#101010;
}
.affiliate-hero-side{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:16px;
  align-items:stretch;
}
.affiliate-close-btn{align-self:flex-end;background:rgba(255,255,255,.10);}
.affiliate-count-box{
  padding:20px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.14);
  text-align:center;
}
.affiliate-count-box small{display:block;color:#aeb8df;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.08em;}
.affiliate-count-box strong{display:block;margin:6px 0;font-size:58px;line-height:1;color:#fff;}
.affiliate-count-box span{display:block;color:#ffdf61;font-size:13px;font-weight:850;line-height:1.35;}
.affiliate-count-box .affiliate-cycle-info{display:block;margin-top:9px;color:#aeb8df;font-size:12px;font-style:normal;font-weight:750;line-height:1.35;}
.affiliate-how-card{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:16px 0;
}
.affiliate-how-card div{
  display:flex;
  gap:12px;
  align-items:center;
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.affiliate-how-card b{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:12px;
  background:linear-gradient(135deg,#ffcc00,#ff4fd8);
  color:#111;
}
.affiliate-how-card span{color:#dce3ff;font-size:13px;line-height:1.42;}
.affiliate-rewards-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:16px;
}
.affiliate-reward-card,
.affiliate-list-card,
.affiliate-loading{
  border-radius:24px;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 16px 50px rgba(0,0,0,.24);
}
.affiliate-reward-card{padding:18px;}
.affiliate-reward-card.is-ready{border-color:rgba(255,204,0,.55);box-shadow:0 0 0 1px rgba(255,204,0,.20),0 18px 60px rgba(255,204,0,.12);}
.affiliate-reward-card.is-claimed{border-color:rgba(41,255,154,.45);background:linear-gradient(180deg,rgba(41,255,154,.10),rgba(255,255,255,.055));}
.affiliate-reward-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
.affiliate-reward-top span{color:#aeb8df;font-size:12px;font-weight:850;}
.affiliate-reward-top b{color:#fff;font-size:18px;}
.affiliate-progress{height:9px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden;margin:14px 0 10px;}
.affiliate-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffcc00,#ff4fd8);}
.affiliate-reward-card small{color:#dbe2ff;font-weight:750;}
.affiliate-loading{grid-column:1/-1;padding:18px;color:#cbd3f3;text-align:center;}
.affiliate-list-card{padding:18px;margin-bottom:28px;}
.affiliate-list-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;}
.affiliate-list-head strong{display:block;font-size:18px;}
.affiliate-list-head span{display:block;color:#aeb8df;font-size:13px;margin-top:3px;}
.affiliate-invited-list{display:grid;gap:10px;}
.affiliate-user-row{
  display:flex;
  gap:12px;
  align-items:center;
  padding:12px;
  border-radius:18px;
  background:rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.08);
}
.affiliate-user-row img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#111;}
.affiliate-user-row strong{display:block;color:#fff;}
.affiliate-user-row span{display:block;color:#aeb8df;font-size:12px;margin-top:2px;}
.affiliate-empty{padding:16px;border-radius:18px;background:rgba(0,0,0,.20);color:#aeb8df;text-align:center;}
.affiliate-register-field{display:none;}
#sessionOverlay.mb-register-mode #registerAffiliateField{display:block;}
#sessionOverlay .affiliate-register-field small{color:#8791b3;font-weight:700;}
#sessionOverlay .affiliate-register-hint{font-size:12px;color:#8894bd;line-height:1.35;margin-top:7px;}
#sessionOverlay .affiliate-code-input-shell .mb-input-icon{font-size:17px;}
@media(max-width:820px){
  .affiliate-entry-card{align-items:flex-start;flex-direction:column;}
  .affiliate-entry-btn{width:100%;}
  .affiliate-hero-card{grid-template-columns:1fr;padding:18px;border-radius:26px;}
  .affiliate-close-btn{align-self:flex-start;order:2;width:100%;}
  .affiliate-count-box{text-align:left;}
  .affiliate-count-box strong{font-size:46px;}
  .affiliate-how-card,
  .affiliate-rewards-grid{grid-template-columns:1fr;}
  .affiliate-list-head{align-items:stretch;flex-direction:column;}
}


/* FIX AFILIADOS 2026-07-04: al abrir Afiliados no debe verse la vista cuadriculada debajo */
html.affiliate-open main,
body.affiliate-open main,
html.affiliate-open #userGrid,
body.affiliate-open #userGrid,
html.affiliate-open #scopeSwitcherBox,
body.affiliate-open #scopeSwitcherBox,
html.affiliate-open #mbActivityStats,
body.affiliate-open #mbActivityStats{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
html.affiliate-open #affiliatePanel,
body.affiliate-open #affiliatePanel{
  display:block !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
#sessionOverlay:not(.mb-register-mode) #registerAffiliateField{
  display:none !important;
}
#sessionOverlay.mb-register-mode #registerAffiliateField{
  display:block !important;
}

/* =====================================================
   FIX AFILIADOS 2026-07-04 - Panel completo sin corte lateral
   Solo ajusta el ancho/responsive del panel de Afiliados.
   ===================================================== */
html.affiliate-open,
body.affiliate-open{
  overflow-x:hidden !important;
}

#affiliatePanel.mb-affiliate-premium,
.affiliate-panel.mb-affiliate-premium{
  width:100% !important;
  max-width:100% !important;
  margin:18px 0 110px !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
}

#affiliatePanel,
#affiliatePanel *,
#affiliatePanel *::before,
#affiliatePanel *::after{
  box-sizing:border-box !important;
  min-width:0;
}

#affiliatePanel .affiliate-hero-card,
#affiliatePanel .affiliate-how-card,
#affiliatePanel .affiliate-rewards-grid,
#affiliatePanel .affiliate-list-card{
  width:100% !important;
  max-width:100% !important;
}

#affiliatePanel .affiliate-hero-card{
  grid-template-columns:minmax(0,1fr) minmax(0,260px) !important;
}

#affiliatePanel .affiliate-hero-copy,
#affiliatePanel .affiliate-hero-side,
#affiliatePanel .affiliate-code-card{
  min-width:0 !important;
  max-width:100% !important;
}

#affiliatePanel .affiliate-how-card{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)) !important;
}

#affiliatePanel .affiliate-rewards-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)) !important;
}

#affiliatePanel .affiliate-reward-top{
  flex-wrap:wrap !important;
}

#affiliatePanel .affiliate-reward-top b{
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  text-align:right;
}

#affiliatePanel .affiliate-list-card{
  overflow:hidden !important;
}

@media(max-width:960px){
  #affiliatePanel.mb-affiliate-premium,
  .affiliate-panel.mb-affiliate-premium{
    width:100% !important;
    max-width:100% !important;
    margin:12px 0 110px !important;
    padding:0 10px !important;
  }

  #affiliatePanel .affiliate-hero-card{
    grid-template-columns:1fr !important;
    padding:18px !important;
    border-radius:26px !important;
  }

  #affiliatePanel .affiliate-how-card,
  #affiliatePanel .affiliate-rewards-grid{
    grid-template-columns:1fr !important;
  }

  #affiliatePanel .affiliate-hero-copy h2{
    font-size:clamp(30px,9vw,46px) !important;
    letter-spacing:-.045em !important;
  }

  #affiliatePanel .affiliate-close-btn{
    align-self:flex-start !important;
    width:100% !important;
  }

  #affiliatePanel .affiliate-count-box{
    text-align:left !important;
  }
}

@media(max-width:420px){
  #affiliatePanel.mb-affiliate-premium,
  .affiliate-panel.mb-affiliate-premium{
    padding:0 8px !important;
  }

  #affiliatePanel .affiliate-hero-card,
  #affiliatePanel .affiliate-list-card,
  #affiliatePanel .affiliate-reward-card,
  #affiliatePanel .affiliate-how-card div{
    border-radius:20px !important;
  }

  #affiliatePanel .affiliate-code-actions button{
    width:100% !important;
  }
}

/* =========================================================
   MATCHBOY LANDING - PROGRAMA DE AFILIADOS
   Solo estilos para la seccion publica de afiliados.
========================================================= */
.mb-affiliate-landing{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  padding:34px 22px;
  background:radial-gradient(circle at 12% 10%, rgba(255,43,214,.20), transparent 34%), radial-gradient(circle at 88% 18%, rgba(36,120,255,.18), transparent 36%), linear-gradient(135deg, rgba(15,18,38,.96), rgba(8,9,18,.98));
  box-shadow:0 24px 80px rgba(0,0,0,.32);
}
.mb-affiliate-landing-bg{
  position:absolute;
  inset:auto -80px -110px auto;
  width:280px;
  height:280px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(255,204,0,.22), rgba(255,43,214,.12));
  filter:blur(10px);
  pointer-events:none;
}
.mb-affiliate-head{
  position:relative;
  z-index:1;
}
.mb-affiliate-public-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.35fr repeat(3, minmax(0, .75fr));
  gap:14px;
  margin-top:22px;
}
.mb-affiliate-public-card{
  min-width:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:18px;
  background:rgba(255,255,255,.07);
  box-shadow:0 14px 36px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
}
.mb-affiliate-public-card small{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(255,255,255,.68);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
}
.mb-affiliate-public-card strong{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:24px;
  line-height:1.05;
}
.mb-affiliate-public-card span{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.78);
  font-weight:700;
  line-height:1.35;
}
.mb-affiliate-main-card h3{
  color:#fff;
  font-size:28px;
  margin:12px 0 8px;
}
.mb-affiliate-main-card p{
  margin:0;
  color:rgba(255,255,255,.76);
  line-height:1.55;
}
.mb-affiliate-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#ffcc00;
  background:rgba(255,204,0,.12);
  border:1px solid rgba(255,204,0,.22);
}
.mb-affiliate-icon svg{
  width:34px;
  height:34px;
}
.mb-affiliate-code-demo{
  margin-top:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:min(100%, 300px);
  padding:12px 14px;
  border-radius:16px;
  background:rgba(0,0,0,.28);
  border:1px dashed rgba(255,255,255,.22);
}
.mb-affiliate-code-demo span{
  margin:0;
  color:rgba(255,255,255,.65);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mb-affiliate-code-demo strong{
  margin:0;
  color:#ffcc00;
  font-size:18px;
  letter-spacing:.08em;
}
.mb-affiliate-steps-public{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-top:14px;
}
.mb-affiliate-steps-public > div{
  min-width:0;
  border-radius:20px;
  padding:16px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
}
.mb-affiliate-steps-public b{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg, #2478ff, #ff2bd6);
  color:#fff;
  font-size:14px;
}
.mb-affiliate-steps-public h3{
  margin:10px 0 5px;
  color:#fff;
  font-size:16px;
}
.mb-affiliate-steps-public p{
  margin:0;
  color:rgba(255,255,255,.70);
  line-height:1.45;
  font-size:14px;
}
.mb-affiliate-public-actions{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:20px;
}
@media (max-width: 900px){
  .mb-affiliate-public-grid{
    grid-template-columns:1fr 1fr;
  }
  .mb-affiliate-main-card{
    grid-column:1 / -1;
  }
}
@media (max-width: 640px){
  .mb-affiliate-landing{
    padding:26px 14px;
    border-radius:22px;
  }
  .mb-affiliate-public-grid,
  .mb-affiliate-steps-public{
    grid-template-columns:1fr;
  }
  .mb-affiliate-public-card strong{
    font-size:22px;
  }
  .mb-affiliate-main-card h3{
    font-size:24px;
  }
  .mb-affiliate-public-actions .mb-btn{
    width:100%;
    justify-content:center;
  }
}


/* =====================================================
   TARJETA COMPACTA USUARIOS PRO - Vista usuarios
   ===================================================== */
.users-pro-mini-card{
  width:min(720px,94vw);
  min-height:58px;
  margin:8px auto 4px;
  padding:8px 10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:9px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,rgba(255,204,0,.13),rgba(255,43,214,.10),rgba(36,120,255,.10)),linear-gradient(180deg,#121621,#0b0e16);
  box-shadow:0 12px 34px rgba(0,0,0,.26);
  overflow:hidden;
}
.users-pro-mini-copy{
  flex:0 0 auto;
  min-width:86px;
  display:flex;
  flex-direction:column;
  gap:1px;
}
.users-pro-mini-copy strong{
  color:#fff;
  font-size:13px;
  font-weight:900;
  line-height:1.05;
  white-space:nowrap;
}
.users-pro-mini-copy span{
  color:rgba(255,255,255,.62);
  font-size:10.5px;
  font-weight:700;
  line-height:1.1;
  white-space:nowrap;
}
.users-pro-mini-avatars{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 1px;
  scrollbar-width:none;
}
.users-pro-mini-avatars::-webkit-scrollbar{display:none;}
.users-pro-mini-chip{
  width:40px;
  height:40px;
  min-width:40px;
  border-radius:999px;
  cursor:pointer;
  position:relative;
}
.users-pro-mini-avatar{
  width:40px;
  height:40px;
  border-radius:999px;
  position:relative;
  padding:2px;
  background:linear-gradient(135deg,#ffd84d,#ff2bd6,#2478ff);
  box-shadow:0 0 0 1px rgba(255,255,255,.16),0 7px 18px rgba(0,0,0,.25);
}
.users-pro-mini-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:999px;
  background:#111;
}
.users-pro-mini-badge{
  position:absolute;
  left:50%;
  bottom:-4px;
  transform:translateX(-50%);
  padding:1px 5px 2px;
  border-radius:999px;
  background:#ffcc00;
  color:#111;
  font-size:7px;
  line-height:1;
  font-weight:950;
  border:1px solid rgba(0,0,0,.22);
  box-shadow:0 3px 8px rgba(0,0,0,.28);
}
.users-pro-mini-online{
  position:absolute;
  right:1px;
  top:1px;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#00e676;
  border:1.5px solid #0b0e16;
  box-shadow:0 0 8px rgba(0,230,118,.78);
}
.users-pro-mini-btn{
  flex:0 0 auto;
  min-height:34px;
  padding:0 12px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#ffd84d,#ff4f9b);
  color:#111;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(255,79,155,.22);
  white-space:nowrap;
}
.users-pro-mini-btn.is-active{
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:none;
}
.users-pro-mini-empty{
  color:rgba(255,255,255,.58);
  font-size:11.5px;
  font-weight:700;
  white-space:nowrap;
}
html.mb-guest .users-pro-mini-card,
body.mb-guest .users-pro-mini-card,
html.mb-local-guest .users-pro-mini-card,
body.mb-local-guest .users-pro-mini-card{
  display:none !important;
}
body.directory-open .users-pro-mini-card,
body.pro-panel-open .users-pro-mini-card,
body.affiliate-open .users-pro-mini-card{
  display:none !important;
}
@media(max-width:640px){
  .users-pro-mini-card{
    width:calc(100% - 16px);
    min-height:54px;
    margin:7px auto 4px;
    padding:7px 8px;
    gap:7px;
    border-radius:16px;
  }
  .users-pro-mini-copy{
    min-width:72px;
  }
  .users-pro-mini-copy strong{
    font-size:12px;
  }
  .users-pro-mini-copy span{
    font-size:9.5px;
  }
  .users-pro-mini-chip,
  .users-pro-mini-avatar{
    width:36px;
    height:36px;
    min-width:36px;
  }
  .users-pro-mini-btn{
    min-height:32px;
    padding:0 10px;
    font-size:11.5px;
  }
}
@media(max-width:380px){
  .users-pro-mini-copy span{display:none;}
  .users-pro-mini-copy{min-width:64px;}
  .users-pro-mini-chip,
  .users-pro-mini-avatar{
    width:34px;
    height:34px;
    min-width:34px;
  }
  .users-pro-mini-btn{
    padding:0 9px;
  }
}

/* ==== MATCHBOY PUBLIC CHAT MEDIA BUTTONS - sin cambiar diseño base ==== */
.mb-public-media-row{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}
#publicChatPhotoBtn,
#publicChatAudioBtn{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  border:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 42px !important;
  background:linear-gradient(135deg,rgba(255,204,0,.18),rgba(255,43,214,.16)) !important;
  color:#ffcc00 !important;
  font-size:20px !important;
  cursor:pointer !important;
  box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  padding:0 !important;
  margin:0 !important;
}
#publicChatPhotoBtn svg,
#publicChatAudioBtn svg{
  width:20px !important;
  height:20px !important;
  display:block !important;
}
#publicChatAudioBtn.recording{
  background:linear-gradient(135deg,#ff335f,#8b1234) !important;
  color:#fff !important;
  box-shadow:0 0 0 4px rgba(255,51,95,.16),0 0 24px rgba(255,51,95,.42) !important;
}
#publicChatPhotoBtn.is-uploading{
  opacity:.55 !important;
  pointer-events:none !important;
}
.public-chat-img,
#publicChatMessages .chat-img{
  max-width:min(230px,70vw) !important;
  max-height:260px !important;
  border-radius:16px !important;
  object-fit:cover !important;
  display:block !important;
  cursor:pointer !important;
}
#publicRecordingIndicator.public-recording-inline{
  width:100% !important;
  min-height:42px !important;
  padding:8px 10px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,80,110,.32) !important;
  background:linear-gradient(135deg,rgba(70,8,24,.96),rgba(22,14,22,.96)) !important;
  box-shadow:0 12px 35px rgba(0,0,0,.45),0 0 20px rgba(255,43,90,.14) !important;
  color:#fff !important;
  display:none !important;
  align-items:center !important;
  gap:8px !important;
  box-sizing:border-box !important;
  margin:6px 0 !important;
}
#publicRecordingIndicator.public-recording-inline.is-open{
  display:flex !important;
}
#publicRecordingIndicator .rec-dot{
  width:10px !important;
  height:10px !important;
  min-width:10px !important;
  border-radius:50% !important;
  background:#ff304f !important;
  box-shadow:0 0 0 6px rgba(255,48,79,.12),0 0 18px rgba(255,48,79,.65) !important;
}
#publicRecordingIndicator .rec-text,
#publicRecordingIndicator .rec-time{
  font-size:13px !important;
  font-weight:900 !important;
}
#publicRecordingIndicator button{
  height:30px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,100,130,.45) !important;
  background:rgba(255,255,255,.08) !important;
  color:#ffd6df !important;
  font-size:12px !important;
  font-weight:900 !important;
  cursor:pointer !important;
}
#publicRecordingIndicator .send-audio{
  border-color:rgba(255,204,0,.45) !important;
  color:#ffcc00 !important;
}
@media(max-width:430px){
  .mb-public-media-row{gap:5px !important;}
  #publicChatPhotoBtn,#publicChatAudioBtn{width:36px !important;height:36px !important;min-width:36px !important;max-width:36px !important;flex-basis:36px !important;font-size:18px !important;}
  #publicChatPhotoBtn svg,#publicChatAudioBtn svg{width:18px !important;height:18px !important;}
}


/* Boton eliminar en mensajes del chat publico/privado */
.msg-delete-btn{
  border: 0;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  color: #ffb4c4;
  background: rgba(255, 45, 85, .12);
  box-shadow: inset 0 0 0 1px rgba(255, 45, 85, .28);
}
.msg-delete-btn:active{
  transform: scale(.96);
}
.public-msg-delete-btn{
  margin-left: 4px;
}



/* Boton eliminar visible en chat publico */
#publicChatMessages .msg-body{
  position: relative;
}
#publicChatMessages .public-msg-delete-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 32px !important;
  min-height: 24px !important;
  padding: 4px 8px !important;
  margin-left: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  color: #ffd6df !important;
  background: rgba(255, 45, 85, .22) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 45, 85, .45), 0 4px 12px rgba(0,0,0,.22) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 20 !important;
}
#publicChatMessages .public-msg-delete-btn .public-delete-icon{
  font-size: 13px !important;
  line-height: 1 !important;
}
@media(max-width:520px){
  #publicChatMessages .public-msg-delete-btn{
    padding: 5px 7px !important;
  }
  #publicChatMessages .public-msg-delete-btn .public-delete-text{
    display: none !important;
  }
}


/* Fix PC: mostrar siempre Eliminar en chat publico sin cambiar diseño */
#publicChatMessages .msg-row[data-mine="1"] .msg-body{
  position: relative !important;
  overflow: visible !important;
}
#publicChatMessages .msg-row[data-mine="1"] .msg-top{
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}
#publicChatMessages .msg-row[data-mine="1"] .public-msg-delete-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 24px !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}
@media (min-width: 700px){
  #publicChatMessages .msg-row[data-mine="1"] .msg-body{
    padding-right: 42px !important;
  }
  #publicChatMessages .msg-row[data-mine="1"] .public-msg-delete-btn{
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    z-index: 9999 !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
  }
  #publicChatMessages .msg-row[data-mine="1"] .public-msg-delete-btn .public-delete-text{
    display: none !important;
  }
  #publicChatMessages .msg-row[data-mine="1"] .public-msg-delete-btn .public-delete-icon{
    display: inline-block !important;
    font-size: 14px !important;
  }
}

/* Fix definitivo PC: boton eliminar dentro de la burbuja del chat publico */
#publicChatMessages .public-msg-delete-pc-wrap{
  display:none !important;
}
#publicChatMessages .public-msg-delete-pc-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-height:26px !important;
  padding:5px 10px !important;
  border:0 !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  color:#ffd6df !important;
  background:rgba(255,45,85,.22) !important;
  box-shadow:inset 0 0 0 1px rgba(255,45,85,.45),0 4px 12px rgba(0,0,0,.22) !important;
  cursor:pointer !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
@media (min-width: 700px){
  #publicChatMessages .msg-row[data-mine="1"] .public-msg-delete-btn{
    display:none !important;
  }
  #publicChatMessages .msg-row[data-mine="1"] .public-msg-delete-pc-wrap{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    width:100% !important;
    margin-top:6px !important;
    padding-top:2px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}

/* Chat publico: eliminar solo al tocar/clickear el mensaje propio */
#publicChatMessages .public-msg-delete-btn,
#publicChatMessages .public-msg-delete-pc-wrap{
  display:none !important;
}
#publicChatMessages .msg-row[data-mine="1"]{
  cursor:pointer;
}
#publicChatMessages .public-msg-actions{
  display:none !important;
  width:100% !important;
  margin-top:6px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  pointer-events:none !important;
}
#publicChatMessages .msg-row.show-public-delete .public-msg-actions{
  display:flex !important;
  pointer-events:auto !important;
}
#publicChatMessages .public-msg-delete-action{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-height:26px !important;
  padding:5px 10px !important;
  border:0 !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  color:#ffd6df !important;
  background:rgba(255,45,85,.22) !important;
  box-shadow:inset 0 0 0 1px rgba(255,45,85,.45),0 4px 12px rgba(0,0,0,.22) !important;
  cursor:pointer !important;
  opacity:1 !important;
  visibility:visible !important;
}
#publicChatMessages .public-msg-delete-action:active{
  transform:scale(.96) !important;
}

/* ==== FIX FINAL: espacio vacio al abrir/cerrar Chat Publico ==== */
body.mb-logged-in #mbGridTopAdBanner,
body.mb-logged-in .mb-grid-top-ad,
body.mb-logged-in main > ins.adsbygoogle,
body.mb-logged-in main > .adsbygoogle,
body.mb-logged-in main > #adContainer,
body.mb-logged-in main > #ad-container,
body.mb-logged-in main > #admobBanner,
body.mb-logged-in main > #admob-banner,
body.mb-logged-in main > #adMobBanner,
body.mb-logged-in main > .admob-banner,
body.mb-logged-in main > .admobBanner,
body.mb-logged-in main > .adMobBanner,
body.mb-logged-in main > .banner-ad,
body.mb-logged-in main > .bannerAd,
body.mb-logged-in main > [data-admob],
body.mb-logged-in main > [data-ad-view],
body.mb-logged-in main > [data-ad-status],
body.mb-logged-in [data-mb-top-gap-fixed="1"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

body.mb-logged-in #usersProMiniCard{
  margin-top:8px !important;
}

body.mb-logged-in #scopeSwitcherBox,
body.mb-logged-in .scope-switcher{
  margin-bottom:10px !important;
}