/* =========================================================
   DRAGON GV · GLOBAL ASSISTANT · FASE 2A PASO 2
   ========================================================= */
.ss-dragon-assistant{
  position:fixed;
  right:76px;
  bottom:130px;
  z-index:82;
  display:flex;
  align-items:flex-end;
  gap:14px;
  transform:translate3d(0,0,0);
  will-change:transform;
}

.ss-dragon-assistant.is-open,
.ss-dragon-assistant.is-menu-open{
  z-index:92;
}

.ss-dragon-button{
  position:relative;
  width:106px;
  height:106px;
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  animation:ssDragonFloat 3.2s ease-in-out infinite;
}

.ss-dragon-button::before{
  content:"";
  position:absolute;
  inset:23px;
  z-index:1;
  border-radius:50%;
  background:conic-gradient(from 0deg, rgba(245,170,58,.34), rgba(80,196,255,.30), rgba(166,103,255,.22), rgba(245,170,58,.34));
  filter:blur(13px);
  opacity:.48;
  animation:ssDragonSpin 7s linear infinite;
}

.ss-dragon-gif{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 8px 11px rgba(0,0,0,.42)) drop-shadow(0 0 9px rgba(237,152,40,.18)) drop-shadow(0 0 8px rgba(74,189,255,.15));
}

.ss-dragon-orbit{
  position:absolute;
  inset:20px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(243,174,61,.14) 0%, rgba(61,190,255,.12) 36%, rgba(160,98,255,.09) 58%, rgba(0,0,0,0) 78%);
  filter:blur(2px);
  animation:ssDragonPulse 2.4s ease-in-out infinite;
}

.ss-dragon-panel,
.ss-dragon-label{
  display:none !important;
}

.ss-dragon-actions{
  position:absolute;
  left:50%;
  top:50%;
  width:0;
  height:0;
  z-index:6;
  pointer-events:none;
}

.ss-dragon-actions::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:238px;
  height:238px;
  transform:translate(-50%,-50%) scale(.42);
  border-radius:50%;
  background:radial-gradient(circle, rgba(90,205,255,.18) 0%, rgba(241,170,50,.13) 36%, rgba(95,84,255,.09) 58%, rgba(0,0,0,0) 72%);
  filter:blur(2px);
  opacity:0;
  transition:opacity .28s ease, transform .38s ease;
}

.ss-dragon-assistant.is-menu-open .ss-dragon-actions::before{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}

.ss-dragon-action{
  --tx:0px;
  --ty:0px;
  --glow-rgb: 97, 207, 255;
  position:absolute;
  left:0;
  top:0;
  width:60px;
  height:60px;
  padding:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(16,19,26,.98), rgba(7,9,13,.98));
  box-shadow:0 14px 28px rgba(0,0,0,.28);
  opacity:0;
  pointer-events:none;
  cursor:pointer;
  transform:translate(-50%,-50%) translate(0,0) scale(.35) rotate(-10deg);
  transition:
    transform .44s cubic-bezier(.2,.82,.2,1),
    opacity .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    background .24s ease;
  transition-delay:0s;
}

.ss-dragon-action::before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:22px;
  border:1px solid rgba(var(--glow-rgb), .44);
  box-shadow:0 0 0 0 rgba(var(--glow-rgb),0), 0 0 0 0 rgba(var(--glow-rgb),0);
  opacity:0;
  transform:scale(.88);
  transition:opacity .24s ease, transform .3s ease, box-shadow .3s ease;
}

.ss-dragon-action::after{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  pointer-events:none;
}

.ss-dragon-assistant.is-menu-open .ss-dragon-action{
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,-50%) translate(var(--tx), var(--ty)) scale(1) rotate(0deg);
  transition-delay:calc(var(--i, 0) * 42ms);
}

.ss-dragon-assistant.is-menu-open .ss-dragon-action::before{
  opacity:1;
  transform:scale(1);
  box-shadow:0 0 0 1px rgba(var(--glow-rgb), .32), 0 0 22px rgba(var(--glow-rgb), .45), 0 0 36px rgba(var(--glow-rgb), .18);
}

.ss-dragon-action:hover,
.ss-dragon-action:focus-visible{
  border-color:rgba(var(--glow-rgb), .55);
  box-shadow:0 14px 32px rgba(0,0,0,.34), 0 0 18px rgba(var(--glow-rgb), .24);
  transform:translate(-50%,-50%) translate(var(--tx), var(--ty)) scale(1.08) rotate(0deg) !important;
  outline:none;
}

.ss-dragon-action img{
  position:relative;
  z-index:1;
  width:34px;
  height:34px;
  object-fit:contain;
  display:block;
  margin:auto;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.18));
}

.ss-dragon-action.is-crown img{
  width:38px;
  height:38px;
}

.ss-dragon-action.is-support img{
  width:36px;
  height:36px;
}

/* TikTok + Soporte: borde blanco aplicado a la silueta del icono, no al botón */
.ss-dragon-action.is-tiktok img,
.ss-dragon-action.is-support img{
  filter:
    drop-shadow(1px 0 0 #fff)
    drop-shadow(-1px 0 0 #fff)
    drop-shadow(0 1px 0 #fff)
    drop-shadow(0 -1px 0 #fff)
    drop-shadow(1px 1px 0 #fff)
    drop-shadow(-1px 1px 0 #fff)
    drop-shadow(1px -1px 0 #fff)
    drop-shadow(-1px -1px 0 #fff)
    drop-shadow(0 5px 8px rgba(0,0,0,.18));
}

.ss-dragon-action-label{
  position:absolute;
  right:calc(100% + 10px);
  top:50%;
  transform:translateY(-50%) translateX(8px);
  padding:5px 10px;
  border-radius:999px;
  white-space:nowrap;
  color:#eef3ff;
  background:rgba(6,8,13,.92);
  border:1px solid rgba(var(--glow-rgb), .3);
  box-shadow:0 10px 22px rgba(0,0,0,.28);
  font-size:11px;
  font-weight:900;
  letter-spacing:.4px;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}

.ss-dragon-action:hover .ss-dragon-action-label,
.ss-dragon-action:focus-visible .ss-dragon-action-label{
  opacity:1;
  transform:translateY(-50%) translateX(0);
}

.ss-dragon-action.is-whatsapp{ --glow-rgb: 78, 217, 109; }
.ss-dragon-action.is-instagram{ --glow-rgb: 255, 76, 139; }
.ss-dragon-action.is-tiktok{ --glow-rgb: 70, 220, 255; }
.ss-dragon-action.is-support{ --glow-rgb: 103, 206, 255; }
.ss-dragon-action.is-crown{ --glow-rgb: 246, 188, 76; }

@keyframes ssDragonFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}

@keyframes ssDragonPulse{
  0%,100%{transform:scale(.94);opacity:.62}
  50%{transform:scale(1.08);opacity:1}
}

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

@media (max-width: 1280px){
  .ss-dragon-assistant{
    right:64px;
    bottom:116px;
  }
}

@media (max-width: 720px){
  .ss-dragon-assistant{
    right:28px;
    bottom:96px;
    align-items:flex-end;
  }

  .ss-dragon-button{
    width:88px;
    height:88px;
  }

  .ss-dragon-actions::before{
    width:196px;
    height:196px;
  }

  .ss-dragon-action{
    width:52px;
    height:52px;
    border-radius:16px;
  }

  .ss-dragon-action::before{
    inset:-4px;
    border-radius:18px;
  }

  .ss-dragon-action img{
    width:28px;
    height:28px;
  }

  .ss-dragon-action.is-crown img,
  .ss-dragon-action.is-support img{
    width:31px;
    height:31px;
  }

  .ss-dragon-action-label{
    display:none;
  }
}

@media (prefers-reduced-motion: reduce){
  .ss-dragon-assistant,
  .ss-dragon-button,
  .ss-dragon-button::before,
  .ss-dragon-orbit{
    animation:none!important;
    transition:none!important;
  }

  .ss-dragon-action,
  .ss-dragon-action::before,
  .ss-dragon-actions::before{
    transition:none!important;
  }
}

/* Dragon GV · Soporte rápido con validación de compra */
body.ss-support-open{overflow:hidden;}
.ss-support-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:18px;
}
.ss-support-modal[hidden]{display:none!important;}
.ss-support-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,5,10,.76);
  backdrop-filter:blur(8px);
}
.ss-support-card{
  position:relative;
  width:min(430px,calc(100vw - 28px));
  padding:28px 24px 24px;
  border-radius:24px;
  border:1px solid rgba(93,207,255,.32);
  background:
    radial-gradient(circle at 50% -20%,rgba(54,189,255,.19),transparent 43%),
    linear-gradient(180deg,rgba(13,18,27,.99),rgba(6,9,15,.99));
  box-shadow:0 28px 80px rgba(0,0,0,.56),0 0 38px rgba(64,194,255,.13);
  color:#f7faff;
  text-align:center;
  overflow:hidden;
}
.ss-support-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 45px rgba(83,197,255,.06);
}
.ss-support-close{
  position:absolute;
  top:12px;
  right:14px;
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  color:#d9e9f5;
  font-size:24px;
  cursor:pointer;
}
.ss-support-icon{
  width:70px;
  height:70px;
  margin:0 auto 12px;
  border-radius:22px;
  display:grid;
  place-items:center;
  border:1px solid rgba(93,207,255,.38);
  background:rgba(7,16,25,.88);
  box-shadow:0 0 26px rgba(73,198,255,.2);
}
.ss-support-icon img{width:44px;height:44px;object-fit:contain;}
.ss-support-kicker{
  display:block;
  margin-bottom:7px;
  color:#66d7ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.8px;
}
.ss-support-card h2{margin:0;font-size:25px;line-height:1.12;}
.ss-support-copy{margin:10px auto 19px;color:#aeb9c6;font-size:13px;line-height:1.55;max-width:350px;}
.ss-support-copy strong{color:#f2c969;}
.ss-support-form{text-align:left;}
.ss-support-form label{display:block;margin:0 0 7px;color:#d8e7f2;font-size:12px;font-weight:800;}
.ss-support-form input{
  width:100%;
  box-sizing:border-box;
  height:50px;
  border:1px solid rgba(126,179,211,.26);
  border-radius:14px;
  padding:0 14px;
  background:#090f17;
  color:#fff;
  outline:none;
  font-size:15px;
  font-weight:800;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.ss-support-form input:focus{border-color:rgba(91,208,255,.74);box-shadow:0 0 0 3px rgba(64,196,255,.09);}
.ss-support-submit{
  width:100%;
  height:50px;
  margin-top:12px;
  border:1px solid rgba(82,210,255,.54);
  border-radius:14px;
  background:linear-gradient(180deg,#2cb9ec,#1875b9);
  color:white;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 13px 30px rgba(27,143,206,.2);
}
.ss-support-submit:disabled{opacity:.6;cursor:wait;}
.ss-support-message{
  display:none;
  margin-top:14px;
  padding:13px 14px;
  border-radius:14px;
  font-size:12px;
  line-height:1.5;
  text-align:left;
}
.ss-support-message.is-loading,.ss-support-message.is-error,.ss-support-message.is-success{display:block;}
.ss-support-message.is-loading{background:rgba(68,162,211,.08);border:1px solid rgba(74,185,241,.2);color:#b8dced;}
.ss-support-message.is-error{background:rgba(255,71,93,.08);border:1px solid rgba(255,89,107,.25);color:#ffb3bc;}
.ss-support-message.is-success{background:rgba(71,213,139,.08);border:1px solid rgba(71,213,139,.26);color:#c9ffe1;text-align:center;}
.ss-support-message.is-success strong,.ss-support-message.is-success span,.ss-support-message.is-success small{display:block;}
.ss-support-message.is-success strong{font-size:15px;margin-bottom:6px;color:#83efb6;}
.ss-support-message.is-success span{font-weight:800;color:#eafff2;}
.ss-support-message.is-success small{margin-top:7px;color:#93b9a5;}
@keyframes ssTopOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:720px){
  .ss-support-modal{padding:14px;align-items:center;}
  .ss-support-card{width:min(390px,calc(100vw - 20px));padding:24px 18px 20px;border-radius:21px;}
  .ss-support-icon{width:62px;height:62px;border-radius:19px;}
  .ss-support-icon img{width:39px;height:39px;}
  .ss-support-card h2{font-size:22px;}
}


/* Dragon GV · TOP 3 */
body.ss-top-open{overflow:hidden;}
.ss-top-modal{position:fixed;inset:0;z-index:100020;display:grid;place-items:center;padding:18px;color:#fff;}
.ss-top-modal[hidden]{display:none!important;}
.ss-top-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(9px);}
.ss-top-card{position:relative;width:min(620px,calc(100vw - 28px));min-height:360px;padding:20px 30px 24px;border-radius:26px;border:1px solid rgba(240,184,47,.28);background:radial-gradient(circle at 50% 0,rgba(151,95,0,.18),transparent 34%),linear-gradient(180deg,rgba(16,12,7,.985),rgba(7,8,11,.99));box-shadow:0 30px 100px rgba(0,0,0,.7),0 0 48px rgba(255,190,35,.09);overflow:hidden;}
.ss-top-card[hidden],.ss-top-profile[hidden]{display:none!important;}
.ss-top-close,.ss-top-profile-close{position:absolute;z-index:5;top:12px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#f3ddb0;font-size:24px;cursor:pointer;}
.ss-top-head{display:none;text-align:center;position:relative;z-index:2;}
.ss-top-main-badge{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,196,43,.35));}
.ss-top-head span{display:block;margin-top:4px;color:#e8b536;font-size:11px;font-weight:950;letter-spacing:2px;}
.ss-top-head h2{margin:5px 0 3px;color:#ffd34f;font-size:29px;letter-spacing:1px;text-shadow:0 0 18px rgba(255,193,40,.22);}
.ss-top-head p{margin:0;color:#a99f8d;font-size:12px;}
.ss-top-loading,.ss-top-empty{position:relative;z-index:2;margin:80px auto 30px;text-align:center;color:#baa984;font-size:13px;}
.ss-top-podium{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:10px;margin:6px auto 0;max-width:530px;}
.ss-top-person{appearance:none;border:0;background:none;color:#fff;padding:0;cursor:pointer;text-align:center;min-width:0;transition:transform .2s ease,filter .2s ease;}
.ss-top-person:hover{transform:translateY(-5px);filter:brightness(1.08);}
.ss-top-badge{height:45px;display:flex;align-items:center;justify-content:center;position:relative;}
.ss-top-badge img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,191,41,.35));}
.ss-top-badge span{font-weight:950;color:#8e816a;font-size:14px;}
.ss-top-person.pos-1 .ss-top-badge span{display:none;}
.ss-top-person-avatar{width:60px;height:60px;margin:0 auto 7px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#131317;border:2px solid #57482c;box-shadow:0 0 18px rgba(0,0,0,.35);font-size:24px;font-weight:950;}
.ss-top-person-avatar img{width:100%;height:100%;object-fit:cover;}
.ss-top-person.pos-1 .ss-top-person-avatar{width:74px;height:74px;border-color:#ffd028;box-shadow:0 0 22px rgba(255,197,29,.24);position:relative;isolation:isolate;overflow:visible;}
.ss-top-person.pos-1 .ss-top-person-avatar::before{content:"";position:absolute;inset:-6px;border-radius:50%;padding:2.5px;background:conic-gradient(from 0deg, rgba(255,208,40,0) 0deg, rgba(255,208,40,0) 235deg, rgba(255,208,40,.18) 260deg, rgba(255,208,40,.72) 300deg, rgba(255,244,187,1) 326deg, rgba(255,208,40,.68) 348deg, rgba(255,208,40,0) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));animation:ssTopOrbit 1.9s linear infinite;filter:drop-shadow(0 0 10px rgba(255,212,70,.7));pointer-events:none;z-index:2;}
.ss-top-person.pos-1 .ss-top-person-avatar::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(255,221,116,.18);pointer-events:none;z-index:1;}
.ss-top-person.pos-1 .ss-top-person-avatar img{border-radius:50%;position:relative;z-index:3;}
.ss-top-person.pos-1 .ss-top-person-avatar span{position:relative;z-index:3;}

.ss-top-person.pos-2 .ss-top-person-avatar{border-color:#a7acb5;}
.ss-top-person.pos-3 .ss-top-person-avatar{border-color:#d47a24;}
.ss-top-person>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;}
.ss-top-person>em{display:block;margin:4px 0 8px;color:#57cfee;font-size:11px;font-style:normal;font-weight:900;}
.ss-top-step{height:68px;border:1px solid #3e3423;border-bottom-color:#7c5a12;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,#241b0d,#17120c);display:flex;align-items:flex-start;justify-content:center;padding-top:10px;box-sizing:border-box;box-shadow:inset 0 0 28px rgba(255,190,37,.03);}
.ss-top-person.pos-1 .ss-top-step{height:100px;border-color:#7a5c13;background:linear-gradient(180deg,#382707,#211805);box-shadow:inset 0 0 34px rgba(255,194,30,.08),0 0 18px rgba(255,185,24,.06);}
.ss-top-person.pos-2 .ss-top-step{height:76px;}.ss-top-person.pos-3 .ss-top-step{height:62px;}
.ss-top-step b{font-size:26px;color:#6f6250;}.ss-top-person.pos-1 .ss-top-step b{color:#cf9f1d;}
.ss-top-person>small{display:block;margin:8px auto 0;min-height:26px;color:#c3ad80;font-size:9px;line-height:1.35;}
.ss-top-rain{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.86;}
.ss-top-rain i{position:absolute;left:var(--x);top:-20px;width:var(--size);height:var(--size);background:linear-gradient(135deg,#4cf0ff,#0877d7);clip-path:polygon(50% 0,100% 42%,64% 100%,18% 78%,0 30%);filter:drop-shadow(0 0 5px rgba(31,191,255,.42));animation:ssTopRain var(--dur) linear var(--delay) infinite;}
@keyframes ssTopRain{to{transform:translate3d(-34px,500px,0) rotate(520deg);opacity:.2;}}

.ss-top-profile{position:relative;width:min(390px,calc(100vw - 28px));border-radius:24px;overflow:hidden;background:#fbf8f2;color:#1a130b;box-shadow:0 30px 100px rgba(0,0,0,.72);border:1px solid rgba(255,187,36,.28);}
.ss-top-profile-cover{height:150px;background:radial-gradient(circle at 70% 15%,rgba(255,167,36,.44),transparent 44%),linear-gradient(145deg,#3c1703,#9a4e05);position:relative;overflow:hidden;}
.ss-top-profile-number{position:absolute;left:18px;top:5px;font-family:Georgia,serif;font-size:80px;color:rgba(24,10,2,.38);line-height:1;}
.ss-top-profile-avatar{position:absolute;z-index:3;top:105px;left:24px;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#271508;color:#fff;border:4px solid #f0a520;box-shadow:0 6px 20px rgba(0,0,0,.25);font-size:28px;font-weight:950;}
.ss-top-profile-avatar img{width:100%;height:100%;object-fit:cover;}
.ss-top-profile-body{padding:46px 20px 20px;}
.ss-top-profile-rank{position:absolute;right:20px;top:116px;display:flex;align-items:center;gap:6px;max-width:220px;}
.ss-top-profile-rank img{width:34px;height:34px;object-fit:contain;}.ss-top-profile-rank span{font-size:9px;font-weight:950;color:#9b5707;letter-spacing:.5px;}
.ss-top-profile-name{margin:0;font-size:19px;}.ss-top-profile-member{margin:5px 0 9px;color:#8d7e6b;font-size:11px;}
.ss-top-profile-tags{display:flex;flex-wrap:wrap;gap:5px}.ss-top-profile-tags b{padding:5px 7px;border-radius:999px;background:#33200e;color:#fff;font-size:8px;}
.ss-top-profile-divider{display:flex;align-items:center;gap:8px;margin:16px 0 10px;color:#ad690e;font-size:8px;font-weight:950;letter-spacing:1px;}.ss-top-profile-divider:before,.ss-top-profile-divider:after{content:"";height:1px;background:#ead9c2;flex:1;}
.ss-top-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ss-top-profile-stats article{padding:12px;border:1px solid #eadac6;border-radius:12px;background:#fff;}.ss-top-profile-stats strong{display:block;font-size:18px;}.ss-top-profile-stats span{display:block;margin-top:2px;color:#94836e;font-size:8px;font-weight:900;letter-spacing:.5px;}
@media(max-width:720px){.ss-top-modal{padding:10px}.ss-top-card{padding:14px 13px 18px;min-height:330px}.ss-top-main-badge{width:56px;height:56px}.ss-top-head h2{font-size:24px}.ss-top-podium{gap:5px;margin-top:4px}.ss-top-person-avatar{width:50px;height:50px}.ss-top-person.pos-1 .ss-top-person-avatar{width:62px;height:62px;overflow:visible}.ss-top-person.pos-1 .ss-top-person-avatar::before{inset:-5px;padding:2px}.ss-top-person>strong{font-size:10px}.ss-top-person>em{font-size:9px}.ss-top-person>small{font-size:7.5px}.ss-top-step{height:57px}.ss-top-person.pos-1 .ss-top-step{height:86px}.ss-top-person.pos-2 .ss-top-step{height:66px}.ss-top-person.pos-3 .ss-top-step{height:52px}.ss-top-profile{width:min(360px,calc(100vw - 20px));}}


/* F3B · Perfil premium TOPS */
.ss-top-profile{animation:ssTopProfileIn .28s cubic-bezier(.2,.8,.2,1);}
@keyframes ssTopProfileIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.ss-top-profile-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%,rgba(0,0,0,.14));pointer-events:none;}
.ss-top-profile.pos-1 .ss-top-profile-cover{background:radial-gradient(circle at 72% 18%,rgba(255,208,70,.52),transparent 42%),linear-gradient(145deg,#2d1402,#8a4705 58%,#c77b0b);}
.ss-top-profile.pos-2 .ss-top-profile-cover{background:radial-gradient(circle at 72% 18%,rgba(232,239,247,.35),transparent 42%),linear-gradient(145deg,#1a1c21,#525966 58%,#8b949f);}
.ss-top-profile.pos-3 .ss-top-profile-cover{background:radial-gradient(circle at 72% 18%,rgba(255,175,95,.32),transparent 42%),linear-gradient(145deg,#2a140b,#6e3217 58%,#a65b28);}
.ss-top-profile.pos-1 .ss-top-profile-avatar{border-color:#ffd54b;box-shadow:0 0 0 2px rgba(255,213,75,.18),0 10px 28px rgba(132,79,0,.28),0 0 22px rgba(255,199,39,.25);}
.ss-top-profile.pos-2 .ss-top-profile-avatar{border-color:#c9d0d8;box-shadow:0 0 0 2px rgba(218,226,235,.16),0 10px 28px rgba(50,55,65,.25);}
.ss-top-profile.pos-3 .ss-top-profile-avatar{border-color:#dc843d;box-shadow:0 0 0 2px rgba(225,132,61,.16),0 10px 28px rgba(95,48,20,.25);}
.ss-top-profile.pos-1 .ss-top-profile-avatar::before{content:"";position:absolute;inset:-8px;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,transparent 0 230deg,rgba(255,213,75,.15) 245deg,#fff0aa 305deg,#ffd248 340deg,transparent 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:ssTopOrbit 2.1s linear infinite;pointer-events:none;filter:drop-shadow(0 0 7px rgba(255,209,63,.45));}
.ss-top-profile-avatar{overflow:visible;}
.ss-top-profile-avatar img{border-radius:50%;position:relative;z-index:2;}
.ss-top-profile-avatar span{position:relative;z-index:2;}
.ss-top-profile-number{font-size:92px;top:2px;left:16px;color:rgba(20,8,1,.34);text-shadow:0 1px 0 rgba(255,255,255,.06);}
.ss-top-profile-rank{background:rgba(255,255,255,.88);border:1px solid rgba(143,92,18,.16);padding:5px 8px;border-radius:999px;box-shadow:0 6px 20px rgba(63,34,0,.10);}
.ss-top-profile.pos-2 .ss-top-profile-rank span{color:#626b76}.ss-top-profile.pos-3 .ss-top-profile-rank span{color:#9a5427}
.ss-top-profile-name{font-size:21px;letter-spacing:-.25px;}
.ss-top-profile-member{text-transform:capitalize;}
.ss-top-profile-tags b{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);}
.ss-top-profile.pos-1 .ss-top-profile-tags b{background:#3b250c}.ss-top-profile.pos-2 .ss-top-profile-tags b{background:#343942}.ss-top-profile.pos-3 .ss-top-profile-tags b{background:#4b2817}
.ss-top-profile-stats article{position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(63,38,10,.045);}
.ss-top-profile-stats article::after{content:"";position:absolute;inset:auto -18px -24px auto;width:58px;height:58px;border-radius:50%;background:rgba(211,142,42,.055);}
.ss-top-profile-stats strong{font-size:20px;color:#17100a;}
.ss-top-profile-stats span{position:relative;z-index:1;}
.ss-top-profile-close{background:rgba(24,12,3,.42);color:#fff;backdrop-filter:blur(5px);}
.ss-top-profile-close:hover{transform:scale(1.06);}
@media(max-width:720px){.ss-top-profile-cover{height:138px}.ss-top-profile-avatar{top:96px;left:20px;width:70px;height:70px}.ss-top-profile-rank{top:105px;right:16px;max-width:205px}.ss-top-profile-body{padding:43px 16px 17px}.ss-top-profile-number{font-size:78px}.ss-top-profile-name{font-size:19px}.ss-top-profile-stats strong{font-size:17px}}


/* FASE SOPORTE CHAT PRIVADO */
.ss-support-chat{margin-top:4px;text-align:left}.ss-support-chat[hidden]{display:none!important}
.ss-support-chat-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;padding:10px 12px;border:1px solid rgba(241,187,51,.22);border-radius:12px;background:rgba(241,187,51,.055)}
.ss-support-chat-head b,.ss-support-chat-head span{display:block}.ss-support-chat-head b{color:#f3cf75;font-size:13px}.ss-support-chat-code{margin-top:3px;color:#8794a2;font-size:9px}.ss-support-chat-status{color:#69e1a2!important;font-size:10px;font-weight:900}
.ss-support-chat-messages{height:260px;overflow:auto;padding:12px;border:1px solid rgba(70,82,96,.55);border-radius:14px;background:#080b0f;scrollbar-width:thin}.ss-support-chat-messages article{max-width:84%;margin:0 0 9px;padding:9px 11px;border-radius:12px}.ss-support-chat-messages article.is-client{margin-left:auto;background:linear-gradient(135deg,#173348,#0e2433);border:1px solid rgba(65,184,240,.24)}.ss-support-chat-messages article.is-admin{margin-right:auto;background:linear-gradient(135deg,#382a0d,#221a0a);border:1px solid rgba(240,184,47,.28)}.ss-support-chat-messages b{font-size:9px;color:#97dfff}.ss-support-chat-messages .is-admin b{color:#f1c762}.ss-support-chat-messages p{margin:4px 0 3px;color:#edf5fb;font-size:12px;line-height:1.4;white-space:pre-wrap}.ss-support-chat-messages small{color:#72808e;font-size:8px}.ss-support-chat-empty{padding:65px 15px;text-align:center;color:#74818e;font-size:11px}
.ss-support-chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.ss-support-chat-form textarea{min-height:48px;max-height:110px;resize:vertical;padding:11px;border:1px solid #34404b;border-radius:11px;background:#0a0f14;color:#fff;outline:none}.ss-support-chat-form textarea:focus{border-color:#d8aa36;box-shadow:0 0 0 3px rgba(216,170,54,.08)}.ss-support-chat-form button{min-width:74px;border:1px solid #80601a;border-radius:11px;background:linear-gradient(#ffd75b,#d99b16);color:#171005;font-weight:950;cursor:pointer}.ss-support-chat-form button:disabled{opacity:.55}.ss-support-chat-note{display:block;margin-top:7px;text-align:center;color:#697581;font-size:8px}.ss-support-chat.is-resolved .ss-support-chat-status{color:#9ba6b0!important}
@media(max-width:600px){.ss-support-chat-messages{height:230px}.ss-support-chat-form{grid-template-columns:1fr}.ss-support-chat-form button{min-height:42px}.ss-support-chat-messages article{max-width:91%}}

.ss-support-card.is-chat{max-height:min(620px,calc(100vh - 28px));overflow:auto;padding-top:22px}.ss-support-card.is-chat>.ss-support-icon,.ss-support-card.is-chat>.ss-support-kicker,.ss-support-card.is-chat>#ssSupportTitle,.ss-support-card.is-chat>.ss-support-copy,.ss-support-card.is-chat>.ss-support-form,.ss-support-card.is-chat>.ss-support-message{display:none!important}


/* HOTFIX · CHAT SOPORTE CLIENTE PC */
@media (min-width: 721px){
  .ss-support-card.is-chat{
    width:min(680px,calc(100vw - 48px)) !important;
    max-height:min(760px,calc(100vh - 36px)) !important;
    padding:24px 24px 20px !important;
    overflow:hidden !important;
  }
  .ss-support-card.is-chat .ss-support-chat{
    display:flex;
    flex-direction:column;
    min-height:520px;
    max-height:calc(100vh - 86px);
  }
  .ss-support-card.is-chat .ss-support-chat-head{
    flex:0 0 auto;
  }
  .ss-support-card.is-chat .ss-support-chat-messages{
    flex:1 1 auto;
    height:auto !important;
    min-height:350px;
    max-height:500px;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scroll-behavior:smooth;
  }
  .ss-support-card.is-chat .ss-support-chat-messages article{
    max-width:78%;
    box-sizing:border-box;
    overflow:hidden;
  }
  .ss-support-card.is-chat .ss-support-chat-messages p{
    overflow-wrap:anywhere;
    word-break:break-word;
    white-space:pre-wrap;
  }
  .ss-support-card.is-chat .ss-support-chat-form{
    flex:0 0 auto;
    grid-template-columns:minmax(0,1fr) 92px;
    align-items:stretch;
  }
  .ss-support-card.is-chat .ss-support-chat-form textarea{
    width:100%;
    min-width:0;
    min-height:64px;
    max-height:120px;
    resize:none;
    overflow-y:auto;
    box-sizing:border-box;
  }
}


/* ===== FIX CHAT CLIENTE MÓVIL ===== */
@media (max-width:720px){
  .ss-support-modal .ss-support-card{
    width:min(96vw,430px)!important;
    max-height:92vh!important;
    padding:14px 12px 12px!important;
  }

  .ss-support-chat{
    min-height:0!important;
  }

  .ss-support-chat-messages{
    height:52vh!important;
    max-height:52vh!important;
    min-height:300px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:10px 8px!important;
  }

  .ss-support-chat-message,
  .ss-support-chat-message *{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    white-space:normal!important;
  }

  .ss-support-chat-composer{
    position:sticky!important;
    bottom:0!important;
    background:inherit!important;
    padding-top:8px!important;
  }

  .ss-support-chat-composer textarea{
    min-height:64px!important;
    max-height:120px!important;
    resize:none!important;
    font-size:16px!important;
  }
}