@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Orbitron:wght@600;800;900&family=Poppins:wght@400;600;700&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}

body {
  background-color: #060a1c;
  color: #d8e60d;
  padding-bottom: 0px;
  overflow-x: hidden;
}

.navbar {
  background-color: #010620;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px;
  border-bottom: 2px solid #e50909;
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(100px);
}

.nav-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header-right-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

.saldo-usd-badge {
  background: linear-gradient(135deg, #00b445, #15b00041, #010007);
  color: #d8f0e3;
  font-family: 'Orbitron', sans-serif;
  font-weight: 800;
  padding: 10px 12px;
  border-radius: 0px;
  font-size: 0.78rem;
  box-shadow: 0 0 18px rgb(5, 224, 122) rgb(27, 2, 255);
  display: flex;
  align-items: center;
  gap: 7px;
  letter-spacing: 0.5px;
  white-space: nowrap;
  animation: pulso 1.5s infinite; /* Agregamos la animación */
}

@keyframes pulso {
  0% {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  50% {
    text-shadow: 0 0 20px rgb(218, 221, 219);
  }
  100% {
    text-shadow: 0 0 5px rgba(12, 14, 13, 0.2);
  }
}


.menu-toggle-btn {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #1d1c1c;
  border: 1px solid #d4d8ec;
  color: #d4dfdc;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.menu-toggle-btn:hover {
  background-color: #e51809;
  border-color: #e50914;
  transform: scale(1.05);
}

.logo {
  font-family: 'Orbitron', sans-serif;
  font-weight: bold;
  font-size: 0.9rem;
  letter-spacing: .5px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.garena-red {
  color: #fbff04;
}

.region {
  font-size: 0.9rem;
  color: #0fd6e4;
  font-weight: 500;
  background-color: rgba(9, 200, 248, 0.041);
  padding: 6px 12px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.103);
  white-space: nowrap;
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.menu-overlay.open {
  opacity: 1;
  visibility: visible;
}

.sidebar-menu {
  position: fixed;
  top: 0;
  left: -320px;
  width: 300px;
  height: 100vh;
  background-color: #161822;
  z-index: 999;
  box-shadow: 5px 0 25px rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  transition: left 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  border-right: 1px solid #2a2d3d;
}

.sidebar-menu.open {
  left: 0;
}

.sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
  background-color: #1a2229;
  border-bottom: 1px solid #171925;
}

.sidebar-logo {
  font-family: 'Orbitron', sans-serif;
  font-weight: bold;
  font-size: 1.1rem;
}

.close-menu-btn {
  background: transparent;
  border: none;
  color: #aaa;
  font-size: 1.4rem;
  cursor: pointer;
  transition: color 0.2s;
}

.close-menu-btn:hover {
  color: #e50909;
}

.sidebar-content {
  padding: 18px;
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sidebar-card {
  background-color: #202333;
  border: 1px solid #3a3f58;
  border-radius: 10px;
  padding: 14px;
}

.wallet-header {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e50909;
  font-size: 0.95rem;
  font-weight: bold;
  margin-bottom: 8px;
}

.wallet-id {
  font-size: 0.8rem;
  color: #aaa;
  margin-bottom: 6px;
}

.wallet-balance-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.85rem;
  padding-top: 6px;
  border-top: 1px dashed #0e0f16;
}

.balance-text {
  color: #4caf50;
  font-size: 1rem;
}

.sidebar-section h4 {
  font-size: 0.85rem;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.menu-link {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #1e202d;
  color: white;
  text-decoration: none;
  padding: 12px;
  border-radius: 8px;
  font-size: 0.9rem;
  border: 1px solid #2a2d3d;
  transition: all 0.2s;
}

.menu-link:hover {
  background-color: #26293b;
  border-color: #09e514;
}

.whatsapp-link {
  color: #25d366;
  border-color: rgba(37, 211, 102, 0.3);
}

.whatsapp-link:hover {
  background-color: rgba(37, 211, 102, 0.1);
  border-color: #25d366;
}

.info-badge-box {
  margin-top: 8px;
  background-color: rgba(229, 9, 20, 0.08);
  border: 1px solid rgba(229, 9, 20, 0.2);
  border-radius: 6px;
  padding: 10px;
  font-size: 0.8rem;
  color: #ddd;
  line-height: 1.4;
}

.status-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  color: #ccc;
  background-color: #1e202d;
  padding: 10px;
  border-radius: 8px;
}

.status-dot.online {
  width: 10px;
  height: 10px;
  background-color: #4caf50;
  border-radius: 50%;
  box-shadow: 0 0 8px #4caf50;
}

.sidebar-footer {
  padding: 15px;
  text-align: center;
  font-size: 0.75rem;
  color: #666;
  border-top: 1px solid #2a2d3d;
}

.hero-banner-section {
  position: relative;
  width: 100%;
  padding: 25px 0 15px 0;
  background: transparent;
  overflow: hidden;
  margin-bottom: 15px;
}

.live-counter-badge {
  position: absolute;
  top: 12px;
  right: 18px;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 20;
}

.live-green-dot {
  width: 9px;
  height: 9px;
  background-color: #25d366;
  border-radius: 50%;
  box-shadow: 0 0 10px #25d366;
  animation: titilarVerde 1.5s infinite ease-in-out;
}

@keyframes titilarVerde {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 10px #25d366, 0 0 20px #25d366;
    transform: scale(1);
  }
  50% {
    opacity: 0.35;
    box-shadow: 0 0 3px #25d366;
    transform: scale(0.85);
  }
}

.live-counter-text {
  font-size: 0.85rem;
  color: #ffffff;
  font-weight: 600;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}

.live-counter-text strong {
  color: #25d366;
  font-weight: 800;
}

.carousel-wrapper {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}

.carousel-track-container {
  width: 100%;
  height: 230px;
  position: relative;
  perspective: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-track {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-slide {
  position: absolute;
  width: 60%;
  max-width: 520px;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease, box-shadow 0.5s ease;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: #0d0e15;
  opacity: 0;
  transform: scale(0.6);
  z-index: 1;
  pointer-events: none;
}

.carousel-slide.active {
  opacity: 1;
  transform: translateX(0) scale(1);
  z-index: 5;
  border: 2px solid #e50909;
  box-shadow: 0 0 25px rgba(229, 9, 20, 0.5);
  pointer-events: auto;
}

.carousel-slide.prev {
  opacity: 0.5;
  transform: translateX(-52%) scale(0.82);
  z-index: 3;
}

.carousel-slide.next {
  opacity: 0.5;
  transform: translateX(52%) scale(0.82);
  z-index: 3;
}

.carousel-slide.hidden {
  opacity: 0;
  transform: scale(0.5);
  z-index: 0;
}

.carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  transition: background 0.2s, transform 0.2s;
}

.carousel-btn:hover {
  background-color: #e50914;
  transform: translateY(-50%) scale(1.1);
}

.prev-btn { left: 10px; }
.next-btn { right: 10px; }

.carousel-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
}

.dot {
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s, width 0.3s;
}

.dot.active {
  background-color: #e50914;
  width: 24px;
  border-radius: 6px;
}

/* ==========================================
    ESTRUCTURA PRINCIPAL EN 2 COLUMNAS
    ========================================== */
.container {
  max-width: 950px;
  margin: 0 auto;
  padding: 0 15px;
}

.main-layout-grid {
  display: grid;
  grid-template-columns: 1fr 310px;
  gap: 20px;
  margin-bottom: 30px;
}

@media(max-width: 800px) {
  .main-layout-grid {
    grid-template-columns: 1fr;
  }
}

.right-widgets-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* CHAT EN VIVO INTEGRADO (FUNCIONAL DENTRO DE LA PÁGINA) */
.chat-widget-card {
  background: #1a1c29;
  border: 1px solid #38ebf8;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 0 20px rgba(56, 189, 248, 0.25);
  display: flex;
  flex-direction: column;
  height: 310px;
}

.chat-widget-header {
  font-family: 'Orbitron', sans-serif;
  font-size: 0.78rem;
  color: #38f868;
  font-weight: 700;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chat-status-dot {
  width: 8px;
  height: 8px;
  background-color: #6baf4c;
  border-radius: 50%;
  box-shadow: 0 0 8px #4faf4c;
}

.chat-messages-area {
  flex-grow: 1;
  background-color: #0d0e15;
  border: 1px solid #2a2d3d;
  border-radius: 8px;
  padding: 10px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 10px;
}

.chat-message {
  padding: 4px 9px;
  border-radius: 19px;
  font-size: 0.77rem;
  font-weight: 500;
  max-width: 808%;
  line-height: 1.3;
}

.user-msg {
  background: #258beb;
  color: rgb(240, 232, 232);
  align-self: flex-end;
  border-bottom-right-radius: 2px;
}

.admin-msg {
  background: #01ff221e;
  color: #dfe2e6;
  border: 1px solid #7b7f94;
  align-self: flex-start;
  border-bottom-left-radius: 2px;
}

.chat-input-area {
  display: flex;
  gap: 8px;
}

.chat-input-area input {
  flex-grow: 1;
  background: #0a0b13;
  border: 1px solid #47c577;
  border-radius: 6px;
  padding: 8px 12px;
  color: rgb(190, 197, 202);
  font-size: 0.85rem;
  outline: none;
}

.chat-input-area input:focus {
  border-color: #38d2f8;
}

.chat-input-area button {
  background: #38f858;
  color: #08090c;
  border: none;
  border-radius: 66px;
  width: 38px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: bold;
  transition: background 0.2s;
}

.chat-input-area button:hover {
  background: #7dedfc;
}

/* Tarjeta Bienvenida Estilo Sakura */
.sakura-welcome-card {
  background: linear-gradient(135deg, #a1148f, #000000);
  border: 2px solid #020002;
  border-radius: 12px;
  padding: 22px 15px;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(114, 244, 238, 0.89);
}

.sakura-badge-icon {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 1.4rem;
  opacity: 0.7;
}

.sakura-title {
  font-family: 'Cinzel', serif;
  font-size: 1.35rem;
  color: #fbcfe8;
  letter-spacing: 2px;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(204, 11, 230, 0.925);
}

.sakura-sub {
  font-family: 'Cinzel', serif;
  font-size: 1.00rem;
  color: #d294df;
  display: block;
  margin: 1px 0;
}

.sakura-brand {
  font-family: 'Orbitron', sans-serif;
  font-size: 1.15rem;
  color: #ffffff;
  font-weight: 900;
  letter-spacing: 1px;
  text-shadow: 0 0 30px #f472b6;
}


/* SECCIÓN PRECIO REVENDEDOR - BINANCE USDT */
.reseller-binance-section {
  background: linear-gradient(145deg, #000000, #0425df8a);
  border: 2px solid #b8f32fe7;
  border-radius: 26px;
  padding: 22px;
  box-shadow: 0 0 30px rgba(243, 186, 47, 0.2);
  margin-bottom: 20px;
}

.binance-title-header {
  text-align: center;
  margin-bottom: 20px;
}

.reseller-main-title {
  font-family: 'Orbitron', sans-serif;
  font-size: 1.3rem;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: 1.9px;
}

.binance-sub-heading {
  font-family: 'Orbitron', sans-serif;
  font-size: 1.5rem;
  margin-top: 4px;
}

.binance-brand {
  color: #e6f32f;
  font-weight: 900;
  text-shadow: 0 0 12px rgba(25, 9, 245, 0.562);
}

.usdt-brand {
  color: #04ff11;
  font-weight: 900;
  text-shadow: 0 0 12px rgba(10, 187, 63, 0.6);
}

.reseller-box {
  background-color: #1d1614;
  border: 1px solid rgba(243, 186, 47, 0.3);
}

.reseller-box:hover {
  border-color: #dff32f;
  box-shadow: 0 0 15px rgba(243, 186, 47, 0.3);
}

.usdt-price {
  color: #06f506 !important;
  font-size: 1.15rem;
}

.btn-usdt {
  background: linear-gradient(135deg, #03fd18, #00065e6b) !important;
  color: #010002 !important;
  box-shadow: 0 4px 12px rgb(240, 236, 0) !important;
}

.btn-usdt:hover {
  background: linear-gradient(135deg, #ffd359, #f3ba2f) !important;
  box-shadow: 0 6px 18px rgba(243, 186, 47, 0.7) !important;
}

.card {
  background-color: #161822;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #302e2d;
}

.step-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}

.badge {
  background-color: #fa0505;
  color: white;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: bold;
}

.auth-card {
  border: 1px solid #f81100;
  box-shadow: 0 0 15px rgba(75, 9, 229, 0.15);
}

.auth-desc {
  font-size: 0.85rem;
  color: #fefdff;
  margin-bottom: 12px;
}

.auth-buttons {
  display: flex;
  gap: 30px;
  margin-top: 12px;
}

.btn-auth {
  flex: 1;
  padding: 10px;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
  font-size: 0.9rem;
  transition: background 0.2s;
}

.btn-login { background-color: #e50909; color: white; }
.btn-login:hover { background-color: #b20610; }

.btn-register {
  background-color: #0543ee;
  color: white;
  border: 1px solid #3f445e;
}
.btn-register:hover { background-color: #2c3327; }

.dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #101116;
  margin-bottom: 15px;
  font-size: 0.9rem;
}

.btn-logout {
  background: transparent;
  border: 1px solid #09e51b;
  color: #e50914;
  padding: 4px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.8rem;
}

.wallet-card {
  background-color: #0d1411;
  padding: 18px;
  border-radius: 8px;
  border: 1px solid #3a3f58;
  text-align: center;
}

.wallet-label {
  font-size: 0.8rem;
  color: #929492;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.wallet-amount {
  font-size: 2rem;
  color: #63af4c;
  margin: 8px 0;
}

.wallet-subtext {
  font-size: 0.8rem;
  color: #aaa;
  margin-bottom: 12px;
}

.btn-add-funds {
  display: inline-block;
  background-color: #25d366;
  color: white;
  text-decoration: none;
  padding: 8px 15px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 0.85rem;
}

.input-group input {
  width: 100%;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #3a3f58;
  background-color: #0d0e15;
  color: white;
  font-size: 1rem;
  outline: none;
}

.input-group input:focus { border-color: #e50914; }

.subtext {
  font-size: 0.8rem;
  color: #888;
  margin-top: 6px;
}

.grid-diamonds {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.diamond-box {
  background-color: #222536;
  border: 1px solid #343850;
  border-radius: 8px;
  padding: 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.diamond-box .icon { font-size: 1.9rem; }
.diamond-box h4 { font-size: 1.1rem; }
.diamond-box .price {
  color: #f1f5f3;
  font-weight: bold;
  font-size: 1.05rem;
}

.btn-buy {
  display: inline-block;
  width: 90%;
  padding: 10px 0;
  background: linear-gradient(135deg, #e8f803, #fbff02);
  color: rgb(0, 0, 0);
  text-decoration: none;
  border-radius: 55px;
  font-family: 'Orbitron', sans-serif;
  font-size: 0.85rem;
  font-weight: bold;
  letter-spacing: 1.5px;
  margin-top: 5px;
  box-shadow: 0 9px 12px rgba(98, 29, 225, 0.986);
  text-transform: uppercase;
  transition: all 0.2s;
}

.btn-buy:hover { 
  background: linear-gradient(135deg, #f43fd6, #e11d48);
  box-shadow: 0 6px 16px rgba(225, 29, 72, 0.7);
  transform: scale(1.02);
}

.payment-methods {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pay-tag {
  background-color: #26293b;
  padding: 8px 12px;
  border-radius: 55px;
  font-size: 0.95rem;
  border: 1px solid #3a3f58;
}

.comments-section {
  border: 1px solid #3a3f58;
}

.rating-overall {
  margin-left: auto;
  font-size: 0.82rem;
  color: #ffd700;
  font-weight: 600;
  background: rgba(255, 217, 0, 0.089);
  padding: 4px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 215, 0, 0.25);
}

.comments-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.comment-item {
  background-color: #222536;
  border: 1px solid #343850;
  border-radius: 8px;
  padding: 14px;
}

.comment-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 0.85rem;
  flex-wrap: wrap;
}

.comment-user {
  font-weight: bold;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 6px;
}

.comment-user i {
  color: #e54709;
}

.comment-stars {
  font-size: 0.8rem;
}

.comment-time {
  margin-left: auto;
  font-size: 0.75rem;
  color: #888;
}

.comment-body {
  font-size: 0.88rem;
  color: #ddd;
  line-height: 1.4;
}

footer {
  text-align: center;
  color: #666;
  font-size: 0.8rem;
  margin-top: 20px;
}

.btn-musica-flotante {
  position: relative;
  flex: none;
  width: 60px;
  height: 60px;
  background-color: rgba(26, 28, 36, 0.6);
  border: 3px solid rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.6);
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, border-color 0.3s ease;
  backdrop-filter: blur(4px);
}

.btn-musica-flotante:hover {
  transform: scale(1.08);
  border-color: #1af106;
}

.btn-musica-flotante img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.btn-musica-flotante i {
  font-size: 20px;
  color: #ffffff;
  z-index: 2;
  margin-left: 2px;
  text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.9);
  pointer-events: none;
}

.btn-musica-flotante.reproduciendo i { margin-left: 0; }

.btn-musica-flotante.reproduciendo img {
  display: block;
  animation: girarDisco 3s linear infinite;
}

.btn-musica-flotante.reproduciendo {
  border-color: rgba(255, 238, 0, 0.95);
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.7);
}

@keyframes girarDisco {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (max-width: 600px) {
  .carousel-track-container {
    height: 160px;
  }
  
  .carousel-slide {
    width: 75%;
  }

  .carousel-slide.prev { transform: translateX(-45%) scale(0.8); }
  .carousel-slide.next { transform: translateX(45%) scale(0.8); }

  .region {
    font-size: 0.8rem;
    padding: 4px 8px;
  }

  .live-counter-badge {
    top: 8px;
    right: 10px;
  }

  .live-counter-text {
    font-size: 0.78rem;
  }
  .category-header { min-height: 120px; }
}
@media only screen and (max-width: 768px) {
  .player-card-con-banner {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 800px) {
  .main-layout-grid {
    grid-template-columns: 1fr;
  }
}
/* Fondo de la pagina (fondo-pagina.jpg): la imagen entera, larga, arriba de todo y se desliza con la pagina.
   Detras hay una version difuminada fija para rellenar los costados y el resto. */
body { position: relative; }
body::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  /* version difuminada, apilada con su espejo para que no se note el corte; se desliza con la pagina */
  background: url('fondo-difuminado.jpg') center top / 100% auto repeat-y;
  pointer-events: none;
}
body::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(100vw, 1100px);
  height: calc(min(100vw, 1100px) * 1.5);
  z-index: -1;
  background:
    linear-gradient(to bottom, rgba(4, 6, 20, .15) 0%, rgba(4, 6, 20, .35) 100%),
    url('fondo-pagina.jpg') center top / 100% 100% no-repeat;
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 62%, transparent 100%), linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to bottom, #000 0, #000 62%, transparent 100%), linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
  mask-composite: intersect;
  pointer-events: none;
}

/* Fondo SOLO para PC (pantallas anchas): foto horizontal 2. El celular conserva el fondo de arriba. */
@media (min-width: 801px) {
  body::before { background: url('fondo-difuminado-pc.jpg') center top / 100% auto repeat-y; }
  body::after {
    width: min(100vw, 1600px);
    height: calc(min(100vw, 1600px) * 0.8);
    background:
      linear-gradient(to bottom, rgba(4, 6, 20, .1) 0%, rgba(4, 6, 20, .3) 100%),
      url('fondo-pagina-pc.jpg') center top / 100% 100% no-repeat;
    -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 70%, transparent 100%), linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0, #000 70%, transparent 100%), linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
  }
}

/* Botones flotantes (música y chat): no tapan lo que se está escribiendo */
@media (max-width: 800px) {
  body { padding-bottom: 170px; }
  body:has(input:focus, textarea:focus) .reproductor,
  body:has(input:focus, textarea:focus) .chat-fab { display: none; }
  body.chat-abierto .reproductor { display: none; }
}

/* ===== Chat v2 + cuenta arriba ===== */
.chat-widget-card.chat-v2 { height: min(460px, calc(100vh - 100px)); padding: 0; overflow: hidden; border-radius: 16px; position: sticky; top: 76px; background: #141626; }
.chat-v2 .chat-widget-header { margin: 0; padding: 12px 14px; background: linear-gradient(135deg, #1b2a4a, #1a1c29); border-bottom: 1px solid #2a3350; color: #fff; font-family: inherit; }
.chat-agente { display: flex; align-items: center; gap: 10px; min-width: 0; }
.chat-avatar { position: relative; width: 38px; height: 38px; border-radius: 50%; flex: 0 0 38px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #a855f7, #38bdf8); color: #fff; font-weight: 800; font-family: 'Orbitron', sans-serif; }
.chat-avatar .chat-status-dot { position: absolute; right: -1px; bottom: -1px; width: 11px; height: 11px; border: 2px solid #1a1c29; background: #22c55e; }
.chat-agente-txt { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.chat-agente-txt strong { font-size: .92rem; }
.chat-agente-txt small { font-size: .72rem; color: #86efac; }
.chat-cerrar { display: none; background: none; border: none; color: #cbd5e1; font-size: 1.2rem; cursor: pointer; padding: 6px; }
.chat-v2 .chat-messages-area { margin: 0; border: none; border-radius: 0; padding: 14px 12px; gap: 10px; background: #0d0e15; scroll-behavior: smooth; }
.chat-v2 .chat-message { font-size: .9rem; line-height: 1.4; padding: 9px 13px; max-width: 86%; border-radius: 16px; word-break: break-word; }
.chat-v2 .user-msg { background: linear-gradient(135deg, #2563eb, #38bdf8); border-bottom-right-radius: 4px; }
.chat-v2 .admin-msg { background: #1e2236; border: 1px solid #2f3652; border-bottom-left-radius: 4px; }
.chat-chips { display: flex; gap: 6px; padding: 8px 10px 0; overflow-x: auto; flex-shrink: 0; background: #141626; scrollbar-width: none; }
.chat-chips::-webkit-scrollbar { display: none; }
.chat-chips button { flex: 0 0 auto; white-space: nowrap; border: 1px solid #34406a; background: #1b2140; color: #cfe3ff; border-radius: 999px; padding: 6px 12px; font-size: .78rem; cursor: pointer; }
.chat-chips button:hover { background: #26305c; }
.chat-v2 .chat-input-area { padding: 10px; background: #141626; }
.chat-fab { display: none; }
@media (max-width: 800px) {
  .chat-fab { display: flex; position: fixed; right: 20px; bottom: 92px; z-index: 900; align-items: center; gap: 8px; padding: 13px 18px; border: none; border-radius: 999px; background: linear-gradient(135deg, #22c55e, #16a34a); color: #04170c; font-weight: 800; font-size: .95rem; box-shadow: 0 6px 20px rgba(0,0,0,.5), 0 0 16px rgba(34,197,94,.5); cursor: pointer; }
  body.chat-abierto .chat-fab { display: none; }
  .right-widgets-col { display: block; }
  .chat-widget-card.chat-v2 { position: fixed; left: 0; right: 0; bottom: 0; top: auto; z-index: 1000; height: min(78vh, 560px); border-radius: 18px 18px 0 0; transform: translateY(110%); transition: transform .25s ease; visibility: hidden; box-shadow: 0 -8px 30px rgba(0,0,0,.6); }
  .chat-widget-card.chat-v2.abierto { transform: none; visibility: visible; }
  .chat-cerrar { display: block; }
  .chat-v2 .chat-input-area #chat-user-input { font-size: 16px; }
  .sakura-welcome-card { margin-top: 16px; }
}
#auth-section { margin-bottom: 20px; }
#auth-section .hist-panel { max-height: 70vh; overflow-y: auto; }

/* historial: barra compacta bajo el carrusel */
.hist-arriba { margin: 0 0 20px; }
.hist-arriba .hist-box { margin-top: 0; background: rgba(20,22,38,.92); border-radius: 12px; }
.hist-arriba .hist-panel { max-height: 65vh; overflow-y: auto; background: rgba(13,14,21,.95); border-radius: 12px; padding: 10px; border: 1px solid #2b3544; }
#auth-section { margin-bottom: 30px; }
.chat-fab { position: fixed; }
.chat-dot { position: absolute; top: -5px; right: -5px; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 999px; background: #ef4444; color: #fff; font: 800 12px/22px Poppins, sans-serif; font-style: normal; text-align: center; border: 2px solid #0b0d1a; animation: pulsoDot 1.4s infinite; }
@keyframes pulsoDot { 0% { box-shadow: 0 0 0 0 rgba(239,68,68,.7); } 70% { box-shadow: 0 0 0 10px rgba(239,68,68,0); } 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); } }

/* ===== Menú lateral v2 ===== */
.sidebar-menu { width: min(320px, 88vw); left: -340px; height: 100dvh; }
.sidebar-content { gap: 14px; padding: 16px; }
.sb-perfil { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; background: linear-gradient(135deg, #20233a, #171a2b); border: 1px solid #343a5a; }
.sb-perfil[hidden], .sb-wallet[hidden], .sb-logout[hidden] { display: none; }
.sb-avatar { flex: none; width: 46px; height: 46px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #22c55e, #0ea5e9); color: #04170c; font-weight: 900; font-size: 1.2rem; }
.sb-avatar img { width: 100%; height: 100%; object-fit: cover; }
.sb-perfil-txt { min-width: 0; display: flex; flex-direction: column; }
.sb-perfil-txt strong { color: #fff; font-size: .98rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sb-perfil-txt small { color: #9aa3bd; font-size: .75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sb-login { display: block; }
.sb-login .btn-google-login { width: 100%; }
.sb-login-nota { margin: 8px 2px 0; font-size: .78rem; color: #9aa3bd; line-height: 1.35; }
.sb-accion { width: 100%; display: flex; align-items: center; gap: 12px; padding: 13px 12px; border-radius: 14px; text-decoration: none; cursor: pointer; font: inherit; text-align: left; border: 1px solid transparent; transition: transform .15s, filter .15s; }
.sb-accion:hover { transform: translateY(-1px); filter: brightness(1.1); }
.sb-ico { flex: none; width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.35rem; }
.sb-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sb-txt b { font-size: .95rem; }
.sb-txt small { font-size: .75rem; opacity: .85; }
.sb-flecha { flex: none; font-size: .8rem; opacity: .7; }
.sb-wa { background: linear-gradient(135deg, #16a34a, #22c55e); color: #04170c; box-shadow: 0 6px 18px rgba(34,197,94,.3); }
.sb-wa .sb-ico { background: rgba(255,255,255,.9); color: #16a34a; }
.sb-hist { background: #1d2038; color: #fff; border-color: #f3ba2f; box-shadow: 0 0 0 1px rgba(243,186,47,.25) inset; }
.sb-hist .sb-ico { background: #f3ba2f; color: #1a1400; }
.sb-hist .sb-txt small { color: #c9cfe6; }
.sb-wallet { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 14px; background: #181b2c; border: 1px solid #2f3452; }
.sb-wallet-tit { display: flex; justify-content: space-between; align-items: center; color: #fff; font-weight: 800; font-size: .92rem; }
.sb-wallet-tit small { color: #8b93a7; font-weight: 600; font-size: .7rem; }
.sb-saldo { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; }
.sb-saldo-ico { flex: none; width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.05rem; }
.sb-saldo-txt { display: flex; flex-direction: column; min-width: 0; }
.sb-saldo-txt small { font-size: .7rem; font-weight: 700; opacity: .9; }
.sb-saldo-txt strong { font-size: 1.15rem; font-weight: 900; word-break: break-all; }
.sb-mp { background: linear-gradient(135deg, #00b1ea, #009ee3); color: #fff; box-shadow: 0 4px 14px rgba(0,158,227,.3); }
.sb-mp .sb-saldo-ico { background: #ffe600; color: #00549a; }
.sb-bn { background: linear-gradient(135deg, #2b2f36, #1e2329); color: #fcd535; border: 1px solid #fcd535; }
.sb-bn .sb-saldo-ico { background: #fcd535; color: #1e2329; }
.sb-cargar { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px; border-radius: 12px; border: none; cursor: pointer; font-weight: 800; font-size: .92rem; background: #fff; color: #161822; }
.sb-cargar:hover { filter: brightness(.92); }
.sidebar-footer { display: flex; flex-direction: column; gap: 10px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); }
.sb-logout { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 10px; border-radius: 12px; cursor: pointer; background: transparent; color: #ff7b7f; border: 1px solid rgba(255,90,95,.45); font-weight: 700; font-size: .88rem; }
.sb-logout:hover { background: rgba(255,90,95,.12); }
.sidebar-footer p { margin: 0; }

/* ===== Panel admin en celular: chat a pantalla completa tipo WhatsApp ===== */
.adm-atras { display: none; }
@media (max-width: 800px) {
  #admin-vista-clientes #admin-col-lista { flex: 1 1 100% !important; min-width: 0 !important; }
  #admin-vista-clientes #admin-users-list { max-height: none !important; min-height: 0 !important; }
  #admin-vista-clientes #admin-chat-view { display: none; }
  #admin-vista-clientes.adm-chat-abierto > p,
  #admin-vista-clientes.adm-chat-abierto #admin-col-lista { display: none; }
  #admin-vista-clientes.adm-chat-abierto #admin-chat-view {
    display: flex; position: fixed; inset: 0; z-index: 3000; min-width: 0 !important; width: 100%; height: 100dvh;
    border-radius: 0 !important; padding: 0 !important; background: #0e0f16 !important; overflow: hidden;
  }
  .adm-chat-abierto #admin-chat-view > * { flex: none; }
  .adm-chat-abierto .adm-cab { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 !important; padding: 10px 12px; background: #161822; border-bottom: 1px solid #2b3544; word-break: normal !important; }
  .adm-chat-abierto .adm-atras { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 999px; border: 1px solid #f3ba2f; background: rgba(243,186,47,.12); color: #f3ba2f; font-weight: 800; font-size: 14px; cursor: pointer; flex: none; }
  .adm-chat-abierto .adm-cab > strong { flex: 1; min-width: 0; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .adm-chat-abierto .adm-cab > div { flex: 1 1 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .adm-chat-abierto .adm-cab > button:last-child { flex: 1 1 100%; }
  .adm-chat-abierto #admin-chat-view > button { margin: 8px 10px 0 !important; width: auto !important; }
  .adm-chat-abierto #admin-caja-saldo { margin: 8px 10px 0 !important; max-height: 45dvh; overflow-y: auto; }
  .adm-chat-abierto #admin-chat-view > label.adm-buscar { margin: 8px 10px 0 !important; }
  .adm-chat-abierto .adm-msgs { flex: 1 1 auto !important; height: auto !important; min-height: 0 !important; margin: 8px 10px !important; }
  .adm-chat-abierto .adm-resp { padding: 8px 10px calc(10px + env(safe-area-inset-bottom)); background: #161822; border-top: 1px solid #2b3544; }
  .adm-chat-abierto .adm-resp input { font-size: 16px; padding: 12px; }
  body.adm-chat-on { overflow: hidden; }
  body.adm-chat-on .reproductor, body.adm-chat-on .chat-fab, body.adm-chat-on .chat-widget-card { display: none !important; }
}

/* La administradora atiende desde su panel: en celular no se muestra el chat de clientes */
/* v47: la cuenta de administradora vuelve a ver el chat como cualquier cliente */

/* ===== Logo Zarela: degradé "mágico" que fluye, brilla y titila como neón ===== */
.zl {
  display: inline-block; font-family: 'Orbitron', sans-serif; font-weight: 900; letter-spacing: 2px; font-size: 1.2em;
  background: linear-gradient(100deg, #ffe29a 0%, #ff9ec7 22%, #c7a6ff 45%, #7fe7ff 68%, #ffe29a 100%);
  background-size: 250% 100%;
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
  animation: zl-flow 7s linear infinite, zl-glow 3.6s ease-in-out infinite, zl-neon 11s steps(1) infinite;
}
.sidebar-logo .zl { font-size: 1.6em; }
.zl-flor { display: inline-block; color: #ff9ec7; font-size: 1.15em; text-shadow: 0 0 10px rgba(255,158,199,.9), 0 0 22px rgba(199,166,255,.6); animation: zl-gira 10s linear infinite, zl-latido 3.6s ease-in-out infinite; }
@keyframes zl-flow { to { background-position: -250% 0; } }
@keyframes zl-glow { 0%, 100% { filter: drop-shadow(0 0 3px rgba(255,158,199,.35)); } 50% { filter: drop-shadow(0 0 11px rgba(199,166,255,.9)); } }
@keyframes zl-neon { 0%, 90%, 92%, 94%, 100% { opacity: 1; } 91% { opacity: .45; } 93% { opacity: .75; } }
@keyframes zl-gira { to { transform: rotate(360deg); } }
@keyframes zl-latido { 0%, 100% { opacity: .75; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .zl, .zl-flor { animation: none; } }

/* ===== Sakura: capa de pétalos y ramas (solo PC) ===== */
#sakura-fx { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 50; }
@media (prefers-reduced-motion: reduce) { #sakura-fx { display: none; } }

/* ===== Fondo PC: foto completa y nítida, fija, con parallax lento (se mueve apenas al scrollear) ===== */
@media (min-width: 801px) {
  body::before {
    position: fixed; inset: auto; top: 0; left: -2vw; width: 104vw; height: 140vh; z-index: -2;
    background:
      linear-gradient(to bottom, rgba(4, 6, 20, .16) 0%, rgba(4, 6, 20, .34) 100%),
      url('fondo-pagina-pc.jpg') center top / cover no-repeat;
    transform: translate3d(var(--bgx, 0px), var(--bgy, 0px), 0);
    will-change: transform;
  }
  body::after { display: none; }
}
.ord-btn.peligro { background: #3a1517; color: #ff8a8e; border: 1px solid #7a2a2e; }
.ord-btn.peligro:hover { background: #4a1a1d; }
.ord-btn.peligro[disabled] { opacity: .6; }

/* ===== NOVEDADES CLIENTES ===== */
/* cinta de compras recientes */
.zt{display:flex;align-items:center;gap:10px;max-width:1200px;margin:10px auto 0;padding:7px 12px;background:rgba(18,20,34,.92);border:1px solid #2b3544;border-radius:10px;overflow:hidden;position:relative;z-index:2}
.zt-tag{flex:none;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#ff5c7a;display:flex;gap:5px;align-items:center}
.zt-pista{flex:1;min-width:0;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.zt-mov{display:inline-block;white-space:nowrap;animation:zt-run var(--zt-dur,30s) linear infinite}
.zt-pista:hover .zt-mov{animation-play-state:paused}
.zt-item{display:inline-block;font-size:13px;color:#dfe5f3;padding-right:34px}
.zt-item b{color:#fff}.zt-item em{font-style:normal;color:#f3ba2f;font-weight:700}
@keyframes zt-run{to{transform:translateX(-50%)}}
.zt-estado{flex:none;display:flex;align-items:center;gap:6px;font-size:11px;color:#9fe8b6;font-weight:700}
.zt-estado i{width:8px;height:8px;border-radius:50%;background:#2ecc70;box-shadow:0 0 8px #2ecc70}
.zt-estado.lento{color:#ffcf6b}.zt-estado.lento i{background:#f3ba2f;box-shadow:0 0 8px #f3ba2f}
@media(max-width:800px){.zt{margin:8px 10px 0;padding:6px 9px;gap:7px}.zt-tag span{display:none}.zt-item{font-size:12px}.zt-estado b{display:none}}
@media(prefers-reduced-motion:reduce){.zt-mov{animation:none}.zt-pista{overflow:hidden;text-overflow:ellipsis}}

/* seguimiento */
.seg{background:linear-gradient(135deg,#171b2c,#12151f);border:1px solid #2f3b57;border-radius:12px;padding:10px 12px;margin-bottom:14px}
.seg-cab{display:flex;justify-content:space-between;align-items:center;gap:8px}
.seg-tit{font-size:13px;color:#dfe5f3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seg-tit i{color:#38bdf8;margin-right:4px}
.seg-acc{display:flex;gap:6px;flex:none}
.seg-btn{background:#232944;border:1px solid #38426a;color:#cfd8f5;border-radius:8px;font-size:12px;padding:4px 9px;cursor:pointer}
.seg-pasos{list-style:none;display:flex;margin:10px 0 4px;padding:0}
.seg-pasos li{flex:1;text-align:center;position:relative;font-size:11px;color:#7f89a6}
.seg-pasos li i{display:block;width:14px;height:14px;border-radius:50%;background:#2a3047;margin:0 auto 4px;position:relative;z-index:1}
.seg-pasos li::before{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:#2a3047}
.seg-pasos li:first-child::before{display:none}
.seg-pasos li.hecho{color:#9fe8b6}.seg-pasos li.hecho i,.seg-pasos li.hecho::before{background:#2ecc70}
.seg-pasos li.activo{color:#ffcf6b}.seg-pasos li.activo i{background:#f3ba2f;animation:seg-pulso 1.2s infinite}
.seg-pasos li.error{color:#ff8a8a}.seg-pasos li.error i{background:#ff5c5c}
@keyframes seg-pulso{50%{box-shadow:0 0 0 5px rgba(243,186,47,.25)}}
.seg-txt{margin:0;font-size:12px;color:#aab3cc}

/* IDs guardados */
.zi{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.zi-lista{display:flex;flex-wrap:wrap;gap:6px}
.zi-chip{display:inline-flex;align-items:center;background:#1c2136;border:1px solid #38426a;border-radius:999px;overflow:hidden}
.zi-chip button{background:none;border:0;color:#dfe5f3;font-size:12px;padding:5px 9px;cursor:pointer}
.zi-chip .zi-x{color:#8b93a7;padding:5px 8px 5px 2px}.zi-chip .zi-x:hover{color:#ff5c5c}
.zi-chip small{color:#8b93a7;margin-left:4px}
.zi-guardar{background:none;border:1px dashed #4a5580;color:#9db4ff;border-radius:999px;font-size:12px;padding:5px 10px;cursor:pointer}

/* top del mes */
.top-lista{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.top-lista li{display:flex;align-items:center;gap:10px;background:#1b2033;border-radius:10px;padding:8px 12px;font-size:14px;color:#e6ebf7}
.top-lista li .pos{width:26px;text-align:center;font-size:18px}
.top-lista li .nom{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.top-lista li .dia{color:#f3ba2f;font-weight:700;white-space:nowrap}

/* ayuda "?" en pagos */
.pay-dato{position:relative}
.pay-ayuda{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;border:1px solid #5a6690;background:#222844;color:#cfd8f5;font-weight:800;font-size:13px;cursor:pointer;line-height:1}
.pay-ayuda:hover,.pay-ayuda.on{background:#38bdf8;color:#04121c;border-color:#38bdf8}
.pay-guia{background:#10131f;border:1px solid #38426a;border-radius:12px;padding:10px;margin:8px 0;text-align:left;animation:zg-in .2s ease}
@keyframes zg-in{from{opacity:0;transform:translateY(-4px)}}
.pay-guia ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pay-guia li{display:flex;gap:10px;align-items:center;font-size:12.5px;color:#d3daee}
.pay-guia li svg{flex:none;width:84px;height:56px;border-radius:8px;background:#0b0d16}
.pay-guia li b{color:#fff}
.pay-guia .zg-fin{margin:8px 0 0;font-size:12px;color:#9fe8b6;text-align:center}

/* ajustes v2 */
.hist-arriba{margin-bottom:10px}
.como-box{margin:0 0 20px;background:rgba(20,22,38,.92);border-radius:12px}
.como-box .hist-panel{background:rgba(13,14,21,.95);border:1px solid #2b3544;border-radius:12px;padding:10px}
@media(max-width:800px){
 .zt{gap:6px}
 .zt-tag{font-size:8.5px;flex-direction:column;gap:0;align-items:center;line-height:1.1}
 .zt-tag span{display:inline!important}
 .zt-estado{flex-direction:column;gap:2px;font-size:8.5px;line-height:1.1;text-align:center;max-width:58px}
 .zt-estado b{display:block!important}
 .zt-estado i{width:6px;height:6px}
}
.zi-chip button:first-child{max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* reproductor: el botón queda en el medio y aparecen anterior / siguiente a los costados */
.reproductor{position:fixed;bottom:20px;right:20px;z-index:900;display:flex;align-items:center;gap:8px}
.mus-lado{width:0;height:40px;opacity:0;overflow:hidden;border:0;padding:0;border-radius:50%;background:rgba(26,28,36,.9);color:#fff;font-size:15px;cursor:pointer;transition:width .25s,opacity .25s,border .25s;box-shadow:0 4px 12px rgba(0,0,0,.5);flex:none}
.reproductor.abierto .mus-lado{width:40px;opacity:1;border:2px solid rgba(255,255,255,.7)}
.mus-lado:hover{border-color:#1af106!important;color:#1af106}
.reproductor.abierto{background:rgba(14,16,24,.55);padding:6px;margin:-6px;border-radius:999px;backdrop-filter:blur(4px)}

/* ===== v3: tarjeta del jugador (cristal con aro), chip de compras, top, conversión, cobro ===== */
#player-card.player-card{background:linear-gradient(120deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),linear-gradient(135deg,#1c3a52,#10121c);border:1px solid #7fd6ff;box-shadow:0 6px 22px rgba(0,0,0,.45),0 0 16px rgba(127,214,255,.15);min-height:84px}
#player-card.con-banner{background-size:cover;background-position:center}
#player-card .player-avatar{border-radius:50%;border:3px solid #7fd6ff;box-shadow:0 0 14px rgba(127,214,255,.7)}
#player-card .player-label{color:#7fd6ff;font-size:10.5px;letter-spacing:1.2px;font-weight:800}
#player-card .player-name{color:#fff!important;font-family:inherit!important;font-size:21px;font-weight:800;letter-spacing:.3px}
#player-card .player-meta{color:#cfd8f5;opacity:.9}
#player-card .player-ok{background:#7fd6ff;color:#04121c;box-shadow:0 0 14px rgba(127,214,255,.7)}
.step-title .hchip{margin-left:auto;font-size:12px;font-weight:700;background:#232944;border:1px solid #7fd6ff;color:#fff;border-radius:999px;padding:5px 12px;cursor:pointer;white-space:nowrap}
.step-title .hchip[hidden]{display:none}
.hchip em{font-style:normal;background:#7fd6ff;color:#04121c;border-radius:99px;padding:0 7px;margin-left:4px}
.top-lista li{background:#171b2d}
.top-lista li.pod{background:#232a44;border:1px solid #7fd6ff}
.top-lista li.u0.pod{box-shadow:0 0 14px rgba(127,214,255,.35)}
.top-lista li .av{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.6);flex:none;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#fff}
.top-lista li .nom{display:flex;align-items:center;gap:8px}
.top-lista li .nom span.t{overflow:hidden;text-overflow:ellipsis}
.top-lista .op-badge{background:linear-gradient(135deg,#ffb300,#ff6d00);color:#1a0d00;font-size:.65rem;font-weight:800;padding:1px 8px;border-radius:99px;flex:none}
.conv-datos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.conv-datos div{background:#0e0f16;border:1px dashed #3a3f58;border-radius:10px;padding:8px}
.conv-datos small{display:block;color:#8b93a7;font-size:11px}.conv-datos b{color:#fff;font-size:14px}
.conv-res{margin:8px 0;font-size:15px;color:#cfd8f5}.conv-res b{color:#7fd6ff;font-size:19px}
.sb-conv{margin-top:6px;width:100%;background:transparent;border:1px solid #4a5580;color:#cfd8f5;border-radius:10px;padding:8px;font-size:13px;font-weight:700;cursor:pointer}
.cobro-form{display:grid;gap:10px;max-width:420px}.cobro-form label{display:grid;gap:4px;font-size:12px;color:#aab3cc}
.cobro-form input{background:#0a0c14;border:1px solid #2c3350;border-radius:8px;padding:9px 11px;color:#fff;font-size:14px}

/* ===== Cuenta Revendedor v2 ===== */
#auth-section.auth-card{border:1px solid rgba(127,214,255,.35);background:linear-gradient(160deg,rgba(28,40,66,.95),rgba(16,18,30,.97));box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 20px rgba(127,214,255,.08)}
.cu-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cu-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;color:#04121c;background:linear-gradient(135deg,#7fd6ff,#3aa0ff);box-shadow:0 0 16px rgba(127,214,255,.45);flex:none}
.cu-ttl h3{margin:0;font-size:21px;font-weight:800;background:linear-gradient(90deg,#fff,#a8e2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cu-ttl small{color:#9db4d9;font-size:12px}
.cu-perfil{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px}
.cu-av{width:46px;height:46px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;color:#fff;background:linear-gradient(135deg,#ff7a18,#ff2d55);border:2px solid #7fd6ff;overflow:hidden}
.cu-av img{width:100%;height:100%;object-fit:cover}
.cu-quien{display:flex;flex-direction:column;min-width:0;flex:1}
.cu-quien small{font-size:11px;color:#7fd6ff;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.cu-quien b{font-size:17px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-quien span{font-size:12px;color:#9db4d9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-salir{flex:none;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#dfe5f3;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.cu-salir:hover{background:rgba(255,92,92,.18);border-color:#ff7b7b}
.cu-saldos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.cu-saldo{border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px}
.cu-saldo span{font-size:12px;font-weight:700;opacity:.95}
.cu-saldo b{font-size:20px;font-weight:800;word-break:break-word}
.cu-mp{background:linear-gradient(135deg,#00a8f0,#0069a8);color:#fff;box-shadow:0 4px 16px rgba(0,158,227,.3)}
.cu-bn{background:linear-gradient(135deg,#2b2410,#15130b);border:1px solid #f3ba2f;color:#f3ba2f;box-shadow:0 4px 16px rgba(243,186,47,.15)}
.cu-acciones{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.cu-btn{border:0;border-radius:12px;padding:12px 8px;font-size:14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .15s,filter .15s}
.cu-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.cu-cargar{background:linear-gradient(135deg,#2ee27a,#12a85a);color:#031a0d;box-shadow:0 4px 14px rgba(46,226,122,.3)}
.cu-conv{background:rgba(127,214,255,.1);border:1.5px solid #7fd6ff;color:#bfe9ff}
.cu-nota{margin:10px 0 0;text-align:center;font-size:12px;color:#8b93a7}
@media(max-width:480px){.cu-salir span{display:none}.cu-salir{padding:9px 11px}.cu-saldo b{font-size:17px}.cu-btn{font-size:13px}}

@media(max-width:800px){
 .right-widgets-col{position:absolute}
 .como-box{margin-bottom:0}
 .hist-arriba{margin-bottom:10px}
 .hc-mis{display:none}
 .step-title .hchip{padding:4px 10px;font-size:12px}
 .step-title:has(.hchip) h3{font-size:1.05rem}
}

/* Top de recargas en el carrusel */
.slide-top{background:radial-gradient(circle at 80% 0%,rgba(127,214,255,.25),transparent 55%),linear-gradient(135deg,#1a2540,#0d0e15)!important}
.st-in{height:100%;display:flex;flex-direction:column;justify-content:center;padding:10px 12px;gap:8px}
.st-in h4{margin:0;text-align:center;font-size:clamp(13px,3.6vw,18px);color:#fff;letter-spacing:.5px}
.st-lista{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;align-items:end}
.st-vacio{grid-column:1/-1;text-align:center;font-size:12px;color:#9db4d9}
.st-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 2px;min-width:0;position:relative}
.st-item.st0,.st-item.st1,.st-item.st2{border-color:#7fd6ff;background:rgba(127,214,255,.1)}
.st-med{font-size:15px;line-height:1}
.st-av{width:clamp(26px,7vw,38px);height:clamp(26px,7vw,38px);border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.6);display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:13px}
.st-nom{font-size:clamp(9px,2.6vw,12px);color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-dia{font-size:clamp(8.5px,2.4vw,11px);color:#ffd23f;font-weight:700;white-space:nowrap}
.st-sop{font-style:normal;font-size:8px;font-weight:800;background:linear-gradient(135deg,#ffb300,#ff6d00);color:#1a0d00;border-radius:99px;padding:0 5px}

/* Slide: cómo cargar saldo */
.slide-ayuda{background:radial-gradient(circle at 15% 0%,rgba(46,226,122,.18),transparent 55%),linear-gradient(135deg,#17233d,#0d0e15)!important}
.sa-in{height:100%;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px 12px}
.sa-h{text-align:center;font-weight:800;font-size:clamp(13px,3.5vw,17px);color:#fff}
.sa-pasos{position:relative;min-height:84px}
.sa-paso{display:none;align-items:center;gap:10px;animation:sa-in .35s ease}
.sa-paso.on{display:flex}
@keyframes sa-in{from{opacity:0;transform:translateX(10px)}}
.sa-paso p{margin:0;font-size:clamp(11px,3vw,14px);line-height:1.35;color:#dfe5f3;flex:1}
.sa-paso p small{color:#9db4d9;font-size:.85em}
.sa-ill{flex:none;width:clamp(96px,28vw,150px);min-height:56px;background:#0b0d16;border:1px solid #2c3350;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;position:relative;flex-wrap:wrap}
.mk-head{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center;position:relative}
.mk-p{font-size:9px;font-weight:800;border-radius:6px;padding:2px 6px}.mk-bn{background:#2b2410;border:1px solid #f3ba2f;color:#f3ba2f}.mk-mp{background:#009ee3;color:#fff}
.mk-cargar{font-size:9px;font-weight:800;background:#2ee27a;color:#031a0d;border-radius:6px;padding:3px 6px;box-shadow:0 0 0 2px rgba(46,226,122,.4);animation:sa-pulso 1s infinite}
.mk-flecha{position:absolute;top:-10px;right:-8px;font-size:15px;color:#ffd23f}
@keyframes sa-pulso{50%{box-shadow:0 0 0 5px rgba(46,226,122,.15)}}
.mk-alias{font-size:10px;font-weight:800;color:#fff;background:#1b2033;border:1px dashed #5a6690;border-radius:6px;padding:3px 6px;word-break:break-all}
.mk-copiar{font-size:9px;font-weight:800;background:#38bdf8;color:#04121c;border-radius:6px;padding:3px 6px;animation:sa-pulso 1s infinite}
.mk-transf{text-align:center}.mk-transf small{display:block;font-size:9px;color:#8b93a7}.mk-transf b{font-size:11px;color:#fff}
.mk-pc{display:flex;gap:4px;width:100%;height:42px}.mk-pc i{flex:1;background:#1b2033;border-radius:4px}.mk-chatp{width:42%;background:#143a2a;border:1px solid #2ee27a;border-radius:4px;font-size:9px;font-weight:800;color:#7dffb0;display:flex;align-items:center;justify-content:center;animation:sa-pulso 1s infinite}
.mk-fab{font-size:11px;font-weight:800;background:#25d366;color:#04210f;border-radius:99px;padding:6px 12px;box-shadow:0 0 0 3px rgba(37,211,102,.3)}
.sa-cel{display:none}
@media(max-width:800px){.sa-pc{display:none!important}.sa-cel{display:flex!important}span.sa-cel{display:inline!important}}
@media(min-width:801px){span.sa-cel{display:none!important}}
.sa-puntos{display:flex;gap:5px;justify-content:center}.sa-puntos i{width:6px;height:6px;border-radius:50%;background:#38426a}.sa-puntos i.on{background:#2ee27a;width:16px;border-radius:9px}
/* Niveles */
.cu-nivel{display:flex;gap:12px;align-items:center;margin-top:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px}
.cu-niv-ico{font-size:30px;flex:none;filter:drop-shadow(0 0 8px rgba(255,210,63,.5))}
.cu-niv-t{flex:1;min-width:0;display:grid;gap:4px}
.cu-niv-fila{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.cu-niv-fila b{font-size:16px;color:#fff}.cu-niv-fila small,.cu-niv-t>small{color:#9db4d9;font-size:12px}
.cu-niv-bar{height:8px;background:#0d1020;border-radius:9px;overflow:hidden}.cu-niv-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7fd6ff,#3aa0ff);border-radius:9px;transition:width .6s}
.sb-niv{display:inline-block;margin-top:3px;font-size:11px;font-weight:800;background:rgba(127,214,255,.15);border:1px solid #7fd6ff;color:#bfe9ff;border-radius:99px;padding:1px 8px;width:max-content}
.cobro-sep{margin-top:6px;padding-top:10px;border-top:1px solid #2b3544;font-size:12px;font-weight:700;color:#7fd6ff}
.top-lista .niv{margin-left:2px;font-size:14px}

/* Modo administrador (secreto: se entra tocando "Zarela" en el menú) */
.adm-modo{display:none}
body.modo-admin .adm-modo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:8px 12px;background:rgba(243,186,47,.12);border:1px solid #f3ba2f;border-radius:10px;font-weight:800;color:#f3ba2f;font-size:14px}
.adm-modo button{background:#232944;border:1px solid #7fd6ff;color:#fff;border-radius:9px;padding:7px 12px;font-weight:700;font-size:13px;cursor:pointer}
body.modo-admin .zt, body.modo-admin .hero-banner-section, body.modo-admin .main-layout-grid, body.modo-admin #top-mes, body.modo-admin #auth-section,
body.modo-admin footer, body.modo-admin #reproductor, body.modo-admin #chat-fab, body.modo-admin #sakura-fx{display:none!important}
body.modo-admin #admin-panel-section{margin-top:14px}
#sb-logo{cursor:default;-webkit-tap-highlight-color:transparent;user-select:none}
/* Pausa del carrusel + controles de la guía */
.carousel-wrapper{position:relative}
.car-pausa{position:absolute;top:6px;right:6px;z-index:20;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(10,12,20,.7);color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.car-pausa.on{background:#2ee27a;color:#031a0d;border-color:#2ee27a}
.sa-ctrl{display:flex;align-items:center;justify-content:center;gap:8px}
.sa-nav{width:26px;height:26px;border-radius:50%;border:1px solid #4a5580;background:#1b2033;color:#fff;font-size:16px;line-height:1;cursor:pointer;padding:0}
.sa-pausa{margin-left:6px;border:1px solid #4a5580;background:#1b2033;color:#cfd8f5;border-radius:99px;font-size:10px;font-weight:700;padding:3px 9px;cursor:pointer}
.sa-pausa.on{background:#2ee27a;color:#031a0d;border-color:#2ee27a}
.slide-ayuda .sa-in{pointer-events:auto}
/* Guía en ¿Cómo funciona? */
.cf-guia{display:grid;gap:10px}
.cf-paso{display:flex;gap:12px;align-items:center;background:#171b2d;border:1px solid #2c3350;border-radius:12px;padding:10px}
.cf-paso p{margin:0;font-size:13.5px;line-height:1.45;color:#dfe5f3;flex:1}.cf-paso p b{color:#fff}
.cf-paso .sa-ill{width:130px}
@media(max-width:480px){.cf-paso{flex-direction:column;align-items:stretch}.cf-paso .sa-ill{width:100%}}
.mk-input{display:flex;gap:4px;align-items:center;width:100%}.mk-input span{flex:1;background:#0a0c14;border:1px solid #2c3350;border-radius:5px;font-size:10px;padding:4px 6px;color:#fff}.mk-input em{font-style:normal;font-size:9px;font-weight:800;background:linear-gradient(135deg,#ff4d2e,#ff8a1d);border-radius:5px;padding:4px 6px}
.mk-pack{text-align:center}.mk-pack b{display:block;font-size:12px;color:#ffd23f}.mk-pack span{display:inline-block;margin-top:3px;background:#efff00;color:#000;font-weight:800;font-size:9px;border-radius:5px;padding:2px 10px}
.mk-ok{font-size:12px;font-weight:800;color:#7dffb0;background:#12351f;border:1px solid #2e7d4f;border-radius:8px;padding:6px 10px}
/* Audio en el chat */
.chat-audio{display:block;width:100%;max-width:240px;height:38px;margin-top:6px}
.rec-bar{position:absolute;inset:0;z-index:5;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#161a2c;border-radius:inherit}
.rec-bar .rec-dot{width:10px;height:10px;border-radius:50%;background:#ff3b3b;animation:rec-p 1s infinite}
@keyframes rec-p{50%{opacity:.25}}
.rec-bar .rec-t{font-weight:800;font-variant-numeric:tabular-nums;color:#fff;flex:1}
.rec-bar .rec-t small{color:#9db4d9;font-weight:400;margin-left:6px}
.rec-bar button{border:0;border-radius:50%;width:36px;height:36px;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.rec-bar .rec-no{background:#3a1717;color:#ff9c9c}.rec-bar .rec-si{background:#2ee27a;color:#031a0d}
.btn-mic{background:none;border:0;color:#cfd8f5;font-size:18px;cursor:pointer;padding:0 6px}
.btn-mic:hover{color:#2ee27a}
.adm-mic{padding:6px 10px!important}
.adm-mic.escuchando{background:#c0262d!important;color:#fff!important;animation:rec-p 1s infinite}


/* ===== v8: panel admin (desplegables + guardar siempre a la vista) ===== */
#admin-panel-section{display:none!important}
body.modo-admin #admin-panel-section{display:block!important;width:min(1100px,100%);margin-left:auto;margin-right:auto}
.cobro-barra{position:sticky;top:8px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:10px 12px;background:rgba(20,22,32,.96);border:1px solid #2c3350;border-radius:12px;backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.cobro-barra p{margin:0;font-size:13px;color:#aab3cc;flex:1;min-width:0}
.cobro-guardar{flex:none;border:0;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#ffd23f,#f3a712);color:#1a1100;box-shadow:0 4px 14px rgba(243,167,18,.35);transition:transform .15s,filter .15s}
.cobro-guardar:hover{transform:translateY(-1px);filter:brightness(1.07)}
.cobro-guardar:disabled{opacity:.6;cursor:wait}
.cobro-acordeon{display:grid;gap:10px}
.cobro-sec{background:#0e0f16;border:1px solid #2c3350;border-radius:12px;overflow:hidden}
.cobro-sec[open]{border-color:#f3ba2f}
.cobro-sec summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;user-select:none}
.cobro-sec summary::-webkit-details-marker{display:none}
.cobro-sec summary:hover{background:rgba(255,255,255,.04)}
.cs-ico{font-size:20px;flex:none}
.cs-t{flex:1;min-width:0;display:flex;flex-direction:column;font-weight:800;font-size:15px;color:#fff}
.cs-t small{font-weight:500;font-size:12px;color:#8f9ab8;margin-top:2px}
.cobro-sec summary>i{color:#f3ba2f;transition:transform .2s}
.cobro-sec[open] summary>i{transform:rotate(180deg)}
.cobro-sec .cobro-form input{width:100%;box-sizing:border-box}
.cobro-sec .cobro-form{max-width:none;padding:4px 14px 14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
@media(max-width:600px){.cobro-barra{flex-direction:column;align-items:stretch}.cobro-guardar{width:100%}}

/* ===== v8: chip de Mercado Pago con texto oscuro (mejor contraste sobre el celeste) ===== */
.cu-mp{background:linear-gradient(135deg,#33c3f5,#009ee3);color:#04202e;box-shadow:0 4px 16px rgba(0,158,227,.3)}
.sb-mp{color:#04202e}
.sb-mp .sb-saldo-ico{background:#04202e;color:#7fe0ff}

/* ===== v8: precios Binance bloqueados ===== */
.bn-lock{display:flex;gap:12px;align-items:center;margin:0 0 12px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(243,186,47,.16),rgba(255,120,0,.1));border:1.5px solid #f3ba2f;color:#ffe9b0}
.bn-lock-ico{font-size:28px;flex:none;filter:drop-shadow(0 0 8px rgba(243,186,47,.6));animation:lockBalanceo 3s ease-in-out infinite}
.bn-lock-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;font-size:13px;line-height:1.4}
.bn-lock-t b{color:#ffd23f;font-size:15px}
.bn-lock-bar{height:7px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:5px}
.bn-lock-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f3ba2f,#ffef9a);transition:width .6s}
.bn-lock.ok{background:rgba(46,226,122,.12);border-color:#2ee27a;color:#c9ffe0}
.bn-lock.ok b{color:#2ee27a}.bn-lock.ok .bn-lock-ico{animation:none}.bn-lock.ok .bn-lock-bar{display:none}
@keyframes lockBalanceo{0%,100%{transform:rotate(0)}10%{transform:rotate(-9deg)}20%{transform:rotate(8deg)}30%{transform:rotate(0)}}
.grid-diamonds.bloqueada{position:relative;opacity:.62;filter:grayscale(.55);user-select:none;-webkit-user-select:none;pointer-events:none;cursor:not-allowed}
.grid-diamonds.bloqueada .btn-buy{font-size:0!important;background:#3a3f52!important;border-color:#4a5068!important;box-shadow:none!important}
.grid-diamonds.bloqueada .btn-buy::after{content:"🔒 Bloqueado";font-size:13px;font-weight:800;color:#c8cee0}

/* ===== v8: insignia de nivel al lado del nombre ===== */
.niv-ins{display:inline-flex;align-items:center;gap:3px;font-size:.64rem;font-weight:800;line-height:1;padding:3px 8px;border-radius:99px;white-space:nowrap;flex:none;letter-spacing:.2px;position:relative;overflow:hidden}
@keyframes brilloPasa{0%,55%{left:-60%}100%{left:130%}}
@keyframes bannerMov{0%{background-position:0 0}100%{background-position:250% 0}}

/* ===== v8: banner de la tarjeta de perfil según nivel ===== */
.cu-perfil{position:relative}
@media (prefers-reduced-motion:reduce){.niv-ins,.niv-ins::after,.cu-perfil,.nvb,.nvb::after,.bn-lock-ico{animation:none!important}}


/* ===== v9: banner de nivel (entre la foto y el final del nombre; sutil, respeta el estilo cristalizado) ===== */
.nvb{--c:127,214,255;position:relative;display:inline-flex;align-items:center;gap:7px;max-width:100%;min-width:0;padding:3px 11px 3px 9px;border-radius:9px;overflow:hidden;background:linear-gradient(90deg,rgba(var(--c),.2),rgba(var(--c),.04));box-shadow:inset 2px 0 0 rgba(var(--c),.85)}
.nvb>b,.nvb>.t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nvb-ico{font-size:13px;line-height:1;flex:none}
.nvb-t{font-size:.6rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:rgb(var(--c));opacity:.95;flex:none}
.top-lista li .nom .nvb{flex:0 1 auto}
.top-lista li .nom{overflow:hidden}
.op-cab .nvb{flex:0 1 auto}

/* ===== v9: audios estilo WhatsApp ===== */
.wa-aud{display:flex;align-items:center;gap:10px;width:100%;min-width:215px;max-width:300px;padding:2px 0;margin-top:2px;color:#fff}
.wa-play{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#16203a;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.35);transition:transform .12s}
.wa-play:hover{transform:scale(1.06)}.wa-play:active{transform:scale(.94)}
.wa-play .ic-pause{display:none}.wa-aud.on .ic-play{display:none}.wa-aud.on .ic-pause{display:block}
.wa-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.wa-wave{display:flex;align-items:center;gap:2px;height:30px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
.wa-wave i{flex:1 1 0;min-width:2px;max-width:5px;border-radius:3px;background:rgba(255,255,255,.38);transition:background .1s}
.wa-wave i.on{background:#fff}
.wa-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:600;color:rgba(255,255,255,.85);font-variant-numeric:tabular-nums}
.wa-vel{display:none;border:0;border-radius:99px;padding:1px 8px;font-size:10.5px;font-weight:800;background:rgba(255,255,255,.22);color:#fff;cursor:pointer}
.wa-aud.on .wa-vel,.wa-vel:focus-visible{display:inline-block}
.wa-aud.roto{opacity:.7}
.chat-message .wa-aud,.chat-v2 .chat-message .wa-aud{margin-top:2px}

/* ===== v9: precios ===== */
.precio-ars{margin:-2px 0 8px;font-size:.78rem;font-weight:700;color:#aebbd6;letter-spacing:.2px}
.pa-fila{display:grid;grid-template-columns:90px 1fr 1fr 1fr;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.pa-fila b{color:#fff;font-size:14px}
.pa-cab{font-size:11px;font-weight:800;color:#8f9ab8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2c3350}
.pa-fila label{display:block;margin:0}
.pa-fila input{width:100%;box-sizing:border-box;background:#0a0c14;border:1px solid #2c3350;border-radius:8px;padding:8px 10px;color:#fff;font-size:14px}
.pa-eq{font-size:13px;font-weight:700;color:#7fd6ff}
.pa-vacio{color:#ffb347;font-size:13px;margin:6px 0}
.pa-nota{font-size:12px;color:#8f9ab8;margin:4px 0 8px}
@media(max-width:640px){
 .pa-cab{display:none}
 .pa-fila{grid-template-columns:1fr 1fr;gap:8px;padding:10px 0}
 .pa-fila b{grid-column:1/-1;font-size:15px}
 .pa-fila label::before{content:attr(data-t);display:block;font-size:11px;color:#8f9ab8;margin-bottom:3px}
 .pa-eq{grid-column:1/-1}
}


/* ===== v10: panel administrador con barra lateral de secciones ===== */
.adm-modo{display:none!important}
.adm-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.adm-tit{font-weight:800;font-size:15px;color:#f3ba2f;display:inline-flex;align-items:center;gap:8px}
.adm-salir{border:1px solid #7fd6ff;background:rgba(127,214,255,.08);color:#bfe9ff;border-radius:9px;padding:6px 11px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.adm-salir:hover{background:rgba(127,214,255,.18)}
.adm-layout{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:start}
.adm-rail{position:sticky;top:8px;display:flex;flex-direction:column;gap:6px;background:#0e0f16;border:1px solid #2b3544;border-radius:12px;padding:6px}
.adm-rail .admin-tab{flex:none;position:relative;width:100%;justify-content:flex-start;gap:9px;padding:9px 10px;font-size:13px;border-radius:9px;background:transparent;border-color:transparent}
.adm-rail .admin-tab .rt-i{font-size:16px;line-height:1}
.adm-rail .admin-tab.activa{background:rgba(243,186,47,.14);border-color:#f3ba2f;color:#f3ba2f}
.adm-rail .admin-alerta{position:absolute;top:3px;right:4px}
.adm-contenido{min-width:0}
.adm-ayuda{margin:0 0 8px;font-size:12.5px;color:#9aa3bd}
@media(max-width:800px){
 body.modo-admin #admin-panel-section{padding:10px;border-radius:14px}
 .adm-layout{grid-template-columns:60px minmax(0,1fr);gap:8px}
 .adm-rail{padding:4px;gap:3px;top:6px}
 .adm-rail .admin-tab{flex-direction:column;justify-content:center;gap:2px;padding:7px 0;font-size:9px;text-align:center;line-height:1.1;letter-spacing:-.1px}
 .adm-rail .admin-tab .rt-i{font-size:18px}
 .adm-salir span{display:none}.adm-salir{padding:7px 10px}
 .adm-tit{font-size:14px}
}

/* secciones de cobro/precios/niveles: se elige desde la barra lateral, no se pliegan */
.cobro-sec summary{pointer-events:none;padding:9px 12px}
.cobro-sec summary>i{display:none}
.cs-ico{font-size:17px}.cs-t{font-size:14px}.cs-t small{font-size:11.5px}
.cobro-sec{margin-bottom:0}
.cobro-sec[hidden]{display:none}
.cobro-sec .cobro-form{padding:2px 12px 12px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.cobro-form label{font-size:11.5px}.cobro-form input{padding:7px 9px;font-size:13px}
.cobro-barra{padding:8px 10px;margin-bottom:8px}
.cobro-barra p{font-size:12px}
.cobro-guardar{padding:9px 14px;font-size:13px}
@media(max-width:600px){.cobro-barra{flex-direction:row}.cobro-barra p{display:none}.cobro-guardar{width:100%}}

/* precios: filas compactas */
.pa-fila{grid-template-columns:62px 1fr 1fr;gap:8px;padding:5px 0}
.pa-fila b{font-size:13px}
.pa-fila input{padding:6px 8px;font-size:13px}
.pa-fila .pa-eq{display:block;margin-top:2px;font-size:11px;font-weight:700;color:#7fd6ff}
.pa-cab{font-size:10px;padding-bottom:4px}
.pa-nota{font-size:11.5px;margin:2px 0 6px}
@media(max-width:640px){
 .pa-cab{display:grid}
 .pa-fila{grid-template-columns:54px 1fr 1fr;gap:6px;padding:5px 0}
 .pa-fila b{grid-column:auto;font-size:12.5px}
 .pa-fila label::before{content:none}
 .pa-eq{grid-column:auto}
}

/* chat del cliente en el panel (celular): cerrado = no se ve nunca debajo de la lista */
@media(max-width:800px){
 #admin-vista-clientes #admin-chat-view{display:none!important}
 #admin-vista-clientes.adm-chat-abierto #admin-chat-view{display:flex!important}
}

/* Top de recargas: nunca se sale de la pantalla */
.top-lista{grid-template-columns:minmax(0,1fr)}
.top-lista li{min-width:0}
.top-lista li .nom{min-width:0;flex:1 1 0}
@media(max-width:600px){
 .top-lista li{gap:7px;padding:7px 9px}
 .top-lista li .nvb-t{display:none}
 .top-lista li .nvb{padding:3px 8px 3px 7px}
 .top-lista li .dia{font-size:12.5px}
 .top-lista li .av{width:32px;height:32px}
 .top-lista li .pos{width:20px;font-size:16px}
}

/* ===== v10: menú lateral más compacto ===== */
.sidebar-menu{width:min(292px,84vw)}
.sidebar-content{gap:8px;padding:10px 12px}
.sb-perfil{padding:8px 10px;gap:10px}
.sb-avatar{width:38px;height:38px;font-size:1rem}
.sb-perfil-txt strong{font-size:.9rem}.sb-perfil-txt small{font-size:.7rem}
.sb-accion{padding:8px 10px;gap:10px;border-radius:12px}
.sb-ico{width:34px;height:34px;font-size:1.1rem;border-radius:10px}
.sb-txt b{font-size:.86rem}.sb-txt small{font-size:.7rem}
.sb-wallet{padding:8px;gap:6px;border-radius:12px}
.sb-wallet-tit{font-size:.82rem}
.sb-saldos2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sb-saldos2 .sb-saldo{flex-direction:column;align-items:flex-start;gap:4px;padding:7px 9px}
.sb-saldos2 .sb-saldo-ico{width:24px;height:24px;font-size:.75rem;border-radius:7px}
.sb-saldos2 .sb-saldo-txt small{font-size:.65rem}
.sb-saldos2 .sb-saldo-txt strong{font-size:.92rem;word-break:normal}
.sb-conv,.sb-cargar{margin-top:0;padding:8px;font-size:.82rem;border-radius:10px}
.sb-niv{font-size:10.5px;padding:0 7px}
.sidebar-header{padding:10px 14px}
.status-indicator{font-size:.75rem}
.sidebar-footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:6px}
.sb-logout{padding:8px;font-size:.82rem}

/* ===== v11: menú ⋮ del chat (estilo WhatsApp) ===== */
.adm-ex{display:none!important}
.adm-cab.adm-cab-v2{position:relative;display:flex!important;align-items:center;gap:8px;flex-wrap:nowrap!important;margin:0 0 8px!important;padding:2px 2px 6px!important;background:transparent;border-bottom:1px solid #2b3544;word-break:normal!important}
.adm-cab-v2 .adm-cab-t{flex:1 1 auto!important;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.adm-cab-v2 .adm-cab-t strong{font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none}
.adm-cab-v2 .adm-cab-t div{font-size:11px!important;color:#8b93a7!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none!important}
.adm-puntos{flex:none!important;width:34px;height:34px;border-radius:50%;border:1px solid #2b3544;background:#161822;color:#dfe5f3;cursor:pointer;display:grid;place-items:center;margin:0!important}
.adm-puntos:hover{background:#1f2433;border-color:#f3ba2f;color:#f3ba2f}
.adm-menu{position:absolute!important;top:42px;right:0;z-index:30;min-width:220px;flex:none!important;display:flex;flex-direction:column;padding:6px;background:#1a1d2b;border:1px solid #3a4160;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.55)}
.adm-menu[hidden]{display:none!important}
.adm-mi{display:flex!important;align-items:center;gap:10px;width:100%!important;margin:0!important;padding:9px 10px!important;border:0!important;border-radius:8px;background:transparent!important;color:#e6ebf7;font-size:13px;font-weight:600;text-align:left;cursor:pointer}
.adm-mi:hover{background:rgba(255,255,255,.08)!important}
.adm-mi span{font-size:16px;width:20px;text-align:center}
.adm-mi b{font-weight:600}
.adm-cab-v2 ~ details,.adm-cab-v2 ~ #admin-caja-saldo,.adm-cab-v2 ~ label.adm-buscar{margin:0 0 8px!important}
@media(max-width:800px){
 .adm-chat-abierto .adm-cab.adm-cab-v2{padding:8px 10px!important;background:#161822;margin:0!important}
 .adm-chat-abierto .adm-cab-v2 .adm-atras{flex:none}
 .adm-chat-abierto .adm-menu{right:10px;top:50px}
}

/* ===== v11: panel de clientes a la altura de la pantalla (PC) ===== */
@media(min-width:801px){
 body.modo-admin #admin-vista-clientes > div{align-items:stretch}
 body.modo-admin #admin-chat-view{height:calc(100dvh - 190px);min-height:440px;max-height:780px;overflow:hidden}
 body.modo-admin #admin-chat-view .adm-msgs{flex:1 1 auto!important;height:auto!important;min-height:0!important}
 body.modo-admin #admin-chat-view > *{flex:none}
 body.modo-admin #admin-chat-view > .adm-msgs{flex:1 1 auto}
 body.modo-admin #admin-users-list{min-height:0!important}
}
.sb-avisos{background:#1b1f33;color:#e6ebf7;border-color:#3a4160}
.sb-avisos .sb-ico{background:rgba(127,214,255,.15);font-size:1.1rem}
.sb-avisos.off .sb-ico{background:rgba(255,255,255,.07);filter:grayscale(1)}
.sb-avisos .sb-txt small{color:#9aa3bd}

/* ===== v11: cinta "En vivo" rotativa ===== */
.zt-mov.zt-rot{animation:none;display:block}
.zt-pista{display:flex;align-items:center}
.zt-item.zt-in{animation:ztEntra .5s ease both;padding-right:0;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.zt-item small{color:#8b93a7;font-size:11.5px}
.zt-chip{margin-left:4px;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:rgba(46,226,122,.16);color:#37e98a;border:1px solid rgba(46,226,122,.4)}
.zt-nuevo .zt-chip{background:linear-gradient(135deg,#ffb300,#ff6d00);color:#1a0d00;border-color:transparent;animation:ztPulso 1.2s ease-in-out 3}
@keyframes ztEntra{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes ztPulso{50%{transform:scale(1.12)}}
.zt-pista{-webkit-mask-image:none;mask-image:none}

/* ===== v11: celular más compacto (Cuenta revendedor y Opiniones) ===== */
@media(max-width:800px){
 #auth-section.auth-card{padding:12px}
 .cu-head{gap:9px;margin-bottom:9px}
 .cu-ico{width:32px;height:32px;font-size:14px;border-radius:9px}
 .cu-ttl h3{font-size:16px}
 .cu-ttl small{font-size:10.5px}
 .cu-perfil{padding:7px 9px;gap:9px;border-radius:12px}
 .cu-av{width:36px;height:36px;font-size:15px}
 .cu-quien small{font-size:9.5px}
 .cu-quien b{font-size:14px}
 .cu-quien span{font-size:10.5px}
 .cu-salir{padding:7px 9px;font-size:12px}
 .cu-nivel{padding:7px 9px!important;gap:8px!important;margin-top:8px!important;border-radius:12px!important}
 .cu-niv-ico{font-size:24px!important}
 .cu-saldos{gap:7px;margin-top:8px}
 .cu-saldo{padding:8px 10px;border-radius:12px;gap:1px}
 .cu-saldo span{font-size:11px}
 .cu-saldo b{font-size:15px}
 .cu-acciones{gap:7px;margin-top:8px}
 .cu-btn{padding:9px 6px;font-size:12.5px;border-radius:10px}
 .cu-nota{font-size:10.5px;margin-top:7px;line-height:1.3}

 .op-resumen{flex-wrap:nowrap!important;gap:12px!important;padding:9px 11px!important;margin-bottom:10px!important;border-radius:12px!important}
 .op-prom{min-width:78px!important}
 .op-prom b{font-size:1.55rem!important}
 .op-prom .op-estrellas{font-size:.72rem!important;letter-spacing:1px!important}
 .op-prom small{font-size:.66rem!important}
 .op-barras{min-width:0!important;gap:2px!important}
 .op-barra{font-size:.64rem!important;gap:6px!important}
 .op-barra span{height:5px!important}
 .op-card{gap:9px!important;padding:9px!important;border-radius:10px!important}
 .op-avatar{flex-basis:34px!important;width:34px!important;height:34px!important;font-size:.85rem}
 .op-cab{gap:6px!important;margin-bottom:2px!important}
 .op-cab b{font-size:.8rem!important}
 .op-cab .op-estrellas{font-size:.7rem!important}
 .op-cab time{font-size:.66rem!important}
 .op-cuerpo p{font-size:.82rem!important;line-height:1.35!important}
 .op-reacs{gap:4px!important;margin-top:5px!important}
 .op-reac{padding:2px 8px!important;font-size:.72rem!important}
 .op-link{font-size:.7rem!important}
 .nvb{padding:2px 8px 2px 7px}
 .nvb-t{font-size:.54rem}
}
@media(max-width:800px){.cu-niv-fila b{font-size:13px}.cu-niv-fila small,.cu-niv-t>small{font-size:10.5px}.cu-niv-bar{height:6px}}
@media(max-width:480px){.zt-item.zt-in{font-size:12px;gap:4px}.zt-item .zt-chip{display:none}.zt-item.zt-nuevo .zt-chip{display:inline}.zt-item.zt-nuevo small{display:none}.zt-item small{font-size:10.5px}}


/* ===== v12: archivados, salas, altura pareja de chats ===== */
.adm-rail .rt-sep{display:block;height:1px;background:#2b3544;margin:4px 6px;flex:none}
.adm-rail .rt-n{margin-left:auto;min-width:18px;padding:1px 6px;border-radius:99px;background:#3b82f6;color:#fff;font-size:10px;font-weight:800;text-align:center}
.adm-rail .rt-n[hidden]{display:none}
.adm-sep{height:1px;background:#2f3652;margin:5px 4px}
.adm-mi.en-sala{color:#7dffb0}
@media(max-width:800px){
 .adm-rail .rt-n{position:absolute;top:2px;right:2px;margin:0;min-width:15px;padding:0 4px;font-size:9px}
 .adm-rail .rt-sep{margin:2px 8px}
 .adm-rail .admin-tab .rt-t{font-size:8.5px}
}
@media(min-width:801px){
 body.modo-admin #admin-vista-clientes{--adm-h:566px}
 body.modo-admin #admin-vista-clientes > div{align-items:flex-start;flex-wrap:nowrap}
 body.modo-admin #admin-col-lista{height:var(--adm-h);flex:1 1 0!important;min-width:230px!important;align-self:flex-start}
 body.modo-admin #admin-users-list{flex:1 1 auto;min-height:0!important;max-height:none!important;overflow-y:auto}
 body.modo-admin #admin-chat-view{height:var(--adm-h)!important;min-height:0!important;max-height:none!important;flex:2 1 0!important;min-width:0!important;overflow:hidden}
}
.sl-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.sl-chip{border:1px solid #2c3350;background:#161822;color:#c8cee0;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer}
.sl-chip b{margin-left:4px;color:#7fd6ff}
.sl-chip.on{background:rgba(243,186,47,.14);border-color:#f3ba2f;color:#f3ba2f}
.sl-lista{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto;background:#0e0f16;border-radius:10px;padding:8px}
.sl-fila{display:flex;align-items:center;gap:10px;background:#161822;border:1px solid #2b3544;border-radius:9px;padding:7px 10px}
.sl-n{flex:1;min-width:0;display:flex;flex-direction:column}
.sl-n b{font-size:13px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-n small{font-size:11px;color:#8b93a7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-tags{display:flex;gap:4px;flex:none}
.sl-tags span{font-size:10px;font-weight:800;padding:2px 7px;border-radius:99px;background:rgba(127,214,255,.14);border:1px solid rgba(127,214,255,.4);color:#bfe9ff}
.sl-quitar{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid #3a4160;background:transparent;color:#9aa3bd;cursor:pointer}
.sl-quitar:hover{color:#ff7b7f;border-color:#ff7b7f}
.sl-aviso{margin-top:12px;background:#161822;border:1px solid #2b3544;border-radius:12px;padding:10px;display:grid;gap:8px}
.sl-aviso label{font-size:12px;font-weight:700;color:#aab3cc}
.sl-aviso textarea{width:100%;box-sizing:border-box;background:#0a0c14;border:1px solid #2c3350;border-radius:8px;padding:9px 10px;color:#fff;font:inherit;font-size:14px;resize:vertical}
.sl-aviso small{font-size:11.5px;color:#8b93a7}
.sl-enviar{border:0;border-radius:10px;padding:11px 14px;font-size:14px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#ffd23f,#f3a712);color:#1a1100;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.sl-enviar:disabled{opacity:.5;cursor:not-allowed}
@media(min-width:801px){.adm-layout{grid-template-columns:152px minmax(0,1fr)}.adm-rail .admin-tab .rt-t{white-space:nowrap}.adm-rail #admin-tab-todas .rt-t{white-space:normal;line-height:1.15}}
@media(max-width:800px){.adm-rail .admin-tab .rt-t{white-space:nowrap;font-size:8px;letter-spacing:-.2px}.adm-rail #admin-tab-todas .rt-t{white-space:normal}}

/* v13: insignia de nivel en el top del carrusel */
.st-niv{font-size:clamp(7.5px,2.1vw,10px);font-weight:800;line-height:1.5;padding:0 6px;border-radius:99px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;background:rgba(255,255,255,.12);color:#dff4ff;border:1px solid rgba(255,255,255,.18)}

/* v14: bienvenida (diseño 4) y Top del carrusel en podio, cristal azul + verde */
.carousel-slide:has(.sb-bienv){padding:0}
.sb-bienv{position:relative;width:100%;height:100%;container-type:inline-size;display:flex;align-items:center;overflow:hidden;border-radius:inherit;
  background:linear-gradient(180deg,rgba(6,12,32,.55),rgba(6,12,32,.55)),linear-gradient(90deg,rgba(0,40,80,.55),rgba(5,10,30,.2)),url('fondo-pagina-pc.jpg') 62% 18%/cover}
.sb-in{margin:0 auto;text-align:center;padding:5cqw 6cqw;border-radius:5cqw;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(127,214,255,.35);box-shadow:0 8px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.22);max-width:88%}
.sb-in small{display:block;font-size:2.4cqw;letter-spacing:.9cqw;font-weight:300;color:#dff4ff;opacity:.92}
.sb-in h2{margin:1.2cqw 0 0;font-size:7.6cqw;line-height:1.05;font-weight:300;letter-spacing:.3cqw;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.sb-in h2 b{font-weight:800;background:linear-gradient(100deg,#7fd6ff 20%,#e9fbff 45%,#19e68c 60%,#7fd6ff 80%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sbBrillo 7s ease-in-out infinite}
.sb-linea{display:block;width:12cqw;height:2px;margin:2.4cqw auto;border-radius:2px;background:linear-gradient(90deg,transparent,#7fd6ff,transparent)}
.sb-in p{margin:0;font-size:2.3cqw;color:#e3f2ff;opacity:.9}
@keyframes sbBrillo{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.sb-in h2 b{animation:none}}

.slide-top{container-type:size;border:1px solid rgba(25,230,140,.65);
  background:radial-gradient(ellipse at 50% -15%,rgba(25,230,140,.5),transparent 62%),radial-gradient(ellipse at 50% 125%,rgba(0,40,28,.95),transparent 70%),linear-gradient(180deg,#0d4a34 0%,#06241a 52%,#020b08 100%)!important;
  box-shadow:0 0 16px rgba(25,230,140,.35),inset 0 0 22px rgba(25,230,140,.22),0 6px 20px rgba(0,0,0,.8)}
.slide-top::before,.slide-top::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.2}
.slide-top::before{background:radial-gradient(circle at 43% 22%,#b9ffd9 0,#b9ffd9 0.6px,transparent 1.2px),radial-gradient(circle at 11% 71%,#eafff4 0,#eafff4 1px,transparent 1.6px),radial-gradient(circle at 76% 10%,#fff 0,#fff 0.8px,transparent 1.4px),radial-gradient(circle at 6% 14%,#b9ffd9 0,#b9ffd9 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 10% 33%,#eafff4 0,#eafff4 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 9% 75%,#eafff4 0,#eafff4 0.8px,transparent 1.4px),radial-gradient(circle at 82% 83%,#fff 0,#fff 0.6px,transparent 1.2px),radial-gradient(circle at 75% 77%,#b9ffd9 0,#b9ffd9 0.6px,transparent 1.2px),radial-gradient(circle at 30% 8%,#fff 0,#fff 0.8px,transparent 1.4px),radial-gradient(circle at 39% 56%,#eafff4 0,#eafff4 0.6px,transparent 1.2px),radial-gradient(circle at 75% 42%,#fff 0,#fff 0.8px,transparent 1.4px),radial-gradient(circle at 15% 77%,#fff 0,#fff 0.8px,transparent 1.4px),radial-gradient(circle at 49% 15%,#fff 0,#fff 0.6px,transparent 1.2px),radial-gradient(circle at 74% 10%,#fff 0,#fff 0.8px,transparent 1.4px),radial-gradient(circle at 65% 90%,#fff 0,#fff 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 42% 62%,#fff 0,#fff 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 48% 41%,#eafff4 0,#eafff4 0.8px,transparent 1.4px),radial-gradient(circle at 91% 34%,#eafff4 0,#eafff4 1px,transparent 1.6px),radial-gradient(circle at 69% 66%,#b9ffd9 0,#b9ffd9 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 38% 80%,#eafff4 0,#eafff4 0.6px,transparent 1.2px),radial-gradient(circle at 67% 56%,#eafff4 0,#eafff4 1px,transparent 1.6px),radial-gradient(circle at 21% 65%,#b9ffd9 0,#b9ffd9 0.6px,transparent 1.2px);animation:stTit 3.6s ease-in-out infinite}
.slide-top::after{background:radial-gradient(circle at 87% 12%,#d6f5ff 0,#d6f5ff 1px,transparent 1.6px),radial-gradient(circle at 45% 91%,#9dffcb 0,#9dffcb 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 76% 61%,#eafff4 0,#eafff4 0.6px,transparent 1.2px),radial-gradient(circle at 36% 63%,#d6f5ff 0,#d6f5ff 0.6px,transparent 1.2px),radial-gradient(circle at 9% 96%,#d6f5ff 0,#d6f5ff 1px,transparent 1.6px),radial-gradient(circle at 84% 76%,#d6f5ff 0,#d6f5ff 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 38% 94%,#9dffcb 0,#9dffcb 1px,transparent 1.6px),radial-gradient(circle at 4% 62%,#9dffcb 0,#9dffcb 0.8px,transparent 1.4px),radial-gradient(circle at 80% 17%,#9dffcb 0,#9dffcb 0.6px,transparent 1.2px),radial-gradient(circle at 29% 39%,#eafff4 0,#eafff4 0.8px,transparent 1.4px),radial-gradient(circle at 52% 53%,#9dffcb 0,#9dffcb 0.6px,transparent 1.2px),radial-gradient(circle at 23% 60%,#9dffcb 0,#9dffcb 1px,transparent 1.6px),radial-gradient(circle at 19% 58%,#d6f5ff 0,#d6f5ff 1px,transparent 1.6px),radial-gradient(circle at 92% 56%,#9dffcb 0,#9dffcb 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 31% 22%,#eafff4 0,#eafff4 0.8px,transparent 1.4px),radial-gradient(circle at 21% 32%,#d6f5ff 0,#d6f5ff 0.8px,transparent 1.4px),radial-gradient(circle at 3% 65%,#d6f5ff 0,#d6f5ff 0.8px,transparent 1.4px),radial-gradient(circle at 35% 39%,#eafff4 0,#eafff4 0.8px,transparent 1.4px),radial-gradient(circle at 55% 71%,#9dffcb 0,#9dffcb 1px,transparent 1.6px),radial-gradient(circle at 18% 91%,#d6f5ff 0,#d6f5ff 0.6px,transparent 1.2px),radial-gradient(circle at 60% 90%,#d6f5ff 0,#d6f5ff 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 52% 54%,#9dffcb 0,#9dffcb 0.6px,transparent 1.2px);animation:stTit 3.6s ease-in-out -1.8s infinite}
@keyframes stTit{0%,100%{opacity:.08}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.slide-top::before,.slide-top::after{animation:none;opacity:.6}}
.st-in{position:relative;z-index:1;padding:2cqh 3cqw 2.5cqh;gap:1.5cqh;justify-content:space-between}
.st-in h4{font-size:8.5cqh;line-height:1;text-shadow:0 0 12px rgba(25,230,140,.6)}
.st-lista{display:flex;flex-direction:column;gap:3cqh;align-items:stretch}
.st-podio{display:flex;justify-content:center;align-items:flex-end;gap:2.4cqw}
.st-podio .st-item{flex:0 1 25cqw;background:rgba(255,255,255,.06);border:1px solid rgba(25,230,140,.35);border-radius:min(5cqh,3cqw);padding:2cqh 1cqw;gap:.8cqh;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(3px)}
.st-podio .st-item.st0{flex-basis:29cqw;border-color:#19e68c;background:rgba(25,230,140,.14);box-shadow:0 0 14px rgba(25,230,140,.4),inset 0 1px 0 rgba(255,255,255,.2)}
.st-podio .st-av{width:18cqh;height:18cqh;font-size:8cqh;border:2px solid #7fd6ff}
.st-podio .st-item.st0 .st-av{width:23cqh;height:23cqh;font-size:10cqh;border-color:#19e68c}
.st-podio .st-med{position:absolute;top:1.2cqh;left:1.2cqw;width:10cqh;height:10cqh;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:6.6cqh;font-weight:800;line-height:1;color:#04210f;background:linear-gradient(135deg,#9dffc9,#19e68c);box-shadow:0 0 8px rgba(25,230,140,.6)}
.st-podio .st-st1 .st-med,.st-podio .st-item.st1 .st-med{background:linear-gradient(135deg,#e9fbff,#7fd6ff);color:#06223a;box-shadow:0 0 8px rgba(127,214,255,.6)}
.st-podio .st-item.st2 .st-med{background:linear-gradient(135deg,#cfe0ff,#5b8cff);color:#0a1a45;box-shadow:0 0 8px rgba(91,140,255,.6)}
.st-fn{display:flex;align-items:center;gap:1cqw;max-width:100%;justify-content:center;min-width:0}
.st-podio .st-nom{font-size:7.5cqh;line-height:1.1}
.st-podio .st-dia{font-size:7cqh;line-height:1.1;color:#e9fbff}
.st-niv{font-size:6.5cqh;padding:0;background:none;border:0;line-height:1}
.st-resto{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}
.st-resto .st-item{flex-direction:row;gap:1.6cqw;padding:1.4cqh 2.2cqw;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(25,230,140,.3);min-width:0}
.st-resto .st-item{padding:1cqh 2.4cqw}
.st-resto .st-av{width:15cqh;height:15cqh;font-size:7cqh;flex:none;border:2px solid #7fd6ff}
.st-resto .st-tx{display:flex;flex-direction:column;align-items:flex-start;gap:.4cqh;min-width:0;flex:1}
.st-resto .st-nom{font-size:7.5cqh;line-height:1.1;max-width:100%}
.st-sub{display:flex;align-items:center;gap:1.2cqw;font-size:6.3cqh;line-height:1.1;white-space:nowrap;max-width:100%}
.st-sub .st-med{font-size:6.3cqh;color:#9dffc9;font-weight:800}
.st-resto .st-dia{font-size:6.3cqh;color:#e9fbff}
.st-resto .st-niv{font-size:6.3cqh}
.st-sop{font-size:4.6cqh}

/* Top de recargas de abajo: un poco más redondeado */
#top-mes{border-radius:26px}
.top-lista{gap:8px}
.top-lista li{border-radius:18px;padding:9px 14px}
.top-lista li .av{border-radius:50%}
.top-lista .op-badge,.top-lista li .nvb{border-radius:99px}

/* Top de abajo: puestos 6 al 10 en un menú chico */
.top-lista li.top-extra{display:none}
.top-lista.abierto li.top-extra{display:flex}
.top-lista li.top-mas{background:none!important;border:0!important;padding:0!important;display:flex;justify-content:center}
.top-mas-btn{background:rgba(127,214,255,.08);border:1px solid rgba(127,214,255,.3);color:#bfe9ff;border-radius:99px;font:600 12px/1 inherit;padding:6px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.top-mas-btn i{font-size:10px;transition:transform .2s}
.top-mas-btn[aria-expanded="true"] i{transform:rotate(180deg)}
.top-lista.abierto li.top-mas{order:0}

/* Tildes tipo WhatsApp */
.msg-tk{font-size:11px;font-weight:700;letter-spacing:-2px;margin-left:5px;color:#9aa;white-space:nowrap}
.msg-tk.visto{color:#53bdeb}
.msg-tk.en-hora{display:inline-block}
.msg-tk-w{text-align:right;line-height:1;margin-top:2px}
.msg-tk-w .msg-tk{margin-left:0}

.sl-aviso textarea{border-color:#7fd6ff88;min-height:64px}
.sl-aviso textarea:focus{outline:none;border-color:#7fd6ff;box-shadow:0 0 0 3px rgba(127,214,255,.2)}

/* v16: campanita principal */
.camp-top{position:absolute;right:16px;bottom:8px;z-index:25;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;font:700 12px/1 inherit;cursor:pointer;color:#04210f;border:1px solid rgba(25,230,140,.8);background:linear-gradient(135deg,#9dffc9,#19e68c);box-shadow:0 0 12px rgba(25,230,140,.45)}
.camp-top.off{color:#cfd6e6;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);box-shadow:none;backdrop-filter:blur(6px)}
.camp-top.off:hover{background:rgba(25,230,140,.16);border-color:rgba(25,230,140,.7);color:#fff}
.camp-top.bloq{color:#ffb3b3;border-color:rgba(255,120,120,.5)}
.camp-top i{font-size:12px}
@media (max-width:600px){.camp-top{right:10px;bottom:6px;padding:4px 9px;font-size:11px}}

/* Palomitas tipo WhatsApp: visto = verde Orión brillante */
.msg-tk{font-size:12px;color:rgba(255,255,255,.6)}
.msg-tk.visto{color:#19ff9c;text-shadow:0 0 6px rgba(25,230,140,.9);font-size:13px}
.chat-v2 .user-msg .msg-tk,.msg-tk-w{filter:none}

/* Fondo de pantalla del chat */
body.chat-con-fondo .chat-v2 .chat-messages-area,body.chat-con-fondo #admin-msgs{background:var(--chat-fondo)!important;background-attachment:local}
.chat-fondo-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:30px;height:30px;cursor:pointer;margin-left:auto;margin-right:6px;display:inline-grid;place-items:center;font-size:13px}
.chat-widget-header{display:flex;align-items:center}
.fch-modal{position:fixed;inset:0;z-index:100000;background:rgba(0,0,10,.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:16px}
.fch-modal.abierto{display:flex}
.fch-box{width:min(420px,100%);background:rgba(18,22,40,.95);border:1px solid rgba(127,214,255,.4);border-radius:20px;padding:14px;color:#fff;display:grid;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.fch-top{display:flex;justify-content:space-between;align-items:center}
.fch-x{background:none;border:0;color:#fff;font-size:18px;cursor:pointer}
.fch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.fch-op{background:none;border:2px solid transparent;border-radius:14px;padding:4px;color:#dfe5f3;font-size:11px;cursor:pointer;display:grid;gap:5px;justify-items:center}
.fch-op i{display:block;width:100%;aspect-ratio:3/4;border-radius:10px;border:1px solid rgba(255,255,255,.2)}
.fch-op.on{border-color:#19e68c}
.fch-foto{display:flex;justify-content:center;padding:10px;border-radius:12px;border:1px dashed rgba(127,214,255,.6);cursor:pointer;font-weight:700;font-size:13px}
.fch-box small{color:#9aa6c0;text-align:center}

/* Panel de administradora: azul cristal oscuro */
body.modo-admin{--zacc:#7fd6ff;--zacc-bg:rgba(127,214,255,.2)}
body.modo-admin #admin-panel-section{background:linear-gradient(160deg,rgba(16,38,82,.97),rgba(8,14,34,.98) 60%)!important;border:1px solid rgba(127,214,255,.4)!important;box-shadow:0 10px 40px rgba(0,10,40,.6),inset 0 1px 0 rgba(255,255,255,.1)}
body.modo-admin .adm-modo{background:rgba(127,214,255,.1)!important;border-color:#7fd6ff!important}
.adm-rail{background:rgba(6,12,30,.7)!important;border-color:rgba(127,214,255,.28)!important}
.adm-rail .admin-tab.activa{background:rgba(127,214,255,.16)!important;border-color:#7fd6ff!important;color:#dff4ff!important}
.adm-rail .rt-n{background:#2f6bff!important}
#admin-users-list{scrollbar-color:#7fd6ff #0e0f16}
#admin-users-list::-webkit-scrollbar-thumb,#admin-msgs::-webkit-scrollbar-thumb{background:#7fd6ff!important}
#admin-chat-view{background:linear-gradient(170deg,rgba(18,36,78,.95),rgba(8,12,26,.97))!important;border:1px solid rgba(127,214,255,.28)}
.adm-puntos:hover{border-color:#7fd6ff!important;color:#7fd6ff!important}
.adm-chat-abierto .adm-atras{border-color:#7fd6ff!important;background:rgba(127,214,255,.12)!important}
.msg-ctx.msg-abierto{outline-color:#7fd6ff}

/* Estrellitas en los fondos del chat (como las del carrusel) */
body.chat-con-fondo .chat-widget-card.chat-v2{background:var(--chat-fondo)!important}
body.chat-con-fondo .chat-v2 .chat-messages-area{background:transparent!important}
body.chat-con-fondo #admin-chat-view{position:relative;background:var(--chat-fondo)!important}
body.chat-con-fondo #admin-msgs{background:transparent!important}
body.chat-con-fondo .chat-widget-card.chat-v2::before,body.chat-con-fondo .chat-widget-card.chat-v2::after,
body.chat-con-fondo #admin-chat-view::before,body.chat-con-fondo #admin-chat-view::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.2}
body.chat-con-fondo .chat-widget-card.chat-v2::before,body.chat-con-fondo #admin-chat-view::before{background:radial-gradient(circle at 59% 68%,#cfe8ff 0,#cfe8ff 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 25% 68%,#fff 0,#fff 0.8px,transparent 1.4px),radial-gradient(circle at 14% 60%,#cfe8ff 0,#cfe8ff 0.8px,transparent 1.4px),radial-gradient(circle at 13% 71%,#cfe8ff 0,#cfe8ff 0.8px,transparent 1.4px),radial-gradient(circle at 78% 53%,#fff 0,#fff 0.6px,transparent 1.2px),radial-gradient(circle at 81% 4%,#cfe8ff 0,#cfe8ff 0.8px,transparent 1.4px),radial-gradient(circle at 9% 7%,#fff 0,#fff 0.6px,transparent 1.2px),radial-gradient(circle at 78% 6%,#eafff4 0,#eafff4 0.8px,transparent 1.4px),radial-gradient(circle at 58% 78%,#cfe8ff 0,#cfe8ff 1px,transparent 1.6px),radial-gradient(circle at 83% 40%,#eafff4 0,#eafff4 0.8px,transparent 1.4px),radial-gradient(circle at 86% 13%,#cfe8ff 0,#cfe8ff 0.6px,transparent 1.2px),radial-gradient(circle at 54% 73%,#cfe8ff 0,#cfe8ff 1px,transparent 1.6px),radial-gradient(circle at 42% 32%,#eafff4 0,#eafff4 1px,transparent 1.6px),radial-gradient(circle at 5% 11%,#fff 0,#fff 1px,transparent 1.6px),radial-gradient(circle at 53% 16%,#fff 0,#fff 0.6px,transparent 1.2px),radial-gradient(circle at 10% 5%,#cfe8ff 0,#cfe8ff 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 29% 29%,#fff 0,#fff 0.6px,transparent 1.2px),radial-gradient(circle at 50% 93%,#eafff4 0,#eafff4 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 11% 75%,#cfe8ff 0,#cfe8ff 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 88% 37%,#fff 0,#fff 0.8px,transparent 1.4px),radial-gradient(circle at 41% 45%,#cfe8ff 0,#cfe8ff 0.6px,transparent 1.2px),radial-gradient(circle at 17% 20%,#eafff4 0,#eafff4 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 3% 10%,#eafff4 0,#eafff4 0.6px,transparent 1.2px),radial-gradient(circle at 24% 90%,#cfe8ff 0,#cfe8ff 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 59% 68%,#fff 0,#fff 0.8px,transparent 1.4px),radial-gradient(circle at 55% 85%,#eafff4 0,#eafff4 0.8px,transparent 1.4px);animation:stTit 3.6s ease-in-out infinite}
body.chat-con-fondo .chat-widget-card.chat-v2::after,body.chat-con-fondo #admin-chat-view::after{background:radial-gradient(circle at 52% 56%,#9dffcb 0,#9dffcb 0.6px,transparent 1.2px),radial-gradient(circle at 36% 78%,#eafff4 0,#eafff4 0.6px,transparent 1.2px),radial-gradient(circle at 28% 26%,#9dffcb 0,#9dffcb 0.6px,transparent 1.2px),radial-gradient(circle at 7% 21%,#9dffcb 0,#9dffcb 0.6px,transparent 1.2px),radial-gradient(circle at 35% 4%,#eafff4 0,#eafff4 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 39% 52%,#d6f5ff 0,#d6f5ff 1px,transparent 1.6px),radial-gradient(circle at 13% 29%,#eafff4 0,#eafff4 0.6px,transparent 1.2px),radial-gradient(circle at 3% 79%,#d6f5ff 0,#d6f5ff 0.8px,transparent 1.4px),radial-gradient(circle at 81% 61%,#9dffcb 0,#9dffcb 1px,transparent 1.6px),radial-gradient(circle at 75% 20%,#eafff4 0,#eafff4 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 82% 22%,#9dffcb 0,#9dffcb 0.8px,transparent 1.4px),radial-gradient(circle at 80% 34%,#9dffcb 0,#9dffcb 0.8px,transparent 1.4px),radial-gradient(circle at 22% 97%,#d6f5ff 0,#d6f5ff 0.8px,transparent 1.4px),radial-gradient(circle at 89% 52%,#d6f5ff 0,#d6f5ff 0.8px,transparent 1.4px),radial-gradient(circle at 55% 9%,#9dffcb 0,#9dffcb 0.6px,transparent 1.2px),radial-gradient(circle at 6% 68%,#eafff4 0,#eafff4 0.6px,transparent 1.2px),radial-gradient(circle at 96% 93%,#9dffcb 0,#9dffcb 0.8px,transparent 1.4px),radial-gradient(circle at 55% 79%,#9dffcb 0,#9dffcb 1px,transparent 1.6px),radial-gradient(circle at 68% 25%,#9dffcb 0,#9dffcb 1px,transparent 1.6px),radial-gradient(circle at 18% 32%,#d6f5ff 0,#d6f5ff 0.6px,transparent 1.2px),radial-gradient(circle at 37% 30%,#9dffcb 0,#9dffcb 0.6px,transparent 1.2px),radial-gradient(circle at 10% 37%,#eafff4 0,#eafff4 0.6px,transparent 1.2px),radial-gradient(circle at 33% 10%,#9dffcb 0,#9dffcb 1.2px,transparent 1.7999999999999998px),radial-gradient(circle at 38% 50%,#eafff4 0,#eafff4 0.8px,transparent 1.4px),radial-gradient(circle at 13% 49%,#d6f5ff 0,#d6f5ff 0.8px,transparent 1.4px),radial-gradient(circle at 44% 87%,#eafff4 0,#eafff4 1.2px,transparent 1.7999999999999998px);animation:stTit 3.6s ease-in-out -1.8s infinite}
body.chat-con-fondo .chat-v2>*,body.chat-con-fondo #admin-chat-view>*{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){body.chat-con-fondo .chat-widget-card.chat-v2::before,body.chat-con-fondo .chat-widget-card.chat-v2::after,body.chat-con-fondo #admin-chat-view::before,body.chat-con-fondo #admin-chat-view::after{animation:none;opacity:.6}}

/* Reacciones compactas, como WhatsApp: una chapita que asoma debajo del mensaje */
.msg-ctx.con-react{margin-bottom:12px}
.msg-reacts{position:absolute!important;right:8px;bottom:-11px;margin:0!important;gap:1px!important;background:#232b3f;border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:0 4px;box-shadow:0 1px 5px rgba(0,0,0,.45);z-index:3;flex-wrap:nowrap!important}
.msg-react{background:none!important;border:0!important;padding:1px 2px!important;font-size:13px!important;line-height:1.3}
.msg-react.mia{background:rgba(127,214,255,.22)!important;border-radius:99px!important}
.inst-pasos{margin:0;padding-left:22px;display:grid;gap:8px;font-size:14px;line-height:1.35}

/* ===== v17: PC — menú lateral más ancho y carrusel más grande ===== */
@media (min-width:801px){
  .sidebar-menu{width:clamp(380px,32vw,540px);left:-120%}
  .sidebar-menu.open{left:0}
  .sidebar-content{gap:12px;padding:16px 22px}
  .sidebar-menu .sb-perfil,.sidebar-menu .sidebar-card{padding:12px 14px}
  .sidebar-header{padding:14px 22px}
  .sidebar-footer{padding:12px 22px calc(12px + env(safe-area-inset-bottom))}
  .carousel-wrapper{max-width:1180px;padding:4px 0 0}
  .carousel-track-container{height:296px}
  .carousel-slide{width:62%;max-width:740px}
  .carousel-slide.prev{transform:translateX(-50%) scale(.82)}
  .carousel-slide.next{transform:translateX(50%) scale(.82)}
  .carousel-dots{margin-top:8px}
}

/* ===== v18: el menú ⋮ del chat siempre por encima de los mensajes ===== */
#admin-chat-view>.adm-cab,body.chat-con-fondo #admin-chat-view>.adm-cab{position:relative;z-index:20!important}
.chat-widget-header,body.chat-con-fondo .chat-v2>.chat-widget-header{position:relative;z-index:20!important}

/* ===== v18: barra superior nueva, slide de últimas compras (20 temas) y puntitos ===== */
.hero-envivo{position:absolute;top:10px;left:18px;z-index:20;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#4fc3ff;text-shadow:0 0 10px rgba(79,195,255,.55),0 1px 4px rgba(0,0,0,.8)}
.hero-estado{position:absolute;top:10px;right:18px;z-index:20;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.hero-estado b{display:inline!important}
.live-counter-badge{top:32px!important}
@media(max-width:800px){.hero-envivo{top:7px;left:10px;font-size:11px}.hero-estado{top:7px;right:10px;flex-direction:row!important;max-width:none!important;font-size:10.5px!important}.live-counter-badge{top:26px!important;right:10px!important}.hero-banner-section{padding-top:30px}}
.hero-banner-section .carousel-dots{position:relative;z-index:6}
.dot{flex:none}
.slide-ult{container-type:size;background:var(--ul-bg)!important;border:1px solid var(--ul-bd);box-shadow:0 0 16px var(--ul-gl),inset 0 0 22px var(--ul-gl),0 6px 20px rgba(0,0,0,.8)}
.slide-ult::before,.slide-ult::after,.slide-ayuda::before,.slide-ayuda::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:calc(.2*var(--ul-so,1));animation:stTit 3.6s ease-in-out infinite}
.slide-ult::before,.slide-ayuda::before{background:radial-gradient(circle at 19% 75%,var(--ul-st) 0,var(--ul-st) 0.6px,transparent 1.2px),radial-gradient(circle at 34% 18%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 59% 63%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 28% 15%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 5% 52%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 79% 3%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 36% 95%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 77% 16%,var(--ul-st) 0,var(--ul-st) 1px,transparent 1.6px),radial-gradient(circle at 5% 5%,var(--ul-st) 0,var(--ul-st) 0.6px,transparent 1.2px),radial-gradient(circle at 85% 72%,var(--ul-st) 0,var(--ul-st) 0.6px,transparent 1.2px),radial-gradient(circle at 50% 90%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 56% 95%,var(--ul-st) 0,var(--ul-st) 0.6px,transparent 1.2px),radial-gradient(circle at 69% 31%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 65% 73%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 46% 32%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 60% 40%,var(--ul-st) 0,var(--ul-st) 0.6px,transparent 1.2px),radial-gradient(circle at 55% 74%,var(--ul-st) 0,var(--ul-st) 0.6px,transparent 1.2px),radial-gradient(circle at 25% 83%,var(--ul-st) 0,var(--ul-st) 1px,transparent 1.6px),radial-gradient(circle at 17% 45%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 66% 88%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 40% 39%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 66% 53%,var(--ul-st) 0,var(--ul-st) 0.6px,transparent 1.2px),radial-gradient(circle at 63% 34%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 55% 88%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 48% 73%,var(--ul-st) 0,var(--ul-st) 1px,transparent 1.6px),radial-gradient(circle at 13% 59%,var(--ul-st) 0,var(--ul-st) 0.6px,transparent 1.2px)}
.slide-ult::after,.slide-ayuda::after{background:radial-gradient(circle at 9% 14%,var(--ul-st) 0,var(--ul-st) 0.6px,transparent 1.2px),radial-gradient(circle at 48% 24%,var(--ul-st) 0,var(--ul-st) 1px,transparent 1.6px),radial-gradient(circle at 34% 80%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 79% 7%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 57% 84%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 94% 68%,var(--ul-st) 0,var(--ul-st) 1px,transparent 1.6px),radial-gradient(circle at 71% 59%,var(--ul-st) 0,var(--ul-st) 1px,transparent 1.6px),radial-gradient(circle at 6% 6%,var(--ul-st) 0,var(--ul-st) 1px,transparent 1.6px),radial-gradient(circle at 61% 43%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 56% 70%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 73% 25%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 31% 6%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 43% 25%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 67% 68%,var(--ul-st) 0,var(--ul-st) 1px,transparent 1.6px),radial-gradient(circle at 67% 89%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 59% 56%,var(--ul-st) 0,var(--ul-st) 1px,transparent 1.6px),radial-gradient(circle at 77% 48%,var(--ul-st) 0,var(--ul-st) 1px,transparent 1.6px),radial-gradient(circle at 59% 23%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 93% 62%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 64% 38%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 66% 68%,var(--ul-st) 0,var(--ul-st) 1px,transparent 1.6px),radial-gradient(circle at 86% 61%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 46% 75%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px),radial-gradient(circle at 64% 87%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 43% 92%,var(--ul-st) 0,var(--ul-st) 0.8px,transparent 1.4px),radial-gradient(circle at 80% 37%,var(--ul-st) 0,var(--ul-st) 1.2px,transparent 1.8px);animation-delay:-1.8s}
@media (prefers-reduced-motion:reduce){.slide-ult::before,.slide-ult::after{animation:none;opacity:calc(.6*var(--ul-so,1))}}
.ul-in{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:2.4cqh 2.2cqw 2.2cqh;gap:1.6cqh;box-sizing:border-box}
.ul-in h4{margin:0;font-size:7.4cqh;line-height:1;color:var(--ul-ac);text-shadow:0 0 12px var(--ul-gl);display:flex;justify-content:center;align-items:center;gap:1.6cqw;letter-spacing:.3px}
.ul-live{width:2.6cqh;height:2.6cqh;border-radius:50%;background:#25d366;box-shadow:0 0 8px #25d366;animation:titilarVerde 1.5s infinite ease-in-out}
.ul-cols{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6cqw}
.ul-vacio{grid-column:1/-1;align-self:center;text-align:center;font-size:4.4cqh;color:var(--ul-mu)}
.ul-col{min-height:0;overflow:hidden;position:relative}
.ul-pista{display:flex;flex-direction:column;gap:.9cqh}
.ul-pista.ul-corre{animation:ulRueda var(--ul-dur,30s) linear infinite}
.ul-col:hover .ul-pista{animation-play-state:paused}
@keyframes ulRueda{to{transform:translateY(calc(-50% - .45cqh))}}
.ul-row{height:7.6cqh;flex:none;display:flex;align-items:center;gap:1.1cqw;padding:0 1.2cqw 0 .7cqh;box-sizing:border-box;background:var(--ul-row);border:1px solid var(--ul-rowbd);border-radius:var(--ul-rad);min-width:0}
.ul-av{width:5.8cqh;height:5.8cqh;border-radius:50%;flex:none;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:3.4cqh;font-weight:800;color:#fff;border:1px solid var(--ul-bd)}
.ul-tx{flex:1;min-width:0;display:flex;align-items:center;gap:.8cqw}
.ul-nom{flex:1;min-width:0;font-size:4.3cqh;font-weight:700;color:var(--ul-tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ul-meta{flex:none;display:flex;align-items:baseline;gap:.9cqw}
.ul-dia{font-style:normal;font-size:4.1cqh;font-weight:800;color:var(--ul-ac);white-space:nowrap}
.ul-t{font-size:3.5cqh;color:var(--ul-mu);white-space:nowrap;min-width:6.5cqw;text-align:right}
.ul-nueva{animation:ulNueva 1.4s ease-in-out 3;box-shadow:0 0 12px var(--ul-gl)}
@keyframes ulNueva{0%,100%{filter:none}50%{filter:brightness(1.7)}}
@container (max-width:470px){.ul-row{height:14.4cqh;padding:0 1.4cqw 0 1cqh;gap:1.6cqw}.ul-av{width:10.4cqh;height:10.4cqh;font-size:5.6cqh}.ul-tx{flex-direction:column;align-items:flex-start;gap:.2cqh}.ul-nom{font-size:6.6cqh;flex:none;max-width:100%}.ul-meta{gap:1.4cqw}.ul-dia{font-size:6cqh}.ul-t{font-size:5.4cqh;min-width:0}.ul-pista{gap:1.4cqh}.ul-in h4{font-size:8.6cqh}}
.slide-ult[data-tema="1"]{--ul-bg:radial-gradient(ellipse at 50% -15%,rgba(25,230,140,.5),transparent 62%),linear-gradient(180deg,#0d4a34,#06241a 52%,#020b08);--ul-bd:rgba(25,230,140,.65);--ul-gl:rgba(25,230,140,.35);--ul-ac:#9dffc9;--ul-tx:#eafff4;--ul-mu:#8fd9b5;--ul-row:rgba(255,255,255,.06);--ul-rowbd:rgba(25,230,140,.32);--ul-rad:10px;--ul-st:#b9ffd9;--ul-so:1} /* 1: Verde Orión */
.slide-ult[data-tema="2"]{--ul-bg:radial-gradient(ellipse at 80% -10%,rgba(127,214,255,.4),transparent 60%),linear-gradient(160deg,#143e86,#0a1d4a 60%,#050c24);--ul-bd:rgba(127,214,255,.7);--ul-gl:rgba(127,214,255,.35);--ul-ac:#7fd6ff;--ul-tx:#f0faff;--ul-mu:#9cc3e6;--ul-row:rgba(127,214,255,.1);--ul-rowbd:rgba(127,214,255,.3);--ul-rad:99px;--ul-st:#d6f1ff;--ul-so:1} /* 2: Cristal azul */
.slide-ult[data-tema="3"]{--ul-bg:radial-gradient(ellipse at 50% 120%,rgba(59,107,255,.35),transparent 65%),linear-gradient(180deg,#0a1232,#02040f);--ul-bd:rgba(91,140,255,.7);--ul-gl:rgba(59,107,255,.35);--ul-ac:#9bbcff;--ul-tx:#eef3ff;--ul-mu:#8da3d6;--ul-row:rgba(255,255,255,.05);--ul-rowbd:rgba(91,140,255,.28);--ul-rad:10px;--ul-st:#ffffff;--ul-so:1} /* 3: Noche azul con estrellas */
.slide-ult[data-tema="4"]{--ul-bg:radial-gradient(ellipse at 50% -20%,rgba(243,186,47,.28),transparent 60%),linear-gradient(180deg,#1c1506,#060503);--ul-bd:rgba(243,186,47,.8);--ul-gl:rgba(243,186,47,.3);--ul-ac:#f3ba2f;--ul-tx:#fff6dc;--ul-mu:#c9b27a;--ul-row:rgba(243,186,47,.08);--ul-rowbd:rgba(243,186,47,.35);--ul-rad:6px;--ul-st:#ffe08a;--ul-so:1} /* 4: Oro y negro Free Fire */
.slide-ult[data-tema="5"]{--ul-bg:radial-gradient(ellipse at 20% -10%,rgba(255,143,196,.35),transparent 60%),linear-gradient(170deg,#3d1233,#14040f);--ul-bd:rgba(255,143,196,.75);--ul-gl:rgba(255,143,196,.3);--ul-ac:#ffb3d9;--ul-tx:#fff0f7;--ul-mu:#d9a0bd;--ul-row:rgba(255,143,196,.1);--ul-rowbd:rgba(255,143,196,.3);--ul-rad:99px;--ul-st:#ffd6ea;--ul-so:1} /* 5: Sakura rosa */
.slide-ult[data-tema="6"]{--ul-bg:radial-gradient(ellipse at 50% -10%,rgba(178,102,255,.4),transparent 60%),linear-gradient(180deg,#2a1062,#0a0420);--ul-bd:rgba(178,102,255,.75);--ul-gl:rgba(178,102,255,.35);--ul-ac:#d9a8ff;--ul-tx:#f6eeff;--ul-mu:#b79bd9;--ul-row:rgba(178,102,255,.12);--ul-rowbd:rgba(178,102,255,.32);--ul-rad:10px;--ul-st:#e8d0ff;--ul-so:1} /* 6: Violeta galaxia */
.slide-ult[data-tema="7"]{--ul-bg:radial-gradient(ellipse at 50% -15%,rgba(255,45,61,.38),transparent 60%),linear-gradient(180deg,#4a0a10,#120204);--ul-bd:rgba(255,60,70,.8);--ul-gl:rgba(255,45,61,.32);--ul-ac:#ff7b7b;--ul-tx:#fff1f1;--ul-mu:#d9a0a0;--ul-row:rgba(255,45,61,.1);--ul-rowbd:rgba(255,60,70,.32);--ul-rad:6px;--ul-st:#ffc2c2;--ul-so:1} /* 7: Rojo Free Fire */
.slide-ult[data-tema="8"]{--ul-bg:linear-gradient(160deg,#0a6a9c,#04304a);--ul-bd:rgba(0,191,255,.8);--ul-gl:rgba(0,191,255,.3);--ul-ac:#7fe9ff;--ul-tx:#ffffff;--ul-mu:#a6dcef;--ul-row:rgba(0,191,255,.14);--ul-rowbd:rgba(255,255,255,.22);--ul-rad:99px;--ul-st:#ffffff;--ul-so:0} /* 8: Mercado Pago celeste */
.slide-ult[data-tema="9"]{--ul-bg:linear-gradient(180deg,#1f1a0a,#0d0a03);--ul-bd:rgba(240,185,11,.8);--ul-gl:rgba(240,185,11,.25);--ul-ac:#f0b90b;--ul-tx:#fff7d6;--ul-mu:#b8a566;--ul-row:transparent;--ul-rowbd:rgba(240,185,11,.22);--ul-rad:0px;--ul-st:#ffe58a;--ul-so:0} /* 9: Binance dorado */
.slide-ult[data-tema="10"]{--ul-bg:linear-gradient(135deg,#0b6b4f,#0a3a7a 55%,#1a1050);--ul-bd:rgba(77,255,210,.75);--ul-gl:rgba(77,255,210,.3);--ul-ac:#7fffe0;--ul-tx:#f2fffb;--ul-mu:#a5e0d0;--ul-row:rgba(255,255,255,.09);--ul-rowbd:rgba(255,255,255,.16);--ul-rad:12px;--ul-st:#e0fff7;--ul-so:1} /* 10: Aurora */
.slide-ult[data-tema="11"]{--ul-bg:radial-gradient(ellipse at 50% -20%,rgba(255,154,92,.45),transparent 60%),linear-gradient(170deg,#5a1d3a,#2a0f4a 60%,#14081f);--ul-bd:rgba(255,154,92,.8);--ul-gl:rgba(255,154,92,.3);--ul-ac:#ffc27a;--ul-tx:#fff3e8;--ul-mu:#d9b098;--ul-row:rgba(255,255,255,.07);--ul-rowbd:rgba(255,154,92,.3);--ul-rad:99px;--ul-st:#ffe0c2;--ul-so:1} /* 11: Atardecer */
.slide-ult[data-tema="12"]{--ul-bg:linear-gradient(160deg,#d8efff,#7fb4f5);--ul-bd:rgba(255,255,255,.9);--ul-gl:rgba(127,180,245,.5);--ul-ac:#0a3f94;--ul-tx:#06223a;--ul-mu:#35608f;--ul-row:rgba(255,255,255,.6);--ul-rowbd:rgba(10,63,148,.25);--ul-rad:12px;--ul-st:#ffffff;--ul-so:1} /* 12: Hielo claro */
.slide-ult[data-tema="13"]{--ul-bg:linear-gradient(160deg,#10042a,#1d0640);--ul-bd:rgba(0,240,255,.85);--ul-gl:rgba(255,61,242,.35);--ul-ac:#ff6cf5;--ul-tx:#e9ffff;--ul-mu:#9fd9e0;--ul-row:rgba(0,240,255,.07);--ul-rowbd:rgba(255,61,242,.4);--ul-rad:6px;--ul-st:#8ffcff;--ul-so:1} /* 13: Neón cian y magenta */
.slide-ult[data-tema="14"]{--ul-bg:linear-gradient(180deg,#0f6a46,#0a4a32);--ul-bd:rgba(25,230,140,.8);--ul-gl:rgba(25,230,140,.3);--ul-ac:#eafff4;--ul-tx:#ffffff;--ul-mu:#a9e0c5;--ul-row:rgba(0,0,0,.25);--ul-rowbd:rgba(255,255,255,.12);--ul-rad:99px;--ul-st:#ffffff;--ul-so:0} /* 14: Esmeralda lisa */
.slide-ult[data-tema="15"]{--ul-bg:radial-gradient(ellipse at 50% 130%,rgba(243,186,47,.18),transparent 60%),linear-gradient(180deg,#070a1c,#020309);--ul-bd:rgba(243,186,47,.8);--ul-gl:rgba(243,186,47,.28);--ul-ac:#ffd36b;--ul-tx:#fff8e6;--ul-mu:#b5ab8a;--ul-row:rgba(255,255,255,.05);--ul-rowbd:rgba(243,186,47,.25);--ul-rad:10px;--ul-st:#ffe9a8;--ul-so:1} /* 15: Medianoche dorada */
.slide-ult[data-tema="16"]{--ul-bg:linear-gradient(135deg,#1b3a8a,#6b2a8a 60%,#a02a6a);--ul-bd:rgba(255,154,214,.8);--ul-gl:rgba(255,154,214,.3);--ul-ac:#c4ecff;--ul-tx:#ffffff;--ul-mu:#d9bfe6;--ul-row:rgba(255,255,255,.11);--ul-rowbd:rgba(255,255,255,.2);--ul-rad:14px;--ul-st:#ffffff;--ul-so:1} /* 16: Rosa y azul cristal */
.slide-ult[data-tema="17"]{--ul-bg:linear-gradient(180deg,#0e1118,#06080c);--ul-bd:rgba(198,255,0,.75);--ul-gl:rgba(198,255,0,.22);--ul-ac:#d7ff3a;--ul-tx:#ffffff;--ul-mu:#98a0b0;--ul-row:#151a24;--ul-rowbd:#2a3140;--ul-rad:8px;--ul-st:#e7ff7a;--ul-so:0} /* 17: Negro y lima */
.slide-ult[data-tema="18"]{--ul-bg:radial-gradient(ellipse at 50% 120%,rgba(255,138,31,.4),transparent 60%),linear-gradient(180deg,#7a1a05,#240500);--ul-bd:rgba(255,138,31,.85);--ul-gl:rgba(255,138,31,.32);--ul-ac:#ffb347;--ul-tx:#fff3e0;--ul-mu:#e0b48a;--ul-row:rgba(255,138,31,.12);--ul-rowbd:rgba(255,138,31,.32);--ul-rad:10px;--ul-st:#ffd9a0;--ul-so:1} /* 18: Fuego */
.slide-ult[data-tema="19"]{--ul-bg:radial-gradient(ellipse at 50% -10%,rgba(31,209,209,.32),transparent 60%),linear-gradient(180deg,#04263c,#010a14);--ul-bd:rgba(31,209,209,.75);--ul-gl:rgba(31,209,209,.3);--ul-ac:#7ff7f2;--ul-tx:#effffe;--ul-mu:#8cc9c8;--ul-row:rgba(31,209,209,.1);--ul-rowbd:rgba(31,209,209,.28);--ul-rad:99px;--ul-st:#d2fffd;--ul-so:1} /* 19: Océano profundo */
.slide-ult[data-tema="20"]{--ul-bg:linear-gradient(120deg,#1a2a6c,#4a1a6c 50%,#1a6c5a);--ul-bd:rgba(255,255,255,.6);--ul-gl:rgba(255,255,255,.22);--ul-ac:#ffffff;--ul-tx:#ffffff;--ul-mu:#d6d6ee;--ul-row:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.04));--ul-rowbd:rgba(255,255,255,.2);--ul-rad:12px;--ul-st:#ffffff;--ul-so:1} /* 20: Holográfico suave */
.slide-ult:not([data-tema]){--ul-bg:#143e86;--ul-bd:#7fd6ff;--ul-gl:rgba(127,214,255,.3);--ul-ac:#7fd6ff;--ul-tx:#fff;--ul-mu:#9cc3e6;--ul-row:rgba(127,214,255,.1);--ul-rowbd:rgba(127,214,255,.3);--ul-rad:99px;--ul-st:#fff;--ul-so:1}
.car-pausa{top:40px!important}
@media(max-width:800px){.car-pausa{top:34px!important}}

/* ===== v19: fotos de perfil sin estirar, verde/azul Orión como el chat, guía "Cómo cargar saldo" más grande ===== */
.carousel-slide img.ul-av{width:5.8cqh;height:5.8cqh;max-width:none;min-width:0;flex:none;object-fit:cover;border-radius:50%;display:block}
@container (max-width:470px){.carousel-slide img.ul-av{width:10.4cqh;height:10.4cqh}}
.slide-top{background:radial-gradient(ellipse at 50% -10%,rgba(25,230,140,.26),transparent 62%),linear-gradient(180deg,#07291d,#020a07)!important;box-shadow:0 0 16px rgba(25,230,140,.3),inset 0 0 22px rgba(25,230,140,.14),0 6px 20px rgba(0,0,0,.8)}
.slide-ult[data-tema="1"]{--ul-bg:radial-gradient(ellipse at 50% -10%,rgba(25,230,140,.26),transparent 62%),linear-gradient(180deg,#07291d,#020a07)}
.slide-ult[data-tema="2"]{--ul-bg:radial-gradient(ellipse at 50% -10%,rgba(60,150,255,.36),transparent 62%),linear-gradient(180deg,#0a2658,#030b22);--ul-bd:rgba(90,170,255,.75);--ul-gl:rgba(60,150,255,.34);--ul-st:#d6ebff}
/* guía de carga de saldo: ahora escala con el cuadro */
.slide-ayuda{container-type:size;background:radial-gradient(ellipse at 50% -10%,rgba(25,230,140,.26),transparent 62%),linear-gradient(180deg,#07291d,#020a07)!important;border:1px solid rgba(25,230,140,.65);box-shadow:0 0 16px rgba(25,230,140,.3),inset 0 0 22px rgba(25,230,140,.14),0 6px 20px rgba(0,0,0,.8);--ul-st:#b9ffd9;--ul-so:1}
.slide-ayuda .sa-in{position:relative;z-index:1;padding:3cqh 3.4cqw;gap:2.4cqh;justify-content:space-between;box-sizing:border-box}
.slide-ayuda .sa-h{font-size:max(15px,9cqh);line-height:1.05;color:#eafff4;text-shadow:0 0 14px rgba(25,230,140,.55)}
.slide-ayuda .sa-pasos{flex:1;min-height:0;display:flex;align-items:center}
.slide-ayuda .sa-paso{width:100%;gap:3.2cqw}
.slide-ayuda .sa-ill{width:max(108px,37cqw);min-height:max(62px,42cqh);border-radius:16px;background:rgba(0,0,0,.38);border:1px solid rgba(25,230,140,.45);box-shadow:inset 0 0 14px rgba(25,230,140,.12);padding:1.6cqh 1.6cqw;gap:1.6cqw}
.slide-ayuda .sa-paso p{font-size:max(12px,6.8cqh);line-height:1.32;color:#eafff4}
.slide-ayuda .sa-paso p b{color:#9dffc9}
.slide-ayuda .sa-paso p small{font-size:.82em;color:#a7d9c0}
.slide-ayuda .mk-head{gap:1.2cqw}
.slide-ayuda .mk-p{font-size:max(10px,5.6cqh);padding:.8cqh 1.6cqw;border-radius:8px}
.slide-ayuda .mk-cargar{font-size:max(10px,5.6cqh);padding:1cqh 2cqw;border-radius:8px}
.slide-ayuda .mk-flecha{font-size:max(15px,8.4cqh);top:-3cqh;right:-1cqw}
.slide-ayuda .mk-alias{font-size:max(11px,6.2cqh);padding:1cqh 1.6cqw;border-radius:8px}
.slide-ayuda .mk-copiar{font-size:max(10px,5.6cqh);padding:1cqh 1.8cqw;border-radius:8px}
.slide-ayuda .mk-transf small{font-size:max(10px,5.2cqh)}
.slide-ayuda .mk-transf b{font-size:max(12px,7.2cqh)}
.slide-ayuda .mk-pc{height:max(48px,25cqh);gap:1cqw}
.slide-ayuda .mk-chatp{font-size:max(10px,5.6cqh);display:flex;align-items:center;justify-content:center}
.slide-ayuda .mk-fab{font-size:max(12px,6.8cqh);padding:1.6cqh 3cqw}
.slide-ayuda .sa-ctrl{gap:2cqw}
.slide-ayuda .sa-nav{width:max(28px,9.4cqh);height:max(28px,9.4cqh);font-size:max(18px,6.4cqh);border-color:rgba(25,230,140,.55);background:rgba(0,0,0,.35)}
.slide-ayuda .sa-pausa{font-size:max(11px,4.8cqh);padding:.9cqh 2.6cqw;border-color:rgba(25,230,140,.55);background:rgba(0,0,0,.35)}
.slide-ayuda .sa-puntos{gap:max(5px,1.2cqw)}
.slide-ayuda .sa-puntos i{width:max(7px,2.5cqh);height:max(7px,2.5cqh)}
.slide-ayuda .sa-puntos i.on{width:max(18px,6.4cqh)}
.slide-ayuda .sa-pausa.on{background:#2ee27a;color:#031a0d;border-color:#2ee27a}
.slide-ayuda .sa-pausa{color:#eafff4}

/* ===== v20: esquina superior (Online arriba, Recargas activas abajo), EN VIVO eléctrico, Top 4º/5º con más presencia, Últimas compras compacto en celular ===== */
.live-counter-badge{top:10px!important}
.hero-estado{top:31px!important}
.car-pausa{top:56px!important}
.hero-envivo{color:#27c4ff;font-size:13px;font-weight:900;text-shadow:0 0 6px rgba(39,196,255,.9),0 0 14px rgba(0,140,255,.6);animation:enVivoElec 4.2s linear infinite}
.hero-envivo i{color:#6fe0ff;filter:drop-shadow(0 0 4px #27c4ff);animation:enVivoRayo 4.2s linear infinite;display:inline-block}
@keyframes enVivoElec{0%,100%{opacity:1}7%{opacity:1}8%{opacity:.45}9%{opacity:1;text-shadow:0 0 9px #fff,0 0 20px #27c4ff,0 0 32px #0a8cff}11%{opacity:.7}12%{opacity:1}52%{opacity:1}53%{opacity:.5;text-shadow:0 0 3px rgba(39,196,255,.6)}54%{opacity:1;text-shadow:0 0 10px #fff,0 0 22px #27c4ff,0 0 34px #0a8cff}56%{opacity:.85}57%{opacity:1}}
@keyframes enVivoRayo{0%,6%,13%,51%,55%,100%{transform:none;filter:drop-shadow(0 0 4px #27c4ff)}8%{transform:scale(1.35) rotate(-10deg);filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 12px #27c4ff)}54%{transform:scale(1.35) rotate(8deg);filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 12px #27c4ff)}}
@media (prefers-reduced-motion:reduce){.hero-envivo,.hero-envivo i{animation:none}}
@media(max-width:800px){.hero-envivo{font-size:12px}.live-counter-badge{top:7px!important}.hero-estado{top:25px!important}.car-pausa{top:44px!important}.hero-banner-section{padding-top:36px}}
/* Top: 4º y 5º como tarjetas con presencia */
.st-lista{gap:2.2cqh}
.st-podio .st-item{padding:1.5cqh 1cqw}
.st-resto{gap:2.4cqw}
.st-resto .st-item{border-radius:min(6cqh,3cqw);padding:1.6cqh 2.2cqw;gap:2cqw;background:linear-gradient(135deg,rgba(25,230,140,.2),rgba(127,214,255,.1));border:1px solid rgba(25,230,140,.7);box-shadow:0 0 12px rgba(25,230,140,.28),inset 0 1px 0 rgba(255,255,255,.18)}
.st-resto .st-av{width:21cqh;height:21cqh;font-size:9cqh;border:2px solid #19e68c}
.st-resto .st-nom{font-size:9.6cqh;font-weight:800}
.st-sub{font-size:7.6cqh;gap:1.6cqw}
.st-sub .st-med{font-size:7.6cqh;color:#04210f;background:linear-gradient(135deg,#9dffc9,#19e68c);border-radius:99px;padding:.2cqh 1.4cqw;position:static;width:auto;height:auto;box-shadow:0 0 6px rgba(25,230,140,.55)}
.st-resto .st-dia{font-size:7.6cqh;font-weight:800;color:#fff}
.st-resto .st-niv{font-size:7.6cqh}
/* Últimas compras: columnas que rellenan el alto; celular = 3 columnas x 5, solo nombre de pila */
@container (min-width:471px){.ul-pista{height:100%}.ul-row{flex:1 1 7.6cqh;height:auto;min-height:7.6cqh;max-height:11.5cqh}}
.ul-col,.ul-col .ul-pista{min-height:0}
@container (max-width:470px){
 .ul-cols{gap:1.8cqw}
 .ul-col{height:100%}.ul-pista{height:100%;gap:1.4cqh}
 .ul-row{flex:1 1 0;height:auto;min-height:0;padding:0 1cqw 0 .8cqw;gap:1.2cqw;border-radius:min(2.4cqh,10px)}
 .ul-av,.carousel-slide img.ul-av{width:12cqh;height:12cqh;font-size:6.4cqh}
 .ul-tx{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-width:0}
 .ul-nom{font-size:7.4cqh;line-height:1.1;max-width:100%;flex:none}
 .ul-meta{gap:1cqw;line-height:1.05;max-width:100%}
 .ul-dia{font-size:6cqh}.ul-t{font-size:5.4cqh;min-width:0}
 .ul-in{padding:2.2cqh 2cqw 2cqh}.ul-in h4{font-size:9cqh}
}
@media(max-width:600px){.carousel-track-container{height:176px!important}}
@container (min-width:471px){.ul-pista{justify-content:center}.ul-row{max-height:12.5cqh}}
@container (max-width:470px){.ul-dia{font-size:5.6cqh}.ul-t{font-size:5cqh}.ul-meta{gap:.8cqw}}
@container (min-width:471px){.ul-pista{justify-content:flex-start}}

/* ===== v21: carrusel PC al tamaño que te gustó (como visto al 80%), campanita ámbar, etiquetas de arriba más grandes en PC, demoradas en naranja, celular más compacto ===== */
.camp-top:not(.off){color:#2b1700;border:1px solid rgba(255,190,60,.9);background:linear-gradient(135deg,#ffe28a,#ffb21f);box-shadow:0 0 14px rgba(255,178,31,.5)}
.camp-top:not(.off) i{animation:campSuena 4s ease-in-out infinite;transform-origin:50% 0}
@keyframes campSuena{0%,88%,100%{transform:none}90%{transform:rotate(16deg)}93%{transform:rotate(-14deg)}96%{transform:rotate(9deg)}}
@media (prefers-reduced-motion:reduce){.camp-top:not(.off) i{animation:none}}
.zt-estado.lento{color:#ff9a3d}
.zt-estado.lento i{background:#ff5a36;box-shadow:0 0 10px #ff5a36;animation:demPulso 1.6s ease-in-out infinite}
@keyframes demPulso{0%,100%{opacity:1}50%{opacity:.4}}
@media(min-width:801px){
  .carousel-wrapper{max-width:1000px}
  .carousel-track-container{height:237px}
  .carousel-slide{width:62%;max-width:592px}
  .carousel-slide.prev{transform:translateX(-52%) scale(.82)}.carousel-slide.next{transform:translateX(52%) scale(.82)}
  .carousel-dots{margin-top:12px}
  #carousel-dots{margin-bottom:0}
  .hero-envivo{font-size:16px;top:10px;left:20px;gap:6px}
  .live-counter-badge{top:10px!important;right:20px!important;gap:8px}
  .live-counter-text{font-size:16px!important}
  .live-green-dot{width:11px;height:11px}
  .hero-estado{top:38px!important;right:20px!important;font-size:16px!important;gap:8px}
  .hero-estado i{width:11px!important;height:11px!important}
  .hero-estado b{font-size:16px;font-weight:600}
  .car-pausa{top:70px!important}
}
@media(max-width:600px){
  .carousel-track-container{height:160px!important}
  .carousel-slide{width:73%}
  .hero-banner-section{padding-bottom:4px;margin-bottom:8px}
  .carousel-wrapper{padding:4px 0}
  .carousel-dots{margin-top:6px}
  .card{padding:12px 12px 14px;margin-bottom:12px}
  .step-title{margin-bottom:8px;gap:8px}
  .step-title h3{font-size:1rem}
  .badge{transform:scale(.92)}
  .verify-status:empty{display:none}
  .verify-status{margin:6px 0 0;min-height:0}
  .subtext{margin-top:6px;font-size:12px;line-height:1.3}
  .bonoxs-method-selector{gap:8px}
  .bonoxs-card{padding:10px 8px!important}
  .bonoxs-card-icon{font-size:20px;margin-bottom:4px}
  .bonoxs-card h4{font-size:13px;margin-bottom:2px}
  .bonoxs-card p{font-size:10.5px;margin-bottom:7px}
  .bonoxs-card .btn-bonoxs-select{padding:6px 6px;font-size:11px}
}
/* respuestas rápidas */
.rr-btn{flex:none;width:40px;border-radius:12px;border:1px solid rgba(127,214,255,.55);background:linear-gradient(135deg,#143e86,#0a1d4a);color:#ffe28a;font-size:18px;cursor:pointer;padding:0;min-height:38px}
.rr-btn:hover{filter:brightness(1.2)}
.rr-barra{display:flex;align-items:center;gap:10px;margin:2px 0 6px}.rr-barra .rr-btn{width:42px;min-height:36px}.rr-barra small{color:#9cc3e6}
#rr-pop{position:fixed;z-index:4000;background:linear-gradient(180deg,#0c1d44,#06102a);border:1px solid rgba(127,214,255,.6);border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.65);overflow:hidden;display:flex;flex-direction:column;max-height:300px}
.rr-cab{padding:8px 12px;font-weight:800;font-size:12.5px;color:#7fd6ff;border-bottom:1px solid rgba(127,214,255,.2)}
.rr-lista{overflow:auto;display:flex;flex-direction:column;padding:4px;flex:1;min-height:0}
.rr-it{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;padding:7px 10px;border-radius:10px;cursor:pointer;color:#eaf4ff}
.rr-it b{font-size:13px;color:#fff}.rr-it span{font-size:12px;color:#9cc3e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr-it:hover,.rr-it.on{background:rgba(127,214,255,.16)}
.rr-vacio{margin:10px;font-size:12.5px;color:#9cc3e6}
.rr-pie{display:flex;gap:6px;padding:6px;border-top:1px solid rgba(127,214,255,.2)}
.rr-pie button{flex:1;border:1px solid rgba(127,214,255,.4);background:rgba(127,214,255,.1);color:#eaf4ff;border-radius:10px;padding:6px;font-weight:700;font-size:12.5px;cursor:pointer}
.rr-modal{position:fixed;inset:0;z-index:5000;background:rgba(2,6,18,.7);display:flex;align-items:center;justify-content:center;padding:14px}
.rr-caja{width:min(520px,100%);max-height:90vh;overflow:auto;background:linear-gradient(180deg,#0c1d44,#06102a);border:1px solid rgba(127,214,255,.6);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px;color:#eaf4ff}
.rr-caja h3{margin:0;font-size:17px}
.rr-form{display:flex;flex-direction:column;gap:8px}
.rr-form input,.rr-form textarea{background:#050d22;border:1px solid rgba(127,214,255,.4);border-radius:10px;color:#fff;padding:9px 11px;font:inherit;font-size:14px}
.rr-form small{color:#9cc3e6}
.rr-ok{border:0;border-radius:12px;padding:10px;font-weight:800;background:linear-gradient(135deg,#2f6bff,#1b3fa8);color:#fff;cursor:pointer}
.rr-filas{display:flex;flex-direction:column;gap:6px}
.rr-fila{display:flex;align-items:center;gap:6px;background:rgba(127,214,255,.08);border:1px solid rgba(127,214,255,.25);border-radius:12px;padding:6px 8px}
.rr-ft{flex:1;min-width:0;display:flex;flex-direction:column}.rr-ft b{font-size:13px}.rr-ft span{font-size:12px;color:#9cc3e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr-fila button{background:none;border:0;font-size:16px;cursor:pointer;padding:4px 6px}
.rr-cerrar{border:1px solid rgba(127,214,255,.5);background:transparent;color:#fff;border-radius:12px;padding:9px;font-weight:700;cursor:pointer}
.bonoxs-card-badge{font-size:9px}
@media(max-width:600px){.bonoxs-card{padding:16px 8px 10px!important}.bonoxs-card-badge{top:4px;right:6px}}

/* ===== v22: botón 📌 fijar chat, título del paso 1 en blanco cristal (celular), carrusel de celular con costados visibles como en PC ===== */
.adm-pin{font-size:15px;filter:grayscale(.8);opacity:.85;margin-right:6px!important}
.adm-pin:hover{filter:none;opacity:1}
.adm-pin.on{filter:none;opacity:1;background:rgba(127,214,255,.22)!important;border-color:#7fd6ff!important;box-shadow:0 0 10px rgba(127,214,255,.55)}
@media(max-width:600px){
  .step-title:has(#chip-compras) h3{font-size:.98rem!important;white-space:nowrap;background:linear-gradient(180deg,#ffffff 15%,#bfe4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 6px rgba(150,215,255,.35));min-width:0}
  .step-title .hchip{padding:3px 8px!important;font-size:11px!important;gap:3px}
  .step-title{gap:6px}
  .carousel-track-container{height:148px!important}
  .carousel-slide{width:64%}
  .carousel-slide.prev{transform:translateX(-38%) scale(.8)}
  .carousel-slide.next{transform:translateX(38%) scale(.8)}
}

/* ===== v23: botón de pausa separado de la flecha, títulos 1 y 2 en blanco cristal en todos los dispositivos, palomitas del chat sin renglón extra ===== */
.car-pausa{right:14px!important;top:58px!important}
@media(min-width:801px){.car-pausa{top:58px!important}}
@media(max-width:800px){.car-pausa{top:19px!important}}
.h3-cristal{background:linear-gradient(180deg,#ffffff 15%,#bfe4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none;filter:drop-shadow(0 0 6px rgba(150,215,255,.35))}
@media(max-width:600px){.step-title .h3-cristal{font-size:.98rem!important;white-space:nowrap;min-width:0}}
.chat-message{display:flow-root}
.chat-message>.msg-tk-w{float:right;margin:4px 0 -4px 10px;height:13px;line-height:13px}
.wa-meta .msg-tk-w,.wa-meta [data-hora]{float:none;margin:0;height:auto;line-height:1}
.wa-meta .msg-tk{margin-left:0}
.ord-aviso{margin-top:6px;padding:7px 10px;border-radius:10px;font-size:12px;line-height:1.35;color:#ffd9a0;background:rgba(255,160,40,.12);border:1px solid rgba(255,160,40,.45)}
.chat-message>div:has(+ .msg-tk-w){display:inline}

/* ===== v24: botón rojo ❓ de salud (admin), chat compacto + guía de recarga, IDs guardados desplegables, Top de recargas con más esencia ===== */
.btn-salud{display:none;position:relative;width:34px;height:34px;margin-left:8px;border-radius:50%;border:2px solid #ff4d5e;background:radial-gradient(circle at 35% 30%,#ff7a85,#d3182c);color:#fff;cursor:pointer;flex:none;align-items:center;justify-content:center;font:900 18px/1 inherit;box-shadow:0 0 0 0 rgba(255,60,80,.7)}
body.modo-admin .btn-salud{display:inline-flex}
.btn-salud b{font-weight:900}
.btn-salud em{position:absolute;right:-7px;top:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#fff;color:#c4132a;font:800 11px/18px inherit;font-style:normal;text-align:center;box-shadow:0 1px 6px rgba(0,0,0,.5)}
.btn-salud.mal{animation:saludPulso 1.6s ease-out infinite}
@keyframes saludPulso{0%{box-shadow:0 0 0 0 rgba(255,60,80,.75)}70%{box-shadow:0 0 0 12px rgba(255,60,80,0)}100%{box-shadow:0 0 0 0 rgba(255,60,80,0)}}
.btn-salud.aviso{background:radial-gradient(circle at 35% 30%,#ffd37a,#e08a00);border-color:#ffc04d}
.btn-salud.bien{background:radial-gradient(circle at 35% 30%,#6dffb5,#0ea560);border-color:#3dffa0}
.btn-salud.bien b{display:none}.btn-salud.bien em{position:static;background:none;color:#fff;font-size:17px;box-shadow:none}
.btn-salud.mal b{display:inline}.btn-salud:not(.bien) em{display:inline-block}
@media (prefers-reduced-motion:reduce){.btn-salud.mal{animation:none}}
.salud-modal{position:fixed;inset:0;z-index:100000;background:rgba(3,6,16,.72);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:14px}
.salud-modal[hidden]{display:none}
.salud-caja{width:min(640px,100%);max-height:92vh;overflow:auto;background:#10152a;border:1px solid rgba(127,214,255,.4);border-radius:20px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.salud-cab{display:flex;align-items:center;justify-content:space-between;font-size:1.1rem;color:#fff;margin-bottom:6px}
.salud-x{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:32px;height:32px;cursor:pointer}
.salud-intro{font-size:.82rem;color:#aebbd6;line-height:1.4;margin:4px 0 12px}
.sl-q-demo{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e5243b;color:#fff;font-weight:900;font-size:12px}
.salud-lista{display:grid;gap:10px}
.sl-ok{padding:14px;border-radius:14px;background:rgba(25,230,140,.12);border:1px solid rgba(25,230,140,.5);color:#bff7dc;font-size:.9rem}
.sl-prob{padding:11px 12px;border-radius:14px;background:#171c32;border:1px solid #2c3558;border-left:4px solid #888}
.sl-prob.alto{border-left-color:#ff3b4f;background:linear-gradient(90deg,rgba(255,59,79,.12),#171c32 40%)}
.sl-prob.medio{border-left-color:#ff9a3d}.sl-prob.bajo{border-left-color:#f3d34a}
.sl-cab{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}
.sl-tit{font-weight:700;font-size:.92rem;color:#fff;line-height:1.3}
.sl-q{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid #ff6b7c;background:#e5243b;color:#fff;font:900 16px/1 inherit;cursor:pointer}
.sl-q.on{background:#fff;color:#e5243b}
.sl-det{margin:6px 0 0;font-size:.82rem;color:#c8d3ec;line-height:1.4}
.sl-pasos{margin-top:8px;padding:10px 12px;border-radius:12px;background:rgba(229,36,59,.08);border:1px dashed rgba(255,107,124,.55);font-size:.82rem;color:#ffe3e6}
.sl-pasos ol{margin:6px 0 0;padding-left:20px;display:grid;gap:5px;line-height:1.4}
.sl-ir{margin-top:8px;border:1px solid rgba(127,214,255,.6);background:rgba(127,214,255,.12);color:#d6f1ff;border-radius:99px;padding:6px 14px;font-weight:700;font-size:.8rem;cursor:pointer}
.salud-acc{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.salud-acc button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#fff;border-radius:99px;padding:7px 14px;font-weight:600;font-size:.8rem;cursor:pointer}
.salud-acc small{color:#8794b3;margin-left:auto}
.ord-btn.ok{background:rgba(25,230,140,.14);border-color:rgba(25,230,140,.6);color:#bff7dc}

/* chat: más compacto y sin menú que no se puede deslizar */
.chat-v2 .chat-messages-area{gap:5px;padding:10px}
.chat-v2 .chat-message{font-size:.86rem;line-height:1.3;padding:6px 11px;border-radius:14px;max-width:88%}
.chat-chips{flex-wrap:wrap;overflow:visible;gap:5px;padding:6px 10px 0}
.chat-chips button{padding:5px 10px;font-size:.74rem}
.chat-guia{position:relative;flex-shrink:0;margin:6px 8px 0;padding:10px 12px 10px;border-radius:14px;background:linear-gradient(135deg,rgba(25,230,140,.14),rgba(127,214,255,.12));border:1px solid rgba(127,214,255,.45);color:#e6f3ff;font-size:.8rem;line-height:1.35;max-height:46%;overflow:auto}
.chat-guia[hidden]{display:none}
.cg-t{font-weight:800;font-size:.9rem;margin-bottom:4px;padding-right:26px}
.chat-guia ol{margin:0;padding-left:18px;display:grid;gap:3px}
.cg-x{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.35);color:#fff;font-size:12px;cursor:pointer}
.cg-acc{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.cg-acc button{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;border-radius:99px;padding:5px 12px;font-size:.76rem;font-weight:700;cursor:pointer}
.cg-acc .cg-go{background:linear-gradient(135deg,#19e68c,#2ec7ff);color:#03241a;border-color:transparent}

/* IDs guardados: el primero a la vista y el resto en un desplegable */
#zi-lista{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.zi-mas{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(127,214,255,.5);background:rgba(127,214,255,.1);color:#d6f1ff;border-radius:99px;padding:5px 11px;font-size:12px;font-weight:700;cursor:pointer}
.zi-mas em{font-style:normal;background:#7fd6ff;color:#06203a;border-radius:99px;min-width:18px;padding:0 5px;text-align:center;font-size:11px;line-height:18px}
.zi-mas .zi-fl{font-size:10px;transition:transform .2s}.zi-mas.abierto .zi-fl{transform:rotate(180deg)}
.zi-panel{flex:1 0 100%;display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-radius:14px;background:rgba(127,214,255,.06);border:1px solid rgba(127,214,255,.25);max-height:132px;overflow:auto}

/* Top de recargas: podio con más esencia */
.top-mes{position:relative;overflow:hidden;background:radial-gradient(120% 70% at 50% -10%,rgba(127,214,255,.2),transparent 62%),radial-gradient(80% 50% at 100% 100%,rgba(25,230,140,.1),transparent 60%),#0e1326!important;border:1px solid rgba(127,214,255,.4)!important;box-shadow:0 0 34px rgba(60,140,255,.2),inset 0 0 40px rgba(127,214,255,.05)}
.top-mes .step-title h3{background:linear-gradient(180deg,#fff 15%,#bfe4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 6px rgba(150,215,255,.35));letter-spacing:.3px}
.top-lista li{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#171c30,#11162a)}
.top-lista li.pod{padding:12px 16px}
.top-lista li.pod .pos{font-size:28px;width:34px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.top-lista li.pod .av{width:48px;height:48px}
.top-lista li.pod .dia{font-size:16px}
.top-lista li.pod.u0{background:linear-gradient(115deg,rgba(255,196,60,.34),rgba(255,122,24,.14) 55%,#171c30);border:1px solid #ffd058;box-shadow:0 0 24px rgba(255,190,60,.38)}
.top-lista li.pod.u0 .av{border-color:#ffd54a;box-shadow:0 0 14px rgba(255,213,74,.9)}
.top-lista li.pod.u0 .dia{color:#ffe08a;text-shadow:0 0 10px rgba(255,200,60,.7)}
.top-lista li.pod.u1{background:linear-gradient(115deg,rgba(150,205,255,.28),rgba(80,130,255,.1) 55%,#171c30);border:1px solid #a9d8ff;box-shadow:0 0 18px rgba(127,214,255,.3)}
.top-lista li.pod.u1 .av{border-color:#cfe9ff;box-shadow:0 0 12px rgba(160,215,255,.8)}
.top-lista li.pod.u2{background:linear-gradient(115deg,rgba(255,150,90,.26),rgba(190,90,255,.12) 55%,#171c30);border:1px solid #ffa56b;box-shadow:0 0 16px rgba(255,140,80,.28)}
.top-lista li.pod.u2 .av{border-color:#ffc9a3;box-shadow:0 0 12px rgba(255,160,100,.7)}
.top-lista li.pod.u0::before{content:"👑";position:absolute;left:30px;top:-3px;font-size:17px;transform:rotate(-16deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));z-index:2}
.top-lista li.pod::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 62%);transform:translateX(-130%);animation:topBrillo 6s ease-in-out infinite;pointer-events:none}
.top-lista li.u1::after{animation-delay:1.2s}.top-lista li.u2::after{animation-delay:2.4s}
@keyframes topBrillo{0%,70%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.top-lista li.u3,.top-lista li.u4{border-color:rgba(25,230,140,.35);background:linear-gradient(115deg,rgba(25,230,140,.1),#12182c 60%)}
@media (prefers-reduced-motion:reduce){.top-lista li.pod::after{animation:none}}
@media(max-width:600px){.top-lista li.pod{padding:9px 11px}.top-lista li.pod .pos{font-size:24px;width:28px}.top-lista li.pod .av{width:40px;height:40px}.top-lista li.pod.u0::before{left:22px}}
.btn-salud b{font-size:19px;font-family:inherit;line-height:1}

.chat-guia{font-size:.76rem;max-height:56%}
.chat-guia ol{gap:2px}

/* ===== v25: azul cristal en más cajas y en la barra de arriba, Top con la foto dentro de la insignia, chat PC compacto, lupas del administrador ===== */
.card.cristal{background:radial-gradient(120% 70% at 50% -10%,rgba(127,214,255,.2),transparent 62%),radial-gradient(80% 50% at 100% 100%,rgba(25,230,140,.1),transparent 60%),#0e1326!important;border:1px solid rgba(127,214,255,.4)!important;box-shadow:0 0 34px rgba(60,140,255,.2),inset 0 0 40px rgba(127,214,255,.05)}
.navbar{background:radial-gradient(120% 220% at 50% -60%,rgba(127,214,255,.3),transparent 65%),radial-gradient(60% 120% at 100% 100%,rgba(25,230,140,.1),transparent 60%),linear-gradient(180deg,#0f1c3d,#0a1228)!important;box-shadow:0 2px 24px rgba(60,140,255,.25)}
body.modo-admin .navbar .logo{cursor:pointer}

/* Top de recargas: la insignia envuelve la foto; fotos alineadas */
.top-lista li .pos{width:34px;flex:none;text-align:center}
.top-lista li .av{width:44px;height:44px}
.top-lista li .nvb{padding:4px 13px 4px 4px;gap:8px;border-radius:16px;align-items:center}
.top-lista li .nvb .av-en-nvb{flex:none;margin:0}
.top-lista li.pod{padding:10px 16px}
.top-lista li.pod .av{width:44px;height:44px}
.top-lista li .pos{margin-right:6px}
@media(max-width:600px){.top-lista li .pos{width:26px;margin-right:2px}.top-lista li .av,.top-lista li.pod .av{width:38px;height:38px}.top-lista li .nvb{padding:3px 9px 3px 3px;gap:6px}}

/* Chat de clientes en PC: sin «Problema» y mensajes más compactos (el celular queda igual) */
@media(min-width:801px){
  .chat-chips button:nth-child(3){display:none}
  .chat-v2 .chat-message{font-size:.8rem;line-height:1.25;padding:4px 10px;border-radius:12px;max-width:90%}
  .chat-v2 .chat-messages-area{gap:3px;padding:8px}
}

/* Lupas (solo administrador) */
.op-buscar-w,.sl-buscar{position:relative;display:none;margin:0 0 8px}
body.modo-admin .op-buscar-w{display:block}
.sl-buscar{display:block}
.op-buscar-w i,.sl-buscar i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#7fd6ff;font-size:13px;pointer-events:none}
.op-buscar-w input,.sl-buscar input{width:100%;padding:8px 12px 8px 34px;border-radius:99px;border:1px solid rgba(127,214,255,.4);background:rgba(127,214,255,.07);color:#fff;font-size:13px;outline:none}
.op-buscar-w input:focus,.sl-buscar input:focus{border-color:#7fd6ff;box-shadow:0 0 0 3px rgba(127,214,255,.2)}
/* Opiniones más compactas SOLO dentro del modo administrador */
body.modo-admin #comments-list{display:grid;gap:5px;max-height:68vh;overflow:auto;padding-right:2px}
body.modo-admin #comments-list .op-card{padding:6px 10px;gap:8px;margin:0;border-radius:12px}
body.modo-admin #comments-list .op-card p{margin:2px 0 0;font-size:12px;line-height:1.3}
body.modo-admin #comments-list .op-cab{gap:6px;font-size:12px}
body.modo-admin #comments-list .op-reacs{margin-top:3px;transform-origin:left;transform:scale(.85)}
body.modo-admin #comments-list .op-av,body.modo-admin #comments-list .av{width:28px!important;height:28px!important}

/* ===== v26: stock más fácil (revisión de repetidos, últimos 10 subidos, buscador de PIN) ===== */
.stock-revision{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border-radius:12px;background:rgba(127,214,255,.07);border:1px solid rgba(127,214,255,.3);font-size:12px}
.stock-revision[hidden]{display:none}
.rv{padding:3px 10px;border-radius:99px;font-weight:700;background:rgba(255,255,255,.08)}
.rv.ok{background:rgba(25,230,140,.16);color:#bff7dc}.rv.mal{background:rgba(255,154,61,.18);color:#ffd9a0}
.rv-det{flex:1 0 100%;color:#c8d3ec;line-height:1.35}
.stock-det{margin-top:12px;border:1px solid rgba(127,214,255,.35);border-radius:14px;background:rgba(127,214,255,.05);padding:2px 10px}
.stock-det summary{cursor:pointer;padding:9px 2px;font-weight:700;color:#d6f1ff;list-style:none}
.stock-det summary::-webkit-details-marker{display:none}
.stock-det summary::before{content:"▸ ";color:#7fd6ff}.stock-det[open] summary::before{content:"▾ "}
.stock-det summary small{opacity:.6;font-weight:400}
.stock-ult-lista{display:grid;gap:5px;padding:2px 0 10px}
.pin-fila{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:#171c32;border:1px solid #2c3558;font-size:12px}
.pin-fila code{font:700 12px/1 ui-monospace,Consolas,monospace;color:#fff;letter-spacing:.5px}
.pin-fila .pf-paq{color:#ffe08a;font-weight:700}
.pin-fila .pf-est{padding:2px 8px;border-radius:99px;font-weight:700;background:rgba(25,230,140,.16);color:#bff7dc}
.pin-fila.usado .pf-est{background:rgba(255,154,61,.18);color:#ffd9a0}
.pin-fila small{margin-left:auto;opacity:.6}
.stock-vacio{font-size:12px;color:#8fa0c4;margin:4px 0}
.stock-buscar{margin-top:12px}
.stock-buscar label{display:block;font-size:12px;color:#aebbd6;margin-bottom:6px}
.sb-w{position:relative}.sb-w i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#7fd6ff;font-size:13px}
.sb-w input{width:100%;padding:8px 12px 8px 34px;border-radius:99px;border:1px solid rgba(127,214,255,.4);background:rgba(127,214,255,.07);color:#fff;font-size:13px;outline:none}

/* ===== v27: chat admin PC compacto, opinión compacta, paso 4 en celu, historial de notificaciones ===== */
@media(min-width:801px){
 #admin-msgs{gap:3px!important;padding:6px 9px!important}
 #admin-msgs>div[data-mid]{padding:3px 9px!important;font-size:12.5px!important;line-height:1.25!important;border-radius:9px!important;max-width:78%!important}
 #admin-msgs>div[data-mid] [data-hora]{font-size:9.5px!important;margin-top:0!important;line-height:1.1!important}
 #admin-msgs>div[data-mid] .msg-quote{padding:2px 7px!important;margin:1px 0 2px!important;font-size:11px!important}
 #admin-msgs>div[data-mid] img{max-height:120px!important;margin-top:3px!important}
 #admin-msgs .wa-aud{min-width:190px;margin-top:0}
 #admin-msgs .wa-play{width:32px;height:32px}
 #admin-msgs .wa-wave{height:22px}
}
/* opinión: formulario compacto (en la página ≈ caja de las 4 estrellas) */
.op-form{padding:8px 10px!important;margin-bottom:10px!important;border-radius:12px!important}
.op-form-campos{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center}
.op-form-campos .op-form-tit{grid-column:1;margin:0;font-size:.8rem}
.op-form-campos .op-pick{grid-column:2;grid-row:1;margin:0;gap:0}
.op-form-campos .op-pick button{font-size:1.25rem;padding:0 1px}
.op-form-campos #op-texto{grid-column:1;grid-row:2;min-height:36px;height:36px;max-height:90px;padding:7px 10px;font-size:16px;border-radius:9px;resize:none;overflow:hidden}
.op-form-campos #op-texto:focus{height:64px;overflow:auto}
.op-form-campos .op-form-pie{grid-column:2;grid-row:2;margin:0;gap:6px}
.op-form-campos .op-form-pie small{display:none}
.op-form-campos:focus-within .op-form-pie small{display:inline;font-size:.62rem;margin-right:2px}
.op-form-campos .op-btn{padding:7px 12px;font-size:.78rem}
.op-form-login{font-size:.8rem}
.op-form-login .op-btn{padding:7px 12px;font-size:.78rem}
body.modo-admin .op-form{padding:5px 8px!important;margin-bottom:6px!important}
body.modo-admin .op-form-campos .op-form-tit{font-size:.72rem}
body.modo-admin .op-form-campos .op-pick button{font-size:1.05rem}
body.modo-admin .op-form-campos #op-texto{min-height:28px;height:28px;padding:4px 8px;font-size:14px}
body.modo-admin .op-form-campos #op-texto:focus{height:50px}
body.modo-admin .op-form-campos .op-btn{padding:5px 10px;font-size:.72rem}
/* paso 4 del carrusel en celu */
@container (max-width:470px){
 .slide-ayuda .sa-in{gap:1.2cqh;padding:2.2cqh 3cqw}
 .slide-ayuda .sa-h{font-size:max(13px,8cqh)}
 .slide-ayuda .sa-paso p{font-size:max(11px,6.2cqh);line-height:1.22}
 .slide-ayuda .sa-ill{width:max(88px,30cqw);min-height:max(52px,34cqh)}
 .slide-ayuda .mk-pc{height:max(40px,20cqh)}
}
/* barra de avisos + historial */
.camp-bar{position:absolute;right:16px;bottom:8px;z-index:25;display:flex;align-items:center;gap:6px}
.camp-bar .camp-top{position:static}
@media(max-width:600px){.camp-bar{right:10px;bottom:6px}}
.nh-btn{position:relative;width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;color:#dff6ff;border:1px solid rgba(127,214,255,.6);background:rgba(10,24,48,.65);backdrop-filter:blur(6px);box-shadow:0 0 10px rgba(127,214,255,.3);font-size:12px;padding:0}
.nh-btn[hidden]{display:none}
.nh-btn:hover{background:rgba(127,214,255,.22)}
.nh-btn em{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;border-radius:99px;background:#ff4d5e;color:#fff;font:800 10px/16px inherit;font-style:normal;text-align:center;padding:0 3px;box-shadow:0 0 8px rgba(255,77,94,.7)}
.nh-btn em[hidden]{display:none}
.nh-modal{position:fixed;inset:0;z-index:100000;background:rgba(2,6,16,.62);display:flex;align-items:flex-start;justify-content:center;padding:70px 14px 14px}
.nh-modal[hidden]{display:none}
.nh-card{width:min(420px,100%);max-height:min(78vh,620px);display:flex;flex-direction:column;border-radius:18px;border:1px solid rgba(127,214,255,.5);background:radial-gradient(120% 70% at 50% -10%,rgba(127,214,255,.2),transparent 62%),#0e1326;box-shadow:0 0 22px rgba(127,214,255,.25),0 14px 40px rgba(0,0,0,.7);color:#eaf6ff;overflow:hidden}
.nh-cab{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(127,214,255,.2);font-size:14px}
.nh-cab button{background:none;border:0;color:#cfe9ff;font-size:16px;cursor:pointer}
.nh-lista{overflow:auto;padding:8px 10px;display:grid;gap:6px;scrollbar-width:thin}
.nh-item{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);font-size:13px;line-height:1.3}
.nh-item.nuevo{border-color:rgba(25,230,140,.55);background:rgba(25,230,140,.09)}
.nh-ic{font-size:18px;line-height:1.1}
.nh-item small{display:block;color:#8fa6c4;font-size:11px;margin-top:2px}
.nh-vacio{color:#9db3cf;font-size:13px;padding:14px 6px;margin:0;text-align:center}
.nh-pie{padding:8px 12px;border-top:1px solid rgba(127,214,255,.2);text-align:right}
.nh-pie button{background:none;border:0;color:#8fa6c4;font-size:12px;cursor:pointer;text-decoration:underline}

/* ===== v28: carrusel más grande en celu + botón "Mis avisos" ===== */
@media(max-width:600px){
 .carousel-track-container{height:200px!important;min-height:0}
 .carousel-slide{width:78%}
 .carousel-slide.prev{transform:translateX(-46%) scale(.82)}
 .carousel-slide.next{transform:translateX(46%) scale(.82)}
}
@container (max-width:470px) and (min-height:190px){
 .st-in h4{font-size:min(8.5cqh,6.4cqw)}
 .st-podio .st-av{width:min(17cqh,16cqw);height:min(17cqh,16cqw);font-size:min(7cqh,6cqw)}
 .st-podio .st-item.st0 .st-av{width:min(21cqh,20cqw);height:min(21cqh,20cqw);font-size:min(9cqh,8cqw)}
 .st-podio .st-nom{font-size:min(7cqh,4.4cqw)}
 .st-podio .st-dia{font-size:min(6.6cqh,4.2cqw)}
 .st-resto{grid-template-columns:1fr;gap:1.4cqh}
 .st-resto .st-item{padding:.6cqh 3cqw}
 .st-resto .st-av{width:min(12.5cqh,10cqw);height:min(12.5cqh,10cqw);font-size:min(5.6cqh,4.4cqw)}
 .st-resto .st-tx{flex-direction:row;align-items:center;gap:2cqw}
 .st-resto .st-nom{font-size:min(7cqh,4.6cqw)}
 .st-sub{font-size:min(6.2cqh,4cqw)}.st-sub .st-med{font-size:min(6.2cqh,4cqw)}
 .st-resto .st-dia,.st-resto .st-niv{font-size:min(6.2cqh,4cqw)}
}
.nh-btn{width:auto!important;height:auto!important;border-radius:99px!important;padding:5px 10px!important;gap:5px;display:inline-flex!important;align-items:center;font:700 12px/1 inherit!important;color:#e9f7ff!important;border-color:rgba(127,214,255,.8)!important;background:linear-gradient(135deg,rgba(40,110,200,.75),rgba(14,40,90,.8))!important}
.nh-btn[hidden]{display:none!important}
.nh-btn span{white-space:nowrap}
.nh-btn i{font-size:13px}
@media(max-width:600px){.nh-btn{padding:4px 8px!important;font-size:11px!important}}

/* ===== v29: lupa junto al pin, acreditar saldo claro, pendientes, guía animada ===== */
.adm-lupa{font-size:14px}
.sc-fila{display:flex;gap:6px;flex-wrap:wrap;align-items:center;width:100%;margin-bottom:6px}
.sc-seg{display:inline-flex;border:1px solid #2b3544;border-radius:10px;overflow:hidden;background:#0e0f16}
.sc-seg button{border:0;background:transparent;color:#9fb0c8;padding:6px 10px;font:700 12px/1 inherit;cursor:pointer;white-space:nowrap}
.sc-seg button.on{background:rgba(127,214,255,.2);color:#fff;box-shadow:inset 0 0 0 1px #7fd6ff}
.sc-rap{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}
.sc-rap button{border:1px solid #2b3544;background:#161d2c;color:#cfe9ff;border-radius:99px;padding:3px 9px;font:700 11px/1.2 inherit;cursor:pointer}
.sc-rap button:hover{border-color:#7fd6ff}
.adm-rail .rt-rojo{background:#ff4d5e!important}
.hoy-cont{display:flex;flex-direction:column;gap:8px}
.hoy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.hoy-card{border:1px solid #2b3544;background:#101523;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#dfe8f5}
.hoy-card.alto{border-color:#ff6b7a;box-shadow:0 0 10px rgba(255,77,94,.25)}
.hoy-card.aviso{border-color:#f3ba2f}
.hoy-card.ok{border-color:#1f6b46}
.hoy-cab{display:flex;align-items:center;gap:6px;font-size:13px}
.hoy-cab b{flex:1}
.hoy-cab em{font-style:normal;min-width:20px;text-align:center;border-radius:99px;padding:1px 7px;font-weight:800;font-size:11px;background:#f3ba2f;color:#201500}
.hoy-card.alto .hoy-cab em{background:#ff4d5e;color:#fff}
.hoy-card.ok .hoy-cab em{background:#1f9d62;color:#fff}
.hoy-vacio,.hoy-mas{margin:0;color:#8fa0b8;font-size:11px}
.hoy-fila{display:flex;justify-content:space-between;gap:8px;text-align:left;border:0;background:rgba(255,255,255,.05);color:inherit;border-radius:8px;padding:5px 8px;cursor:pointer;font:inherit}
.hoy-fila:hover{background:rgba(127,214,255,.14)}
.hoy-fila small{color:#9db3cf;white-space:nowrap}
.hoy-ir{align-self:flex-start;margin-top:2px;border:1px solid #3f557f;background:#1d2740;color:#7dd3fc;border-radius:8px;padding:4px 9px;font:700 11px/1.2 inherit;cursor:pointer}
.hoy-num{margin:2px 0;font-size:14px;font-weight:800;color:#7dffb0}
.hoy-todo{margin:0;text-align:center;color:#7dffb0;font-weight:800;font-size:13px}
.hoy-refrescar{align-self:flex-end;border:0;background:none;color:#8fa6c4;font-size:11px;cursor:pointer;text-decoration:underline}
/* guía de bienvenida */
.tour{position:fixed;inset:0;z-index:100001}
.tour[hidden]{display:none}
.tour-foco{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px rgba(3,8,20,.78),0 0 0 3px #7fd6ff,0 0 22px 4px rgba(127,214,255,.7);transition:all .35s ease;animation:tourPulso 1.6s ease-in-out infinite;pointer-events:none}
@keyframes tourPulso{50%{box-shadow:0 0 0 9999px rgba(3,8,20,.78),0 0 0 6px rgba(127,214,255,.55),0 0 30px 8px rgba(127,214,255,.5)}}
.tour-mano{position:fixed;font-size:28px;line-height:1;pointer-events:none;animation:tourMano 1s ease-in-out infinite;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
@keyframes tourMano{50%{transform:translateY(7px)}}
.tour-card{position:fixed;max-width:340px;padding:14px 16px;border-radius:18px;border:1px solid rgba(127,214,255,.6);background:radial-gradient(120% 70% at 50% -10%,rgba(127,214,255,.22),transparent 62%),#0e1326;box-shadow:0 0 22px rgba(127,214,255,.3),0 14px 40px rgba(0,0,0,.7);color:#eaf6ff;animation:tourEntra .35s ease}
@keyframes tourEntra{from{opacity:0;scale:.94}}
.tour-t{font-size:16px;font-weight:800;margin-bottom:4px}
.tour-d{margin:0 0 10px;font-size:13.5px;line-height:1.4;color:#cfe3f7}
.tour-pie{display:flex;align-items:center;gap:8px}
.tour-pts{flex:1;display:flex;gap:5px;justify-content:center}
.tour-pts i{width:7px;height:7px;border-radius:50%;background:#3b4a6b}
.tour-pts i.on{background:#7fd6ff;box-shadow:0 0 8px #7fd6ff}
.tour-saltar{background:none;border:0;color:#8fa6c4;font-size:12px;cursor:pointer;text-decoration:underline}
.tour-atras{width:30px;height:30px;border-radius:50%;border:1px solid #3f557f;background:#1d2740;color:#cfe9ff;font-size:18px;cursor:pointer}
.tour-sig{padding:8px 16px;border:0;border-radius:99px;font:800 13px/1 inherit;cursor:pointer;color:#04210f;background:linear-gradient(135deg,#9dffc9,#19e68c);box-shadow:0 0 12px rgba(25,230,140,.5)}
@media(prefers-reduced-motion:reduce){.tour-foco,.tour-mano,.tour-card{animation:none}}
.hoy-fila span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== v30: sacar a todos de la sala, pistas de la guía, pasos de saldo en celu ===== */
.adm-sacar{margin:0 0 8px;padding:6px 12px;border-radius:10px;border:1px solid #7d2e2e;background:#3a1717;color:#ffb3b3;font:700 12px/1.2 inherit;cursor:pointer}
.adm-sacar[hidden]{display:none}
.adm-sacar:disabled{opacity:.45;cursor:default}
.tour-pista{position:fixed;z-index:100001;max-width:190px;display:flex;gap:6px;align-items:flex-start;padding:7px 10px;border-radius:12px;background:#0e1326;border:1px solid rgba(127,214,255,.7);box-shadow:0 0 14px rgba(127,214,255,.4);color:#eaf6ff;font:600 12px/1.3 inherit;pointer-events:none;transition:opacity .4s}
.tour-pista i{font-style:normal;font-size:20px;line-height:1;animation:tourMano .8s ease-in-out infinite}
.tour-pista.chau{opacity:0}
.sb-resalta{box-shadow:0 0 0 2px #7fd6ff,0 0 16px rgba(127,214,255,.7)!important;animation:tourPulso2 1s ease-in-out 3}
@keyframes tourPulso2{50%{filter:brightness(1.35)}}
@container (max-width:470px){
 .slide-ayuda .sa-paso:nth-child(2),.slide-ayuda .sa-paso:nth-child(3){flex-direction:column;justify-content:center;text-align:center;gap:1.4cqh}
 .slide-ayuda .sa-paso:nth-child(2) .sa-ill,.slide-ayuda .sa-paso:nth-child(3) .sa-ill{width:auto;max-width:92%;min-height:0;padding:1.2cqh 3cqw}
 .slide-ayuda .sa-paso:nth-child(2) p,.slide-ayuda .sa-paso:nth-child(3) p{font-size:max(11px,5.8cqh);line-height:1.2}
 .slide-ayuda .mk-transf b{font-size:max(11px,6.2cqh);line-height:1.15}
 .slide-ayuda .mk-alias{font-size:max(11px,5.8cqh)}
}

/* ===== v31: modo "Estoy disponible" ===== */
.hoy-promo{border:1px solid #2b3544;background:#101523;border-radius:12px;padding:8px 10px}
.hoy-promo.on{border-color:#19e68c;box-shadow:0 0 12px rgba(25,230,140,.3)}
.hoy-promo-t{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
.hoy-promo-d{margin:4px 0 0;font-size:11.5px;color:#9db3cf;line-height:1.35}
.hoy-promo.on .hoy-promo-d{color:#9dffc9}
.hoy-sw{position:relative;width:42px;height:24px;flex:none}
.hoy-sw input{opacity:0;position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.hoy-sw span{position:absolute;inset:0;border-radius:99px;background:#3b4a6b;transition:.2s}
.hoy-sw span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}
.hoy-sw input:checked+span{background:#19e68c}
.hoy-sw input:checked+span::after{transform:translateX(18px)}
.hoy-espera{display:flex;flex-direction:column;gap:6px}
.hoy-esp-fila{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;border:1px solid #f3ba2f;background:rgba(243,186,47,.08);border-radius:12px;padding:8px 10px;box-shadow:0 0 12px rgba(243,186,47,.25)}
.hoy-esp-i{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px}
.hoy-esp-i b{cursor:copy}
.hoy-esp-i small{color:#cdb98a;font-size:11px}
.hoy-ok,.hoy-pin{border:0;border-radius:9px;padding:7px 11px;font:800 12px/1.1 inherit;cursor:pointer}
.hoy-ok{background:linear-gradient(135deg,#9dffc9,#19e68c);color:#04210f}
.hoy-pin{background:#1d2740;color:#7dd3fc;border:1px solid #3f557f}
.hoy-esp-id{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hoy-esp-id b{cursor:default}
.hoy-copiar{border:1px solid #3f557f;background:#1d2740;border-radius:8px;padding:2px 7px;font-size:13px;cursor:pointer;line-height:1.3}
.hoy-copiar:hover{border-color:#7fd6ff}
.hoy-nom{color:#9dffc9;font-weight:700;font-size:12.5px}
.hoy-barra{height:4px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:3px}
.hoy-barra i{display:block;height:100%;background:linear-gradient(90deg,#19e68c,#f3ba2f);transition:width 1s linear}
.hoy-cd{font-weight:800;font-size:20px;line-height:1;color:#ffe28a;min-width:52px;text-align:center}
.hoy-cd.urge{color:#ff6b7a;animation:demPulso 1s ease-in-out infinite}
.hoy-esp-fila.vencida{opacity:.55}

/* v33 */
.hoy-seg{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:12px;font-weight:700;color:#bfe9ff}
.hoy-seg-in{width:72px;border:1px solid #3f557f;background:#0e1424;color:#fff;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:700}
.hoy-seg-in:disabled{opacity:.55}
.hoy-seg small{font-weight:500;color:#8fa0bd;font-size:11px}
.hoy-barra i{background:#19e68c;transition:width 1s linear,background-color .8s,box-shadow .8s}
.hoy-cd{min-width:64px;font-size:18px;line-height:1;font-weight:800;white-space:nowrap}
.adm-soporte{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#9fb3d6;margin-left:auto}
.adm-soporte select{border:1px solid #3f557f;background:#0e1424;color:#fff;border-radius:8px;padding:4px 6px;font-size:12px;font-weight:700}
@media(max-width:600px){.adm-soporte span{display:none}.adm-top{flex-wrap:wrap}}
.tip-ind{display:flex;align-items:center;gap:8px;font-size:12px;color:#9fb3d6;padding:2px 8px 6px}
.tip-ind[hidden]{display:none}
.tip-pts{display:inline-flex;gap:3px;background:#1d2740;border-radius:12px;padding:6px 9px}
.tip-pts i{width:6px;height:6px;border-radius:50%;background:#7fd6ff;animation:tipSalto 1.1s infinite ease-in-out}
.tip-pts i:nth-child(2){animation-delay:.15s}.tip-pts i:nth-child(3){animation-delay:.3s}
@keyframes tipSalto{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
#chat-widget[data-soporte="desconectada"] .chat-status-dot{background:#8a93a6;box-shadow:none}
#chat-widget[data-soporte="oculto"] .chat-status-dot{display:none}

/* ===== v35: animaciones suaves (solo transform/opacity: no pesan) ===== */
@keyframes zFade{from{opacity:0}to{opacity:1}}
@keyframes zPop{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
@keyframes zDespliega{from{opacity:0;transform:translateY(-10px) scaleY(.9)}to{opacity:1;transform:none}}
@keyframes zSube{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes zToast{from{opacity:0;transform:translate(-50%,14px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes zLatido{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(78,243,141,.55)}50%{transform:scale(1.18);box-shadow:0 0 0 7px rgba(78,243,141,0)}}
@keyframes zBrillo{0%,100%{filter:drop-shadow(0 0 0 rgba(78,243,141,0))}50%{filter:drop-shadow(0 0 6px rgba(78,243,141,.9))}}

/* ventanas emergentes: el fondo aparece y la tarjeta "salta" suave */
#modal-seleccion-carga,#modal-binance,#modal-mercadopago,#modal-convertir,.salud-modal:not([hidden]),.nh-modal:not([hidden]){animation:zFade .2s ease-out}
#modal-seleccion-carga>div,#modal-binance>div,#modal-mercadopago>div,#modal-convertir>div,.salud-modal:not([hidden])>*,.nh-modal:not([hidden])>*{animation:zPop .3s cubic-bezier(.2,1,.3,1)}

/* desplegables (como "Otros ítems" en la tienda): bajan con suavidad */
#ids-guardados:not([hidden]),#hist-panel:not([hidden]),#como-panel:not([hidden]),#player-card:not([hidden]){transform-origin:top center;animation:zDespliega .28s cubic-bezier(.2,1,.3,1)}
.sidebar-menu.open .sb-accion,.sidebar-menu.open .sb-wallet,.sidebar-menu.open .sb-cargar,.sidebar-menu.open .sb-conv{animation:zSube .35s cubic-bezier(.2,1,.3,1) both}
.sidebar-menu.open .sb-accion:nth-of-type(1){animation-delay:.04s}
.sidebar-menu.open .sb-accion:nth-of-type(2){animation-delay:.08s}
.sidebar-menu.open .sb-accion:nth-of-type(3){animation-delay:.12s}
.sidebar-menu.open .sb-accion:nth-of-type(4){animation-delay:.16s}

/* panel de administrador: cada sección entra suave */
[id^="admin-vista-"]:not([hidden]){animation:zSube .3s cubic-bezier(.2,1,.3,1)}
.admin-tab{transition:transform .15s,background .2s,box-shadow .2s}
.admin-tab:hover{transform:translateX(2px)}
.admin-tab:active{transform:scale(.97)}

/* botones principales: un "hundido" corto al tocar y un leve realce al pasar */
:where(.sb-cargar,.sb-conv,.sb-accion,.cu-btn,.hoy-ok,.hoy-pin,.hoy-copiar){transition:transform .15s,filter .2s,box-shadow .2s}
:where(.sb-cargar,.sb-conv,.sb-accion,.cu-btn,.hoy-ok,.hoy-pin,.hoy-copiar):active{transform:scale(.96)}
@media (hover:hover){:where(.sb-cargar,.sb-conv,.sb-accion,.cu-btn):hover{filter:brightness(1.1)}}

/* "Cargar saldo": el icono verde late para que se note */
.btn-cargar-saldo{animation:zBrillo 1.8s ease-in-out infinite}
.btn-cargar-saldo i{animation:zIcono 1.8s ease-in-out infinite}
@keyframes zIcono{0%,100%{transform:scale(1)}50%{transform:scale(1.22)}}

/* menú: WhatsApp en pausa */
.sb-wa.sb-prox{background:#1b2133;color:#8b93a7;box-shadow:none;cursor:default;opacity:.85}
.sb-wa.sb-prox .sb-ico{background:#2a3150;color:#8b93a7}
.sb-wa.sb-prox small{color:#f3ba2f;font-weight:800;letter-spacing:.04em}

/* cuarto método de carga */
.cg-tarjeta{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px dashed #5b6a99;background:linear-gradient(135deg,rgba(143,125,255,.14),rgba(78,243,141,.08));color:#dfe6ff;cursor:pointer;text-align:left}
.cg-t-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(143,125,255,.25);color:#cbbcff;font-size:16px;flex:none}
.cg-t-txt{display:flex;flex-direction:column;line-height:1.2;flex:1}
.cg-t-txt b{font-size:13px}
.cg-t-txt small{font-size:11px;color:#9fb0dd}
.cg-t-badge{font-size:10px;font-weight:800;letter-spacing:.03em;color:#1a1300;background:#f3ba2f;border-radius:99px;padding:3px 8px;white-space:nowrap}
.cg-tarjeta:active{transform:scale(.98)}

@media (prefers-reduced-motion:reduce){
  #modal-seleccion-carga,#modal-binance,#modal-mercadopago,#modal-convertir,#modal-seleccion-carga>div,#modal-binance>div,#modal-mercadopago>div,#modal-convertir>div,.salud-modal>*,.nh-modal>*,#ids-guardados,#hist-panel,#como-panel,#player-card,[id^="admin-vista-"],.sidebar-menu.open .sb-accion,.sidebar-menu.open .sb-wallet,.sidebar-menu.open .sb-cargar,.sidebar-menu.open .sb-conv,.btn-cargar-saldo,.btn-cargar-saldo i{animation:none!important}
}
@media (max-width:600px){.btn-cargar-saldo{animation:zLatido 1.8s ease-in-out infinite}.btn-cargar-saldo i{animation:none}}

/* v36 */
.sl-prob.info{border-left:4px solid #6aa8ff;background:linear-gradient(90deg,rgba(106,168,255,.1),transparent)}
#grid-mp.z-baja,#grid-binance.z-baja{transform-origin:top center;animation:zDespliega .38s cubic-bezier(.2,1,.3,1)}
#grid-mp.z-baja .grid-diamonds>*,#grid-binance.z-baja .grid-diamonds>*,#grid-mp.z-baja .diamond-card,#grid-binance.z-baja .diamond-card{animation:zSube .38s cubic-bezier(.2,1,.3,1) both}
#grid-mp.z-baja .grid-diamonds>*:nth-child(2),#grid-binance.z-baja .grid-diamonds>*:nth-child(2){animation-delay:.04s}
#grid-mp.z-baja .grid-diamonds>*:nth-child(3),#grid-binance.z-baja .grid-diamonds>*:nth-child(3){animation-delay:.08s}
#grid-mp.z-baja .grid-diamonds>*:nth-child(4),#grid-binance.z-baja .grid-diamonds>*:nth-child(4){animation-delay:.12s}
#grid-mp.z-baja .grid-diamonds>*:nth-child(5),#grid-binance.z-baja .grid-diamonds>*:nth-child(5){animation-delay:.16s}
#grid-mp.z-baja .grid-diamonds>*:nth-child(6),#grid-binance.z-baja .grid-diamonds>*:nth-child(6){animation-delay:.2s}
.bonoxs-card{transition:transform .2s,box-shadow .25s,border-color .25s}
.bonoxs-card:active{transform:scale(.98)}
@media (prefers-reduced-motion:reduce){#grid-mp.z-baja,#grid-binance.z-baja,#grid-mp.z-baja *,#grid-binance.z-baja *{animation:none!important}}

/* v37: cuadro "Cargar saldo" rediseñado */
.cg-modal{position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,rgba(20,30,70,.82),rgba(2,4,12,.92));backdrop-filter:blur(7px);padding:14px}
.cg-card{position:relative;width:min(430px,100%);max-height:92vh;overflow:auto;border-radius:22px;padding:22px 18px 16px;background:linear-gradient(160deg,#171b2e 0%,#10131f 100%);border:1px solid rgba(127,214,255,.35);box-shadow:0 24px 70px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.03) inset,0 0 38px rgba(80,160,255,.14)}
.cg-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,#f3ba2f,#19e68c,#2979ff,#b266ff)}
.cg-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#c9d3ee;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .15s}
.cg-x:hover{background:rgba(255,255,255,.14)}.cg-x:active{transform:scale(.92)}
.cg-head{display:flex;align-items:center;gap:12px;margin:4px 34px 14px 0}
.cg-wallet{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:21px;color:#1b1300;background:linear-gradient(135deg,#ffd45c,#f09a00);box-shadow:0 6px 18px rgba(243,186,47,.35);flex:none}
.cg-head h3{margin:0;color:#fff;font-family:'Orbitron',sans-serif;font-size:1.1rem;letter-spacing:.02em}
.cg-head p{margin:2px 0 0;color:#9fb0dd;font-size:.8rem}
.cg-saldos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.cg-s{border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;border:1px solid rgba(255,255,255,.08)}
.cg-s small{font-size:.66rem;color:#b9c6e6;text-transform:uppercase;letter-spacing:.04em}
.cg-s b{font-size:1.02rem;color:#fff}
.cg-s-mp{background:linear-gradient(135deg,rgba(0,158,227,.25),rgba(0,158,227,.06))}
.cg-s-bn{background:linear-gradient(135deg,rgba(243,186,47,.24),rgba(243,186,47,.05))}
.cg-ops{display:flex;flex-direction:column;gap:9px}
.cg-op{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;text-align:left;font-family:inherit;transition:transform .18s,border-color .2s,background .2s,box-shadow .2s;animation:zSube .4s cubic-bezier(.2,1,.3,1) both}
.cg-op:nth-child(2){animation-delay:.05s}.cg-op:nth-child(3){animation-delay:.1s}.cg-op:nth-child(4){animation-delay:.15s}
@media (hover:hover){.cg-op:hover{transform:translateY(-2px);border-color:rgba(127,214,255,.55);background:rgba(127,214,255,.08);box-shadow:0 8px 22px rgba(0,0,0,.35)}}
.cg-op:active{transform:scale(.98)}
.cg-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:19px;flex:none}
.cg-op-mp .cg-ico{background:linear-gradient(135deg,#17b6ff,#0073a8);color:#fff}
.cg-op-bn .cg-ico{background:linear-gradient(135deg,#ffd45c,#f09a00);color:#1b1300}
.cg-op-cv .cg-ico{background:linear-gradient(135deg,#6c7bd6,#3b4a9e);color:#fff}
.cg-op-tj .cg-ico{background:linear-gradient(135deg,#9b87ff,#5b45d6);color:#fff}
.cg-txt{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.cg-txt b{font-size:.95rem}.cg-txt small{font-size:.74rem;color:#a9b8de}
.cg-fl{color:#7f8fb8;font-size:.8rem}
.cg-op-tj{border-style:dashed;opacity:.92}
.cg-badge{font-size:.62rem;font-weight:800;letter-spacing:.03em;color:#1a1300;background:#f3ba2f;border-radius:99px;padding:3px 9px;white-space:nowrap}
.cg-pie{margin:12px 0 2px;text-align:center;font-size:.72rem;color:#8392b8}
@media (max-width:420px){.cg-card{padding:20px 14px 14px}.cg-txt small{font-size:.7rem}}
@media (prefers-reduced-motion:reduce){.cg-op{animation:none!important}}
.hoy-revisar{border:1px solid #6aa8ff;background:rgba(106,168,255,.07);border-radius:12px;padding:8px 10px;margin-top:8px}
.hoy-rv-t{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#bfe0ff}
.hoy-rv-n{background:#2979ff;color:#fff;border-radius:99px;padding:1px 8px;font-size:11px;font-weight:800}
.hoy-rv-d{margin:4px 0 6px;font-size:11.5px;color:#9fb0dd}
.hoy-rv-l{display:flex;flex-direction:column;gap:5px}
.hoy-rv-f{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:rgba(0,0,0,.25);border-radius:9px;padding:5px 8px}
.hoy-rv-f b{font-size:12.5px;color:#fff}
.hoy-rv-si,.hoy-rv-no{border:1px solid #3f557f;background:#1d2740;color:#dfe9ff;border-radius:8px;padding:3px 8px;font-size:11.5px;font-weight:700;cursor:pointer}
.hoy-rv-si{border-color:#19e68c;color:#9dffc9}.hoy-rv-no{border-color:#ff6b7a;color:#ffb3bb}
.hoy-rv-si:hover,.hoy-rv-no:hover{filter:brightness(1.2)}
.hoy-rv-f .hoy-rv-si{margin-left:auto}


/* v41 */
html.z-oculto *,html.z-oculto *::before,html.z-oculto *::after{animation-play-state:paused!important}
.z-fuera,.z-fuera *,.z-fuera *::before,.z-fuera *::after{animation-play-state:paused!important}
.nh-t{white-space:pre-line}
.al-cuerpo{padding:12px 14px 16px;display:grid;gap:8px;font-size:13px;line-height:1.35}
.al-cuerpo p{margin:0;color:#cfe9ff}
.al-cuerpo label{font-weight:700;color:#bfe9ff}
.al-cuerpo input{border-radius:12px;border:1px solid rgba(127,214,255,.5);background:rgba(255,255,255,.08);color:inherit;padding:10px 12px;font:inherit;font-size:15px}
.al-cuerpo small{opacity:.75}
.al-prev{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.06)}
.al-ok{border:0;border-radius:12px;padding:11px;background:linear-gradient(135deg,#19e68c,#7fd6ff);color:#052a1b;font-weight:800;cursor:pointer}
.al-ok:disabled{opacity:.5}
.al-nota{min-height:1em;color:#ffd27a}

/* v42 · fondo por nivel en el Top del carrusel */
/* v42 · reproductor */
.mus-panel{position:absolute;right:0;bottom:calc(100% + 14px);width:min(290px,84vw);display:none;gap:7px;padding:12px;border-radius:18px;border:1px solid rgba(127,214,255,.45);background:radial-gradient(120% 90% at 50% -10%,rgba(40,90,160,.55),rgba(10,14,28,.96));box-shadow:0 10px 30px rgba(0,0,0,.55);backdrop-filter:blur(8px);color:#e9f6ff;font-size:12px}
.reproductor.abierto .mus-panel{display:grid;animation:zPop .22s both}
.mus-cab{display:flex;align-items:center;gap:10px}
.mus-tt{flex:1;min-width:0;display:grid}.mus-tt b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mus-tt small{opacity:.65;font-size:10.5px}
.mus-cab em{font-style:normal;font-weight:800;font-size:11px;opacity:.8}
.mus-eq{display:inline-flex;align-items:flex-end;gap:2px;height:20px}.mus-eq i{width:3px;height:4px;border-radius:2px;background:#19e68c}
.reproductor:has(.reproduciendo) .mus-eq i{animation:musEq .9s ease-in-out infinite}
.mus-eq i:nth-child(2){animation-delay:.2s!important}.mus-eq i:nth-child(3){animation-delay:.4s!important}.mus-eq i:nth-child(4){animation-delay:.1s!important}
@keyframes musEq{0%,100%{height:4px}50%{height:18px}}
.mus-panel input[type=range]{width:100%;accent-color:#19e68c;height:16px;margin:0}
.mus-t{text-align:right;opacity:.7;font-size:11px;margin-top:-4px}
.mus-volf{display:flex;align-items:center;gap:8px}
.mus-lista{display:grid;gap:4px;max-height:130px;overflow:auto;scrollbar-width:thin}
.mus-it{display:flex;align-items:center;gap:8px;border:0;border-radius:10px;padding:6px 8px;background:rgba(255,255,255,.06);color:inherit;font:inherit;text-align:left;cursor:pointer}
.mus-it i{font-style:normal;width:18px;text-align:center;opacity:.7}.mus-it.on{background:rgba(25,230,140,.2);color:#9dffd0;font-weight:700}
.mus-it:hover{background:rgba(127,214,255,.18)}
.mus-lista[hidden]{display:none}

/* v43 · menú lateral */
.sb-alias{background:#241a3d;color:#fff;border-color:#b57bff;box-shadow:0 0 0 1px rgba(181,123,255,.25) inset}
.sb-alias .sb-ico{background:#b57bff;color:#1c0b3a}
.sb-alias .sb-txt small{color:#d9cdf5}
.sb-hist2{border-color:#2fc4ff;box-shadow:0 0 0 1px rgba(47,196,255,.22) inset}
.sb-hist2 .sb-ico{background:#2fc4ff;color:#02202e}
/* billetera más compacta */
.sb-wallet{padding:6px 8px;gap:5px}
.sb-wallet-tit{font-size:.76rem}
.sb-saldos2 .sb-saldo{padding:5px 8px;gap:2px}
.sb-saldos2 .sb-saldo-txt strong{font-size:.84rem}
.sb-wallet{display:grid;grid-template-columns:1fr 1fr}
.sb-wallet>.sb-wallet-tit,.sb-wallet>.sb-saldos2{grid-column:1/-1}
.sb-wallet .sb-conv,.sb-wallet .sb-cargar{padding:6px 4px;font-size:.76rem;white-space:nowrap}
/* aviso cuando soporte no está */
.chat-aviso-off{margin:6px 10px 0;padding:8px 10px;border-radius:12px;font-size:12px;line-height:1.35;color:#ffe7b0;background:rgba(243,186,47,.12);border:1px solid rgba(243,186,47,.45);animation:zFade .3s both}
/* foto de perfil */
.al-foto{display:flex;align-items:center;gap:12px}
.al-av{flex:none;width:58px;height:58px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-weight:800;font-size:22px;background:linear-gradient(135deg,#19e68c,#7fd6ff);color:#052a1b;border:2px solid #7fd6ff}
.al-av img{width:100%;height:100%;object-fit:cover}
.al-fb{display:grid;gap:6px}
.al-sec{border:1px solid rgba(127,214,255,.5);background:rgba(127,214,255,.1);color:#dff6ff;border-radius:10px;padding:7px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.al-sec[hidden]{display:none}

/* v44 · clientes y reglas en Pendientes */
.cli-card,.rp-card{grid-column:span 1}
.cli-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0}
.cli-tabs button{border:1px solid rgba(127,214,255,.35);background:rgba(255,255,255,.05);color:#dff6ff;border-radius:12px;padding:6px 4px;cursor:pointer;display:grid;gap:0;font:inherit;transition:background .2s,border-color .2s}
.cli-tabs button strong{font-size:20px;line-height:1.1}.cli-tabs button small{font-size:10.5px;opacity:.75}
.cli-tabs button.on{background:rgba(25,230,140,.16);border-color:#19e68c;box-shadow:0 0 10px rgba(25,230,140,.25)}
.cli-bus{display:flex;align-items:center;gap:6px;border:1px solid rgba(127,214,255,.4);background:rgba(255,255,255,.06);border-radius:10px;padding:4px 8px;font-size:12px}
.cli-bus input{flex:1;min-width:0;background:none;border:0;outline:0;color:inherit;font:inherit}
.cli-lista{display:grid;gap:4px;margin-top:6px;max-height:300px;overflow:auto;scrollbar-width:thin}
.cli-fila{display:flex;align-items:center;gap:8px;border:0;border-radius:10px;padding:5px 7px;background:rgba(255,255,255,.05);color:inherit;font:inherit;text-align:left;cursor:pointer}
.cli-fila:hover{background:rgba(127,214,255,.16)}
.cli-av{flex:none;width:26px;height:26px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-weight:800;font-size:12px;background:linear-gradient(135deg,#19e68c,#7fd6ff);color:#052a1b}
.cli-av img{width:100%;height:100%;object-fit:cover}
.cli-tx{flex:1;min-width:0;display:grid}.cli-tx b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cli-tx small{font-size:10px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cli-fila em{font-style:normal;font-size:10.5px;opacity:.7}
.cli-mas{border:0;background:none;color:#7fd6ff;font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:4px}
.rp-f{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;font-size:12px;font-weight:700;color:#bfe9ff}
.rp-in{width:62px;border:1px solid #3f557f;background:#0e1424;color:#fff;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:700}
.al-foto-n{color:#ffd27a;min-height:0}

/* v45 */
.cli-num{font-size:22px;font-weight:900;color:#7fffc0;margin:4px 0 6px}

/* v46 */
.camp-top.off:not(.bloq){animation:zBrillo 1.8s ease-in-out infinite;border-color:rgba(25,230,140,.7)}
@media (max-width:600px){.camp-top.off:not(.bloq){animation:zLatido 1.8s ease-in-out infinite}}
.sb-okv{color:#4ef38d!important;font-weight:800}
.lp-btns{display:grid;gap:6px;margin:6px 0}
.lp-btns button{border:1px solid rgba(127,214,255,.35);background:rgba(255,255,255,.05);color:#dff6ff;border-radius:12px;padding:7px 9px;cursor:pointer;display:grid;gap:1px;text-align:left;font:inherit}
.lp-btns button strong{font-size:12.5px}.lp-btns button small{font-size:10.5px;opacity:.75}
.lp-btns button.on{background:rgba(243,186,47,.14);border-color:#f3ba2f}
.lp-panel{margin-top:6px;display:grid;gap:6px}
.lp-det summary{cursor:pointer;font-size:12px;font-weight:700;color:#7fd6ff}
.lp-filas{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}
.lp-fila{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;background:rgba(255,255,255,.05);border-radius:8px;padding:3px 6px}
.lp-fila input{width:54px}

/* v47 · barra rosa cristal en la cuenta de administradora (distinta del rosa del logo y del azul de los clientes) */
body.es-admin .navbar{background:radial-gradient(120% 220% at 50% -60%,rgba(255,105,180,.34),transparent 65%),radial-gradient(60% 120% at 100% 100%,rgba(168,85,247,.2),transparent 60%),linear-gradient(180deg,#3b0f33,#230a26)!important;box-shadow:0 2px 24px rgba(236,72,153,.3);border-bottom-color:#ff5fa8}
.lp-prueba{margin-top:8px;width:100%;border:1px solid rgba(255,90,90,.6);background:rgba(255,60,80,.12);color:#ffd6d6;border-radius:10px;padding:7px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.lp-pr-n{display:block;margin-top:4px}

/* v49: paquetes Mercado Pago (aurora azul) y Binance (aurora dorada) con relieve de botón */
#grid-mp .grid-diamonds,#grid-binance .grid-diamonds{gap:12px}
#grid-mp .diamond-box,#grid-binance .diamond-box{position:relative;overflow:hidden;border-radius:18px;padding:14px 10px 13px;gap:4px;transition:transform .18s ease,box-shadow .18s ease}
#grid-mp .diamond-box{background:radial-gradient(120% 90% at 0 0,rgba(80,200,255,.3),transparent 60%),radial-gradient(120% 90% at 100% 100%,rgba(120,90,255,.3),transparent 60%),#0d1635;
  border:1px solid rgba(160,205,255,.42);
  box-shadow:0 6px 0 #070d26,0 14px 22px rgba(3,8,30,.6),0 1px 0 rgba(255,255,255,.32) inset,0 -12px 20px rgba(30,60,160,.28) inset}
#grid-binance .diamond-box{background:radial-gradient(120% 90% at 0 0,rgba(255,210,90,.3),transparent 60%),radial-gradient(120% 90% at 100% 100%,rgba(255,140,60,.25),transparent 60%),#16120a;
  border:1px solid rgba(255,215,120,.45);
  box-shadow:0 6px 0 #0a0804,0 14px 22px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.28) inset,0 -12px 20px rgba(200,130,20,.24) inset}
#grid-mp .diamond-box::before,#grid-binance .diamond-box::before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent)}
#grid-mp .diamond-box:hover,#grid-binance .diamond-box:hover{transform:translateY(-3px)}
#grid-mp .diamond-box .icon,#grid-binance .diamond-box .icon{font-size:1.75rem;filter:drop-shadow(0 0 6px #7fd6ff) drop-shadow(0 0 12px rgba(127,214,255,.45))}
#grid-mp .diamond-box h4,#grid-binance .diamond-box h4{font-size:1rem;font-weight:800;color:#fff}
#grid-mp .diamond-box .price{font-size:1rem;font-weight:800;color:#bfe9ff;text-shadow:0 1px 6px rgba(80,200,255,.45)}
#grid-binance .diamond-box .price{font-size:1rem;font-weight:800;color:#ffe08a;text-shadow:0 1px 6px rgba(255,190,60,.4)}
#grid-mp .btn-buy,#grid-binance .btn-buy{width:92%;padding:10px 0;margin-top:4px;border-radius:12px;font-family:inherit;font-size:.84rem;font-weight:800;letter-spacing:.6px;text-transform:none;transition:transform .12s ease,box-shadow .12s ease}
#grid-mp .btn-buy{color:#0b1430;background:linear-gradient(180deg,#ffffff,#d6e4fb);box-shadow:0 5px 0 #7f98cc,0 10px 16px rgba(0,0,0,.4),0 1px 0 #fff inset}
#grid-binance .btn-buy{color:#2a1c00;background:linear-gradient(180deg,#ffeeb3,#f3ba2f);box-shadow:0 5px 0 #a87a10,0 10px 16px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.7) inset}
#grid-mp .btn-buy:hover,#grid-binance .btn-buy:hover{transform:translateY(-1px);filter:brightness(1.05)}
#grid-mp .btn-buy:active{transform:translateY(4px);box-shadow:0 1px 0 #7f98cc,0 3px 6px rgba(0,0,0,.35),0 1px 0 #fff inset}
#grid-binance .btn-buy:active{transform:translateY(4px);box-shadow:0 1px 0 #a87a10,0 3px 6px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.7) inset}

/* v50: aviso de recarga acreditada */
.sb-aviso{background:#1a2f3d;color:#fff;border-color:#4fd1ff;box-shadow:0 0 0 1px rgba(79,209,255,.25) inset}
.sb-aviso .sb-ico{background:#4fd1ff;color:#06222e}
.av-opc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0}
.av-o{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:14px;border:1.5px solid #34406b;background:#10193a;color:#fff;cursor:pointer;font-size:14px}
.av-o span{font-size:22px}
.av-o.on{border-color:#19e68c;background:rgba(25,230,140,.12);box-shadow:0 0 12px rgba(25,230,140,.3)}
#av-in{width:100%;padding:11px;border-radius:12px;border:1px solid #34406b;background:#0b1230;color:#fff;font-size:15px}
.av-ayuda{opacity:.75}
.wa-lista{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.wa-bt{width:100%}

/* v51 */
.av-mail{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(25,230,140,.1);border:1px solid rgba(25,230,140,.5);font-size:14px}
.av-mail span{font-size:22px}
.op-bloq{padding:14px;border-radius:14px;background:rgba(255,211,90,.08);border:1px solid #f3ba2f;text-align:center;font-weight:600;margin:6px 0}
.op-bloq[hidden]{display:none}
.op-inv{position:fixed;right:14px;bottom:14px;z-index:100001;max-width:300px;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:linear-gradient(160deg,#13204a,#0c1330);border:1px solid #7fd6ff;box-shadow:0 10px 30px rgba(0,0,0,.55);color:#fff;animation:zSube .35s ease}
.op-inv[hidden]{display:none}
.op-inv #op-inv-x{position:absolute;top:6px;right:8px;background:none;border:0;color:#cfe8ff;font-size:16px;cursor:pointer}
.pd-est{font-size:24px;font-weight:800;text-align:center;padding:14px;border-radius:14px;background:#10193a}
.pd-est.ok{color:#19e68c;border:1px solid #19e68c}.pd-est.wait{color:#ffd35a;border:1px solid #f3ba2f}.pd-est.mal{color:#ff8a8a;border:1px solid #ff5a5f}
.pd-cta{display:block;text-align:center;text-decoration:none}
.hist-share{margin-top:8px;border:1px solid rgba(127,214,255,.5);background:rgba(127,214,255,.1);color:#dff6ff;border-radius:10px;padding:7px 12px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;width:100%}
.sb-cuentas{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:14px;background:#10193a;border:1px solid #2b3d78}
.sb-cuentas[hidden]{display:none}
.cu-tit{font-size:12px;font-weight:800;color:#7fd6ff;text-transform:uppercase;letter-spacing:.5px}
.cu-fila{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:12px;border:1px solid #2b3d78;background:#0b1230;cursor:pointer}
.cu-fila.on{border-color:#19e68c;background:rgba(25,230,140,.1);cursor:default}
.cu-av{width:34px;height:34px;border-radius:50%;flex:none;background:#2b3d78 center/cover;display:grid;place-items:center;font-weight:800}
.cu-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.cu-tx b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cu-tx small{font-size:11px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu-q{background:none;border:0;color:#9fb0d8;cursor:pointer;font-size:14px;padding:4px}
.cu-add{padding:9px;border-radius:12px;border:1px dashed #7fd6ff;background:transparent;color:#dff6ff;font:inherit;font-weight:700;cursor:pointer}
/* PC: diamantes de los paquetes y botones de avisos más grandes */
@media (min-width:801px){
  #grid-mp .diamond-box .icon,#grid-binance .diamond-box .icon{font-size:2.7rem!important}
  .camp-bar{right:22px;bottom:12px;gap:10px}
  .camp-bar .nh-btn{padding:10px 24px!important;font-size:15px!important;gap:8px}
  .camp-bar .nh-btn i{font-size:17px!important}
  .camp-bar .camp-top{padding:10px 24px;font-size:15px;gap:8px}
  .camp-bar .camp-top i{font-size:17px}
}
.sb-cuentas .cu-fila{text-align:left;color:#fff}.sb-cuentas .cu-tx{align-items:flex-start}.sb-cuentas .cu-tx b{color:#fff;opacity:1}.sb-cuentas .cu-tx small{color:#cfe0ff}

/* v53: 8 niveles estilo Free Fire — cada uno más llamativo que el anterior */
@keyframes nvLat{0%,100%{box-shadow:0 0 10px rgba(var(--c),.45)}50%{box-shadow:0 0 22px rgba(var(--c),.95)}}
@keyframes nvFuego{0%{background-position:0 0}100%{background-position:200% 0}}
.niv-ins.n0{background:linear-gradient(135deg,#a85d2a,#e8a064);color:#2a1202}
.niv-ins.n1{background:linear-gradient(135deg,#8e9aab,#f1f5fb);color:#1d2430}
.niv-ins.n2{background:linear-gradient(135deg,#d49a06,#ffe27a);color:#3a2700}
.niv-ins.n3{background:linear-gradient(135deg,#19b8b0,#d9fffb);color:#033b38}
.niv-ins.n4{background:linear-gradient(135deg,#0a6bff,#7df9ff);color:#00133a}
.niv-ins.n5{background:linear-gradient(120deg,#c1121f,#ff5f28,#ffd23f,#ff5f28,#c1121f);background-size:250% 100%;color:#2a0600;animation:nvFuego 3s linear infinite}
.niv-ins.n6{background:linear-gradient(120deg,#5b1fb0,#c264ff,#ff7ad9,#c264ff,#5b1fb0);background-size:250% 100%;color:#fff;animation:nvFuego 3.5s linear infinite}
.niv-ins.n7{background:linear-gradient(120deg,#ff2d55,#ff9a1f,#ffe14a,#34e89e,#2fc4ff,#b266ff);background-size:250% 100%;color:#1a0020;animation:bannerMov 4s linear infinite}
.niv-ins.n2::after,.niv-ins.n3::after,.niv-ins.n4::after,.niv-ins.n5::after,.niv-ins.n6::after,.niv-ins.n7::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);animation:brilloPasa 3.2s ease-in-out infinite}
.nvb-0{--c:226,150,86}
.nvb-1{--c:205,218,238}
.nvb-2{--c:255,205,70}
.nvb-3{--c:110,235,225}
.nvb-4{--c:70,160,255}
.nvb-5{--c:255,95,40}
.nvb-6{--c:190,100,255}
.nvb-7{--c:255,190,70}
.nvb-5{background:linear-gradient(100deg,rgba(255,60,20,.34),rgba(255,160,40,.3),rgba(255,60,20,.34));background-size:300% 100%;animation:nvFuego 4s linear infinite}
.nvb-6{background:linear-gradient(100deg,rgba(120,40,220,.4),rgba(255,120,220,.34),rgba(120,40,220,.4));background-size:300% 100%;animation:nvFuego 4s linear infinite}
.nvb-7{background:linear-gradient(100deg,rgba(255,45,85,.3),rgba(255,154,31,.28),rgba(255,225,74,.28),rgba(52,232,158,.28),rgba(47,196,255,.28),rgba(178,102,255,.3),rgba(255,45,85,.3));background-size:300% 100%;animation:bannerMov 6s linear infinite}
.nvb-3,.nvb-4{box-shadow:inset 2px 0 0 rgba(var(--c),.9),0 0 8px rgba(var(--c),.45)}.nvb-5,.nvb-6,.nvb-7{box-shadow:inset 2px 0 0 rgba(var(--c),1),0 0 12px rgba(var(--c),.7)}
.nvb-2::after,.nvb-3::after,.nvb-4::after,.nvb-5::after,.nvb-6::after,.nvb-7::after{content:"";position:absolute;top:0;bottom:0;width:35%;left:-50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);animation:brilloPasa 4.5s ease-in-out infinite;pointer-events:none}
.cu-perfil.nv-0{background:linear-gradient(110deg,rgba(214,128,60,.28),rgba(255,255,255,.04));border-color:rgba(232,160,100,.6);box-shadow:none}
.cu-perfil.nv-1{background:linear-gradient(110deg,rgba(200,212,230,.34),rgba(255,255,255,.07));border-color:rgba(220,230,245,.7);box-shadow:none}
.cu-perfil.nv-2{background:linear-gradient(110deg,rgba(255,200,60,.4),rgba(255,230,140,.12),rgba(255,200,60,.4));background-size:200% 100%;animation:bannerMov 9s linear infinite;border-color:#ffd23f;box-shadow:0 0 18px rgba(255,200,60,.3)}
.cu-perfil.nv-3{background:linear-gradient(110deg,rgba(60,230,215,.42),rgba(220,255,252,.16),rgba(60,230,215,.42));background-size:200% 100%;animation:bannerMov 7s linear infinite;border-color:#7ff5ea;box-shadow:0 0 22px rgba(60,230,215,.4)}
.cu-perfil.nv-4{background:linear-gradient(110deg,rgba(0,110,255,.5),rgba(125,249,255,.22),rgba(0,110,255,.5));background-size:200% 100%;animation:bannerMov 6s linear infinite;border-color:#5aa8ff;box-shadow:0 0 26px rgba(0,120,255,.5)}
.cu-perfil.nv-5{background:linear-gradient(110deg,rgba(210,20,20,.55),rgba(255,140,30,.45),rgba(255,220,60,.3),rgba(255,140,30,.45),rgba(210,20,20,.55));background-size:300% 100%;animation:bannerMov 4s linear infinite;border-color:#ff6a2a;box-shadow:0 0 30px rgba(255,90,20,.65)}
.cu-perfil.nv-6{background:linear-gradient(110deg,rgba(90,20,200,.6),rgba(255,100,220,.45),rgba(70,200,255,.3),rgba(255,100,220,.45),rgba(90,20,200,.6));background-size:300% 100%;animation:bannerMov 4s linear infinite;border-color:#d27bff;box-shadow:0 0 32px rgba(190,100,255,.7)}
.cu-perfil.nv-7{background:linear-gradient(110deg,rgba(255,45,85,.5),rgba(255,154,31,.5),rgba(255,225,74,.5),rgba(52,232,158,.5),rgba(47,196,255,.5),rgba(178,102,255,.5),rgba(255,45,85,.5));background-size:300% 100%;animation:bannerMov 3s linear infinite;border-color:#ffd23f;box-shadow:0 0 38px rgba(255,190,70,.75)}
.sb-perfil.nv-2,.sb-perfil.nv-3,.sb-perfil.nv-4,.sb-perfil.nv-5,.sb-perfil.nv-6,.sb-perfil.nv-7{border-radius:14px}
.st-item.lv0,.st-podio .st-item.lv0{--c:226,150,86}
.st-item.lv1,.st-podio .st-item.lv1{--c:205,218,238}
.st-item.lv2,.st-podio .st-item.lv2{--c:255,205,70}
.st-item.lv3,.st-podio .st-item.lv3{--c:110,235,225}
.st-item.lv4,.st-podio .st-item.lv4{--c:70,160,255}
.st-item.lv5,.st-podio .st-item.lv5{--c:255,95,40}
.st-item.lv6,.st-podio .st-item.lv6{--c:190,100,255}
.st-item.lv7,.st-podio .st-item.lv7{--c:255,190,70}
.st-item.lv0,.st-item.lv1,.st-item.lv2,.st-item.lv3,.st-item.lv4,.st-podio .st-item.lv0,.st-podio .st-item.lv1,.st-podio .st-item.lv2,.st-podio .st-item.lv3,.st-podio .st-item.lv4{border-color:rgba(var(--c),.85);background:linear-gradient(135deg,rgba(var(--c),.26),rgba(var(--c),.07));box-shadow:0 0 12px rgba(var(--c),.4),inset 0 1px 0 rgba(255,255,255,.2)}
.st-item.lv2,.st-podio .st-item.lv2{box-shadow:0 0 14px rgba(var(--c),.5),inset 0 1px 0 rgba(255,255,255,.25)}.st-item.lv3,.st-item.lv4,.st-podio .st-item.lv3,.st-podio .st-item.lv4{background:linear-gradient(135deg,rgba(var(--c),.4),rgba(var(--c),.1));box-shadow:0 0 18px rgba(var(--c),.6),inset 0 1px 0 rgba(255,255,255,.3)}
.st-item.lv5,.st-podio .st-item.lv5{border-color:#ff6a2a;background:linear-gradient(100deg,rgba(210,20,20,.45),rgba(255,140,30,.4),rgba(255,220,60,.3),rgba(255,140,30,.4),rgba(210,20,20,.45));background-size:300% 100%;animation:bannerMov 5s linear infinite;box-shadow:0 0 20px rgba(255,90,20,.7),inset 0 1px 0 rgba(255,255,255,.3)}
.st-item.lv6,.st-podio .st-item.lv6{border-color:#d27bff;background:linear-gradient(100deg,rgba(90,20,200,.5),rgba(255,100,220,.4),rgba(70,200,255,.3),rgba(255,100,220,.4),rgba(90,20,200,.5));background-size:300% 100%;animation:bannerMov 5s linear infinite;box-shadow:0 0 22px rgba(190,100,255,.75),inset 0 1px 0 rgba(255,255,255,.3)}
.st-item.lv7,.st-podio .st-item.lv7{border-color:rgba(255,190,70,.95);background:linear-gradient(100deg,rgba(255,45,85,.4),rgba(255,154,31,.38),rgba(255,225,74,.38),rgba(52,232,158,.38),rgba(47,196,255,.38),rgba(178,102,255,.4),rgba(255,45,85,.4));background-size:300% 100%;animation:bannerMov 4s linear infinite;box-shadow:0 0 26px rgba(255,190,70,.85),inset 0 1px 0 rgba(255,255,255,.35)}
.st-niv.n3{background:rgba(110,235,225,.25);border-color:#6eebe1}.st-niv.n4{background:rgba(70,160,255,.3);border-color:#5aa8ff}.st-niv.n5{background:rgba(255,95,40,.35);border-color:#ff6a2a;color:#ffe9d6}.st-niv.n6{background:rgba(190,100,255,.35);border-color:#d27bff;color:#f6e6ff}.st-niv.n7{background:linear-gradient(135deg,rgba(255,210,63,.4),rgba(255,140,0,.35));border-color:#ffd23f;color:#fff3c4}
@media (prefers-reduced-motion:reduce){.niv-ins,.nvb,.cu-perfil,.st-item{animation:none!important}}

/* v53: cuentas bajo el perfil */
.sb-perfil.abre{cursor:pointer;position:relative}
.sb-perfil-fl{margin-left:auto;flex:none;color:#9fb0d8;font-size:13px;display:none;transition:transform .2s}
.sb-perfil.abre .sb-perfil-fl{display:block}
.sb-perfil.abierto .sb-perfil-fl{transform:rotate(180deg)}
.sb-perfil.abre:hover{filter:brightness(1.08)}
.sb-cuentas{margin-top:-4px}
.av-mail{align-items:flex-start}
.av-act{color:#19e68c}
.av-wa{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px dashed #4a5780;font-size:14px;opacity:.85}
.av-wa span{font-size:22px}
.av-prox{font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;background:#f3ba2f;color:#2a1c00;margin-left:4px}
/* cargar saldo: cada medio con su color */
.cg-op{position:relative}
.cg-op-mp{background:linear-gradient(135deg,rgba(0,158,227,.34),rgba(0,90,170,.18))!important;border:1.5px solid #3fb4ff!important;box-shadow:0 0 14px rgba(0,158,227,.25),inset 0 1px 0 rgba(255,255,255,.18)}
.cg-op-mp .cg-ico{background:linear-gradient(135deg,#00b4ff,#0072d6)!important;color:#fff!important}
.cg-op-bn{background:linear-gradient(135deg,rgba(243,186,47,.34),rgba(150,100,10,.18))!important;border:1.5px solid #f3ba2f!important;box-shadow:0 0 14px rgba(243,186,47,.25),inset 0 1px 0 rgba(255,255,255,.18)}
.cg-op-bn .cg-ico{background:linear-gradient(135deg,#ffd75a,#f3ba2f)!important;color:#2a1c00!important}
.cg-op-cv{background:linear-gradient(135deg,rgba(140,110,255,.3),rgba(70,50,160,.18))!important;border:1.5px solid #9a86ff!important}
.cg-op-tj{border-style:dashed!important;opacity:.8}
.cg-op:hover{filter:brightness(1.1);transform:translateY(-1px)}
.cg-moneda{font-size:10.5px;font-weight:800;letter-spacing:.4px;padding:3px 8px;border-radius:99px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.25);white-space:nowrap}
.cg-op .cg-txt b{font-size:1.02rem}
.cu-add{font-size:13px}

/* ===== v54 chat mundial ===== */
.cm-fab{position:fixed;right:20px;bottom:20px;z-index:890;display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;border-radius:999px;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;font:800 .9rem Poppins,sans-serif;box-shadow:0 6px 20px rgba(0,0,0,.5),0 0 16px rgba(99,102,241,.5);cursor:pointer}
.cm-fab .chat-dot{top:-6px;right:-4px}
@media (max-width:800px){.cm-fab{bottom:152px;padding:11px 14px}.cm-fab span{display:none}body:has(input:focus,textarea:focus) .cm-fab{display:none}body.chat-abierto .cm-fab{display:none}}
body.cm-abierto .cm-fab{display:none}
.cm-panel{position:fixed;right:20px;bottom:20px;z-index:1100;width:min(380px,calc(100vw - 24px));height:min(560px,80vh);display:flex;flex-direction:column;background:#10142a;border:1px solid #3b4a7a;border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.65);transform:translateY(120%);visibility:hidden;transition:transform .25s ease;overflow:hidden;color:#e6efff}
.cm-panel.abierto{transform:none;visibility:visible}
@media (max-width:800px){.cm-panel{left:0;right:0;bottom:0;width:auto;height:82dvh;border-radius:18px 18px 0 0}}
.cm-top{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:linear-gradient(135deg,#1e3a6e,#312e81);font-size:.98rem}
.cm-top button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}
.cm-tabs{display:flex;gap:6px;padding:8px;overflow-x:auto;background:#0c1022}
.cm-tabs button{flex:0 0 auto;border:1px solid #34406a;background:#1b2140;color:#cfe3ff;border-radius:999px;padding:6px 12px;font-size:.78rem;cursor:pointer;white-space:nowrap}
.cm-tabs button.on{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;border-color:transparent;font-weight:700}
.cm-fijado{padding:8px 12px;background:#3a2f0b;color:#ffe9a8;font-size:.82rem;border-bottom:1px solid #6b5514}
.cm-admbar{padding:6px 10px;background:#241a38}.cm-admbar button{background:#7c3aed;color:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:.78rem;cursor:pointer}
.cm-lista{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}
.cm-vacio{text-align:center;color:#8da2c8;margin:auto;font-size:.88rem}
.cm-msg{background:#1a2142;border-radius:12px;padding:8px 10px;max-width:92%;align-self:flex-start;word-break:break-word}
.cm-msg.cm-mio{align-self:flex-end;background:#1d3b66}
.cm-msg.cm-adm{border:1px solid #f472b6;background:#3a1530}
.cm-msg.cm-oculto{opacity:.55;border:1px dashed #ef4444}
.cm-cab{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.8rem}.cm-cab small{color:#7f93bb;margin-left:auto;font-size:.68rem}
.cm-sello{background:#f472b6;color:#3a0d28;border-radius:999px;padding:1px 8px;font-size:.68rem;font-weight:800}
.cm-txt{margin-top:3px;font-size:.9rem;line-height:1.3}
.cm-msg em{display:block;font-size:.7rem;color:#fca5a5;margin-top:3px}
.cm-ac{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.cm-ac button{background:none;border:1px solid #34406a;color:#9db2da;border-radius:8px;padding:2px 8px;font-size:.68rem;cursor:pointer}
.cm-sis{align-self:center;text-align:center;font-size:.78rem;color:#9be3b5;background:rgba(34,197,94,.1);border-radius:999px;padding:4px 12px}
.cm-av{padding:10px 12px;font-size:.82rem;text-align:center;background:#0c1022;color:#b6c6e6}.cm-av[hidden]{display:none}
.cm-g{display:block;margin:8px auto 0;background:#fff;color:#222;border:none;border-radius:999px;padding:9px 18px;font-weight:700;cursor:pointer}
.cm-form{display:flex;gap:8px;padding:8px;background:#0c1022}.cm-form[hidden]{display:none}
.cm-form input{flex:1;min-width:0;border-radius:999px;border:1px solid #34406a;background:#1b2140;color:#fff;padding:10px 14px;font-size:16px}
.cm-form button{border:none;border-radius:999px;padding:0 16px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#04170c;font-weight:800;cursor:pointer}
.cm-reglas{margin:0;padding:4px 10px 8px;font-size:.66rem;color:#6f82a8;text-align:center;background:#0c1022}
body.modo-admin .cm-fab{bottom:20px}

/* v54 guía de enlazar Google */
.lg-over{position:fixed;inset:0;z-index:2500;background:rgba(5,8,20,.72);display:flex;align-items:flex-end;justify-content:center;padding:16px}
.lg-card{width:min(380px,100%);background:linear-gradient(160deg,#16204a,#10142a);border:1px solid #4a63b5;border-radius:20px;padding:20px;text-align:center;color:#e6efff;margin-bottom:18px;position:relative;z-index:2}
.lg-card h3{margin:0 0 8px;font-size:1.15rem}.lg-card p{margin:0 0 14px;font-size:.92rem;line-height:1.4;color:#c5d4f2}
.lg-g{display:block;width:100%;background:#fff;color:#222;border:none;border-radius:999px;padding:13px;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 0 18px rgba(125,211,252,.6)}
.lg-no{margin-top:8px;background:none;border:none;color:#8da2c8;font-size:.82rem;cursor:pointer;padding:6px}
.lg-flecha{position:fixed;font-size:2.4rem;z-index:2501;animation:lgBote 0.9s ease-in-out infinite;pointer-events:none}
@keyframes lgBote{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}
.lg-resalta{position:relative;z-index:2502;box-shadow:0 0 0 4px #7dd3fc,0 0 26px #7dd3fc;border-radius:14px}

/* ===== v55: botón mundo en el chat de soporte ===== */
.chat-mundo-btn{display:flex;align-items:center;gap:6px;border:1px solid #7dd3fc;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;border-radius:999px;padding:6px 11px;font:800 .74rem Poppins,sans-serif;cursor:pointer;box-shadow:0 3px 0 #1e3a8a,0 0 12px rgba(125,211,252,.55);margin-right:6px;white-space:nowrap}
.chat-mundo-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #1e3a8a}
.chat-mundo-btn i{font-size:.95rem}
.cm-fab{display:none}
@media (max-width:800px){.cm-fab{display:flex}}
.cm-fijado b{display:block;font-size:.72rem;color:#fbbf24;margin:0 0 2px 0}
.cm-fijado span{display:block}

/* ===== historias ===== */
.hist-row{display:flex;gap:12px;overflow-x:auto;padding:10px 16px 8px;margin:6px auto 10px;width:fit-content;max-width:calc(100% - 20px);scrollbar-width:none;align-items:flex-start;background:rgba(10,14,30,.6);backdrop-filter:blur(6px);border:1px solid rgba(125,211,252,.25);border-radius:20px}
.hist-row::-webkit-scrollbar{display:none}
.hs-b{flex:0 0 auto;width:66px;border:none;background:none;color:#dbeafe;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;font-family:Poppins,sans-serif}
.hs-c{width:60px;height:60px;border-radius:50%;padding:3px;background:conic-gradient(#38bdf8,#a78bfa,#f472b6,#38bdf8);display:flex;box-shadow:0 0 12px rgba(125,211,252,.45)}
.hs-i{flex:1;border-radius:50%;background:#10142a;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;color:#fff;border:2px solid #10142a}
.hs-b small{font-size:.68rem;max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-b em{font-size:.58rem;font-style:normal;color:#fbbf24}
.hs-ofi .hs-c{background:conic-gradient(#fde047,#f59e0b,#fde047,#f59e0b,#fde047);box-shadow:0 0 14px rgba(253,224,71,.65)}
.hs-nueva .hs-c{background:linear-gradient(135deg,#22c55e,#0ea5e9)}.hs-nueva .hs-i{background:#0c1a2e;color:#7dd3fc;font-size:1.7rem}
.hs-pronto .hs-c{background:#3b4a7a;box-shadow:none}
.hs-vacio{align-self:center;font-size:.76rem;color:#8da2c8;padding-left:6px}
.hs-visor{position:fixed;inset:0;z-index:3000;background:#000;display:flex;flex-direction:column;align-items:center}
.hs-visor[hidden]{display:none}
.hs-barras{position:absolute;top:8px;left:10px;right:10px;display:flex;gap:4px;z-index:3}
.hs-barras i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden;position:relative}
.hs-barras i.ok{background:#fff}.hs-barras i.act::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:hsBarra 6s linear forwards}
@keyframes hsBarra{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hs-cab{position:absolute;top:18px;left:10px;right:10px;z-index:3;display:flex;gap:8px;align-items:center;color:#fff}
.hs-cab small{opacity:.7}.hs-sp{flex:1}.hs-cab button{background:rgba(0,0,0,.45);border:none;color:#fff;border-radius:50%;width:34px;height:34px;font-size:15px;cursor:pointer}
.hs-cuerpo{width:min(480px,100%);height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hs-cuerpo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.hs-gran{position:relative;padding:28px;text-align:center;font:800 1.7rem/1.25 Poppins,sans-serif;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.hs-pie{position:absolute;left:0;right:0;bottom:60px;padding:14px;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-weight:700;font-size:1.05rem}
.hs-ant,.hs-sig{position:absolute;top:70px;bottom:0;width:35%;background:none;border:none;z-index:2;cursor:pointer}
.hs-ant{left:0}.hs-sig{right:0}
@media(min-width:801px){.hs-ant{left:calc(50% - 240px)}.hs-sig{right:calc(50% - 240px)}}
.c0{background:linear-gradient(160deg,#0ea5e9,#6366f1)}.c1{background:linear-gradient(160deg,#ec4899,#8b5cf6)}.c2{background:linear-gradient(160deg,#22c55e,#0891b2)}
.c3{background:linear-gradient(160deg,#f59e0b,#ef4444)}.c4{background:linear-gradient(160deg,#1e3a8a,#0f172a)}.c5{background:linear-gradient(160deg,#f472b6,#fb923c)}
.hc-prev{height:170px;border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;color:#fff;font:800 1.2rem/1.25 Poppins,sans-serif;background-size:cover;background-position:center;margin-bottom:10px;position:relative;overflow:hidden}
.hc-prev.conimg span{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.55);font-size:.95rem;padding:8px}
#hc-txt{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid #34406a;background:#1b2140;color:#fff;padding:10px;font-size:16px;resize:none}
.hc-colores{display:flex;gap:8px;margin:10px 0}.hc-colores button{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer}.hc-colores button.on{border-color:#fff;box-shadow:0 0 10px #fff}
.hc-fila{display:flex;gap:8px;margin-bottom:8px}.hc-btn2{background:#1b2140;border:1px solid #34406a;color:#cfe3ff;border-radius:999px;padding:8px 14px;cursor:pointer;font-size:.82rem}

/* ===== cupones / puntos ===== */
.pr-sec{background:#141a36;border:1px solid #2b3a6a;border-radius:14px;padding:12px;margin-bottom:10px}
.pr-h{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:800;margin-bottom:4px}
.pr-sec p{margin:4px 0 8px;font-size:.84rem;color:#b9c8e8;line-height:1.35}
.pr-fila{display:flex;gap:8px}.pr-fila input{flex:1;min-width:0;border-radius:999px;border:1px solid #34406a;background:#1b2140;color:#fff;padding:10px 14px;text-transform:uppercase;font-size:16px}
.pr-fila .al-ok{width:auto;padding:0 18px}
.pr-ok{background:rgba(34,197,94,.12);border-radius:10px;padding:8px 10px;font-size:.84rem;color:#9be3b5}
.pr-cod{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pr-cod b{font-size:1.3rem;letter-spacing:2px;background:#0c1022;border:1px dashed #7dd3fc;border-radius:10px;padding:6px 14px;color:#7dd3fc}
.pr-mini{border:none;border-radius:999px;padding:7px 14px;background:#334155;color:#fff;font-weight:700;cursor:pointer}.pr-wa{background:#16a34a}
.pr-pts{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.pr-pts b{font-size:2rem;color:#fde047}.pr-pts span{font-size:.8rem;color:#b9c8e8}
.pr-barra{height:8px;background:#0c1022;border-radius:99px;overflow:hidden;margin-bottom:10px}.pr-barra i{display:block;height:100%;background:linear-gradient(90deg,#fde047,#f59e0b)}

/* ===== panel admin Novedades ===== */
.nv-admin{display:flex;flex-direction:column;gap:12px}
.nv-caja{background:#11152b;border:1px solid #2b3a6a;border-radius:14px;padding:12px}
.nv-caja h4{margin:0 0 4px;font-size:.98rem}
.nv-fila{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0}.nv-fila b,.nv-fila>span{flex:1 1 150px;font-size:.84rem}
.nv-fila input,.nv-fila select,.nv-form input{background:#1b2140;border:1px solid #34406a;color:#fff;border-radius:10px;padding:7px 9px;font-size:.82rem;min-width:0}
.nv-form{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;align-items:center}
.nv-btn,.nv-mini{border:none;border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-weight:800;padding:8px 14px;cursor:pointer;font-size:.8rem}
.nv-grande{margin-top:8px}.nv-mini{padding:4px 10px;font-size:.7rem;background:#334155}.nv-rojo{background:#b91c1c}.nv-verde{background:#15803d}
.nv-lista{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.nv-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#171c3a;border-radius:10px;padding:8px}.nv-item b{font-size:.82rem}.nv-item span{flex:1 1 160px;font-size:.78rem;color:#b9c8e8}
.nv-his img{width:54px;height:54px;object-fit:cover;border-radius:8px}.nv-his-t{flex:1 1 140px;display:flex;flex-direction:column}
.nv-dias{display:flex;gap:4px}.nv-d{display:flex;align-items:center;gap:2px;font-size:.74rem;color:#cfe3ff}
body.modo-admin .hist-row{display:none}

/* ===== v56: pestañas Mundial / Alma Zarela / Amigos ===== */
.ch-tabs{display:flex;gap:6px;padding:7px 8px;background:#0c1022;border-bottom:1px solid #26305c;overflow-x:auto;scrollbar-width:none}
.ch-tabs::-webkit-scrollbar{display:none}
.ch-tab{flex:0 0 auto;border:1px solid #34406a;background:#1b2140;color:#cfe3ff;border-radius:999px;padding:6px 12px;font:700 .76rem Poppins,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 2px 0 #0a0e20}
.ch-tab.on{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;border-color:transparent;box-shadow:0 2px 0 #1e3a8a,0 0 10px rgba(125,211,252,.5)}
.ch-am{margin-left:auto;background:#14351f;border-color:#1f6b3a;color:#9be3b5}
.cm-nom-c{cursor:pointer;text-decoration:underline dotted #7f93bb}
.cm-top button{min-width:32px}
@media (min-width:801px){body:not(.modo-admin) .cm-panel{z-index:850;border-radius:16px;box-shadow:none;border-color:#2b3a6a;transition:none}body:not(.modo-admin).cm-abierto .chat-widget-card.chat-v2{visibility:hidden}}
@media (max-width:800px){body.cm-abierto .chat-fab{display:none}.cm-fab{display:none!important}}
body.modo-admin .cm-fab{display:flex!important;bottom:84px}

/* ===== lámina de historias en el carrusel ===== */
.slide-hist{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#1e3a8a 0,#0f172a 70%)}
.sh-in{width:100%;padding:10px 16px;text-align:center;color:#fff}
.sh-t{margin:0 0 8px;font-size:1.05rem}
.sh-pc{display:flex;gap:14px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.sh-mov{display:none}
.sh-b{flex:0 0 auto;width:74px;border:none;background:none;color:#dbeafe;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;font-family:Poppins,sans-serif}
.sh-c{width:62px;height:62px;border-radius:50%;padding:3px;background:conic-gradient(#38bdf8,#a78bfa,#f472b6,#38bdf8);display:flex;box-shadow:0 0 14px rgba(125,211,252,.5);overflow:hidden}
.sh-c .hs-av{width:100%;height:100%}
.sh-b small{font-size:.7rem;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-nueva .sh-c{background:linear-gradient(135deg,#22c55e,#0ea5e9);align-items:center;justify-content:center;font-size:2rem;color:#fff}
.sh-ofi .sh-c{background:conic-gradient(#fde047,#f59e0b,#fde047,#f59e0b,#fde047);box-shadow:0 0 16px rgba(253,224,71,.7)}
.sh-todas{align-self:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:8px 14px;font-weight:700;font-size:.8rem;cursor:pointer}
.sh-vacio{align-self:center;font-size:.78rem;color:#9db2da}
.sh-c-gr{background:conic-gradient(#38bdf8,#a78bfa,#f472b6,#38bdf8);align-items:center;justify-content:center;position:relative;overflow:visible!important;width:76px;height:76px}
.sh-ic{font-size:2rem}.sh-n{position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;border-radius:99px;background:#ef4444;color:#fff;font:800 .8rem/24px Poppins,sans-serif;font-style:normal;text-align:center;padding:0 5px;animation:pulsoDot 1.6s infinite}
.sh-mini{margin-top:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:6px 14px;font-size:.76rem;font-weight:700;cursor:pointer}
.sh-pronto{display:flex;flex-direction:column;align-items:center;gap:4px}.sh-pron-ic{font-size:2.4rem}.sh-pronto small{color:#9db2da}
@media (max-width:800px){.sh-pc{display:none}.sh-mov{display:flex;flex-direction:column;align-items:center}.sh-b{width:96px}.sh-in{padding:6px}.sh-t{display:none}}

/* avatares */
.hs-av{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#10142a;color:#fff;font-weight:800;width:100%;height:100%;font-size:1.25rem}
.hs-av img{width:100%;height:100%;object-fit:cover}
.hs-av-s{width:36px;height:36px;font-size:1rem;flex:none}.am-av{width:40px;height:40px;flex:none}

/* panel completo */
.hs-panel{position:fixed;inset:0;z-index:2900;background:linear-gradient(160deg,#0b1230,#0a0e20);display:flex;flex-direction:column;color:#fff}
.hs-panel[hidden]{display:none}
.hsp-cab{display:flex;align-items:center;gap:10px;padding:14px 16px;font-size:1.05rem;border-bottom:1px solid #26305c}
.hsp-cab button{background:rgba(255,255,255,.12);border:none;color:#fff;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;font-size:.82rem}.hsp-cab #hsp-x{width:38px;height:38px;padding:0;font-size:18px;border-radius:50%}
.hsp-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:16px 8px;padding:18px 14px;align-content:start}
.hsp-it{border:none;background:none;color:#dbeafe;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-family:Poppins,sans-serif;padding:0}
.hsp-c{width:68px;height:68px;border-radius:50%;padding:3px;background:conic-gradient(#38bdf8,#a78bfa,#f472b6,#38bdf8);display:flex;overflow:hidden;box-shadow:0 0 12px rgba(125,211,252,.4)}
.hsp-it.vista .hsp-c{background:#3b4a7a;box-shadow:none;opacity:.7}.hsp-it.ofi .hsp-c{background:conic-gradient(#fde047,#f59e0b,#fde047,#f59e0b,#fde047)}
.hsp-nueva .hsp-c{background:linear-gradient(135deg,#22c55e,#0ea5e9);align-items:center;justify-content:center;font-size:2rem}
.hsp-it small{font-size:.7rem;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hsp-vacio{grid-column:1/-1;text-align:center;color:#8da2c8;padding:30px 0}

/* visor */
.hs-visor{position:fixed;inset:0;z-index:3000;background:#000;display:flex;flex-direction:column;align-items:center}
.hs-visor[hidden]{display:none}
.hs-barras{position:absolute;top:8px;left:10px;right:10px;display:flex;gap:4px;z-index:3;max-width:480px;margin:0 auto}
.hs-barras i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden;position:relative}
.hs-barras i.ok{background:#fff}.hs-barras i.act::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:hsBarra 6s linear forwards}
@keyframes hsBarra{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hs-cab{position:absolute;top:18px;left:10px;right:10px;z-index:4;display:flex;gap:8px;align-items:center;color:#fff;max-width:480px;margin:0 auto}
.hs-cab small{opacity:.7}.hs-sp{flex:1}.hs-cab button{background:rgba(0,0,0,.5);border:none;color:#fff;border-radius:50%;width:36px;height:36px;font-size:15px;cursor:pointer}
.hs-cuerpo{width:min(480px,100%);height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hs-cuerpo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.hs-gran{position:relative;padding:28px;text-align:center;font:800 1.7rem/1.25 Poppins,sans-serif;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.hs-pie{position:absolute;left:0;right:0;bottom:130px;padding:14px;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-weight:700;font-size:1.05rem}
.hs-ant,.hs-sig{position:absolute;top:70px;bottom:130px;width:35%;background:none;border:none;z-index:2;cursor:pointer}
.hs-ant{left:0}.hs-sig{right:0}
@media(min-width:801px){.hs-ant{left:calc(50% - 240px)}.hs-sig{right:calc(50% - 240px)}}
.hs-pie-bar{position:absolute;bottom:0;left:0;right:0;z-index:5;max-width:480px;margin:0 auto;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.85) 30%);display:flex;flex-direction:column;gap:8px}
.hs-pie-bar[hidden]{display:none}
.hs-reacs{display:flex;justify-content:center;gap:8px}
.hs-re{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 10px;font-size:1.25rem;cursor:pointer;color:#fff;display:flex;align-items:center;gap:4px}
.hs-re em{font-size:.72rem;font-style:normal;font-weight:800}.hs-re.on{background:rgba(125,211,252,.35);border-color:#7dd3fc}
.hs-resp{display:flex;gap:8px}.hs-resp input{flex:1;min-width:0;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.45);color:#fff;padding:11px 16px;font-size:16px}
.hs-resp button{width:44px;border:none;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#04170c;font-size:1.1rem;cursor:pointer}
.hs-act{position:absolute;bottom:20px;z-index:5;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:999px;padding:10px 18px;font-weight:700;cursor:pointer}.hs-act[hidden]{display:none}
.hs-vuela{position:absolute;bottom:150px;left:50%;font-size:3rem;animation:hsVuela 1.2s ease-out forwards;pointer-events:none;z-index:6}
@keyframes hsVuela{0%{transform:translate(-50%,0) scale(.6);opacity:1}100%{transform:translate(-50%,-220px) scale(1.5);opacity:0}}
/* actividad + amigos */
.ha-it{background:#141a36;border:1px solid #2b3a6a;border-radius:12px;padding:10px;margin-bottom:10px}
.ha-top{display:flex;gap:10px;align-items:center}.ha-top img,.ha-col{width:48px;height:48px;border-radius:10px;object-fit:cover;flex:none}.ha-t{display:flex;flex-direction:column}.ha-t small{color:#9db2da}
.ha-re{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ha-re span{background:#1d2a52;border-radius:999px;padding:3px 10px;font-size:.78rem}
.ha-msg{margin-top:6px;background:#1b2140;border-radius:10px;padding:6px 10px;font-size:.82rem}.ha-nada{display:block;margin-top:6px;color:#8da2c8}
.am-yo{margin:0 0 8px;font-size:.88rem}.am-yo b{color:#7dd3fc;font-size:1.1rem}.am-yo small{color:#8da2c8}
.am-fila{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #26305c}.am-t{flex:1;display:flex;flex-direction:column;min-width:0}.am-t small{color:#8da2c8}
.am-lista h5{margin:12px 0 2px;color:#fbbf24;font-size:.82rem}
/* admin Pendientes: menú desplegable */
.hoy-masdet{margin-top:12px;border:1px solid #2b3a6a;border-radius:14px;background:#0f1430;padding:4px 10px 10px}
.hoy-masdet>summary{cursor:pointer;font-weight:800;padding:10px 4px;color:#cfe3ff;list-style:none}.hoy-masdet>summary::-webkit-details-marker{display:none}
.hoy-masdet>summary::after{content:" ▾";opacity:.7}.hoy-masdet[open]>summary::after{content:" ▴"}

/* ===== v57: hub de chats, chat privado ===== */
.chat-volver{width:32px;height:32px;border:none;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1;cursor:pointer;margin-right:6px;flex:none}
.cm-back{background:rgba(255,255,255,.14);border:none;color:#fff;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1;cursor:pointer;margin-right:6px;flex:none}
.cm-top{gap:6px}
.cm-amg{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#04170c!important;border:none;border-radius:999px;padding:7px 12px!important;font:800 .76rem Poppins,sans-serif;cursor:pointer;white-space:nowrap;width:auto!important;height:auto!important;font-size:.76rem!important}
.cm-cerrar{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}
.hub-lista{flex:1;overflow-y:auto;display:flex;flex-direction:column}
.hub-fila{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;border-bottom:1px solid #1d2547;background:transparent;color:#e6efff;cursor:pointer;text-align:left;font-family:Poppins,sans-serif}
.hub-fila:hover{background:#171d3d}.hub-fila.fij{background:#131a38}
.hub-av{width:46px;height:46px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-weight:800;font-size:1.15rem}
.hub-av img{width:100%;height:100%;object-fit:cover}.hub-mundo{background:linear-gradient(135deg,#38bdf8,#6366f1);font-size:1.5rem}.hub-sop{background:linear-gradient(135deg,#22c55e,#0ea5e9);font-size:1.4rem}.hub-av-s{width:36px;height:36px;font-size:1rem}
.hub-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hub-h{display:flex;gap:6px;align-items:center}.hub-h b{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-pin{font-size:.7rem;opacity:.7}.hub-t small{color:#8da2c8;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-m{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.hub-m small{color:#7f93bb;font-size:.68rem}
.hub-n{min-width:20px;height:20px;border-radius:99px;background:#22c55e;color:#04170c;font:800 .72rem/20px Poppins,sans-serif;font-style:normal;text-align:center;padding:0 6px}
.hub-sep{padding:8px 14px;font-size:.72rem;font-weight:800;color:#fbbf24;background:#0c1022;letter-spacing:.4px}
.hub-vacio{padding:18px 16px;text-align:center;color:#8da2c8;font-size:.84rem}
.dm-quien{display:flex;flex-direction:column;min-width:0}.dm-quien b{font-size:.92rem}.dm-quien small{font-size:.68rem;opacity:.75}
.dm-barra{display:flex;gap:6px;padding:8px;background:#0c1022;align-items:center}
.dm-barra input{flex:1;min-width:0;border-radius:999px;border:1px solid #34406a;background:#1b2140;color:#fff;padding:10px 14px;font-size:16px}
.dm-ib{width:38px;height:38px;border-radius:50%;border:1px solid #34406a;background:#1b2140;font-size:1.1rem;cursor:pointer;flex:none}.dm-ib[hidden]{display:none}
.dm-send{width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#04170c;font-size:1.1rem;cursor:pointer;flex:none}
.dm-chips{display:flex;gap:6px;padding:6px 8px 0;overflow-x:auto;background:#0c1022;scrollbar-width:none}.dm-chips::-webkit-scrollbar{display:none}
.dm-chip{flex:0 0 auto;border:1px solid #34406a;background:#1b2140;color:#cfe3ff;border-radius:999px;padding:5px 11px;font-size:.74rem;cursor:pointer;white-space:nowrap}
.dm-m.cm-mio{background:#1d3b66}.dm-pie{display:block;font-size:.64rem;color:#8da2c8;margin-top:3px;text-align:right}.dm-rep{background:none;border:none;font-size:.7rem;cursor:pointer;opacity:.6;margin-left:6px}
.dm-idc{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dm-idc small{width:100%;color:#7dd3fc}.dm-idc b{font-size:1.25rem;letter-spacing:1.5px}
.dm-foto{max-width:200px;max-height:240px;border-radius:10px;cursor:zoom-in;display:block}
.dm-idop{display:flex;flex-direction:column;align-items:flex-start;width:100%;background:#1b2140;border:1px solid #34406a;border-radius:12px;color:#fff;padding:10px 14px;margin-bottom:8px;cursor:pointer}.dm-idop b{font-size:1.1rem;letter-spacing:1px}.dm-idop small{color:#8da2c8}
.dm-zoom{position:fixed;inset:0;z-index:3200;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center}.dm-zoom[hidden]{display:none}.dm-zoom img{max-width:96vw;max-height:92vh}
@media (min-width:801px){body:not(.modo-admin).hub-abierto .chat-widget-card.chat-v2,body:not(.modo-admin).dm-abierto .chat-widget-card.chat-v2{visibility:hidden}body:not(.modo-admin) .hub-panel .cm-cerrar,body:not(.modo-admin) .cm-back{display:flex;align-items:center;justify-content:center}}
@media (max-width:800px){body.hub-abierto .chat-fab,body.dm-abierto .chat-fab{display:none}}
.hoy-nov{display:flex;align-items:center;gap:10px;width:100%;margin:10px 0;padding:12px 14px;border-radius:14px;border:1px solid #6d4bd6;background:linear-gradient(135deg,#2a1b5e,#1b2250);color:#fff;cursor:pointer;text-align:left;flex-wrap:wrap}
.hoy-nov span{font-size:1.5rem}.hoy-nov b{font-size:.9rem}.hoy-nov small{width:100%;color:#b9c8e8;margin-left:34px;margin-top:-6px}
.nv-sub{margin:10px 0 2px;color:#fbbf24;font-size:.82rem}.nv-hilo{width:100%;background:#0c1022;border-radius:10px;padding:8px;max-height:260px;overflow:auto}
.nv-hm{font-size:.8rem;padding:3px 0}.nv-hm.mal{color:#fca5a5}.nv-hm img{max-width:120px;border-radius:8px;display:block}

/* ===== v58 · chat fijo arriba a la derecha (PC) ===== */
@media (min-width:801px){
 body:not(.modo-admin) .chat-widget-card.chat-v2,body:not(.modo-admin) .cm-panel,body:not(.modo-admin) .hub-panel,body:not(.modo-admin) .dm-panel{position:absolute!important;left:var(--cx,auto)!important;top:var(--cya,113px)!important;width:var(--cw,310px)!important;height:var(--ch,460px)!important;right:auto!important;bottom:auto!important;max-height:none}
 body:not(.modo-admin):not(.soporte-abierto) .chat-widget-card.chat-v2{visibility:hidden}
 body:not(.modo-admin):not(.soporte-abierto):not(.hub-abierto):not(.dm-abierto):not(.cm-abierto) .chat-fab{display:flex;position:fixed;right:24px;bottom:100px;top:auto;z-index:900;align-items:center;gap:8px;padding:13px 18px;border:none;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#04170c;font-weight:800;font-size:.95rem;box-shadow:0 6px 20px rgba(0,0,0,.5),0 0 16px rgba(34,197,94,.5);cursor:pointer}
}

/* ===== v58 · perfiles, insignia ✔, bienvenida, agregar amigos, reacciones ===== */
.vf{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:4px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;font-size:10px;font-weight:900;line-height:1;vertical-align:middle;box-shadow:0 0 6px rgba(56,189,248,.6)}
.nvb-vf{display:inline-flex;align-items:center}
.pf-link{cursor:pointer}.pf-link:hover{text-decoration:underline}
.mini-av{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:.7rem;font-weight:800;flex:0 0 auto;vertical-align:middle;margin-right:6px}
.mini-av img{width:100%;height:100%;object-fit:cover;display:block}
.cm-cab{display:flex;align-items:center;flex-wrap:wrap}
.cm-cab .cm-av{margin-right:6px}
.cm-nom-c{cursor:pointer}
.cm-amg{white-space:nowrap;font-size:.74rem!important;padding:6px 10px!important}
.hub-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
/* perfil */
.pf-wrap{align-items:center;justify-content:center;padding:12px}
.pf-card{position:relative;width:min(380px,100%);max-height:92vh;overflow:auto;background:#10142a;border:1px solid #2b3a6a;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.7);color:#e6efff}
.pf-card.pf-oro{border-color:#e7b53a;box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 28px rgba(231,181,58,.35)}
.pf-cover{height:112px;border-radius:20px 20px 0 0}
.pf-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:15px;cursor:pointer;z-index:2}
.pf-av{position:relative;margin:-44px 0 0 18px;width:88px;height:88px}
.pf-av .pf-av-i{width:88px;height:88px;font-size:2rem;margin:0;border:4px solid #10142a;box-shadow:0 4px 16px rgba(0,0,0,.5)}
.pf-oro .pf-av .pf-av-i{border-color:#e7b53a}
.pf-cuerpo{padding:8px 18px 18px}
.pf-nom{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pf-nom h3{margin:0;font-size:1.25rem}
.pf-vf{width:19px;height:19px;font-size:12px;margin:0}
.pf-sello-of{padding:2px 9px;border-radius:99px;background:linear-gradient(135deg,#f5c542,#c98f0a);color:#2a1d00;font-size:.7rem;font-weight:900}
.pf-sub{display:flex;gap:10px;flex-wrap:wrap;color:#8da2c8;font-size:.78rem;margin:3px 0 8px}.pf-sub b{color:#f5c542}
.pf-bio{margin:10px 0;font-size:.9rem;line-height:1.4;word-break:break-word}.pf-bio.vacio{color:#7d8bad;font-style:italic}
.pf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;margin:10px 0}
.pf-dato{background:#171d3b;border:1px solid #27325c;border-radius:12px;padding:8px 6px;text-align:center}.pf-dato b{display:block;font-size:1rem}.pf-dato small{color:#8da2c8;font-size:.66rem}
.pf-acc{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pf-like,.pf-sec{border:1px solid #34406a;background:#1b2140;color:#e6efff;border-radius:12px;padding:9px 14px;font-weight:700;cursor:pointer}.pf-like.on{background:#4a1530;border-color:#ec4899}
.pf-sec:disabled{opacity:.6;cursor:default}
.pf-carga{padding:30px 18px;text-align:center;color:#8da2c8}
.pf-lab{display:block;font-size:.75rem;color:#8da2c8;margin:12px 0 4px}
.pf-ta,.pf-in{width:100%;box-sizing:border-box;background:#0b0f22;border:1px solid #2b3a6a;border-radius:10px;color:#e6efff;padding:9px;font:inherit}
.pf-sw{display:flex;gap:8px;flex-wrap:wrap}.pf-fb{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer}.pf-fb.on{border-color:#fff;box-shadow:0 0 0 2px #38bdf8}
.pf-chico{font-size:.74rem;color:#8da2c8;margin:8px 0 0}
.pf-verif{margin-top:16px;padding:12px;border-radius:14px;background:#13193a;border:1px dashed #38bdf8}.pf-verif h5{margin:0 0 6px;font-size:.9rem}.pf-verif p{margin:6px 0;font-size:.82rem}
.pf-req{margin:6px 0 10px;padding-left:4px;list-style:none;font-size:.8rem}.pf-req li{margin:4px 0}
/* bienvenida */
.bv-card{position:relative;width:min(440px,94vw);margin:auto;background:#0a1228;border-radius:22px;padding:18px;border:1px solid #2b3a6a;box-shadow:0 20px 60px rgba(0,0,0,.7)}
.bv-card .sb-bienv{border-radius:16px;min-height:200px}
.bv-x{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;border:none;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;cursor:pointer}
.bv-ok{display:block;margin:14px auto 0;padding:11px 26px}
#bv-modal{align-items:center;justify-content:center}
/* agregar amigos */
.am-yo2{text-align:center;padding:12px;border-radius:14px;background:linear-gradient(135deg,#13264f,#1b1f4a);border:1px solid #2b3a6a;margin-bottom:12px}
.am-yo2 b{display:block;font-size:1.7rem;letter-spacing:1px;margin:2px 0 8px}
.am-acc{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.am-wsp{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#04170c!important}
.am-ayu{display:block;margin-top:8px;color:#8da2c8}
.am-h{margin:8px 0 6px;font-size:.85rem}
/* reacciones en chats privados */
.dm-rx{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.dm-rxc{border:1px solid #34406a;background:#1b2140;color:#fff;border-radius:99px;padding:1px 8px;font-size:.78rem;cursor:pointer}.dm-rxc.mia{border-color:#38bdf8;background:#143559}
.dm-rxbar{display:flex;gap:2px;margin-top:4px;background:#0b0f22;border:1px solid #2b3a6a;border-radius:99px;padding:2px 6px;width:max-content}.dm-rxbar button{background:none;border:none;font-size:1.05rem;cursor:pointer;padding:2px 4px}
.dm-mas{opacity:.55;margin-left:4px}
/* admin */
.nv-pt{display:inline-block;min-width:18px;padding:1px 5px;margin-left:6px;border-radius:99px;background:#ef4444;color:#fff;font-style:normal;font-size:.66rem;font-weight:800;text-align:center}
.nv-foto{display:block;max-width:150px;max-height:150px;border-radius:8px;margin-top:4px;cursor:zoom-in}
#am-modal .nh-card{width:min(440px,94vw);box-sizing:border-box}
#am-modal .al-cuerpo{box-sizing:border-box;max-width:100%;overflow-x:hidden}
#am-modal .pr-fila{display:flex;gap:8px}#am-modal .pr-fila input{min-width:0;flex:1}
#am-modal .am-fila{min-width:0}#am-modal .am-t{min-width:0;flex:1}
.am-ayu{white-space:normal}
#am-modal .al-cuerpo>*{width:auto!important;max-width:100%;box-sizing:border-box;align-self:stretch}
#am-modal .al-cuerpo{grid-template-columns:minmax(0,1fr)}.pf-card .al-ok,.bv-card .al-ok{width:auto}
@media (min-width:801px){body:not(.modo-admin) .cm-panel .cm-top{gap:6px}body:not(.modo-admin) .cm-panel .cm-top b{white-space:nowrap;font-size:.92rem}body:not(.modo-admin) .cm-panel .cm-amg{flex:0 0 auto;margin-left:auto;font-size:.64rem!important;padding:4px 7px!important}body:not(.modo-admin) .cm-panel .cm-top{padding-left:8px;padding-right:8px}}

/* ===== v59 · perfil a pantalla completa en PC ===== */
.pf-volver{position:absolute;top:10px;left:10px;z-index:2;border:none;border-radius:99px;padding:7px 13px;background:rgba(0,0,0,.5);color:#fff;font-weight:700;cursor:pointer}
.pf-fb.bloq{opacity:.45}.pf-fb{font-size:15px;display:inline-flex;align-items:center;justify-content:center}
@media (min-width:801px){
 #pf-modal{padding:0!important;background:radial-gradient(120% 80% at 50% 0%,#16204a,#070a18)!important;align-items:stretch!important;overflow:auto}
 #pf-modal .pf-card{width:min(860px,100%);max-height:none;min-height:100vh;height:auto;border-radius:0;border-top:none;border-bottom:none;margin:0 auto;box-shadow:0 0 60px rgba(0,0,0,.6)}
 #pf-modal .pf-cover{height:230px;border-radius:0}
 #pf-modal .pf-av,#pf-modal .pf-av .pf-av-i{width:120px;height:120px}#pf-modal .pf-av{margin-top:-60px;margin-left:30px}
 #pf-modal .pf-cuerpo{padding:10px 30px 40px}#pf-modal .pf-nom h3{font-size:1.7rem}
 #pf-modal .pf-bio{font-size:1rem}#pf-modal .pf-dato b{font-size:1.25rem}
 #pf-modal .pf-x{width:40px;height:40px;font-size:18px}
}

/* ===== v59 · Novedades ordenadas, plegables y con ayuda ===== */
.hoy-grid{align-items:start}
details.nv-caja{padding:0}
details.nv-caja>.nv-cb{padding:0 12px 12px}
.nv-sum{display:flex;align-items:center;gap:8px;padding:11px 12px;cursor:pointer;list-style:none;font-weight:800;font-size:1rem;color:#d6ff3a}
.nv-sum::-webkit-details-marker{display:none}
.nv-sum::before{content:"▸";color:#7fd6ff;transition:transform .15s;font-size:.9rem}
details[open]>.nv-sum::before{transform:rotate(90deg)}
.nv-st{flex:1}
.nv-sbd{font-style:normal;background:#ef4444;color:#fff;border-radius:99px;padding:1px 8px;font-size:.7rem}
.nv-q{width:26px;height:26px;border-radius:50%;border:none;background:#e50909;color:#fff;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 0 8px rgba(229,9,9,.6);flex:0 0 auto}
.nv-q:hover{filter:brightness(1.2)}
.nv-guia{margin:0 0 10px;padding:9px 12px;border-radius:10px;background:#13264f;border:1px solid #2b3a6a;color:#cfe3ff;font-size:.82rem}
.nv-ayuda{align-items:center;justify-content:center;padding:12px;z-index:5000}
.nv-ay-card{width:min(520px,100%);max-height:88vh;overflow:auto;background:#0e1326;border:1px solid #38bdf8;border-radius:18px;padding:16px;color:#e6efff;box-shadow:0 20px 60px rgba(0,0,0,.7)}
.nv-ay-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:1.05rem}
.nv-ay-top button{border:none;background:#1b2140;color:#fff;border-radius:50%;width:30px;height:30px;cursor:pointer}
.nv-ay-card h5{margin:14px 0 4px;color:#7fd6ff;font-size:.85rem}
.nv-ay-card p,.nv-ay-card li{font-size:.88rem;line-height:1.45;margin:0}
.nv-ay-card ol{margin:0;padding-left:20px;display:grid;gap:5px}
.nv-mock{padding:12px;border-radius:12px;background:#171d3b;border:1px dashed #38bdf8;display:grid;gap:6px;font-size:.82rem}
.mk-b{background:#1b2e55;border-radius:12px;padding:7px 10px;width:max-content;max-width:100%}.mk-m{background:#1d3b66;margin-left:auto}
.mk-img{background:#0b0f22;border-radius:10px;padding:18px 26px;width:max-content}
.mk-circ{display:flex;gap:8px}.mk-circ i{width:42px;height:42px;border-radius:50%;border:2px solid #f5c542;display:flex;align-items:center;justify-content:center;font-style:normal;background:#1b2140}
.mk-menu{background:#1b2140;border-radius:10px;padding:9px 11px}.mk-menu em{font-style:normal;background:#f5c542;color:#2a1d00;border-radius:99px;padding:1px 7px;font-size:.68rem;font-weight:800}
.mk-in{background:#0b0f22;border:1px solid #34406a;border-radius:8px;padding:2px 8px}
.nv-pform{display:grid;gap:10px;margin-top:8px}
.nv-paso{display:flex;gap:10px;align-items:flex-start}.nv-pn{flex:0 0 26px;height:26px;border-radius:50%;background:#e50909;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.8rem}
.nv-pc{flex:1;display:grid;gap:5px;min-width:0}.nv-pc b{font-size:.86rem;color:#dff4ff}
.nv-d.nv-dg{width:auto;padding:5px 10px}
@media (max-width:600px){.nv-ay-card{padding:13px}}

/* ===== v60 ===== */
/* estados de historias: verde = activa, amarillo = en revisión (cristal) */
.nv-his,.ha-it{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.nv-his.st-act,.ha-it.st-act{background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(34,197,94,.06));border:1px solid rgba(74,222,128,.55)}
.nv-his.st-rev,.ha-it.st-rev{background:linear-gradient(135deg,rgba(250,204,21,.2),rgba(250,204,21,.06));border:1px solid rgba(250,204,21,.6)}
em.est-act{font-style:normal;font-weight:700;font-size:.74rem;color:#4ade80}
em.est-rev{font-style:normal;font-weight:700;font-size:.74rem;color:#facc15}
em.est-raro{flex:1 1 100%;font-style:normal;font-weight:700;font-size:.76rem;color:#fca5a5}
.ha-of{background:#10345a!important;color:#7dd3fc;font-weight:700}
/* lista de historias del admin: cuadrícula de 2 (o más en pantallas anchas) con foto grande */
#nv-hist-lista,.nv-lista.nv-hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.nv-his{flex-direction:column;align-items:stretch;flex-wrap:nowrap}
.nv-his img{width:100%;height:190px;aspect-ratio:auto;object-fit:cover;border-radius:10px;cursor:zoom-in}
.nv-his-t{flex:none}.nv-his-ac{display:flex;gap:6px;flex-wrap:wrap}
.adm-zoom{position:fixed;inset:0;z-index:100100;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:16px}
.adm-zoom>img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}
.adm-zoom-x{position:fixed;top:12px;right:12px;background:#ef4444;color:#fff;border:0;border-radius:999px;padding:9px 16px;font-weight:700;font-size:.95rem;cursor:pointer;z-index:2}
.adm-hilo-c{background:#0c1022;border:1px solid #2b3a6a;border-radius:14px;width:min(560px,100%);height:min(86vh,100%);display:flex;flex-direction:column;overflow:hidden}
.adm-hilo-cab{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#141a36;color:#fff}.adm-hilo-cab .adm-zoom-x{position:static;margin-left:auto}
.adm-hilo-cu{flex:1;overflow:auto;padding:10px 14px;color:#e6efff}.adm-hilo-cu .nv-hm{font-size:.9rem;padding:5px 0}.adm-hilo-cu .nv-hm img{max-width:220px}
.nv-busca{display:flex;gap:6px;margin-bottom:8px}.nv-busca .nv-in{flex:1;min-width:0}
.nv-pers.raro{background:rgba(239,68,68,.16);border:1px solid #ef4444}
.pf-nombre{width:100%;margin:0 0 10px;background:#241a3d;color:#fff;border:1px solid #b57bff;border-radius:10px;padding:9px;font-weight:700;cursor:pointer}
#al-modal{z-index:100050}
.vf-of{color:#38bdf8;font-size:.8em}

/* ===== v60b: filtro de no leídos + pulido de colores ===== */
.nl-fila{display:flex;gap:6px;align-items:center}.nl-fila .adm-buscar{flex:1;min-width:0}
.nl-btn,#hub-menu{background:#1b2146;color:#fff;border:1px solid #3b4a7a;border-radius:10px;width:36px;height:36px;font-size:1.2rem;font-weight:900;cursor:pointer;line-height:1}
.nl-btn.on{background:#2563eb;border-color:#60a5fa}
#hub-menu{width:32px;height:32px;margin-right:4px;border-radius:50%}
.nl-menu{position:absolute;right:0;top:100%;z-index:100200;background:#141a36;border:1px solid #3b4a7a;border-radius:12px;padding:6px;min-width:190px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.nl-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;color:#e6efff;padding:10px 12px;border-radius:8px;font-size:.92rem;cursor:pointer}
.nl-menu button:hover,.nl-menu button.on{background:#1f2c5e;color:#fff;font-weight:700}
#hub-panel .cm-top{position:relative}
.hub-aviso{display:block;width:100%;background:rgba(37,99,235,.22);color:#bfdbfe;border:0;border-bottom:1px solid #2563eb;padding:9px;font-size:.82rem;font-weight:700;cursor:pointer}
.hub-fila.nl{background:linear-gradient(90deg,rgba(37,99,235,.2),transparent)}.hub-fila.nl .hub-t b{color:#fff}
.hub-n{background:#22c55e!important;color:#052e16!important;font-weight:800}
/* tarjeta de registrados hoy en el inicio del panel */
.hoy-grid .cli-card{border-color:rgba(74,222,128,.55)}
.hoy-grid .cli-card .hoy-cab b{color:#86efac}
.hub-fila[hidden],.hub-aviso[hidden]{display:none!important}

/* ===== v60c ===== */
/* Historias del admin: tarjetas compactas (sin espacios vacíos) */
.nv-hgrid{align-items:start;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:8px!important}
.nv-his{gap:5px!important;padding:7px!important}
.nv-his img{height:120px!important}
.nv-his-t{gap:1px}.nv-his-t b{font-size:.8rem}.nv-his-t span{font-size:.78rem;flex:none!important}
.nv-his-ac{margin-top:2px}.nv-his-ac .nv-mini{padding:4px 9px;font-size:.74rem}
@media (max-width:800px){.nv-hgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nv-his img{height:100px!important}}

/* ===== v60d · Historias estilo cristal (iPhone) ===== */
.hs-panel{background:linear-gradient(160deg,rgba(255,255,255,.30),rgba(255,255,255,.10) 55%,rgba(200,220,255,.18))!important;-webkit-backdrop-filter:blur(34px) saturate(1.8);backdrop-filter:blur(34px) saturate(1.8);color:#fff}
.hsp-cab{border-bottom:1px solid rgba(255,255,255,.28)!important;text-shadow:0 1px 6px rgba(0,0,0,.35);padding-top:max(14px,env(safe-area-inset-top))}
.hsp-cab b{font-size:1.15rem;letter-spacing:.2px}
.hsp-cab button{background:rgba(255,255,255,.24)!important;border:1px solid rgba(255,255,255,.4)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hsp-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))!important;gap:14px 10px!important}
.hsp-it{background:linear-gradient(160deg,rgba(255,255,255,.28),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.38)!important;border-radius:22px;padding:12px 4px 10px!important;box-shadow:0 8px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.55);color:#fff!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-shadow:0 1px 4px rgba(0,0,0,.45)}
.hsp-it small{font-weight:600;font-size:.74rem!important;max-width:88px!important}
.hsp-it.vista{opacity:.78}.hsp-it.vista .hsp-c{opacity:.8}
.hsp-it.ofi{background:linear-gradient(160deg,rgba(255,224,130,.38),rgba(255,255,255,.1));border-color:rgba(255,214,102,.8)!important;box-shadow:0 8px 28px rgba(245,158,11,.35),inset 0 1px 0 rgba(255,255,255,.6)}
.hsp-of,.sh-of{font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.3px;background:linear-gradient(135deg,#ffb300,#ff6d00);color:#1a0d00;border-radius:99px;padding:1px 9px;text-shadow:none;box-shadow:0 2px 8px rgba(255,140,0,.45)}
/* tira del carrusel */
.sh-in{margin:4px auto;max-width:96%;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.26),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.42);box-shadow:0 10px 34px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6)}
.sh-t{text-shadow:0 1px 8px rgba(0,0,0,.4);letter-spacing:.3px}
.sh-b{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.sh-b small{font-weight:600}
.sh-todas,.sh-mini{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.5)}
.hs-panel{background:linear-gradient(160deg,rgba(236,242,255,.46),rgba(160,175,220,.40) 55%,rgba(130,140,200,.46))!important;-webkit-backdrop-filter:blur(44px) saturate(1.8)!important;backdrop-filter:blur(44px) saturate(1.8)!important}
.hsp-cab b{white-space:nowrap;font-size:1.05rem}.hsp-cab button{white-space:nowrap}

/* ===== v60e ===== */
/* Chat flotante: se mueve, se agranda/achica, y se guarda como burbuja */
#adm-flota{position:fixed;z-index:1200;min-width:300px;min-height:320px;display:flex;flex-direction:column;background:#0e1226;border:1px solid #38bdf8;border-radius:16px;box-shadow:0 14px 44px rgba(0,0,0,.7);overflow:hidden}
.flota-bar{display:flex;align-items:center;gap:6px;padding:7px 8px;background:linear-gradient(90deg,#16336b,#4c1d95);color:#fff;cursor:grab;touch-action:none;user-select:none;flex:none}
.flota-bar:active{cursor:grabbing}
.flota-t{flex:1;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flota-bar button{background:rgba(255,255,255,.16);border:0;color:#fff;border-radius:50%;width:28px;height:28px;font-weight:800;cursor:pointer;flex:none}
.flota-bar .flota-x{background:#ef4444}
#adm-flota #admin-chat-view{flex:1 1 0!important;display:flex!important;height:auto!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;min-width:0!important;overflow:hidden!important}
#adm-flota #admin-chat-view .adm-msgs{flex:1 1 0!important;min-height:0!important;height:auto!important;overflow-y:auto!important}
.flota-asa{position:absolute;right:2px;bottom:2px;width:22px;height:22px;cursor:nwse-resize;touch-action:none;z-index:5;background:linear-gradient(135deg,transparent 50%,rgba(125,211,252,.9) 50%,rgba(125,211,252,.9) 58%,transparent 58%,transparent 68%,rgba(125,211,252,.9) 68%,rgba(125,211,252,.9) 76%,transparent 76%)}
.flota-burb{display:none;background:linear-gradient(135deg,#2563eb,#7c3aed);border:0;color:#fff;font-size:1.5rem;width:100%;height:100%;cursor:pointer;touch-action:none}
#adm-flota.min{min-width:0;min-height:0;width:58px!important;height:58px!important;border-radius:50%;border:2px solid #7dd3fc}
#adm-flota.min .flota-bar,#adm-flota.min #admin-chat-view,#adm-flota.min .flota-asa{display:none!important}
#adm-flota.min .flota-burb{display:block}
body:not(.modo-admin) #adm-flota{display:none}
@media (max-width:800px){#adm-flota:not(.min){left:6px!important;right:6px;top:auto!important;bottom:6px!important;width:auto!important;height:72dvh!important}.flota-asa{display:none}}
/* con el chat al costado, el panel del administrador se corre a la izquierda para no taparse */
@media (min-width:801px){body.adm-flota-lado.modo-admin .container{max-width:max(760px,min(950px,calc(100vw - var(--flw,400px) - 14px)));margin-left:10px;margin-right:0}}
/* Pendientes: tarjetas sin huecos (se acomodan en columnas) y texto largo plegado */
.hoy-grid{display:block!important;columns:2 250px;column-gap:8px}
.hoy-grid>*{break-inside:avoid;margin:0 0 8px!important;display:block}
.hoy-promo-d{max-height:2.7em;overflow:hidden;cursor:pointer;position:relative;margin:4px 0}
.hoy-promo-d:not(.abierto)::after{content:" … tocá para leer todo";color:#7dd3fc;font-weight:700;background:linear-gradient(90deg,transparent,#0b1a2e 18%);position:absolute;right:0;bottom:0;padding-left:20px}
.hoy-promo-d.abierto{max-height:none}
.hoy-promo{padding:9px 11px!important}.hoy-promo .hoy-seg{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin:3px 12px 3px 0}
.hoy-nov{padding:8px 12px!important}
.hoy-masdet .hoy-grid{margin-top:8px}
/* Celular: el menú del panel de administrador pasa arriba como barra deslizable (más ancho para el contenido) */
@media (max-width:800px){
  body.modo-admin .adm-layout{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
  body.modo-admin .adm-rail{position:static!important;flex-direction:row!important;overflow-x:auto;gap:4px;padding:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.modo-admin .adm-rail::-webkit-scrollbar{display:none}
  body.modo-admin .adm-rail .admin-tab{width:auto!important;flex:0 0 auto;min-width:54px;padding:6px 8px!important}
  body.modo-admin .adm-rail .rt-sep{width:1px;height:auto!important;margin:2px 3px!important;align-self:stretch;flex:none}
  .adm-top{flex-wrap:nowrap;gap:6px}.adm-tit{font-size:.9rem;line-height:1.1}.adm-tit small{display:block}
  .adm-soporte{flex:1 1 0;min-width:0;margin-left:0}.adm-soporte select{width:100%;min-width:0;font-size:11px}
  .adm-salir{flex:none;width:36px;height:36px;padding:0;justify-content:center}
  .hoy-grid{columns:1}
  .hoy-promo{padding:8px 10px!important}.hoy-promo-t b{font-size:.9rem}
  .admin-panel-card{padding:8px!important}
}

/* ===== v60f · vidrio más transparente ===== */
.carousel-slide.slide-hist{background:rgba(255,255,255,.10)!important;-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6)}
.carousel-slide.slide-hist.active{border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 12px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.7)!important}
.slide-hist .sh-in{background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.hs-panel{background:linear-gradient(160deg,rgba(255,255,255,.17),rgba(255,255,255,.05) 55%,rgba(200,220,255,.10))!important;-webkit-backdrop-filter:blur(22px) saturate(1.7)!important;backdrop-filter:blur(22px) saturate(1.7)!important}
.hsp-cab{justify-content:flex-start;gap:12px}
.hsp-cab .hs-sp{display:none!important}
.hsp-cab b{padding-right:14px;border-right:1px solid rgba(255,255,255,.5);white-space:nowrap}
.hsp-cab #hsp-x{width:auto!important;height:auto!important;padding:8px 14px!important;border-radius:999px!important;background:rgba(255,255,255,.26)!important;font-size:.82rem!important}
/* lista de chats (Mis chats): vidrio transparente, sin "fijado" ni "Mis amigos" */
.hub-panel,.cm-panel,.dm-panel{background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(20,28,64,.46) 60%,rgba(10,14,36,.55))!important;-webkit-backdrop-filter:blur(26px) saturate(1.6)!important;backdrop-filter:blur(26px) saturate(1.6)!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 14px 44px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.5)!important}
.hub-panel .cm-top,.cm-panel .cm-top,.dm-panel .cm-top{background:rgba(255,255,255,.10)!important;border-bottom:1px solid rgba(255,255,255,.22)!important}
.hub-fila{border-bottom:1px solid rgba(255,255,255,.12)!important}
.hub-fila:hover{background:rgba(255,255,255,.10)!important}
.hub-fila.fij{background:rgba(255,255,255,.06)}
.hub-t small{color:#d3def5!important}
.hub-sep{height:6px;padding:0!important;background:rgba(255,255,255,.08)!important}
.hs-panel{-webkit-backdrop-filter:blur(12px) saturate(1.6)!important;backdrop-filter:blur(12px) saturate(1.6)!important}

/* ===== v60g ===== */
@media (min-width:801px){
 body:not(.modo-admin).chat-fixed .chat-widget-card.chat-v2,body:not(.modo-admin).chat-fixed .cm-panel,body:not(.modo-admin).chat-fixed .hub-panel,body:not(.modo-admin).chat-fixed .dm-panel{position:fixed!important;left:var(--fx,var(--cx))!important;top:var(--fy,var(--cy,113px))!important}
 body.chat-flota-user .cm-top,body.chat-flota-user .chat-widget-header{cursor:grab;user-select:none}
}
/* insignias: ✔ blanca dentro del círculo azul (como Instagram) y "Oficial" en naranja */
.vf-of{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin:0 4px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;font-size:9px;font-weight:900;line-height:1;vertical-align:middle;box-shadow:0 0 6px rgba(56,189,248,.55)}
.of-tag{display:inline-block;background:linear-gradient(135deg,#ffb300,#ff6d00);color:#1a0d00;font-size:.64rem;font-weight:800;padding:1px 8px;border-radius:99px;vertical-align:middle;margin-left:2px}
.chat-agente-txt small{color:#e6efff}
.cm-sello{background:linear-gradient(135deg,#ffb300,#ff6d00)!important;color:#1a0d00!important}
/* vidrio también en el chat de soporte y en la parte de abajo del Mundial */
.chat-widget-card.chat-v2{background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(20,28,64,.46) 60%,rgba(10,14,36,.55))!important;-webkit-backdrop-filter:blur(26px) saturate(1.6);backdrop-filter:blur(26px) saturate(1.6);border:1px solid rgba(255,255,255,.34)!important}
.chat-v2 .chat-widget-header{background:rgba(255,255,255,.10)!important;border-bottom:1px solid rgba(255,255,255,.22)!important}
.chat-v2 .chat-messages-area{background:transparent!important}
.chat-chips,.chat-v2 .chat-input-area{background:transparent!important}
.chat-chips button{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.chat-v2 .admin-msg{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}
.chat-v2 .chat-input-area input{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.32)!important;color:#fff}
.cm-form,.cm-reglas,.cm-av{background:transparent!important}
.cm-form input{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.32)!important}
.cm-reglas{color:#cfd9f0!important}
.cm-lista{background:transparent}
.cm-fondo{flex:0 0 auto;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:.85rem;margin-left:auto}
.cm-fondo+.cm-amg{margin-left:6px!important}
/* fondo personalizado elegido por la persona */


/* ===== v60h ===== */
/* 1. Diapositivas del carrusel: vidrio blanco transparente (sin verde, sin estrellitas, sin marco rojo) */
.carousel-slide.slide-top,.carousel-slide.slide-ayuda,.carousel-slide.slide-hist{background:rgba(255,255,255,.07)!important;-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);border:1px solid rgba(255,255,255,.38)!important;box-shadow:0 10px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.55)!important}
.carousel-slide.slide-top.active,.carousel-slide.slide-ayuda.active,.carousel-slide.slide-hist.active{border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 12px 36px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.65)!important}
.slide-top::before,.slide-top::after,.slide-ayuda::before,.slide-ayuda::after{display:none!important}
.slide-ayuda .sa-h,.slide-ayuda .sa-paso p{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.slide-ayuda .sa-paso p b{color:#fff3b0}
.slide-ayuda .sa-ill{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.3);box-shadow:none}
.slide-ayuda .sa-nav,.slide-ayuda .sa-pausa{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.12)}
.slide-ayuda .sa-pausa.on{background:rgba(255,255,255,.85);color:#10214a}

/* 2. Barra de arriba: vidrio blanco transparente para todos */
.navbar,body.es-admin .navbar{background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.07))!important;-webkit-backdrop-filter:blur(22px) saturate(1.6)!important;backdrop-filter:blur(22px) saturate(1.6)!important;border-bottom:1px solid rgba(255,255,255,.34)!important;box-shadow:0 4px 22px rgba(0,0,0,.25),inset 0 -1px 0 rgba(255,255,255,.2)!important}

/* 3. Los chats nunca pasan por encima de la barra de arriba */
@media (min-width:801px){
 body:not(.modo-admin) .chat-widget-card.chat-v2,body:not(.modo-admin) .cm-panel,body:not(.modo-admin) .hub-panel,body:not(.modo-admin) .dm-panel{z-index:90!important}
 body:not(.modo-admin) .navbar{z-index:100}
}

/* 4. El fondo elegido cambia SOLO la zona de mensajes (no la cabecera ni el pie) */
body.chat-con-fondo .chat-widget-card.chat-v2{background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(20,28,64,.46) 60%,rgba(10,14,36,.55))!important}
body.chat-con-fondo #admin-chat-view{background:linear-gradient(170deg,rgba(18,36,78,.95),rgba(8,12,26,.97))!important}
body.chat-con-fondo .chat-widget-card.chat-v2::before,body.chat-con-fondo .chat-widget-card.chat-v2::after,body.chat-con-fondo #admin-chat-view::before,body.chat-con-fondo #admin-chat-view::after{display:none!important}
body.chat-con-fondo .chat-v2 .chat-messages-area,body.chat-con-fondo #admin-msgs,body.chat-con-fondo #cm-lista,body.chat-con-fondo #dm-lista{background:var(--chat-fondo)!important;background-attachment:local}

/* 5. Pie del chat compacto y transparente; sin mensajes rápidos */
#dm-chips,.dm-chips,.dm-chip{display:none!important}
.dm-barra{background:transparent!important;padding:5px 8px!important;gap:5px!important}
.dm-barra input{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.32)!important;padding:7px 12px!important}
.dm-ib{width:30px!important;height:30px!important}
.cm-form{padding:5px 8px!important;gap:5px!important}
.cm-form input{padding:7px 12px!important}
.cm-reglas{padding:2px 10px 5px!important;font-size:.66rem!important}
.chat-v2 .chat-input-area{padding:6px 8px!important}
.chat-chips{padding:4px 8px 0!important}

/* 6. Mensajes del Mundial estilo WhatsApp: nombre ✔ 👑 + Oficial a la izquierda, hora abajo a la derecha */
.cm-msg{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.cm-cab{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-start}
.cm-cab small{display:none}
.cm-txt{display:block}
.cm-hora{float:right;margin:6px 0 0 10px;font-size:.62rem;color:#cdd8f2;opacity:.85}
.cm-txt::after{content:"";display:block;clear:both}
.cm-ac{display:none!important}
.dm-m .dm-pie{text-align:right}
.dm-rx{margin-top:2px}

/* menú de mantener presionado */
#zhold{position:fixed;z-index:100001;min-width:190px;max-width:calc(100vw - 20px);padding:6px;border-radius:16px;background:rgba(30,38,70,.55);-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);border:1px solid rgba(255,255,255,.4);box-shadow:0 14px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.5);color:#fff;animation:zhIn .12s ease-out}
@keyframes zhIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
#zhold .zh-em{display:flex;gap:2px;justify-content:space-between;padding:2px 2px 6px;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:4px}
#zhold .zh-em button{background:none;border:0;font-size:1.35rem;padding:3px 5px;border-radius:50%;cursor:pointer}
#zhold .zh-em button:hover{background:rgba(255,255,255,.18)}
#zhold .zh-it{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;color:#fff;font:600 .88rem Poppins,sans-serif;padding:9px 10px;border-radius:10px;cursor:pointer;text-align:left}
#zhold .zh-it:hover{background:rgba(255,255,255,.16)}
#zhold .zh-mal{color:#ffb4b4}
#cm-mas{flex:0 0 auto;margin-left:4px}

/* ===== v62 ===== */
/* más transparente: casi se ve el fondo de pantalla */
.navbar,body.es-admin .navbar{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025))!important;-webkit-backdrop-filter:blur(6px) saturate(1.3)!important;backdrop-filter:blur(6px) saturate(1.3)!important;border-bottom:1px solid rgba(255,255,255,.28)!important;box-shadow:0 2px 14px rgba(0,0,0,.18)!important}
.navbar .zl,.navbar .nav-left,.navbar .nav-right,.navbar span,.navbar b{text-shadow:0 1px 6px rgba(0,0,0,.7)}
.carousel-slide.slide-top,.carousel-slide.slide-ayuda,.carousel-slide.slide-hist{background:rgba(255,255,255,.03)!important;-webkit-backdrop-filter:blur(5px) saturate(1.3);backdrop-filter:blur(5px) saturate(1.3);border-color:rgba(255,255,255,.3)!important}
.carousel-slide.slide-top *,.carousel-slide.slide-ayuda *,.carousel-slide.slide-hist .sh-in *{text-shadow:0 1px 6px rgba(0,0,0,.75)}
.slide-ayuda .mk-transf small{color:#fff!important;font-weight:800;opacity:1!important;font-size:max(11px,6cqh)!important;letter-spacing:.02em}
.slide-ayuda .mk-transf b{color:#fff3b0!important}
.slide-ayuda .mk-alias{background:rgba(0,0,0,.45)!important;border-color:rgba(255,255,255,.6)!important;color:#fff!important}
.slide-ayuda .sa-ill{background:rgba(0,0,0,.22)!important}

/* menú lateral en vidrio transparente */
.sidebar-menu{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03))!important;-webkit-backdrop-filter:blur(7px) saturate(1.3);backdrop-filter:blur(7px) saturate(1.3);border-right:1px solid rgba(255,255,255,.3)!important;box-shadow:6px 0 28px rgba(0,0,0,.3)!important}
.sidebar-menu .sidebar-header,.sidebar-menu .sidebar-footer{background:transparent!important;border-color:rgba(255,255,255,.18)!important}
.sidebar-menu .sb-perfil,.sidebar-menu .sb-accion,.sidebar-menu .sb-wallet,.sidebar-menu .sidebar-card,.sidebar-menu .status-indicator,.sidebar-menu .sb-cuentas{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important}
.sidebar-menu .sb-accion:hover{background:rgba(255,255,255,.14)!important}
.sidebar-menu .sb-logout{background:rgba(255,255,255,.05)!important}
.sidebar-menu .sb-txt small,.sidebar-menu .sb-perfil-txt small{color:#e2e9f8!important}
.sidebar-menu *{text-shadow:0 1px 5px rgba(0,0,0,.5)}
.menu-overlay.open{background:rgba(0,0,10,.12)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* burbuja del chat de administradora: pie compacto y chico */
#adm-flota{container-type:inline-size}
#adm-flota .adm-resp{gap:3px!important;padding:4px 5px!important;flex-wrap:nowrap!important;align-items:center}
#adm-flota .adm-resp input{flex:1 1 30%!important;min-width:60px!important;font-size:.74rem!important;padding:5px 8px!important;height:auto!important}
#adm-flota .adm-resp button{flex:0 0 auto!important;min-width:0!important;padding:3px 6px!important;font-size:.64rem!important;line-height:1.1!important;height:auto!important;width:auto!important;border-radius:7px!important}
#adm-flota .adm-resp button.rr-b,#adm-flota .adm-resp .adm-mic{padding:3px 5px!important}
@container (max-width:420px){#adm-flota .adm-resp button{font-size:.58rem!important;padding:2px 4px!important}#adm-flota .adm-resp input{font-size:.7rem!important}}
.adm-asa{display:none}
@media (min-width:801px){body.modo-admin #admin-panel-section{position:relative}.adm-asa{display:block;position:absolute;right:3px;bottom:3px;width:20px;height:20px;cursor:nwse-resize;touch-action:none;z-index:6;background:linear-gradient(135deg,transparent 50%,rgba(125,211,252,.9) 50%,rgba(125,211,252,.9) 58%,transparent 58%,transparent 68%,rgba(125,211,252,.9) 68%,rgba(125,211,252,.9) 76%,transparent 76%)}}

/* perfil: vidrio transparente a pantalla completa */
#pf-modal{background:rgba(6,10,28,.18)!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}
#pf-modal .pf-card,#pf-modal .pf-card.pf-oro{background:rgba(255,255,255,.04)!important;border:0!important;box-shadow:none!important;width:100%!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.pf-card .pf-cuerpo{max-width:920px;margin-left:auto;margin-right:auto}
@media (min-width:801px){#pf-modal .pf-av{margin-left:max(30px,calc((100% - 920px)/2 + 30px))!important}}
.pf-card .pf-dato{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.26)!important}
.pf-card .pf-sub,.pf-card .pf-dato small,.pf-card .pf-bio.vacio{color:#e2e9f8!important}
.pf-card *{text-shadow:0 1px 6px rgba(0,0,0,.55)}
.pf-num{display:inline-block;padding:2px 11px;border-radius:99px;background:linear-gradient(135deg,#ffd75e,#ff8a00);color:#2a1500!important;font-weight:900;font-size:.9rem;text-shadow:none!important;box-shadow:0 0 12px rgba(255,170,0,.5)}

/* ===== v63 ===== */
/* menú lateral: el fondo grande, la cabecera y el pie con el mismo vidrio que los chats */
.sidebar-menu{background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(20,28,64,.46) 60%,rgba(10,14,36,.55))!important;-webkit-backdrop-filter:blur(26px) saturate(1.6)!important;backdrop-filter:blur(26px) saturate(1.6)!important;border-right:1px solid rgba(255,255,255,.34)!important}
.sidebar-menu .sidebar-header,.sidebar-menu .sidebar-content,.sidebar-menu .sidebar-footer{background:transparent!important;box-shadow:none!important}
.sidebar-menu .sidebar-header,.sidebar-menu .sidebar-footer{border-color:rgba(255,255,255,.2)!important}
.sidebar-menu .sb-txt small.sb-okv,.sidebar-menu small.sb-okv{color:#4ef38d!important;font-weight:700}

/* barra de arriba: región más visible y saldos con los colores de "Cargar saldo" */
.region{background:rgba(0,0,0,.38)!important;border:1px solid rgba(15,214,228,.6)!important;color:#fff!important;font-weight:700!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 5px rgba(0,0,0,.8)}
.region .region-es{color:#7fefff}
.saldo-usd-badge{animation:none!important;border-radius:12px!important;color:#fff!important;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;text-shadow:0 1px 4px rgba(0,0,0,.55)}
.saldo-usd-badge i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;font-size:13px;flex:none;text-shadow:none}
.saldo-binance{background:linear-gradient(135deg,rgba(243,186,47,.38),rgba(150,100,10,.2))!important;border:1.5px solid #f3ba2f!important;box-shadow:0 0 14px rgba(243,186,47,.25),inset 0 1px 0 rgba(255,255,255,.22)!important}
.saldo-binance i{background:linear-gradient(135deg,#ffd75a,#f3ba2f);color:#2a1c00}
.saldo-mp{background:linear-gradient(135deg,rgba(0,158,227,.4),rgba(0,90,170,.2))!important;border:1.5px solid #3fb4ff!important;box-shadow:0 0 14px rgba(0,158,227,.25),inset 0 1px 0 rgba(255,255,255,.22)!important}
.saldo-mp i{background:linear-gradient(135deg,#00b4ff,#0072d6);color:#fff}
@media (min-width:801px){.saldo-usd-badge{padding:8px 14px!important;font-size:.82rem!important}}

/* logo Zarela: paz y fuego */
.zl{background:linear-gradient(100deg,#7fffe0 0%,#fff3b0 18%,#ffc14d 36%,#ff6a1f 54%,#ff3d2e 66%,#ffc14d 82%,#7fffe0 100%)!important;background-size:260% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:zl-flow 6s linear infinite,zl-fuego 1.9s ease-in-out infinite!important;-webkit-text-stroke:.5px rgba(60,10,0,.45);letter-spacing:2.5px}
@keyframes zl-fuego{0%,100%{filter:drop-shadow(0 0 4px rgba(255,120,30,.75)) drop-shadow(0 -2px 8px rgba(255,70,20,.5))}35%{filter:drop-shadow(0 0 8px rgba(255,170,50,.95)) drop-shadow(0 -4px 12px rgba(255,90,20,.65))}70%{filter:drop-shadow(0 0 5px rgba(127,255,224,.7)) drop-shadow(0 -2px 9px rgba(255,100,30,.55))}}
.zl-flor{color:#ffb3d0!important;text-shadow:0 0 10px rgba(255,140,60,.9),0 0 20px rgba(127,255,224,.6)!important}

/* perfil: botones claros y fijos arriba */
#pf-modal .pf-volver,#pf-modal .pf-x{position:fixed!important;top:14px;z-index:30;display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 18px!important;border-radius:99px!important;width:auto!important;font:800 .92rem Poppins,sans-serif!important;color:#fff!important;background:rgba(10,14,36,.45)!important;border:1px solid rgba(255,255,255,.55)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 18px rgba(0,0,0,.35);cursor:pointer}
#pf-modal .pf-volver{left:14px}#pf-modal .pf-x{right:14px}
#pf-modal .pf-volver:hover,#pf-modal .pf-x:hover{background:rgba(255,255,255,.22)!important}
@media (max-width:520px){#pf-modal .pf-volver,#pf-modal .pf-x{height:38px;padding:0 13px!important;font-size:.82rem!important;top:10px}#pf-modal .pf-volver{left:10px}#pf-modal .pf-x{right:10px}}
/* portada en formato ancho, sin deformarse */
#pf-modal .pf-card>.pf-cover,.pf-card>.pf-cover{width:min(920px,100%)!important;height:auto!important;aspect-ratio:3.5/1;margin:0 auto;border-radius:0 0 22px 22px!important;background-size:cover!important;background-position:center}
.pf-zoom{cursor:zoom-in}.pf-mover{cursor:ns-resize;touch-action:none;outline:2px dashed rgba(255,255,255,.7);outline-offset:-6px}
#pf-modal .pf-av{margin-top:-52px!important}
#pf-modal .pf-av,#pf-modal .pf-av .pf-av-i{width:104px!important;height:104px!important}
@media (max-width:520px){#pf-modal .pf-av,#pf-modal .pf-av .pf-av-i{width:84px!important;height:84px!important}#pf-modal .pf-av{margin-top:-42px!important;margin-left:16px!important}#pf-modal .pf-cuerpo{padding:8px 16px 40px!important}}
/* descripción con marco de cristal y color elegido */
.pf-bio.pf-marco{padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.pf-bio.pf-marco.con-color{border-color:var(--mc);box-shadow:0 0 14px color-mix(in srgb,var(--mc) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
/* destacadas y fotos */
.pf-gal{margin-top:16px}
.pf-dest{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}.pf-dest::-webkit-scrollbar{display:none}
.pf-d{flex:0 0 auto;width:72px;background:none;border:0;color:#fff;cursor:pointer;display:grid;justify-items:center;gap:5px;font:inherit}
.pf-d-c{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;background:rgba(255,255,255,.1) center/cover;border:2px solid transparent;background-origin:border-box;box-shadow:0 0 0 2px rgba(255,200,90,.95),0 4px 14px rgba(0,0,0,.35)}
.pf-d-nueva .pf-d-c{box-shadow:0 0 0 2px rgba(255,255,255,.55);border:2px dashed rgba(255,255,255,.7);color:#fff;font-size:1.8rem}
.pf-d small{font-size:.7rem;font-weight:700;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:801px){.pf-d{width:84px}.pf-d-c{width:78px;height:78px}}
.pf-gal-h{display:flex;align-items:center;justify-content:space-between;margin:8px 0 8px}.pf-gal-h b{font-size:1rem}
.pf-add{padding:7px 14px!important;font-size:.8rem}
.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
@media (min-width:801px){.pf-grid{grid-template-columns:repeat(4,1fr);gap:6px}}
.pf-t{position:relative;aspect-ratio:1/1;border:0;padding:0;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.08);cursor:pointer}
.pf-t img{width:100%;height:100%;object-fit:cover;display:block}
.pf-t-l{position:absolute;left:6px;bottom:6px;background:rgba(0,0,0,.5);color:#fff;font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:99px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.pf-grid-sel .pf-t.on{outline:3px solid #19e68c;outline-offset:-3px}.pf-grid-sel .pf-t.on::after{content:"✓";position:absolute;right:6px;top:6px;background:#19e68c;color:#04210f;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-weight:900;font-size:.8rem}
.pf-nd{display:grid;gap:8px;padding:12px;margin-bottom:10px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.3)}
/* visor */
#pf-visor{position:fixed;inset:0;z-index:100050;background:rgba(4,6,18,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-rows:1fr auto;place-items:center;padding:60px 12px 12px}
#pf-visor .pfv-img{max-width:100%;max-height:calc(100dvh - 150px);object-fit:contain;border-radius:14px;box-shadow:0 10px 50px rgba(0,0,0,.6)}
#pf-visor .pfv-x{position:absolute;top:14px;right:14px;height:42px;padding:0 18px;border-radius:99px;font:800 .92rem Poppins,sans-serif;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.55);cursor:pointer}
#pf-visor .pfv-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.14);color:#fff;font-size:1.6rem;cursor:pointer}
#pf-visor .pfv-prev{left:10px}#pf-visor .pfv-next{right:10px}
#pf-visor .pfv-pie{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding-top:10px;color:#fff}
#pf-visor .pfv-like,#pf-visor .pfv-bor{height:40px;padding:0 16px;border-radius:99px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.14);color:#fff;font:800 .9rem Poppins,sans-serif;cursor:pointer}
#pf-visor .pfv-like.on{background:rgba(236,72,153,.35);border-color:#ec4899}
#pf-visor .pfv-bor{border-color:#ff9a9a;color:#ffd0d0}
@media (max-width:520px){#pf-visor .pfv-x{top:10px;right:10px;height:38px;padding:0 13px;font-size:.82rem}}

/* ===== v64 ===== */
.saldo-usd-badge.saldo-binance i{color:#2a1c00!important}
@media (max-width:800px){
  .saldo-binance,.saldo-mp{padding:2px 7px!important;font-size:11px!important;gap:3px!important;border-radius:10px!important;line-height:1.2!important}
  .saldo-binance i,.saldo-mp i{font-size:10px!important}
}
@media (max-width:420px){.saldo-binance i,.saldo-mp i{display:none!important}}
.cm-top .cm-back{background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.4);box-shadow:0 3px 8px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.55);border-radius:12px;min-width:34px;height:32px;font-size:20px;line-height:1;color:#fff}
.cm-fijado{display:flex!important;align-items:center;gap:6px;flex-wrap:nowrap;padding:3px 10px;margin:4px 8px;font-size:11.5px;border-radius:12px;background:linear-gradient(135deg,rgba(255,80,120,.22),rgba(220,30,60,.16));border:1px solid rgba(255,120,150,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff}
.cm-fijado[hidden]{display:none!important}
.cm-fijado span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-fijado b{white-space:nowrap;font-size:10.5px;opacity:.9}
.cm-fijado em{font-style:normal}
.cm-cab{display:flex;flex-wrap:nowrap;align-items:center;gap:4px}
.cm-cab .nvb,.cm-cab .nvb-vf{margin:0}
.cm-cab .cm-sello{margin-left:auto}
.cm-rx{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.cm-rxb{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:inherit;border-radius:12px;padding:1px 7px;font-size:12px;cursor:pointer}
.cm-rxb.yo{background:rgba(80,160,255,.35);border-color:rgba(120,190,255,.7)}
body.pf-abierto{overflow:hidden}
#pf-modal{overscroll-behavior:contain}
#pf-card{overscroll-behavior:contain}
.pf-cuerpo .niv-ins,.pf-cuerpo [class*="niv"]{transform-origin:left center}
.pf-cuerpo .niv-ins{font-size:1.25em!important;padding:3px 12px!important}
.pf-nota{position:absolute;left:50%;top:-30px;transform:translateX(-50%);max-width:200px;background:rgba(255,255,255,.92);color:#222;font-size:12px;padding:4px 10px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:3}
.pf-av{position:relative}
.pf-sec{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.14);color:#fff;border-radius:12px;padding:8px 14px;font-weight:700;cursor:pointer}
.pf-seg.on{background:rgba(60,200,120,.3)}
.pfv-img.av{width:min(86vw,520px);height:min(86vw,520px);object-fit:cover;border-radius:50%}
.hub-ic{font-size:12px}
@media (max-width:800px){.cm-panel{height:calc(var(--vvh,100dvh) * .82)}}

/* ===== v65: historias en pila, notas, perfil compacto ===== */
.sh-mov{display:none!important}.sh-pc{display:flex!important;gap:14px;justify-content:center;align-items:flex-start;flex-wrap:nowrap}
@media (max-width:800px){.sh-in{padding:6px}.sh-t{display:none}.sh-b{width:92px}}
.sh-pila{position:relative;display:block;width:96px;height:66px}
.sh-pila .sh-c{position:absolute;top:2px;left:calc(var(--i) * 11px);width:62px;height:62px;z-index:calc(10 - var(--i));transform:scale(calc(1 - var(--i) * .07));filter:brightness(calc(1 - var(--i) * .12));box-shadow:0 3px 10px rgba(0,0,0,.45)}
.sh-pila-b{width:110px!important}
.sh-pila .sh-n{z-index:20;right:2px;top:-4px}
.hs-visor.quieta .hs-barras{opacity:.85}
.hs-visor{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.hs-barras i.act::after{animation-duration:5s}
.hsp-cab{flex-wrap:wrap;gap:6px}
.hsp-cab .hsp-b{font-size:.78rem;padding:6px 10px}
.hsp-mas{grid-column:1/-1;justify-self:center;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:9px 20px;font-weight:700;cursor:pointer}
.hsp-notas{display:flex;gap:14px;overflow-x:auto;padding:30px 14px 6px;margin-bottom:4px}
.hsp-notas[hidden]{display:none}
.hsn{flex:0 0 auto;position:relative;width:74px;border:none;background:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:Poppins,sans-serif}
.hsn-t{position:absolute;top:-26px;left:50%;transform:translateX(-50%);max-width:110px;background:rgba(255,255,255,.9);color:#1d2340;font-size:.66rem;line-height:1.15;padding:4px 8px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.35);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;text-align:center;z-index:2}
.hsn .hs-av,.hsn-av{width:58px;height:58px;border-radius:50%;margin-top:6px}
.hsn small{font-size:.66rem;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* creador en vidrio blanco */
#hc-modal .nh-card{background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(30,40,80,.5) 60%,rgba(14,20,48,.6));backdrop-filter:blur(26px) saturate(1.3);-webkit-backdrop-filter:blur(26px) saturate(1.3);border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5);color:#fff}
#hc-modal textarea,#hc-modal #hc-nota{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:14px;width:100%;padding:10px;box-sizing:border-box}
#hc-modal ::placeholder{color:rgba(255,255,255,.65)}
.hc-tabs{display:flex;gap:6px;margin-bottom:10px;padding:4px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25)}
.hc-tabs button{flex:1;border:none;background:transparent;color:#fff;border-radius:11px;padding:8px;font-weight:700;cursor:pointer}
.hc-tabs button.on{background:rgba(255,255,255,.3);box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.6)}
.hc-notaprev{display:flex;justify-content:center;padding:18px 0 22px;position:relative}
.hc-nb{background:rgba(255,255,255,.92);color:#1d2340;padding:10px 16px;border-radius:20px;font-weight:600;max-width:90%;text-align:center;box-shadow:0 3px 10px rgba(0,0,0,.35);overflow-wrap:anywhere}
.hc-nb-pico{position:absolute;bottom:12px;left:50%;width:12px;height:12px;background:rgba(255,255,255,.92);transform:translateX(-50%) rotate(45deg)}
#hc-modal .hc-btn2{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);color:#fff}
/* perfil: Amigos/Seguidores al costado, Me gusta y Seguir como botones con relieve */
.pf-cab2{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.pf-izq{min-width:0;flex:1}
.pf-mini{display:flex;gap:6px;flex:0 0 auto}
.pf-dato.pf-mi{padding:4px 9px;min-width:62px;border-radius:12px}
.pf-dato.pf-mi b{font-size:15px}
.pf-dato.pf-mi small{font-size:10px;white-space:nowrap}
.pf-dato.btn{cursor:pointer;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.65);transition:transform .12s}
.pf-dato.btn:active{transform:translateY(2px);box-shadow:0 1px 3px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.4)}
.pf-dato.btn.on{background:linear-gradient(180deg,rgba(255,90,130,.5),rgba(255,90,130,.16));border-color:rgba(255,150,180,.8)}
.pf-mi.btn.on{background:linear-gradient(180deg,rgba(60,200,120,.5),rgba(60,200,120,.14));border-color:rgba(120,230,160,.8)}
.pf-nota{top:auto;bottom:4px;left:calc(100% + 6px);transform:none;max-width:56vw}
@media (max-width:800px){.pf-stats{grid-template-columns:repeat(3,1fr)!important}.pf-dato small{font-size:11px}}
.sh-todas{white-space:nowrap!important;padding:8px 11px!important;font-size:.74rem!important;border-radius:999px!important;width:auto!important;height:auto!important}
@media (max-width:800px){.sh-pc{gap:6px}.sh-b{width:88px}}
#hc-modal .al-nota{display:block;margin:8px 0 10px;color:rgba(255,255,255,.8)}
#hc-modal .al-ok{display:block;width:100%;margin-top:6px}
#hc-modal #hc-nota-q{margin-top:8px;width:100%}

/* ===== v66 ===== */
/* celular: animaciones suaves */
@media (max-width:800px){
  .btn-cargar-saldo,.btn-cargar-saldo i{animation:none!important;box-shadow:none!important}
  .hero-envivo,.hero-envivo i{animation:none!important;filter:none!important;text-shadow:none!important}
  .live-green-dot{animation:none!important;box-shadow:0 0 3px #25d366!important;opacity:.95}
  .live-counter-badge{animation:none!important;box-shadow:none!important}
  .niv-ins::after{animation-duration:6s!important}
}
/* perfil: Amigos / Seguidores como datos con brillo (no botones) */
.pf-mini{gap:12px;align-items:center;padding-top:2px}
.pf-dato.pf-mi{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;min-width:0!important;text-align:center;cursor:default!important}
.pf-dato.pf-mi b{font-size:17px;background:linear-gradient(100deg,#fff 30%,#ffe9a6 45%,#fff 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pfBrillo 4.5s ease-in-out infinite}
.pf-dato.pf-mi small{font-size:10.5px;color:rgba(255,255,255,.8)}
@keyframes pfBrillo{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.pf-sec.pf-seg{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.08));box-shadow:0 4px 10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.6)}
.pf-sec.pf-seg.on{background:linear-gradient(180deg,rgba(60,200,120,.55),rgba(60,200,120,.18));border-color:rgba(120,230,160,.8)}
.pf-acc{display:flex;flex-wrap:wrap;gap:8px}
.pf-acc .al-ok,.pf-acc .pf-sec{flex:1 1 auto;white-space:nowrap}
.pf-notaf{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap}
.pf-notaf input{flex:1 1 180px}
/* chat privado bloqueado */
.dm-bloq{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 8px 8px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(255,80,80,.25),rgba(160,20,40,.2));border:1px solid rgba(255,120,120,.5);color:#fff;font-size:.82rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dm-bloq[hidden]{display:none}
.dm-desb{border:none;border-radius:999px;padding:7px 12px;font-weight:800;cursor:pointer;background:#fff;color:#a01530}

/* ===== v67 ===== */
.z-offline{position:fixed;top:0;left:0;right:0;z-index:5000;text-align:center;padding:8px 12px;font:700 .82rem Poppins,sans-serif;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.4)}
.z-offline[hidden]{display:none}
.z-offline.mal{background:linear-gradient(90deg,#b4232f,#e0453a)}.z-offline.ok{background:linear-gradient(90deg,#1f9d55,#38c172)}
.ay-it{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);border-radius:14px;margin-bottom:8px;overflow:hidden}
.ay-it summary{padding:11px 14px;font-weight:700;cursor:pointer;list-style:none}
.ay-it summary::-webkit-details-marker{display:none}
.ay-it[open] summary{background:rgba(255,255,255,.12)}
.ay-it p{margin:0;padding:10px 14px 14px;font-size:.88rem;line-height:1.45;color:rgba(255,255,255,.9)}
#ay-modal .al-ok{display:block;width:100%;margin-top:10px}
.bq-fila{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;margin-bottom:8px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25)}
/* modo ahorro: sin animaciones ni desenfoques pesados */
body.ahorro *,body.ahorro *::before,body.ahorro *::after{animation:none!important;transition-duration:.08s!important;scroll-behavior:auto!important}
body.ahorro *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important}
body.ahorro .navbar,body.ahorro .sidebar-menu,body.ahorro .cm-panel,body.ahorro .hub-panel,body.ahorro #pf-card,body.ahorro .nh-card,body.ahorro .hs-panel{background-color:rgba(14,20,44,.96)!important}
body.ahorro #sakura-fx{display:none!important}
body.ahorro .niv-ins::after{display:none}
/* botones fáciles de tocar en celular */
@media (pointer:coarse){
  .cm-top button,.hub-x,#hub-x,.cm-cerrar,.cm-back,.sa-nav,.sa-pausa,.zi-x,.nh-btn,.camp-top,.chip-compras,.chat-cerrar,.cu-salir{min-width:36px;min-height:36px}
  .sa-nav{min-width:40px;min-height:40px}
  .chat-cerrar{padding:12px!important}
}
:focus-visible{outline:2px solid #8ecbff;outline-offset:2px}

/* ===== v68 ===== */
/* bloquear el scroll de la página de atrás cuando hay algo abierto */
body.hs-abierto,body.pf-abierto,body:has(.nh-modal:not([hidden])),body:has(#hc-modal:not([hidden])){overflow:hidden!important}
html:has(body.hs-abierto),html:has(body.pf-abierto){overflow:hidden!important}
.hs-panel,.hs-visor,.nh-modal,.nh-card,.al-cuerpo,.hsp-grid{overscroll-behavior:contain}
.hs-visor{touch-action:none}
/* panel de historias: encabezado ordenado en celular */
@media (max-width:800px){
  .hsp-cab{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
  .hsp-cab>b{order:1;font-size:1rem;flex:1 1 auto}
  .hsp-cab>#hsp-x{order:2;margin-left:auto}
  .hsp-cab>.hs-sp{display:none}
  .hsp-cab>#hsp-act,.hsp-cab>#hsp-rec{order:3;flex:1 1 0;white-space:nowrap;font-size:.76rem;padding:7px 6px;text-align:center}
}
/* título del perfil: bien visible */
.pf-sub b.pf-titulo{display:inline-block;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.2px;text-transform:capitalize;color:#fff3c4;background:linear-gradient(135deg,rgba(255,190,60,.38),rgba(255,120,40,.22));border:1px solid rgba(255,200,90,.65);box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.45)}
/* nota estilo Instagram */
.pf-nota{display:flex;flex-direction:column;align-items:flex-start;gap:1px;top:-6px!important;bottom:auto!important;left:calc(100% - 20px)!important;transform:none!important;min-width:70px;max-width:min(62vw,230px);padding:6px 12px 7px;border-radius:18px;background:rgba(255,255,255,.95);color:#20253d;white-space:normal!important;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.pf-nota small{font-size:9.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#7a809c}
.pf-nota span{font-size:13.5px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.pf-nota::before,.pf-nota::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.95)}
.pf-nota::after{width:9px;height:9px;left:6px;bottom:-9px}
.pf-nota::before{width:5px;height:5px;left:-1px;bottom:-16px}
.pf-nota{width:max-content}
.pf-sub b.pf-titulo{text-transform:none!important;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* ===== v69: logo oficial Zarela ===== */
.zlogo{display:inline-flex;align-items:center;gap:8px;line-height:1}
.zlogo-m{width:34px;height:34px;flex:0 0 auto;filter:drop-shadow(0 3px 8px rgba(255,61,110,.55));transition:transform .4s}
.zlogo:hover .zlogo-m{transform:rotate(-6deg) scale(1.06)}
.zlogo-t{font-family:'Poppins','Orbitron',sans-serif;font-weight:800;font-size:1.08rem;letter-spacing:.2em;background:linear-gradient(90deg,#fff,#ffe6c2 60%,#ffb199);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none!important}
.sidebar-logo .zlogo-m{width:44px;height:44px}
.sidebar-logo .zlogo-t{font-size:1.4rem}
@media (max-width:800px){.zlogo-m{width:28px;height:28px}.zlogo-t{font-size:.9rem;letter-spacing:.15em}.zlogo{gap:6px}}
@media (max-width:360px){.navbar .zlogo-t{display:none}}
body.ahorro .zlogo-m{filter:none}
/* Argentina | ES alineado con las pastillas de saldo */
.header-right-group{align-items:flex-start!important}
.header-right-group .region{align-self:flex-start;display:inline-flex;align-items:center;box-sizing:border-box;height:var(--pill-h,34px)}
.header-right-group .region{--pill-h:42px;margin-top:0!important}
@media (max-width:800px){.header-right-group .region{--pill-h:19px;padding:0 8px!important;font-size:11px!important;line-height:1!important}}
.mus-ped{display:flex;gap:6px;margin-top:2px}
.mus-ped input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:6px 11px;font-size:.74rem;font-family:inherit}
.mus-ped input::placeholder{color:rgba(255,255,255,.6)}
.mus-ped button{border:none;border-radius:50%;width:30px;height:30px;flex:0 0 auto;cursor:pointer;color:#fff;background:linear-gradient(135deg,#19e68c,#18b6e6);font-size:.8rem}

/* ===== v71 ===== */
/* modo ahorro: fondos sólidos oscuros (sin desenfoque no puede quedar transparente) */
body.ahorro .carousel-slide.slide-top,body.ahorro .carousel-slide.slide-ayuda,body.ahorro .carousel-slide.slide-hist{background:linear-gradient(160deg,#16204a,#0c1230)!important}
body.ahorro #dm-panel,body.ahorro #cm-panel,body.ahorro #hub-panel,body.ahorro .mus-panel,body.ahorro #pf-modal #pf-card,body.ahorro .hsp-it,body.ahorro .sh-b,body.ahorro .ay-it,body.ahorro .bq-fila,body.ahorro .adm-flota,body.ahorro #adm-flota{background:#101838!important}
body.ahorro .hs-panel,body.ahorro #hs-panel{background:#0b1028!important}
body.ahorro .carousel-slide.slide-hist .sh-in,body.ahorro .carousel-slide *{text-shadow:none!important}
/* centro de ayuda y bloqueados: scroll interno */
#ay-modal .nh-card,#bq-modal .nh-card{display:flex;flex-direction:column;max-height:86vh;max-height:86dvh}
#ay-cuerpo,#bq-cuerpo{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;flex:1 1 auto;touch-action:pan-y}
/* aviso de celular lento */
#z-ahorro-ask{position:fixed;left:12px;right:12px;bottom:84px;z-index:4500;max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:18px;color:#fff;background:linear-gradient(160deg,rgba(40,56,120,.97),rgba(14,20,52,.98));border:1px solid rgba(255,255,255,.4);box-shadow:0 12px 34px rgba(0,0,0,.55)}
.zaa-t b{display:block;font-size:.92rem;margin-bottom:3px}.zaa-t small{font-size:.78rem;opacity:.9;line-height:1.35}
.zaa-b{display:flex;gap:8px}.zaa-b button{flex:1;border:none;border-radius:12px;padding:9px;font-weight:800;cursor:pointer;font-family:inherit}
.zaa-si{background:linear-gradient(135deg,#19e68c,#18b6e6);color:#06231a}.zaa-no{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.3)!important}

/* v72 · paquetes en CRISTAL (como la maleta de Ualá): vidrio claro con bordes iridiscentes (Mercado Pago) y vidrio azul cielo (Binance). 3 por fila solo en PC */
#grid-mp .diamond-box,#grid-binance .diamond-box{isolation:isolate;border:0!important;border-top:0!important}
#grid-mp .diamond-box::after,#grid-binance .diamond-box::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.6px;pointer-events:none;z-index:2;
  background:conic-gradient(from 210deg,#ff9fd8,#9fe3ff,#c9b0ff,#ffffff,#8ff0ff,#ffb8e8,#b7a6ff,#ff9fd8);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
#grid-mp .diamond-box::before,#grid-binance .diamond-box::before{content:"";position:absolute;inset:0;left:0;right:0;top:0;height:auto;z-index:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(118deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.12) 30%,transparent 46%,transparent 66%,rgba(255,255,255,.3) 100%),radial-gradient(70% 38% at 50% 0,rgba(255,255,255,.55),transparent 70%)}
#grid-mp .diamond-box>*,#grid-binance .diamond-box>*{position:relative;z-index:1}
/* Mercado Pago: cristal claro */
#grid-mp .diamond-box{background:linear-gradient(150deg,rgba(255,255,255,.78),rgba(222,214,255,.5) 48%,rgba(205,236,255,.62)),#8f9bd8;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 14px 26px rgba(4,8,34,.55),0 2px 0 rgba(255,255,255,.7) inset,0 -14px 22px rgba(160,140,255,.3) inset,0 0 22px rgba(170,200,255,.22)}
#grid-mp .diamond-box h4{color:#16204f;text-shadow:0 1px 0 rgba(255,255,255,.7)}
#grid-mp .diamond-box .icon{filter:drop-shadow(0 3px 5px rgba(70,90,200,.45)) drop-shadow(0 0 10px rgba(255,255,255,.9))}
#grid-mp .diamond-box .price{color:#1a2a8a;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);text-shadow:none;box-shadow:0 1px 4px rgba(60,80,200,.2)}
#grid-mp .btn-buy{color:#fff!important;background:linear-gradient(180deg,#7f98ff,#2c40e0)!important;box-shadow:0 5px 0 #1a2a9e,0 10px 16px rgba(10,20,90,.4),0 1px 0 rgba(255,255,255,.55) inset!important}
#grid-mp .btn-buy:active{box-shadow:0 1px 0 #1a2a9e,0 3px 6px rgba(10,20,90,.35),0 1px 0 rgba(255,255,255,.55) inset!important}
/* Binance: cristal azul cielo y celeste (sin dorado) */
#grid-binance .diamond-box,#grid-binance .reseller-box{background:linear-gradient(150deg,rgba(130,152,255,.95),rgba(44,64,226,.92) 52%,rgba(110,184,245,.92)),#2c40e0;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 14px 26px rgba(4,8,50,.6),0 2px 0 rgba(255,255,255,.5) inset,0 -14px 22px rgba(120,200,255,.28) inset,0 0 24px rgba(90,140,255,.35)}
#grid-binance .reseller-box:hover{border:0}
#grid-binance .diamond-box h4{color:#fff;text-shadow:0 1px 6px rgba(10,20,110,.5)}
#grid-binance .diamond-box .icon{filter:drop-shadow(0 3px 6px rgba(10,20,120,.5)) drop-shadow(0 0 12px rgba(190,225,255,.9))}
#grid-binance .diamond-box .price,#grid-binance .diamond-box .usdt-price{color:#fff!important;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.55);text-shadow:0 1px 4px rgba(10,20,110,.5);box-shadow:0 1px 6px rgba(10,20,110,.25) inset}
#grid-binance .btn-buy,#grid-binance .btn-usdt{color:#1a2a8a!important;background:linear-gradient(180deg,#ffffff,#cfe3ff)!important;box-shadow:0 5px 0 #1a2a9e,0 10px 16px rgba(5,10,70,.45),0 1px 0 #fff inset!important}
#grid-binance .btn-buy:hover,#grid-binance .btn-usdt:hover{background:linear-gradient(180deg,#ffffff,#d9e9ff)!important;box-shadow:0 5px 0 #1a2a9e,0 10px 16px rgba(5,10,70,.45),0 1px 0 #fff inset!important}
#grid-binance .btn-buy:active,#grid-binance .btn-usdt:active{box-shadow:0 1px 0 #1a2a9e,0 3px 6px rgba(5,10,70,.4),0 1px 0 #fff inset!important}
/* Modo ahorro: sin desenfoque, fondo sólido */
body.ahorro #grid-mp .diamond-box{background:linear-gradient(150deg,#e9e6ff,#cfd0f4)!important}
body.ahorro #grid-binance .diamond-box{background:linear-gradient(150deg,#6c86ff,#2c40e0)!important}

/* v72: panel de administrador — borde izquierdo para agarrarlo */
.adm-izq{display:none}
@media (min-width:801px){body.modo-admin .adm-izq{display:block;position:absolute;left:0;top:0;bottom:0;width:14px;cursor:grab;z-index:6;touch-action:none;border-radius:14px 0 0 14px;background:linear-gradient(90deg,rgba(125,211,252,.35),transparent)}body.modo-admin .adm-izq:hover{background:linear-gradient(90deg,rgba(125,211,252,.6),transparent)}body.modo-admin .adm-izq:active{cursor:grabbing}}

/* v74 · regalo por cargar saldo */
.pay-chip.tiene-bono{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.15}
.pay-chip .bono-t{font-size:.66rem;font-weight:800;color:#19e68c;background:rgba(25,230,140,.14);border:1px solid rgba(25,230,140,.5);border-radius:999px;padding:1px 6px;white-space:nowrap}
.pay-chip.sel .bono-t{color:#fff;background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.6)}
.bono-ban{display:flex;flex-direction:column;align-items:center;gap:1px;margin:2px 0 8px;padding:8px 10px;border-radius:12px;text-align:center;background:linear-gradient(135deg,rgba(25,230,140,.18),rgba(24,182,230,.14));border:1px solid rgba(25,230,140,.55)}
.bono-ban[hidden],.bono-res[hidden]{display:none}
.bono-ban b{font-size:.92rem;color:#7dffc4}.bono-ban span{font-size:.74rem;opacity:.85}
.bono-res{margin:-2px 0 8px;padding:7px 10px;border-radius:10px;font-size:.82rem;text-align:center;background:rgba(25,230,140,.12);border:1px dashed rgba(25,230,140,.6);color:#e9fff5}
.bono-res .bono-tot{color:#7dffc4;font-size:1rem}.bono-res span{color:#7dffc4;font-weight:700}

/* v75 · Binance: azul más vivo (menos blanco encima) */
#grid-binance .diamond-box,#grid-binance .reseller-box{
  background:linear-gradient(150deg,rgba(86,128,255,.98),rgba(24,52,255,.97) 48%,rgba(30,150,255,.96)),#1f3dff;
  box-shadow:0 14px 26px rgba(2,6,60,.65),0 2px 0 rgba(255,255,255,.4) inset,0 -16px 24px rgba(40,170,255,.35) inset,0 0 26px rgba(40,90,255,.5)}
#grid-binance .diamond-box::before{background:linear-gradient(118deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.04) 30%,transparent 46%,transparent 70%,rgba(255,255,255,.14) 100%),radial-gradient(70% 34% at 50% 0,rgba(255,255,255,.28),transparent 70%)}
body.ahorro #grid-binance .diamond-box{background:linear-gradient(150deg,#4f78ff,#1f3dff 55%,#1e8fff)!important}

/* v76 · sin cartel "Paquetes ... (ARS)": las flechitas del medio indican cuál está activo */
#grid-mp .expanded-box-header,#grid-binance .expanded-box-header{display:none}
.bonoxs-method-selector{position:relative}
.mf-flechas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(9,13,34,.88);border:1px solid rgba(255,255,255,.28);box-shadow:0 4px 14px rgba(0,0,0,.5)}
.mf-flechas button{width:26px;height:26px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:transparent;color:rgba(255,255,255,.4);font-size:12px;transition:all .2s}
.mf-flechas button.on{background:linear-gradient(180deg,#fff,#cfe3ff);color:#16204f;box-shadow:0 0 12px rgba(127,214,255,.8);animation:mfLate 1.6s ease-in-out infinite}
.mf-flechas .mf-l.on{animation-name:mfIzq}.mf-flechas .mf-r.on{animation-name:mfDer}
@keyframes mfIzq{50%{transform:translateX(-2px)}}@keyframes mfDer{50%{transform:translateX(2px)}}@keyframes mfLate{50%{transform:scale(1.06)}}
@media(max-width:600px){.mf-flechas button{width:22px;height:22px;font-size:10px}.mf-flechas{padding:2px}}
/* v76 · MERCADO PAGO: vidrio transparente de verdad (como la maleta): se ve el fondo a través, bordes con reflejos de color */
#grid-mp .diamond-box{background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(255,255,255,.08) 36%,rgba(255,255,255,.04) 62%,rgba(255,255,255,.22))!important;
  -webkit-backdrop-filter:blur(7px) saturate(1.6);backdrop-filter:blur(7px) saturate(1.6);
  box-shadow:0 12px 24px rgba(0,0,0,.45),0 1.5px 0 rgba(255,255,255,.6) inset,0 -1px 0 rgba(255,255,255,.2) inset,2px 0 0 rgba(255,120,200,.28) inset,-2px 0 0 rgba(90,220,255,.3) inset,0 0 22px rgba(150,180,255,.2)!important}
#grid-mp .diamond-box::before{background:linear-gradient(112deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.12) 20%,transparent 38%),linear-gradient(300deg,rgba(255,255,255,.2),transparent 26%),radial-gradient(60% 30% at 50% 0,rgba(255,255,255,.35),transparent 70%)}
#grid-mp .diamond-box h4{color:#fff;text-shadow:0 1px 6px rgba(0,0,30,.7)}
#grid-mp .diamond-box .icon{filter:drop-shadow(0 3px 6px rgba(0,10,80,.55)) drop-shadow(0 0 12px rgba(160,220,255,.9))}
#grid-mp .diamond-box .price{color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.55);text-shadow:0 1px 4px rgba(0,0,40,.6);box-shadow:0 1px 0 rgba(255,255,255,.35) inset}
#grid-mp .btn-buy{background:linear-gradient(180deg,rgba(140,168,255,.96),rgba(36,64,230,.96))!important}
/* Modo ahorro: sin transparencia, color liso claro */
body.ahorro #grid-mp .diamond-box{background:linear-gradient(150deg,#e9e6ff,#cfd0f4)!important;box-shadow:0 6px 0 #8a92c8,0 10px 14px rgba(0,0,0,.35)!important}
body.ahorro #grid-mp .diamond-box h4{color:#16204f;text-shadow:none}
body.ahorro #grid-mp .diamond-box .price{color:#1a2a8a;background:#fff;border-color:#fff;text-shadow:none}
body.ahorro .mf-flechas button.on{animation:none}
/* v76 · ventanas de cargar saldo, más compactas e intuitivas */
.pay-box{padding:16px 16px 14px!important;max-width:420px!important}
.pay-cab{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 10px}
.pay-cab i{font-size:24px}.pay-cab .pay-titulo{margin:0!important;font-size:.95rem!important}
.pay-steps{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:6px;margin:0 0 10px}
.pay-steps .ps{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 4px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#cfd8f5;font-size:11px;font-weight:700;line-height:1.15;text-align:center;font-family:inherit}
.pay-steps .ps b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#2563eb;color:#fff;font-size:11px}
.pay-steps .ps-chat{cursor:pointer;border-color:#22c55e;background:rgba(34,197,94,.14);color:#86efac}.pay-steps .ps-chat b{background:#22c55e;color:#04210f}.pay-steps .ps-chat i{font-size:9px}
.pay-dato{display:grid!important;grid-template-columns:1fr auto;grid-template-areas:"l b" "v b";column-gap:10px;row-gap:2px;align-items:center;text-align:left!important;padding:10px 12px!important}
.pay-dato small{grid-area:l;text-align:left}.pay-dato strong{grid-area:v;font-size:1.1rem!important;text-align:left}
.pay-dato .pay-copiar{grid-area:b;margin:0;align-self:center;padding:9px 14px;white-space:nowrap}
.pay-dato .pay-ayuda{position:static;grid-area:l;justify-self:end;width:20px;height:20px;font-size:11px}
.pay-dato .pay-cvu{font-size:.92rem!important}
.pay-dato-2{margin-top:6px!important}
.pay-nota{margin:6px 0 8px!important;font-size:11.5px!important}

/* v79 · regalo: verde en Mercado Pago (base) y dorado en Binance */
#modal-binance .bono-ban{background:linear-gradient(135deg,rgba(243,186,47,.2),rgba(240,165,0,.12));border-color:rgba(243,186,47,.65)}
#modal-binance .bono-ban b{color:#ffe08a}#modal-binance .bono-ban span{color:#ffeebf}
#modal-binance .pay-chip .bono-t{color:#ffe08a;background:rgba(243,186,47,.16);border-color:rgba(243,186,47,.6)}
#modal-binance .bono-res{background:rgba(243,186,47,.12);border-color:rgba(243,186,47,.65);color:#fff8e0}
#modal-binance .bono-res .bono-tot,#modal-binance .bono-res span{color:#ffe08a}

/* v80 · PC: columna principal más ancha pegada a la izquierda (chat a la derecha); 3 paquetes por fila cuando entran */
@media (min-width:801px){
  body:not(.modo-admin) .container{max-width:min(1080px,calc(100vw - 32px));margin-left:max(16px,calc((100vw - 1080px)/2 - 60px));margin-right:auto}
  body:not(.modo-admin) .main-layout-grid{grid-template-columns:1fr 310px;gap:20px}
}
@media (min-width:1100px){
  #grid-mp .grid-diamonds,#grid-binance .grid-diamonds{grid-template-columns:repeat(3,1fr);gap:14px}
}

/* v81 · Mercado Pago = azul vivo (el que tenía Binance) · Binance = neón verde */
body #grid-mp .diamond-box{background:linear-gradient(150deg,rgba(86,128,255,.98),rgba(24,52,255,.97) 48%,rgba(30,150,255,.96)),#1f3dff!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:0 14px 26px rgba(2,6,60,.65),0 2px 0 rgba(255,255,255,.4) inset,0 -16px 24px rgba(40,170,255,.35) inset,0 0 26px rgba(40,90,255,.5)!important}
body #grid-mp .diamond-box::before{background:linear-gradient(118deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.04) 30%,transparent 46%,transparent 70%,rgba(255,255,255,.14) 100%),radial-gradient(70% 34% at 50% 0,rgba(255,255,255,.28),transparent 70%)!important}
body #grid-mp .diamond-box h4{color:#fff!important;text-shadow:0 1px 6px rgba(10,20,110,.5)!important}
body #grid-mp .diamond-box .icon{filter:drop-shadow(0 3px 6px rgba(10,20,120,.5)) drop-shadow(0 0 12px rgba(190,225,255,.9))!important}
body #grid-mp .diamond-box .price{color:#fff!important;background:rgba(255,255,255,.2)!important;border:1px solid rgba(255,255,255,.55)!important;text-shadow:0 1px 4px rgba(10,20,110,.5)!important;box-shadow:0 1px 6px rgba(10,20,110,.25) inset!important}
body #grid-mp .btn-buy{color:#1a2a8a!important;background:linear-gradient(180deg,#ffffff,#cfe3ff)!important;box-shadow:0 5px 0 #1a2a9e,0 10px 16px rgba(5,10,70,.45),0 1px 0 #fff inset!important}
body #grid-mp .btn-buy:active{box-shadow:0 1px 0 #1a2a9e,0 3px 6px rgba(5,10,70,.4),0 1px 0 #fff inset!important}
body.ahorro #grid-mp .diamond-box{background:linear-gradient(150deg,#4f78ff,#1f3dff 55%,#1e8fff)!important;box-shadow:0 6px 0 #1a2a9e,0 10px 14px rgba(0,0,0,.35)!important}
body.ahorro #grid-mp .diamond-box h4{color:#fff!important;text-shadow:none!important}
body.ahorro #grid-mp .diamond-box .price{color:#fff!important;background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.55)!important}
/* Binance: neón verde (diseño 10) */
body #grid-binance .diamond-box,body #grid-binance .reseller-box{background:linear-gradient(145deg,rgba(60,255,150,.12),rgba(20,60,40,.42) 50%,rgba(60,255,150,.12)),#08170f!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:0 0 18px rgba(40,255,140,.55),inset 0 0 16px rgba(40,255,140,.26),0 10px 20px rgba(0,0,0,.4)!important}
body #grid-binance .diamond-box::before{background:linear-gradient(105deg,rgba(255,255,255,.3),transparent 28%)!important}
body #grid-binance .diamond-box::after{padding:2px!important;background:linear-gradient(135deg,#e0ffe9,#2bff8a,#eafff2,#19e68c)!important}
body #grid-binance .diamond-box h4{color:#fff!important;text-shadow:0 1px 6px rgba(0,30,10,.7)!important}
body #grid-binance .diamond-box .icon{filter:drop-shadow(0 3px 6px rgba(0,40,20,.6)) drop-shadow(0 0 12px rgba(150,255,200,.85))!important}
body #grid-binance .diamond-box .price,body #grid-binance .diamond-box .usdt-price{color:#eafff3!important;background:rgba(40,255,140,.14)!important;border:1px solid rgba(120,255,190,.6)!important;text-shadow:0 1px 4px rgba(0,30,10,.6)!important;box-shadow:none!important}
body #grid-binance .btn-buy,body #grid-binance .btn-usdt{color:#032612!important;background:linear-gradient(180deg,#b8ffd8,#2be58a)!important;box-shadow:0 5px 0 #0c8a4a,0 10px 16px rgba(0,30,15,.5),0 1px 0 #fff inset!important}
body #grid-binance .btn-buy:hover,body #grid-binance .btn-usdt:hover{background:linear-gradient(180deg,#c9ffe3,#3df09a)!important}
body #grid-binance .btn-buy:active,body #grid-binance .btn-usdt:active{box-shadow:0 1px 0 #0c8a4a,0 3px 6px rgba(0,30,15,.45),0 1px 0 #fff inset!important}
body.ahorro #grid-binance .diamond-box{background:linear-gradient(150deg,#0f3a24,#0a2417)!important;box-shadow:0 6px 0 #0c8a4a,0 10px 14px rgba(0,0,0,.35)!important}
/* IDs recientes en una sola línea */
#zi-lista{display:block}
.zi-fila{display:flex;flex-wrap:nowrap;gap:6px;align-items:center;overflow:hidden}
.zi-fila .zi-chip{flex:0 1 auto;min-width:0;max-width:34%}
.zi-fila .zi-chip>button:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.zi-fila .zi-mas{flex:0 0 auto;white-space:nowrap}
#zi-lista .zi-panel{margin-top:6px}
/* con una ventana de cargar saldo abierta no se puede scrollear la página de atrás */
body.saldo-lock{overflow:hidden!important}
.pay-modal{overscroll-behavior:contain}
html:has(body.saldo-lock){overflow:hidden!important}
.cg-modal{overscroll-behavior:contain}

/* v87: aviso claro sobre el PIN en cada orden */
.ord-aviso.ord-pin-libre{color:#c9ffd9;background:rgba(40,200,110,.13);border-color:rgba(40,200,110,.5)}
.ord-aviso.ord-pin-dudoso{color:#ffd0d0;background:rgba(255,70,70,.13);border-color:rgba(255,70,70,.55)}

/* v88: centro de ayuda y bloqueados: las filas ya no se aplastan (el texto de cada pregunta se ve completo) */
#ay-cuerpo,#bq-cuerpo{grid-auto-rows:max-content;align-content:start}
#ay-cuerpo .ay-it{flex:none;min-height:min-content}

/* v89: paquetes Binance del mismo alto que los de Mercado Pago (la línea en pesos ya no los agranda) */
#grid-binance-cajas .diamond-box{padding-top:8px!important;padding-bottom:9px!important;gap:2px!important}
#grid-binance-cajas .diamond-box .precio-ars{margin:-1px 0 3px!important;line-height:1.05;font-size:.74rem}
/* v89: «Bloqueado» bien visible en los precios Binance */
.grid-diamonds.bloqueada .btn-buy{background:#0b0e1c!important;border:1px solid #f3ba2f!important}
.grid-diamonds.bloqueada .btn-buy::after{content:"🔒 Bloqueado";font-size:13px;font-weight:900;color:#ffd23f!important}
/* v89: chat mundial/amigos: avatar visible y nombre pegado a la izquierda; «Oficial» al final de la misma fila */
.cm-cab .cm-av{padding:0!important;width:22px;height:22px;min-width:22px;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;color:#fff;font-size:.7rem;margin-right:2px}
.cm-cab{flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center;gap:6px;min-width:0}
.cm-cab>.nvb,.cm-cab>b{min-width:0;max-width:100%}
.cm-cab .cm-sello{margin-left:auto!important;white-space:nowrap;flex:none}

/* v89: Cupones y premios: se puede scrollear en PC y celular, y nada se corta a la derecha */
#pr-modal .nh-card{display:flex;flex-direction:column;max-height:86vh;max-height:86dvh;width:min(420px,calc(100vw - 24px));box-sizing:border-box}
#pr-cuerpo{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;flex:1 1 auto;touch-action:pan-y;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start}
#pr-cuerpo .pr-sec{min-width:0;box-sizing:border-box;margin-bottom:0}
#pr-cuerpo .pr-cod{min-width:0}#pr-cuerpo .pr-cod b{font-size:1.15rem;letter-spacing:1.5px;overflow-wrap:anywhere}
#pr-cuerpo .pr-intro{margin:0;color:#dff3ff;font-weight:700}
#pr-cuerpo .al-ok{width:100%;box-sizing:border-box;white-space:normal}
#pr-cuerpo .pr-fila .al-ok{width:auto;white-space:nowrap}

/* v89: aviso legal (servicio independiente, no afiliado a Garena) */
footer .aviso-legal{max-width:640px;margin:8px auto 0;font-size:11.5px;line-height:1.45;opacity:.78;padding:0 14px}

/* v92 · guía de primera visita: el recuadro resaltado se lee bien */
.lg-resalta{padding:16px 18px !important;background:#0f1633 !important;color:#e6efff !important;line-height:1.4}
.lg-resalta *{color:inherit}
.lg-resalta .btn-google-login,.lg-resalta .btn-google-login *{color:#222 !important}
.lg-resalta .btn-google-login{margin-top:10px}
.lg-flecha{display:none !important}