:root{
 --pink:#ff5fac;--purple:#9961eb;--cyan:#62c8e5;--ink:#5b2b6d;--muted:#85708d;
 --line:rgba(105,52,125,.16);--glass:rgba(255,255,255,.86);--danger:#ed5571;
 --green:#46c989;--yellow:#f5ba4e;--shadow:0 16px 40px rgba(105,53,128,.17)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Apple Color Emoji","Segoe UI Emoji",Arial,sans-serif;background-color:#efc7ec;background-image:url("/background.webp?v=23310");background-repeat:no-repeat;background-position:center top;background-size:100vw 100vh;background-attachment:fixed;padding-bottom:78px}
button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}.shell{max-width:1180px;margin:auto}
.top{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:9px;padding:8px 11px;background:rgba(255,248,253,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brandButton{border:0;background:transparent;color:var(--ink);padding:2px 5px 2px 1px;cursor:pointer;text-align:left;border-radius:14px;display:flex;align-items:center;gap:8px;font-weight:1000}.brandButton:hover{background:#fff7}.brandButton img{width:46px;height:46px;object-fit:contain}.brandButton span{font-size:21px}.brandButton small{display:block;font-size:8px;letter-spacing:1.2px;color:#b05b9d}
.searchWrap{flex:1;max-width:410px;margin-left:auto;display:flex;gap:6px}.searchWrap input{width:100%;border:1px solid var(--line);background:#fffB;color:#5a296b;border-radius:12px;padding:9px 10px;outline:none}.searchWrap button{border:0;background:linear-gradient(135deg,#ff83bc,#aa7bea);color:#fff;border-radius:11px;padding:8px 11px;font-weight:950}
.roleSelect{border:1px solid var(--line);background:#fffA;color:#6e337e;border-radius:11px;padding:8px 9px;font-size:11px;font-weight:900}
main{padding:14px}.hero,.panel,.card{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.hero{border-radius:27px;padding:22px}.panel{border-radius:18px;padding:15px}.card{border-radius:18px;overflow:hidden}
.kicker{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:1000;color:#aa4b96}h1{font-size:clamp(38px,8vw,65px);line-height:.94;letter-spacing:-3px;margin:8px 0 10px}h2,h3{color:#602c72}p{color:var(--muted);line-height:1.5}.grad{background:linear-gradient(90deg,#df4a95,#9256db 55%,#4eb6d9);-webkit-background-clip:text;background-clip:text;color:transparent}
.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.btn{border:0;border-radius:12px;padding:9px 12px;font-weight:950;color:#fff;background:linear-gradient(135deg,var(--pink),var(--purple))}.btn.secondary{background:#fffA;color:#70347e;border:1px solid var(--line)}.btn.green{background:linear-gradient(135deg,#55d69a,#63cbe5)}.btn.red{background:linear-gradient(135deg,#ff6b89,#e84d6b)}.btn.yellow{background:linear-gradient(135deg,#ffd878,#ff9cc8);color:#693b56}.btn.sm{font-size:11px;padding:6px 8px}.btn:disabled{opacity:.45}
.badge{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;border:1px solid var(--line);background:#fff9;font-size:10px;color:#876991}.badge.green{color:#2b805b;background:rgba(70,201,137,.08)}.badge.pink{color:#b93c7f;background:rgba(255,95,172,.08)}.badge.red{color:#a83b52;background:rgba(237,85,113,.08)}.badge.purple{color:#7442a7;background:rgba(153,97,235,.08)}
.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:22px 2px 9px}.sectionHead h2{margin:0;font-size:20px}.sectionHead small{color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.thumb{aspect-ratio:16/9;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#b999ef,#efa1d3 55%,#83d1e8)}.thumb.radio{background:linear-gradient(145deg,#f49dcc,#b482ec,#ffe0ad)}.fake{width:78%;height:65%;display:grid;place-items:center;border-radius:13px;border:1px solid #fff8;background:#fff3;color:#fff;font-weight:950;font-size:11px}.tag{position:absolute;top:9px;left:9px;background:#ff5874;color:#fff;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:1000}.viewer{position:absolute;bottom:9px;left:9px;background:#4c2258bb;color:#fff;padding:5px 8px;border-radius:8px;font-size:10px}.cardBody{padding:12px}
.row{display:flex;align-items:center;gap:9px}.avatar{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#ffd8e9,#c7a4ff);display:grid;place-items:center;font-weight:1000;overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.meta{min-width:0}.meta b{display:block}.meta small{color:var(--muted)}
.hashtags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.hashtag{border:0;background:#f4dcff;color:#824796;border-radius:999px;padding:5px 7px;font-size:10px;font-weight:900}
.homeFeed{display:grid;gap:10px}.activityRow{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:11px;padding:11px;border-radius:15px;background:#fff9;border:1px solid var(--line)}.activityThumb{width:100px;height:62px;border-radius:11px;background:linear-gradient(145deg,#b999ef,#efa1d3);display:grid;place-items:center;color:white;font-weight:900;overflow:hidden}.activityThumb img{width:100%;height:100%;object-fit:cover}
.post{padding:13px;border-radius:15px;background:#fff9;border:1px solid var(--line);margin-bottom:10px}.postHeader{display:flex;align-items:center;gap:8px}.postMenu{margin-left:auto}.postActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.chip{border:0;font-size:11px;font-weight:900;color:#87489e;background:#f1d8ffab;padding:6px 8px;border-radius:9px}.chip.active{background:linear-gradient(135deg,#ffb6d8,#c7adff)}
.comment{padding:9px 10px;border-left:3px solid #d9a0e9;background:#fff8;border-radius:0 10px 10px 0;margin-top:7px;font-size:12px;position:relative}.deleteMini{position:absolute;right:6px;top:4px;border:0;background:transparent;color:#b65d7a;font-weight:1000}
.field{display:grid;gap:5px;margin-bottom:10px}.field label{font-size:11px;color:#987da1;font-weight:850}.field input,.field textarea,.field select{width:100%;padding:9px 10px;border-radius:11px;border:1px solid var(--line);background:#fffc;color:#542563;outline:none}
.playerLayout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:11px}.playerWrap{overflow:hidden;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow);background:#46294f}.player{aspect-ratio:16/9;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(145deg,#985ecc,#ef75ba 55%,#67c1de)}.playerInfo{padding:12px;background:#fffE}
.chat{height:560px;background:#fffD;border:1px solid var(--line);border-radius:19px;overflow:hidden;display:flex;flex-direction:column}.chatHead{padding:12px;border-bottom:1px solid var(--line);font-weight:950}.chatMessages{flex:1;overflow:auto;padding:11px;display:flex;flex-direction:column;gap:8px}.chatMsg{font-size:13px;color:#6d5675;padding:7px 8px;border-radius:9px;position:relative;min-height:32px}.chatMsg:hover{background:#f6e8fb}.chatMsg.deleted{color:#a18ca8;font-style:italic;background:#f8f1f9}.chatDelete{position:absolute;right:5px;top:4px;opacity:0;pointer-events:none;border:0;background:#ffe6ef;color:#b23f67;border-radius:8px;padding:5px 7px;font-size:10px;font-weight:950}.canModerate .chatMsg:not(.deleted):hover .chatDelete,.canModerate .chatMsg:not(.deleted):focus-within .chatDelete{opacity:1;pointer-events:auto}.chatInput{display:flex;gap:7px;padding:9px;border-top:1px solid var(--line)}.chatInput input{flex:1;padding:9px;border-radius:10px;border:1px solid var(--line)}
.hypeBox{padding:15px;border-radius:18px;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.bar{height:10px;border-radius:999px;background:#6a367e18;overflow:hidden;margin:9px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,#ff5fac,#9961eb,#64c9e7)}
.radioNow{display:grid;grid-template-columns:150px 1fr;gap:15px;align-items:center}.albumCover{width:150px;height:150px;border-radius:20px;object-fit:cover;box-shadow:0 12px 30px #6b368033}.djIdentity{display:flex;align-items:center;gap:9px;margin-top:10px}.djIdentity .avatar{width:50px;height:50px}
.profileCover{height:210px;border-radius:22px 22px 0 0;background:linear-gradient(145deg,#d3a8f2,#f4b1da 55%,#8fdaf1);background-size:cover;background-position:center;position:relative;overflow:hidden}.coverActions{position:absolute;right:10px;bottom:10px;display:flex;gap:6px}.profileCard{border-radius:22px;overflow:hidden;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow)}.profileBody{padding:0 16px 16px}.profileAvatarLarge{width:104px;height:104px;margin-top:-52px;border-radius:26px;border:5px solid rgba(255,255,255,.92);background:linear-gradient(145deg,#ffd8e9,#c7a4ff);overflow:hidden;display:grid;place-items:center;font-size:30px;font-weight:1000;position:relative}.profileAvatarLarge img{width:100%;height:100%;object-fit:cover}.profileTop{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.profileActions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.socials{display:flex;gap:8px;flex-wrap:wrap}.socials a{padding:7px 9px;border-radius:10px;background:#fff9;border:1px solid var(--line);font-size:11px;font-weight:900}
.sanction{padding:10px;border-radius:12px;background:#fff9;border:1px solid var(--line);margin-bottom:7px}.sanction.active{border-color:rgba(237,85,113,.25)}.sanction small{color:var(--muted)}
.toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:12px;background:#fff9;border:1px solid var(--line);margin-bottom:6px}.switch{width:42px;height:23px;border-radius:99px;background:#cec1d4;position:relative;border:0}.switch.on{background:linear-gradient(90deg,#56d69b,#68cbea)}.switch:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;top:3px;left:3px}.switch.on:after{left:22px}
.notice,.warn,.danger,.success{padding:10px 11px;border-radius:12px;font-size:12px}.notice{background:rgba(80,190,228,.1);color:#55798b}.warn{background:rgba(255,197,87,.15);color:#8f6a2d}.danger{background:rgba(237,85,113,.09);color:#a43b52}.success{background:rgba(70,201,137,.09);color:#347c5b}
.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:8px 5px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{color:#957c9f}.tabs{display:flex;gap:7px;overflow:auto;padding-bottom:5px;margin:12px 0}.tab{border:1px solid var(--line);background:#fff9;color:#754183;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:900;white-space:nowrap}.tab.active{background:linear-gradient(135deg,#ff9ecb,#c1a6ff)}
.categoryPill{display:inline-flex;padding:7px 9px;border-radius:11px;background:#fff9;border:1px solid var(--line);font-size:11px;font-weight:900;margin:3px}.creatorOnly,.adminOnly{display:none}body.role-creator .creatorOnly{display:block}body.role-admin .creatorOnly,body.role-admin .adminOnly{display:block}
.searchResult{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:#fff9;color:var(--ink);padding:11px;border-radius:13px;margin-bottom:7px}.searchResult:hover{background:#fbf1ff}.searchResult .grow{flex:1}.searchResult small{color:var(--muted)}
.toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);display:none;z-index:300;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:10px 13px;font-size:12px;font-weight:900}.toast.show{display:block}.modal{position:fixed;inset:0;z-index:250;background:#3f1d4855;display:none;align-items:flex-end;justify-content:center;padding:12px;backdrop-filter:blur(5px)}.modal.show{display:flex}.modalCard{width:min(610px,100%);max-height:90vh;overflow:auto;background:#fffdfd;border:1px solid var(--line);border-radius:22px;padding:17px;box-shadow:var(--shadow)}
.bottom{position:fixed;bottom:0;left:0;right:0;z-index:110;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 8px;background:#fffaf2;backdrop-filter:blur(18px);border-top:1px solid var(--line)}.bottom button{border:0;background:transparent;color:#886a92;display:grid;place-items:center;gap:3px;font-size:10px}.bottom i{font-style:normal;font-size:20px}
.footer{margin:26px 14px 95px;padding:18px;border-radius:19px;background:#fff9;border:1px solid var(--line);font-size:12px;color:#806d87}.footerGrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.footer a{display:block;margin:5px 0}.melody{display:inline!important;color:#c73e84;font-weight:1000}
@media(hover:none){.canModerate .chatMsg:not(.deleted) .chatDelete{opacity:1;pointer-events:auto}}
@media(max-width:900px){.grid3,.grid2,.playerLayout{grid-template-columns:1fr}.chat{height:420px}.footerGrid{grid-template-columns:1fr}.searchWrap{max-width:none;order:4;flex-basis:100%}.top{flex-wrap:wrap}.radioNow{grid-template-columns:1fr;text-align:center}.albumCover{margin:auto}.activityRow{grid-template-columns:78px 1fr}.activityThumb{width:78px;height:58px}.activityRow>.btn{grid-column:1/-1}}

.radioControls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:10px;border-radius:15px;background:rgba(255,255,255,.64);border:1px solid var(--line)}
.playButton{width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--pink),var(--purple));color:white;font-size:18px;font-weight:1000}
.volumeWrap{display:flex;align-items:center;gap:7px;flex:1;min-width:150px}.volumeWrap input{width:100%;accent-color:#a565e3}
.autodjStatus{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(70,201,137,.10);color:#347c5b;border:1px solid rgba(70,201,137,.18);font-size:11px;font-weight:900}
.calendarGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calHead{text-align:center;font-size:10px;font-weight:950;color:var(--muted);padding:5px}.calDay{min-height:80px;padding:7px;border-radius:12px;background:rgba(255,255,255,.67);border:1px solid var(--line);font-size:11px;position:relative}.calDay.muted{opacity:.42}.calDate{font-weight:950}.calEvent{display:block;margin-top:5px;padding:4px 5px;border-radius:7px;background:linear-gradient(135deg,#ffd1e8,#d8c3ff);color:#693574;font-size:9px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scheduleCard{display:flex;gap:11px;align-items:center;padding:11px;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid var(--line);margin-bottom:7px}.scheduleDate{width:58px;height:58px;border-radius:15px;background:linear-gradient(145deg,#ffb9d8,#c7adff);display:grid;place-items:center;text-align:center;color:#5f2c6f;font-weight:1000;flex:0 0 auto}.scheduleDate small{display:block;font-size:9px}.scheduleMain{flex:1;min-width:0}.scheduleMain b{display:block}.scheduleMain small{color:var(--muted)}
.userLink{border:0;background:transparent;color:#71418d;font-weight:950;padding:0;cursor:pointer}.userLink:hover{text-decoration:underline}
@media(max-width:620px){.calendarGrid{gap:3px}.calDay{min-height:68px;padding:5px}.calEvent{font-size:8px}.radioControls{align-items:stretch}.volumeWrap{flex-basis:100%}}


/* V11.1 — corrección de transparencias de los encabezados de Inicio */
#homeCategoriesBlock > .sectionHead,
#homeTransmissionsBlock > .sectionHead,
#homeClipsBlock > .sectionHead,
#homeActivityBlock > .sectionHead{
  margin:18px 0 10px;
  padding:10px 13px;
  min-height:48px;
  align-items:center;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(105,52,125,.14);
  border-radius:16px;
  box-shadow:0 10px 28px rgba(105,53,128,.11);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
}

#homeCategoriesBlock > .sectionHead h2,
#homeTransmissionsBlock > .sectionHead h2,
#homeClipsBlock > .sectionHead h2,
#homeActivityBlock > .sectionHead h2{
  margin:0;
  line-height:1.15;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}

#homeCategoriesBlock > .sectionHead small,
#homeTransmissionsBlock > .sectionHead small,
#homeClipsBlock > .sectionHead small,
#homeActivityBlock > .sectionHead small{
  color:#846d8d;
}

@media(max-width:620px){
  #homeCategoriesBlock > .sectionHead,
  #homeTransmissionsBlock > .sectionHead,
  #homeClipsBlock > .sectionHead,
  #homeActivityBlock > .sectionHead{
    padding:9px 11px;
    border-radius:14px;
    background:rgba(255,255,255,.86);
  }
}


.mediaRound{width:48px;height:48px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(123,64,157,.18)}
.mediaGhost{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.78);color:#683276;display:grid;place-items:center}.volumeLabel{font-size:11px;font-weight:900;color:var(--muted)}
.profileStories{display:flex;gap:10px;overflow:auto;padding:12px 0 2px}.storyBubble{width:72px;flex:0 0 auto;border:0;background:transparent;color:var(--ink);text-align:center}.storyCircle{width:66px;height:66px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#ff66ad,#9c65ef,#68cbe7);display:grid;place-items:center;margin:auto}.storyCircleInner{width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#ffd8e9,#c7a4ff);border:3px solid white;overflow:hidden;display:grid;place-items:center;font-size:24px;font-weight:1000}.storyCircleInner img{width:100%;height:100%;object-fit:cover}.storyBubble small{display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.addStoryCircle{background:linear-gradient(145deg,#fff,#f4e7ff);color:#8d50a4;font-size:28px}.storyViewer img{width:100%;max-height:62vh;object-fit:contain;border-radius:16px;background:#f6e8fb}.storyViewerText{padding:12px 2px;font-size:16px;line-height:1.5}
.profileComposer{margin-bottom:12px}.composerMode{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.composerMode select{max-width:230px}.charHint{font-size:10px;color:var(--muted);text-align:right}.premiumLock{padding:10px;border-radius:12px;background:linear-gradient(135deg,rgba(255,217,119,.14),rgba(255,155,200,.12));border:1px solid rgba(212,156,65,.18);font-size:12px;color:#876024}.privacySelect{border:1px solid var(--line);background:#fffA;color:#70347e;border-radius:10px;padding:7px 9px;font-size:11px;font-weight:900}.subscriberBadge{background:linear-gradient(135deg,#ffe69a,#ffb4db);color:#6b3b59;border:0}.profileEditActions{display:flex;gap:6px;flex-wrap:wrap}.engagementPerson{display:flex;align-items:center;gap:9px;padding:9px;border-radius:11px;background:#fff9;border:1px solid var(--line);margin-bottom:6px}.engagementPerson .avatar{width:36px;height:36px}.postEditBtn{border:0;background:#efe0fa;color:#75458d;border-radius:8px;padding:5px 7px;font-size:10px;font-weight:900}
.radioControls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px;padding:10px;border-radius:15px;background:rgba(255,255,255,.68);border:1px solid var(--line)}.autodjStatus{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(70,201,137,.1);color:#347c5b;font-size:11px;font-weight:900}.volumeWrap{display:flex;align-items:center;gap:7px;flex:1;min-width:170px}.volumeWrap input{width:100%;accent-color:#a565e3}
@media(max-width:620px){.profileStories{gap:7px}.storyBubble{width:66px}.storyCircle{width:61px;height:61px}.storyCircleInner{width:55px;height:55px}.radioControls{align-items:center}.volumeWrap{flex-basis:100%}}


.headerAccountActions{display:flex;gap:6px;align-items:center}
.topActionBtn{border:1px solid var(--line);background:rgba(255,255,255,.82);color:#6c347d;border-radius:11px;padding:8px 10px;font-size:11px;font-weight:950;white-space:nowrap}
.topActionBtn.primary{background:linear-gradient(135deg,#ff73b5,#a46ee9);color:white;border-color:transparent}
.topActionBtn.premium{background:linear-gradient(135deg,#ffe59a,#ffadd4);color:#6b3b59;border-color:rgba(207,151,62,.18)}
.planHero{padding:17px;border-radius:18px;background:linear-gradient(135deg,rgba(255,228,154,.45),rgba(255,174,216,.38),rgba(204,181,255,.38));border:1px solid rgba(165,105,170,.15)}
.planPrice{font-size:34px;font-weight:1000;color:#633074}.planPrice small{font-size:12px;color:var(--muted)}
.benefitList{display:grid;gap:7px;margin:12px 0}.benefit{display:flex;align-items:flex-start;gap:8px;padding:8px 9px;border-radius:11px;background:rgba(255,255,255,.62);border:1px solid var(--line);font-size:12px}.benefit b{color:#69357a}
.authLogo{width:75px;height:75px;object-fit:contain;display:block;margin:0 auto 6px}
.authIntro{text-align:center;margin-bottom:14px}
.authDemoNote{padding:9px 10px;border-radius:11px;background:rgba(95,190,224,.10);color:#547a89;font-size:11px;margin-bottom:10px}
.profileQuickComment{margin-top:10px}.profileQuickComment .rowInput{display:flex;gap:7px}.profileQuickComment input{flex:1;padding:10px;border-radius:11px;border:1px solid var(--line);background:#fffC;color:#542563}
.channelSubActive{background:linear-gradient(135deg,#ffe59a,#ffadd4)!important;color:#683b59!important}
@media(max-width:900px){.headerAccountActions{order:3}.topActionBtn{padding:7px 8px}.top{gap:6px}}
@media(max-width:620px){.headerAccountActions{width:100%;justify-content:flex-end}.roleSelect{margin-left:auto}}

/* V14 — clips, proporciones, fotos y personalización de suscriptores */
.shell{width:min(100%,1240px)}
.grid3{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.grid2{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.grid3>.card,.grid2>.card{min-width:0}
#clipsSection{max-width:1120px;margin-inline:auto}
.clipsHero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:18px 20px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(249,228,255,.86));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.clipsHero h2{margin:0}.clipsHero p{margin:5px 0 0}
#clipsGrid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),310px));justify-content:center}
.bottom{grid-template-columns:repeat(6,minmax(0,1fr))}
.bottom button{min-width:0;padding:2px 3px}
.bottom button.active{color:#9a3f8e;font-weight:1000}
.postMedia{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:14px;margin-top:10px;border:1px solid var(--line);background:#f5e8fa}
.clipOpen{width:100%;border:0;padding:0;color:inherit;text-align:inherit;display:block}
.photoAttach{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}
.photoPreview{position:relative;display:inline-flex;max-width:240px;margin-top:9px}
.photoPreview img{width:100%;max-height:180px;object-fit:cover;border-radius:13px;border:1px solid var(--line)}
.photoPreview button{position:absolute;right:6px;top:6px;border:0;border-radius:999px;width:28px;height:28px;background:#4d254fcc;color:#fff;font-weight:1000}
.identityBadges{display:inline-flex;align-items:center;gap:4px;margin-left:5px;vertical-align:middle}
.identityBadge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:999px;font-size:9px;font-weight:1000;line-height:1.4;white-space:nowrap}
.identityBadge.premium{background:linear-gradient(135deg,#ffe798,#ffacd4);color:#633750}
.identityBadge.channel{background:linear-gradient(135deg,#c8f2ff,#c8b7ff);color:#523f76}
.subscriberSurface{--tone-a:#ff8fc5;--tone-b:#a88df4;background:rgba(255,255,255,.88);background:linear-gradient(135deg,color-mix(in srgb,var(--tone-a) 20%,white),color-mix(in srgb,var(--tone-b) 16%,white))!important;border-color:color-mix(in srgb,var(--tone-a) 32%,transparent)!important}
.chatMsg.subscriberSurface,.comment.subscriberSurface{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--tone-a) 62%,white)}
.profileCard.subscriberSurface{background:linear-gradient(145deg,color-mix(in srgb,var(--tone-a) 12%,white),color-mix(in srgb,var(--tone-b) 9%,white))!important}
.commentActions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:7px}
.commentAction{border:0;border-radius:8px;padding:5px 7px;background:rgba(255,255,255,.72);color:#744384;font-size:10px;font-weight:900}
.commentAction.active{background:linear-gradient(135deg,#ffb6d8,#c7adff);color:#5d2c6c}
.reactionPicker{display:inline-flex;gap:3px;padding:3px;border-radius:9px;background:rgba(255,255,255,.58)}
.reactionPicker button{border:0;background:transparent;border-radius:7px;padding:3px 5px}
.reactionPicker button.active{background:#fff;box-shadow:0 2px 7px rgba(93,45,107,.12)}
.commentReplies{margin:8px 0 0 12px;padding-left:9px;border-left:2px solid rgba(153,97,235,.2)}
.commentReply{position:relative;padding:7px 8px;margin-top:5px;border-radius:9px;background:rgba(255,255,255,.7)}
.replyComposer{display:flex;gap:6px;margin-top:7px}.replyComposer input{flex:1;min-width:0;padding:7px 8px;border:1px solid var(--line);border-radius:9px;background:#fffd;color:var(--ink)}
.themeEditor{padding:11px;border-radius:14px;background:linear-gradient(135deg,#fff4fa,#f2ebff);border:1px solid var(--line);margin-top:5px}
.themeSwatch{width:100%;height:39px;border:1px solid var(--line);border-radius:10px;padding:3px;background:#fff}
/* V15 — suscripciones, actividad, verificación Habbo y moderación */
.subscriptionStrip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,280px);gap:9px;overflow-x:auto;padding:2px 2px 7px;scroll-snap-type:x proximity}
.subscriptionCard{scroll-snap-align:start;display:flex;align-items:center;gap:9px;padding:11px;border-radius:15px;border:1px solid rgba(211,157,69,.22);background:linear-gradient(135deg,rgba(255,236,166,.88),rgba(255,190,222,.84),rgba(220,205,255,.86));box-shadow:0 9px 22px rgba(107,56,128,.1)}
.subscriptionCard .avatar{width:38px;height:38px;border-radius:12px}.subscriptionCard small{display:block;color:#775d79}
.activityRow.featuredSubscriber{position:relative;box-shadow:0 9px 24px rgba(194,94,153,.16)}
.activityRow.featuredSubscriber:before{content:"Destacado";position:absolute;right:9px;top:7px;padding:3px 6px;border-radius:999px;background:linear-gradient(135deg,#ffe598,#ffafd6);font-size:8px;font-weight:1000;color:#6b3b59}
.postStyleControl{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:7px 9px;border-radius:11px;background:rgba(255,255,255,.58);border:1px solid var(--line)}
.postStyleControl input[type=color]{width:38px;height:30px;border:0;background:transparent;padding:0}
.profileHeaderColor{min-height:78px}
.giftGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:9px}
.verificationCode{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px;border-radius:13px;background:#f0e5ff;border:1px dashed #a56bd2;font-weight:1000;letter-spacing:1px}
.verificationStatus{margin-top:9px}.verificationStatus.ok{background:rgba(70,201,137,.12);color:#347c5b}.verificationStatus.bad{background:rgba(237,85,113,.1);color:#a43b52}
.streamModButton{border:0;border-radius:8px;padding:4px 6px;background:#eee0f7;color:#71418d;font-size:9px;font-weight:950;margin-left:5px}
.moderatorBadge{background:linear-gradient(135deg,#bdf0ff,#bba9ff);color:#4f477e}
.channelModerationList{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0}.channelModerationList .badge{background:#f0e4fa}
.calendarEditor{margin-top:11px}.calendarToolbar{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.calendarToolbar input{padding:7px 8px;border-radius:9px;border:1px solid var(--line);background:#fffC;color:var(--ink)}
.profileActionSummary{display:grid;gap:7px}.profileActionItem{padding:10px;border-radius:12px;background:#fff9;border:1px solid var(--line)}
.chatMsg.subscriberSurface,.comment.subscriberSurface,.commentReply.subscriberSurface,.activityRow.subscriberSurface{--tone-a:#ffd36f!important;--tone-b:#ffafd5!important}
/* V16 — notificaciones, actividad unificada, puntos y solicitudes Creator */
.notificationBell{position:relative}.notificationCount{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#ed5571;color:#fff;font-size:9px;font-weight:1000;border:2px solid #fff}.notificationCount:empty{display:none}
.notificationDrawer{position:fixed;right:12px;top:76px;z-index:245;width:min(390px,calc(100vw - 24px));max-height:70vh;overflow:auto;padding:13px;border-radius:18px;background:#fffdfd;border:1px solid var(--line);box-shadow:var(--shadow)}
.notificationItem{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:start;padding:9px;border-radius:12px;border:1px solid var(--line);background:#fff;margin-bottom:6px}.notificationItem.unread{background:linear-gradient(135deg,#fff2f9,#f2ebff)}.notificationItem p{margin:2px 0;font-size:11px}.notificationItem small{color:var(--muted)}
.notificationBubbles{position:fixed;right:12px;bottom:88px;z-index:240;display:grid;gap:7px;width:min(340px,calc(100vw - 24px));pointer-events:none}.notificationBubble{pointer-events:auto;display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#fff,#f7eaff);border:1px solid var(--line);box-shadow:0 14px 32px rgba(94,45,111,.22);animation:bubbleIn .22s ease-out}.notificationBubble.hide{animation:bubbleOut .24s ease-in forwards}@keyframes bubbleIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}@keyframes bubbleOut{to{opacity:0;transform:translateX(45px)}}
.starEverywhere{margin-left:3px}.channelRoleBadge{background:linear-gradient(135deg,#c7f0ff,#c6b5ff);color:#514678}
.profileActivityTimeline{display:grid;gap:9px}.profileActivityEvent{display:grid;grid-template-columns:42px 1fr;gap:9px;padding:11px;border-radius:13px;background:#fff9;border:1px solid var(--line)}
.threadComment{margin-top:8px;padding:10px;border-radius:12px;border:1px solid var(--line);background:#fffA}.threadReplies{margin:7px 0 0 14px;padding-left:9px;border-left:2px solid rgba(153,97,235,.2)}
.creatorApplication{padding:11px;border-radius:14px;border:1px solid var(--line);background:#fff9;margin-bottom:8px}.creatorApplication.pending{border-color:rgba(245,186,78,.4)}.creatorApplication.accepted{border-color:rgba(70,201,137,.35)}.creatorApplication.rejected{border-color:rgba(237,85,113,.3)}
.pointsPanel{padding:10px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff5ca,#f6e7ff)}.pointsTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.pointsProgress{height:8px;border-radius:999px;background:#fff;overflow:hidden;margin-top:7px}.pointsProgress i{display:block;height:100%;background:linear-gradient(90deg,#ffb64d,#ff70b2,#9866e7)}
.feedBackground{padding:12px;border-radius:18px;min-height:120px;background-size:cover!important;background-position:center!important}
.blockedByList{display:grid;gap:7px}.blockedByItem{display:flex;align-items:center;gap:9px;padding:9px;border-radius:11px;background:#fff9;border:1px solid var(--line)}
.creatorFormStatus{margin-top:9px}
/* V17 — tiempo real, contador de caracteres y fondos persistentes */
.activityTime{display:inline-flex;align-items:center;gap:4px;margin-top:3px;color:#8a6d90;font-size:10px;font-weight:850}
.charMeterRow{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-height:36px;margin-top:5px}
.charMeter{--meter-progress:0deg;--meter-color:#aa7bd8;position:relative;width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--meter-color) var(--meter-progress),rgba(159,119,184,.17) 0);transition:.18s}
.charMeter:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}.charMeterValue{position:relative;z-index:1;font-size:9px;font-weight:1000;color:#765184}.charMeter.near{--meter-color:#e1a135}.charMeter.over{--meter-color:#e54f70;animation:meterPulse .55s ease}.charMeter.unlimited{background:linear-gradient(135deg,#ffd86d,#ff88c3,#a889f0)}.charMeter.unlimited .charMeterValue{font-size:14px;color:#6f366b}
@keyframes meterPulse{50%{transform:scale(1.1)}}
.charLimitText{font-size:10px;color:var(--muted);font-weight:800}.charLimitText.over{color:#bd3858}
.postDesignPanel{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-items:end;gap:7px;width:100%;padding:9px;border-radius:13px;border:1px solid rgba(160,112,190,.2);background:rgba(255,255,255,.68)}
.postDesignPanel label{display:grid;gap:4px;font-size:9px;font-weight:950;color:#765184}.postDesignPanel select,.postDesignPanel input[type=color]{width:100%;min-height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:5px 7px;color:var(--ink)}
.postDesignStatus{grid-column:1/-1;font-size:9px;color:var(--muted)}.postBackgroundImageName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post.hasPostBackground{position:relative;isolation:isolate;overflow:hidden;background-size:cover!important;background-position:center!important}.post.hasPostBackground>*{position:relative;z-index:1}.post.hasPostBackground:before{content:"";position:absolute;z-index:0;inset:0;background:rgba(255,255,255,.78);backdrop-filter:blur(1px)}
.post.postDesign-stars{background:radial-gradient(circle at 14% 18%,#fff 0 3px,transparent 4px),radial-gradient(circle at 74% 34%,#fff4b5 0 4px,transparent 5px),linear-gradient(135deg,#f7b7df,#b99bf2)!important;background-size:58px 58px,74px 74px,auto!important}
.post.postDesign-night{background:radial-gradient(circle at 83% 14%,#fff3aa 0 11px,transparent 12px),linear-gradient(145deg,#352d71,#7468c8 56%,#4cb5dc)!important;color:#2e2858}.post.postDesign-candy{background:repeating-linear-gradient(135deg,#ffd1e6 0 22px,#efc7ff 22px 44px,#c9eaff 44px 66px)!important}
.nestedReply{border:1px solid rgba(160,120,190,.16);border-radius:11px;padding:8px;background:rgba(255,255,255,.7);margin-top:6px}.nestedReply .commentActions{margin-top:5px}.reactionPickerLabel{font-weight:900;color:#775985;font-size:9px}
.streamModButton.prominent{display:inline-flex;align-items:center;gap:3px;padding:6px 8px;font-size:10px;background:linear-gradient(135deg,#e6dbff,#ffd7eb);box-shadow:0 4px 10px rgba(98,57,122,.12)}
.channelModerationToolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(147,103,177,.28)}.channelModerationToolbar select{min-width:130px;flex:1;border:1px solid var(--line);border-radius:9px;padding:6px;background:#fff}
.pointsCadence{display:block;margin-top:3px;color:#785f83;font-size:9px;font-weight:850}.pointsCountdown{color:#8e54bb;font-variant-numeric:tabular-nums}.premiumFeatureCallout{margin:10px 0;padding:11px;border-radius:13px;background:linear-gradient(135deg,rgba(255,218,114,.24),rgba(255,145,197,.18));border:1px solid rgba(217,153,59,.25)}
.planPaymentDemo{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;margin-top:10px;padding:10px;border-radius:12px;background:#fff;border:1px solid var(--line)}.planPaymentDemo small{display:block;color:var(--muted)}
/* V18 — capas visuales y comentarios fijados */
.mediaLayersNotice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0;padding:8px;border-radius:13px;background:linear-gradient(135deg,rgba(255,238,248,.82),rgba(239,232,255,.82));border:1px solid rgba(167,115,193,.18)}
.mediaLayerItem{padding:7px;border-radius:10px;background:#fffB;border:1px solid rgba(164,120,187,.14)}.mediaLayerItem b{display:block;font-size:9px;color:#714b7d}.mediaLayerItem small{display:block;margin-top:2px;color:var(--muted);font-size:8px;line-height:1.35}.postDesignTitle{grid-column:1/-1;margin:0;color:#633d73;font-size:12px}.postDesignTitle small{display:block;margin-top:2px;color:var(--muted);font-size:9px;font-weight:700}
.pinCommentButton{display:inline-flex;align-items:center;gap:4px;margin-left:5px;border:0;border-radius:8px;padding:5px 7px;background:#fff1b9;color:#795e28;font-size:9px;font-weight:950}.pinCommentButton.active{background:linear-gradient(135deg,#ffd766,#ffafd7);color:#633c5d}.pinnedCommentBlock{margin:0 0 12px;padding:12px;border-radius:17px;background:linear-gradient(135deg,rgba(255,240,176,.88),rgba(255,215,235,.86),rgba(231,220,255,.9));border:1px solid rgba(206,147,61,.28);box-shadow:0 10px 24px rgba(112,68,113,.1)}.pinnedCommentBlock h3{margin:0 0 7px}.pinnedCommentBlock .threadComment{background:#fffC}
.postMetaTime{display:block!important;text-align:left}.subscriptionCard .activityTime{display:flex;margin-top:4px}
/* V19 — objetivos Hype conectados con puntos individuales */
.pointsProgress.goalProgress{position:relative;height:18px;margin-top:9px;background:#fff;border:1px solid rgba(145,102,171,.16)}.pointsProgress.goalProgress i{min-width:0;transition:width .35s ease}.pointsGoalLabel{position:absolute;inset:0;display:grid;place-items:center;font-size:8px;font-weight:1000;color:#5f416a;text-shadow:0 1px 2px #fff;z-index:2}.pointsRewardLegend{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px}.pointsRewardLegend span{padding:4px 7px;border-radius:999px;background:#fffA;border:1px solid rgba(149,105,174,.16);font-size:8px;font-weight:900;color:#765080}
.hypeObjective{display:grid;gap:10px}.hypeObjectiveTop{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;flex-wrap:wrap}.hypeObjectiveTop h3{margin:0;color:#663d78}.hypeStatus{padding:5px 8px;border-radius:999px;background:#f0e6fa;color:#785085;font-size:9px;font-weight:950}.hypeStatus.live{background:linear-gradient(135deg,#ffe89c,#ffb8dc);color:#704354}.hypeStatus.complete{background:linear-gradient(135deg,#a9f0cf,#b5ddff);color:#356758}
.hypeGoalBar{position:relative;height:22px;border-radius:999px;overflow:hidden;background:#fff;border:1px solid rgba(143,98,170,.18)}.hypeGoalBar i{display:block;height:100%;background:linear-gradient(90deg,#ffb84d,#ff6db1,#9568ea);transition:width .35s ease}.hypeGoalBar b{position:absolute;inset:0;display:grid;place-items:center;color:#54335f;font-size:10px;text-shadow:0 1px 2px #fff}
.hypeMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hypeMetric{padding:9px;border-radius:12px;background:#fffB;border:1px solid rgba(155,112,179,.17)}.hypeMetricTop{display:flex;justify-content:space-between;gap:7px;font-size:10px}.hypeMetric .miniBar{height:7px;margin-top:6px;border-radius:999px;overflow:hidden;background:#eee4f5}.hypeMetric .miniBar i{display:block;height:100%;background:linear-gradient(90deg,#74cde7,#a888ee)}
.hypeCreatorEditor{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:7px;padding:10px;border-radius:13px;background:rgba(255,255,255,.7);border:1px dashed rgba(139,91,167,.32)}.hypeCreatorEditor label{display:grid;gap:4px;font-size:9px;font-weight:950;color:#704b7a}.hypeCreatorEditor input,.hypeCreatorEditor select{min-width:0;width:100%;padding:7px;border:1px solid var(--line);border-radius:9px;background:#fff}.hypeCreatorActions{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.hypeRewardNotice{padding:8px 10px;border-radius:11px;background:linear-gradient(135deg,rgba(255,231,138,.45),rgba(255,183,220,.36));font-size:9px;font-weight:850;color:#70475d}.hypeExpired{color:#a34a61}
/* V20 — pausa anti-spam, solicitudes de saldo y publicación simplificada */
.chatCooldown{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-top:1px solid rgba(151,106,174,.16);background:rgba(255,255,255,.66);color:#76577f;font-size:9px;font-weight:850}.chatCooldown b{color:#8c4caf;font-variant-numeric:tabular-nums}.chatCooldown.ready b{color:#3f846e}.chatInput button:disabled{opacity:.52;cursor:not-allowed}
.postDesignPanel.v20Simple{grid-template-columns:minmax(180px,300px) 1fr;align-items:center}.postDesignPanel.v20Simple .postDesignTitle{grid-column:1/-1}.postDesignPanel.v20Simple .postDesignStatus{grid-column:auto;padding:8px;border-radius:10px;background:#fffA}.postDesignPanel.v20Simple input[type=color]{height:38px}
.balancePaymentBox{display:grid;gap:8px}.balanceAccountSummary{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px;border-radius:10px;background:linear-gradient(135deg,rgba(255,232,148,.4),rgba(255,191,221,.32));border:1px solid rgba(199,143,66,.2)}.balanceAccountSummary strong{color:#75466e}.balanceHelp{padding:8px;border-radius:10px;background:#f8f2ff;color:#6f5379;font-size:10px;line-height:1.45}.balanceHelp a{color:#8c48aa;font-weight:950}
.balanceRequestCard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:11px;margin-top:8px;border:1px solid var(--line);border-radius:13px;background:#fffC}.balanceRequestCard.pending{border-color:rgba(219,160,60,.34);background:linear-gradient(135deg,#fffdf5,#fff6fb)}.balanceRequestMeta{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.balanceRequestActions{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap}.balanceRequestActions input{width:105px;padding:7px;border:1px solid var(--line);border-radius:9px}.balanceLedger{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;margin-top:9px}.balanceUserCard{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border-radius:11px;background:#fff;border:1px solid var(--line)}.balanceStatus{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eee5f8;color:#76537f;font-size:8px;font-weight:950}.balanceStatus.pending{background:#fff0b8;color:#7b6025}.balanceStatus.approved{background:#ccefdc;color:#376b53}.balanceStatus.rejected{background:#ffd8df;color:#8a4352}
@media(max-width:900px){
 .grid3{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
 .grid2{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
 .playerLayout{grid-template-columns:1fr}
}
@media(max-width:620px){
 .clipsHero{align-items:flex-start;flex-direction:column;padding:15px}
 #clipsGrid{grid-template-columns:1fr}
 .bottom{overflow-x:auto;scrollbar-width:none}.bottom::-webkit-scrollbar{display:none}
 .bottom button{min-width:54px;font-size:9px}.bottom i{font-size:18px}
 .identityBadge{font-size:8px;padding:2px 5px}
 .postDesignPanel{grid-template-columns:1fr}.planPaymentDemo{grid-template-columns:1fr}
 .mediaLayersNotice{grid-template-columns:1fr}
 .hypeCreatorEditor,.hypeMetrics{grid-template-columns:1fr}
 .postDesignPanel.v20Simple,.balanceRequestCard{grid-template-columns:1fr}
}

/* V21 — saldo con carrito, agendas, visitas y roles de canal */
.identityBadge.creator{background:linear-gradient(135deg,#d9c1ff,#a778ec);color:#49276c;box-shadow:0 2px 8px rgba(115,70,170,.16)}
.identityBadge.admin{background:linear-gradient(135deg,#ffe59a,#d6a5ff);color:#5d3a67}
.topActionBtn.saldo{background:linear-gradient(135deg,#fff0a7,#ffc2df);color:#65415e}.saldoCartCount{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:3px;border-radius:999px;background:#8f55be;color:#fff;font-size:9px}
.balanceShopHero{padding:14px;border-radius:17px;background:linear-gradient(135deg,#fff4bd,#ffd3e7 55%,#e6d8ff);border:1px solid rgba(191,134,67,.22)}
.balanceConversion{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.balanceConversion>div{padding:10px;border-radius:12px;background:#fffC;border:1px solid rgba(143,93,166,.14);text-align:center}.balanceConversion strong{display:block;color:#6d3e78;font-size:14px}.balanceConversion small{color:var(--muted)}
.balanceQuote{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border-radius:13px;background:#f8f1ff;border:1px solid var(--line)}.balanceQuote div{padding:7px;border-radius:9px;background:#fffA}.balanceQuote small{display:block;color:var(--muted)}.balanceQuote b{display:block;margin-top:2px;color:#674075}
.balanceCartList{display:grid;gap:7px;margin:9px 0}.balanceCartItem{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:10px;border-radius:12px;background:#fff;border:1px solid var(--line)}.balanceCartItem small{display:block;color:var(--muted)}
.checkoutSummary{padding:12px;border-radius:14px;background:linear-gradient(135deg,#fffbed,#fff1f8);border:1px solid rgba(199,143,66,.22)}.checkoutTotal{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.calendarSelectable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.calendarSelectable:hover,.calendarSelectable:focus{outline:none;transform:translateY(-1px);box-shadow:0 7px 18px rgba(108,65,129,.13);border-color:#c69be0}.scheduleAgendaBtn{white-space:nowrap}.agendaProviders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.agendaProvider{display:grid;place-items:center;gap:4px;min-height:64px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#684077;font-weight:950}.agendaEvent{padding:11px;margin-top:8px;border-radius:13px;background:#fff9;border:1px solid var(--line)}
.profileVisitorList{display:grid;gap:8px}.profileVisitor{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;padding:10px;border-radius:12px;background:#fffA;border:1px solid var(--line)}.profileVisitor small{display:block;color:var(--muted)}
.channelPinnedLabel{display:flex;align-items:center;gap:5px;margin:7px 0;padding:7px 9px;border-radius:10px;background:linear-gradient(135deg,#fff0aa,#ffd4e8);color:#6b4b55;font-size:10px;font-weight:950}.channelPinnedComment{border-color:rgba(211,154,54,.38)!important;box-shadow:0 8px 20px rgba(140,91,95,.1)}
@media(max-width:620px){.balanceConversion,.balanceQuote,.agendaProviders{grid-template-columns:1fr}.profileVisitor{grid-template-columns:38px 1fr}.profileVisitor>.badge{grid-column:2}.headerAccountActions{gap:4px}}



/* MELODIAS V22 — sesión, reacciones, citas, clips, moderación y saldo entero */
#demoAccountSelect{display:none!important}
.authProviders{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.authProvider{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-weight:900;color:#5f376e;cursor:pointer}
.authProvider:hover{transform:translateY(-1px)}
.authDivider{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin:10px 0}.authDivider:before,.authDivider:after{content:"";height:1px;background:var(--line);flex:1}
.sessionPill{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;background:#fff9;border:1px solid var(--line);font-size:11px;font-weight:900;color:#6d3a7d}
.securityGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.securityCard{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.securityCard small{display:block;color:var(--muted);margin-top:4px}
.totpSecret{font:700 14px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.5px;padding:10px;border-radius:10px;background:#f8efff;word-break:break-all}
.postReactionBar{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0 3px}.postReactionBar button{border:1px solid var(--line);background:#fff9;border-radius:999px;padding:5px 8px;cursor:pointer}.postReactionBar button.active{box-shadow:0 0 0 2px rgba(151,86,196,.18);background:#fff}
.quoteButton{border:1px solid var(--line);background:#fff9;border-radius:999px;padding:5px 9px;font-weight:850;color:#6f4a7b;cursor:pointer}
.quotedCard{margin:9px 0;padding:10px 12px;border-left:4px solid #a861c7;border-radius:10px;background:rgba(255,255,255,.66)}.quotedCard small{display:block;color:var(--muted);margin-bottom:4px}.quotedCard b{color:#6e337e}.quotedCard p{margin:3px 0;color:#5f5164}
.v22PinnedBlock{margin-bottom:10px;padding:13px;border-radius:16px;background:linear-gradient(135deg,rgba(255,244,179,.9),rgba(255,226,246,.9));border:1px solid #efc8d8}.v22PinnedBlock h3{margin:0 0 6px}.v22PinnedMeta{font-size:11px;color:var(--muted)}
.clipDetailHero{min-height:320px;border-radius:24px;display:grid;place-items:center;text-align:center;padding:28px;background:radial-gradient(circle at 20% 20%,#ffe7f5,#e2d8ff 52%,#d9f4ff);border:1px solid var(--line);box-shadow:var(--shadow)}.clipDetailHero .playDisc{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-size:34px;box-shadow:0 12px 35px rgba(94,49,116,.15)}.clipDetailHero h2{font-size:clamp(28px,5vw,46px);margin:12px 0 4px}.clipCardOpen{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.channelTeamList{display:grid;gap:8px;margin-top:10px}.channelTeamMember{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.channelTeamMember small{display:block;color:var(--muted)}
.giftModes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.giftPaymentSummary{padding:10px;border-radius:12px;background:#fff;border:1px solid var(--line);margin-top:8px}.giftPaymentSummary strong{color:#713b82}
.subscriberChatAccent{border-left:4px solid var(--chat-accent,#a45ac5)!important;background:color-mix(in srgb,var(--chat-accent,#a45ac5) 12%,white)!important}.chatColorControl{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:12px;background:#fff;border:1px solid var(--line);margin-top:9px}.chatColorControl input{width:52px;height:36px;border:0;background:transparent;padding:0}
.saldoAmount{font-size:10px;font-weight:1000;margin-left:3px;padding:2px 6px;border-radius:999px;background:#fff8;color:#6a3d72}.saldoCartCount:empty{display:none}
.balanceIntegerQuote{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.balanceIntegerQuote>div{padding:10px;border-radius:12px;background:#fff;border:1px solid var(--line)}.balanceIntegerQuote small{display:block;color:var(--muted)}.balanceIntegerQuote b{display:block;color:#663a76;margin-top:2px}
.oauthStatus{padding:8px 10px;border-radius:10px;background:#f7f0fb;color:#6b5474;font-size:11px;margin-top:8px}
@media(max-width:650px){.authProviders,.securityGrid,.giftModes,.balanceIntegerQuote{grid-template-columns:1fr}.clipDetailHero{min-height:240px}}

/* V22 final: estado sin sesión y navegación real */
body.v22-guest #planHeaderBtn,body.v22-guest #giftHeaderBtn{display:none!important}
body.v22-guest .chatColorControl{display:none!important}
.clipCardOpen:focus-visible,.quoteButton:focus-visible,.postReactionBar button:focus-visible{outline:3px solid rgba(153,97,235,.35);outline-offset:2px}
.subscriberChatAccent .userLink{color:var(--chat-accent,#a45ac5)!important;font-weight:1000}


/* V22.1 — limpieza de producción */
.reactionPicker{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  min-height:30px;
}
.reactionPickerLabel,
.reactionPicker > .commentAction{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px;
  line-height:1!important;
  margin:0!important;
}
.commentActions{align-items:center!important}
.guestProfileGate{
  max-width:620px;
  margin:34px auto;
  text-align:center;
  padding:28px;
}
.guestProfileGate img{width:86px;height:86px;object-fit:contain}
.guestProfileGate h2{font-size:28px;margin:6px 0}
.guestProfileGate p{max-width:460px;margin:8px auto 16px}
.emptyProdState{
  padding:22px;
  text-align:center;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.76);
  color:var(--muted);
}
body.v22-guest #profileSection .tabs{display:none!important}


/* V22.8 PRODUCCIÓN RÁPIDA */
.productionEmpty,
.productionLiveEmpty,
.productionRadioEmpty{
  width:100%;
  box-sizing:border-box;
  padding:18px 20px;
  text-align:center;
  color:var(--muted);
}
.productionLiveEmpty,
.productionRadioEmpty{
  margin-top:10px;
  padding:44px 24px;
}
.productionLiveEmpty h2,
.productionRadioEmpty h2{
  margin:8px 0 6px;
  color:var(--ink);
}
.productionLiveEmpty p,
.productionRadioEmpty p{
  margin:0;
}
.productionEmptyIcon{font-size:38px}
.productionNoLive .playerLayout{display:none !important}
.productionNoRadio .playerLayout{display:none !important}
#homePostInput[readonly]{cursor:pointer}


/* V22.9 · ajuste visual de estados vacíos */
.productionSubscriptionEmpty{
  display:block !important;
  overflow:visible !important;
  padding:0 !important;
}
.productionEmpty{
  grid-column:1 / -1;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:14px 18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 26px rgba(104,61,124,.07);
  color:var(--muted);
  text-align:center;
}
#recentSubscriptions .productionEmpty{
  min-height:64px;
  margin:0;
  font-size:14px;
}


/* V22.10 · encabezados de Inicio limpios, como "Últimas suscripciones" */
#homeTransmissionsBlock > .sectionHead,
#homeClipsBlock > .sectionHead,
#homeActivityBlock > .sectionHead{
  margin:22px 2px 9px !important;
  padding:0 !important;
  min-height:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

#homeTransmissionsBlock > .sectionHead h2,
#homeClipsBlock > .sectionHead h2,
#homeActivityBlock > .sectionHead h2{
  font-size:20px !important;
}

#homeTransmissionsBlock > .sectionHead small,
#homeClipsBlock > .sectionHead small,
#homeActivityBlock > .sectionHead small{
  max-width:62%;
  text-align:right;
  line-height:1.35;
}

@media (max-width:760px){
  #homeTransmissionsBlock > .sectionHead,
  #homeClipsBlock > .sectionHead,
  #homeActivityBlock > .sectionHead{
    align-items:flex-start !important;
    gap:6px;
  }
  #homeTransmissionsBlock > .sectionHead small,
  #homeClipsBlock > .sectionHead small,
  #homeActivityBlock > .sectionHead small{
    max-width:58%;
  }
}


/* V22.11 · tarjeta vacía siempre visible bajo Actividad reciente */
#homeActivity:empty{
  display:block !important;
  width:100%;
  min-height:64px;
  margin-top:10px !important;
  box-sizing:border-box;
}
#homeActivity:empty::before{
  content:"Aún no hay actividad reciente.";
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:64px;
  box-sizing:border-box;
  padding:14px 18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 26px rgba(104,61,124,.07);
  color:var(--muted);
  text-align:center;
  font-size:14px;
}


/* V22.12 · Actividad con tarjeta y Categorías sin recuadro blanco */
#homeActivity{
  display:block !important;
  width:100% !important;
  min-height:64px;
}
#homeActivity:not(:has(> *))::before{
  content:"Aún no hay actividad reciente.";
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:64px;
  box-sizing:border-box;
  padding:14px 18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 26px rgba(104,61,124,.07);
  color:var(--muted);
  text-align:center;
  font-size:14px;
}
#homeActivity > .productionEmpty{
  min-height:64px !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:0 10px 26px rgba(104,61,124,.07) !important;
}

/* Categorías: mismo encabezado limpio que Últimas suscripciones */
#homeCategoriesBlock > .sectionHead{
  margin:22px 2px 9px !important;
  padding:0 !important;
  min-height:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
#homeCategoriesBlock > .sectionHead h2{
  font-size:20px !important;
}

/* Quitamos también la caja blanca grande que rodeaba los chips */
#publicCategories.panel{
  margin-top:4px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}


/* V22.13 · hashtags/categorías más legibles */
#publicCategories .categoryPill,
.categoryPill{
  font-size:14px !important;
  line-height:1.2 !important;
  padding:9px 12px !important;
}

#v225RegisterContinueBtn{
  pointer-events:auto!important;
  cursor:pointer!important;
  opacity:1!important;
  position:relative!important;
  z-index:10!important;
}

#v226RegisterContinueAction{
  pointer-events:auto!important;
  cursor:pointer!important;
  opacity:1!important;
  position:relative!important;
  z-index:999999!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none!important;
  user-select:none;
}


/* ==========================================================================
   MELODIAS V23.0 — SOCIAL CORE
   ========================================================================== */
.socialAvatar{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#ffd7e9,#c9a6ff);border:2px solid rgba(255,255,255,.95);box-shadow:0 4px 12px rgba(90,52,115,.13);font-weight:1000;color:#6d2d79;vertical-align:middle}
.socialAvatar img{width:100%;height:100%;object-fit:cover}
.socialAvatarFallback{font-size:14px}
.socialUserIdentity{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer;min-width:0}
.socialUserIdentity>span:last-child{display:grid;min-width:0}.socialUserIdentity b{color:#652a78;font-weight:1000;overflow:hidden;text-overflow:ellipsis}.socialUserIdentity small{color:var(--muted);font-size:10px}
.socialInlineName{border:0;background:transparent;padding:0;color:#6b2f80;font-weight:1000;cursor:pointer}.socialInlineName:hover{text-decoration:underline}

.socialComposer{padding:13px;border-radius:18px;background:rgba(255,255,255,.88);border:1px solid rgba(107,55,131,.15);box-shadow:0 10px 26px rgba(89,52,110,.08);margin-bottom:12px}
.socialComposerTop{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}.socialComposerText{width:100%;resize:vertical;border:1px solid var(--line);border-radius:15px;padding:12px;background:#fff;color:var(--ink);font:inherit}
.socialComposerTools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.socialFileName{font-size:10px;color:var(--muted);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.socialCircleBtn,.socialCircleLabel{width:42px;height:42px;min-width:42px;border-radius:50%;border:1px solid rgba(111,59,139,.16);background:linear-gradient(145deg,#fff,#f4e5ff);color:#6d2d83;display:inline-grid;place-items:center;font-weight:1000;cursor:pointer;box-shadow:0 5px 14px rgba(94,50,121,.09);transition:.15s ease;line-height:1}
.socialCircleBtn:hover,.socialCircleLabel:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(94,50,121,.14)}
.socialCircleBtn.small{width:34px;height:34px;min-width:34px;font-size:12px}.socialCircleBtn.tiny{width:25px;height:25px;min-width:25px;font-size:10px}.socialCircleBtn.publish{background:linear-gradient(135deg,#f35baa,#a65fe8);color:#fff}.socialCircleBtn.active{background:linear-gradient(135deg,#ff93c9,#d4a8ff);color:#5d1f72}.socialCircleBtn.danger{color:#a52f5a;background:#fff0f5}.socialCircleLabel input{display:none}
.socialColorControl,.socialIntensityControl{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:900;color:#75527f;background:#fff9;border:1px solid var(--line);padding:6px 9px;border-radius:999px}.socialColorControl input{width:28px;height:26px;border:0;background:transparent;padding:0}.socialIntensityControl input{width:110px}.socialIntensityControl output{min-width:32px;text-align:right}

.socialPost{padding:14px;border-radius:20px;background:rgba(255,255,255,.91);border:1px solid rgba(111,63,132,.14);box-shadow:0 10px 28px rgba(91,53,111,.08);margin:12px 0;overflow:hidden}
.socialSubscriberPost{border-color:color-mix(in srgb,var(--socialPostColor,#ff76bd) 32%,rgba(111,63,132,.14))}
.socialPostHeader{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.socialPostMeta{display:grid;gap:2px;text-align:right}.socialPostMeta small{color:var(--muted);font-size:10px}.socialPostAdminActions{display:flex;gap:4px}
.socialPostText{font-size:15px;line-height:1.55;white-space:pre-wrap;margin:12px 0;color:#4f2f59;overflow-wrap:anywhere}.socialPostMedia{display:block;width:100%;max-height:560px;object-fit:contain;background:rgba(255,255,255,.55);border-radius:16px;border:1px solid rgba(109,57,128,.12);margin:10px 0}
.socialPostActions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;border-top:1px solid rgba(102,57,123,.1);border-bottom:1px solid rgba(102,57,123,.1);padding:8px 0;margin-top:10px}.socialAction{border:0;background:rgba(255,255,255,.65);color:#6b4777;border-radius:999px;padding:7px 10px;font-weight:900;cursor:pointer}.socialAction.active{background:#f7d6ee;color:#7d2c72}.socialAction b{font-size:10px;margin-left:3px}
.socialQuoteCard{width:100%;display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:start;border:1px solid rgba(114,64,137,.18);background:rgba(255,255,255,.65);border-radius:16px;padding:10px;text-align:left;color:inherit;cursor:pointer;margin:9px 0}.socialQuoteCard.static{cursor:default}.socialQuoteBody{display:grid;gap:4px;min-width:0}.socialQuoteName{font-weight:1000;color:#692d7e;cursor:pointer}.socialQuoteBody>span:last-child{white-space:pre-wrap;overflow-wrap:anywhere}.socialQuoteBody img{max-width:160px;max-height:120px;border-radius:10px;object-fit:cover}

.socialComments{display:grid;gap:7px;margin-top:10px}.socialComment{padding:9px;border-radius:14px;background:rgba(255,255,255,.6);border:1px solid rgba(108,61,129,.09)}.socialCommentHead{display:flex;gap:7px;align-items:center}.socialCommentMain{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap}.socialCommentMain small{color:var(--muted);font-size:9px}.socialCommentText{margin:6px 0 3px 37px;white-space:pre-wrap;overflow-wrap:anywhere}.socialMiniActions{display:flex;gap:4px;margin-left:34px}.socialMiniRound{border:0;border-radius:999px;background:#fff8;color:#754685;font-size:10px;padding:5px 7px;cursor:pointer}.socialMiniRound.active{background:#f5cde8;color:#79276d}.socialMiniRound.danger{color:#a92e57}.socialFocusedComment{outline:3px solid rgba(242,92,167,.35);background:#fff2fa}
.socialReplyBox{display:flex;gap:6px;align-items:flex-end;margin:7px 0 0 36px}.socialReplyBox textarea,.socialCommentComposer textarea{flex:1;border:1px solid var(--line);border-radius:13px;padding:9px;font:inherit;resize:vertical;background:#fff}.socialCommentComposer{display:flex;gap:7px;align-items:flex-end;margin-top:10px}

.socialAdSlot{min-height:94px;border-radius:17px;border:1px dashed rgba(109,62,132,.26);background:rgba(255,255,255,.5);display:grid;place-items:center;text-align:center;color:#92769a;margin:14px 0}.socialAdSlot span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000}.socialAdSlot small{display:block}
.socialCreateDock{position:fixed;right:20px;bottom:88px;z-index:80;display:flex;gap:8px;flex-direction:column}.socialCreateRound{width:52px;height:52px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,#ef62ad,#9f63e4);color:#fff;font-size:19px;font-weight:1000;box-shadow:0 10px 24px rgba(105,48,130,.25);cursor:pointer}.socialHeaderRound{position:relative;width:40px!important;min-width:40px!important;padding:0!important;border-radius:50%!important}.socialNotificationBadge{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;border-radius:999px;background:#d63b72;color:#fff;font-size:9px;display:grid;place-items:center;padding:0 4px}

.socialProfileFriendActions{display:flex;gap:7px;margin-top:10px}.socialProfileStories{margin-top:8px}.socialHomeStories{margin:0 0 14px}.socialStoryRow{display:flex;gap:10px;overflow:auto;padding:3px}.socialStoryHomeBubble,.socialStoryAdd{width:72px;flex:0 0 72px;border:0;background:transparent;color:inherit;display:grid;place-items:center;gap:4px;cursor:pointer}.socialStoryHomeBubble small,.socialStoryAdd small{width:68px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.socialStoryAdd{height:76px;border:1px dashed #c495dc;border-radius:18px;font-size:24px;color:#7b3a91}
.socialStoryModalCard{position:relative;max-width:720px!important}.socialStoryClose{position:absolute;right:14px;top:14px;z-index:5}.socialStoryTop{display:flex;justify-content:space-between;align-items:center;padding-right:52px}.socialStoryCanvas{position:relative;min-height:360px;max-height:68vh;margin-top:10px;border-radius:18px;background:linear-gradient(145deg,#2d1936,#5b2d67);overflow:hidden;display:grid;place-items:center}.socialStoryCanvas>img{max-width:100%;max-height:68vh;object-fit:contain}.socialStoryText{position:absolute;left:8%;right:8%;bottom:10%;padding:13px;border-radius:16px;background:rgba(20,8,26,.62);color:#fff;font-size:18px;text-align:center;white-space:pre-wrap}.socialStoryNav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.82);color:#653276;font-size:30px;cursor:pointer}.socialStoryNav.left{left:10px}.socialStoryNav.right{right:10px}.socialStoryNav.disabled{opacity:.25;pointer-events:none}.socialStoryFooter{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:10px}.socialPeopleList{display:grid;gap:7px}.socialPeopleList>button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff9;border-radius:13px;padding:8px;color:inherit;text-align:left}.socialPeopleList>button span{display:grid}.socialPeopleList small{color:var(--muted)}

.socialNotificationList{display:grid;gap:8px;margin-top:10px}.socialNotification{display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center;padding:11px;border-radius:15px;background:#fff9;border:1px solid var(--line);cursor:pointer}.socialNotification.unread{background:linear-gradient(135deg,#fff0f7,#f1e8ff);border-color:#dba6cf}.socialNotification p{margin:2px 0}.socialNotification small{color:var(--muted)}.socialActivityUnread{border-color:#dba6cf!important;background:linear-gradient(135deg,#fff0f7,#f4edff)!important}.socialModalTop{display:flex;align-items:center;justify-content:space-between}.socialWideModal{max-width:780px!important}

.socialChatLayout{display:grid;grid-template-columns:minmax(240px,330px) 1fr;gap:12px;min-height:590px}.socialChatSidebar,.socialChatThread{background:rgba(255,255,255,.83);border:1px solid var(--line);border-radius:19px;padding:11px;min-width:0}.socialFriendSearch{display:flex;gap:6px}.socialFriendSearch input{flex:1;border:1px solid var(--line);border-radius:999px;padding:9px 12px}.socialFriendSearchItem,.socialRequestRow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-bottom:1px solid rgba(100,56,120,.08)}.socialChatList{display:grid;gap:5px}.socialChatListItem{width:100%;display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;text-align:left;border:0;background:transparent;padding:8px;border-radius:13px;color:inherit;cursor:pointer}.socialChatListItem.active,.socialChatListItem:hover{background:#f6e8fa}.socialChatListItem span{display:grid;min-width:0}.socialChatListItem small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.socialChatListItem em{font-style:normal;background:#d64e91;color:#fff;border-radius:999px;min-width:19px;height:19px;display:grid;place-items:center;font-size:9px}
.socialChatThread{display:flex;flex-direction:column}.socialChatHeader{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px}.socialChatHeaderBtns{display:flex;gap:5px}.socialMessages{flex:1;min-height:390px;max-height:58vh;overflow:auto;padding:10px 3px;display:flex;flex-direction:column;gap:8px}.socialMessage{display:flex;gap:6px;align-items:flex-end;max-width:82%}.socialMessage.mine{align-self:flex-end;flex-direction:row-reverse}.socialMessageBubble{padding:9px 10px;border-radius:16px;background:#fff;border:1px solid var(--line);min-width:120px}.socialMessage.mine .socialMessageBubble{background:linear-gradient(135deg,#ffe4f2,#eadcff)}.socialMessageTop{display:flex;gap:8px;justify-content:space-between;align-items:center}.socialMessageTop button{border:0;background:transparent;color:#6c2e80;font-weight:1000;padding:0;cursor:pointer}.socialMessageTop small{color:var(--muted);font-size:9px}.socialMessageBubble>img{display:block;max-width:min(360px,100%);max-height:320px;border-radius:12px;margin-top:7px;object-fit:contain}.socialMessageFoot{display:flex;justify-content:flex-end;gap:5px;align-items:center;margin-top:5px}.socialMessageFoot small{color:var(--muted);font-size:9px}.socialChatComposer{display:flex;gap:7px;align-items:flex-end;border-top:1px solid var(--line);padding-top:9px}.socialChatComposer textarea{flex:1;border:1px solid var(--line);border-radius:15px;padding:10px;font:inherit;resize:vertical}.socialEmojiPicker{display:flex;gap:4px;flex-wrap:wrap;padding:8px;border-radius:14px;background:#fff;border:1px solid var(--line);margin-bottom:7px}.socialEmojiPicker button{width:34px;height:34px;border-radius:50%;border:0;background:#f8effb;cursor:pointer;font-size:18px}.socialChatFileName{font-size:9px;color:var(--muted);text-align:center;margin-top:4px}.socialChatEmpty{margin:auto;color:var(--muted);text-align:center}

@media(max-width:760px){
  .socialPostHeader{grid-template-columns:1fr auto}.socialPostMeta{grid-column:1;text-align:left}.socialPostAdminActions{grid-column:2;grid-row:1}
  .socialChatLayout{grid-template-columns:1fr}.socialChatSidebar{max-height:310px;overflow:auto}.socialChatThread{min-height:500px}
  .socialCreateDock{right:12px;bottom:82px}.socialCreateRound{width:48px;height:48px}
  .socialIntensityControl{width:100%;justify-content:space-between}.socialIntensityControl input{flex:1}
}

.socialReactionBar{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.socialReaction{border:1px solid rgba(107,58,130,.12);background:#fff9;border-radius:999px;padding:5px 8px;cursor:pointer;font-size:13px}.socialReaction span{font-size:9px;color:var(--muted);margin-left:2px}.socialReaction.active{background:#f5d5eb;border-color:#d895c3}

.socialPinnedComment{padding:12px;border-radius:18px;background:linear-gradient(135deg,#fff5bf,#ffe0f1);border:1px solid rgba(183,134,59,.24);margin-bottom:12px}.socialPinnedTitle{font-weight:1000;color:#7b5660;margin-bottom:7px}


/* ======================================================================
   MELODIAS V23.1
   Vista previa de publicaciones + creador de historias para suscriptores
   ====================================================================== */

.socialComposerLivePreview{
  margin:12px 0 4px;
}
.socialComposerLivePreview>small{
  display:block;
  margin-bottom:7px;
  color:var(--muted);
  font-weight:800;
}
.socialComposerPreviewCard{
  min-height:105px;
  border:1px solid rgba(115,64,136,.18);
  border-radius:22px;
  padding:18px;
  overflow:hidden;
  transition:background .12s ease,box-shadow .12s ease;
}
.socialComposerPreviewText{
  font-size:16px;
  font-weight:750;
  white-space:pre-wrap;
  word-break:break-word;
}
.socialComposerPreviewImage{
  display:block;
  width:100%;
  max-height:260px;
  object-fit:cover;
  border-radius:16px;
  margin-top:12px;
}
.socialComposerPreviewImage.hidden{
  display:none!important;
}

.socialStoryCreateCard{
  max-width:640px;
}
.socialStoryCreatePreview{
  position:relative;
  min-height:310px;
  border-radius:26px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:24px;
  margin:14px 0;
  background:#6f347d;
  transition:background .12s ease;
}
.socialStoryCreatePreview img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.socialStoryCreatePreview img.hidden{
  display:none!important;
}
#socialStoryPreviewText{
  position:relative;
  z-index:2;
  width:min(90%,520px);
  padding:16px 18px;
  border-radius:18px;
  background:rgba(30,13,37,.76);
  color:#fff;
  text-align:center;
  font-size:18px;
  font-weight:800;
  white-space:pre-wrap;
  word-break:break-word;
}
.socialStoryColorRow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:10px 0 14px;
}
.socialStoryColorRow>label{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
}
.socialStoryColorDot{
  width:34px;
  height:34px;
  border-radius:50%;
  border:3px solid #fff;
  outline:1px solid rgba(95,45,112,.25);
  background:var(--storyDot);
  cursor:pointer;
  box-shadow:0 4px 12px rgba(62,28,75,.12);
}
.socialStoryCreateActions{
  align-items:center;
}
.socialUploadRound{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}


/* =========================================================
   MELODIAS V23.2 — UI social limpia y dock inferior alineado
   ========================================================= */

.bottom{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:2px!important;
  min-height:68px;
  padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important;
  overflow:hidden;
}
.bottom button{
  min-width:0!important;
  width:100%!important;
  height:54px!important;
  padding:4px 2px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:3px!important;
  line-height:1!important;
  white-space:nowrap;
  border-radius:14px!important;
}
.bottom button i{
  min-height:22px;
  display:grid;
  place-items:center;
  font-size:19px!important;
  line-height:1!important;
}
.bottom button span{
  font-size:9px;
  line-height:1.1;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
.bottom button:hover{
  background:rgba(235,212,244,.46)!important;
}

.socialCommunityStories{
  margin:0 0 12px;
  padding:10px 2px 4px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.socialCommunityStoriesHead{
  display:flex;
  align-items:center;
  gap:8px;
  justify-content:space-between;
  padding:0 2px 8px;
}
.socialCommunityStoriesHead small{
  color:var(--muted);
  font-size:10px;
}
.socialStoryButtonRow{
  display:flex;
  gap:10px;
  align-items:flex-start;
  overflow-x:auto;
  padding:2px 2px 7px;
  scrollbar-width:thin;
}
.socialStoryButton{
  width:68px;
  min-width:68px;
  border:0;
  background:transparent;
  display:grid;
  justify-items:center;
  gap:5px;
  color:var(--ink);
  cursor:pointer;
  padding:0;
}
.socialStoryButton .socialAvatar,
.socialStoryButton > span{
  width:52px!important;
  height:52px!important;
  border-radius:50%!important;
  border:2px solid rgba(186,104,204,.58)!important;
  box-shadow:0 6px 16px rgba(96,47,118,.14);
}
.socialStoryButton.add > span{
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ffb3d9,#cfb4ff);
  color:#6b327f;
  font-size:26px;
  font-weight:1000;
}
.socialStoryButton small{
  width:68px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
}
.socialStoriesEmpty{
  color:var(--muted);
  font-size:11px;
  padding:14px 4px;
}

.socialRetryPill{
  border:1px solid rgba(129,70,153,.20);
  background:rgba(255,255,255,.78);
  color:var(--ink);
  border-radius:999px;
  padding:8px 13px;
  font-weight:900;
  cursor:pointer;
}

.socialInlineQuoteComposer,
.socialInlineEditComposer{
  margin:9px 0;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(131,76,154,.16);
  background:rgba(255,255,255,.72);
  box-shadow:none;
}
.socialInlineComposerTitle{
  display:flex;
  align-items:center;
  gap:7px;
  font-weight:900;
  margin-bottom:7px;
}
.socialInlineQuotedText{
  padding:8px 10px;
  border-left:3px solid rgba(164,88,190,.35);
  color:var(--muted);
  margin-bottom:8px;
  white-space:pre-wrap;
}
.socialInlineQuoteComposer textarea,
.socialInlineEditComposer textarea{
  width:100%;
  resize:vertical;
  border:1px solid var(--line);
  background:#fff9;
  border-radius:13px;
  padding:10px;
  color:var(--ink);
  outline:none;
}
.socialInlineComposerActions{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  margin-top:7px;
}
.socialMiniRound.armed,
.socialCircleBtn.armed{
  background:linear-gradient(135deg,#f16c9f,#d84f77)!important;
  color:#fff!important;
}

.socialProfileFriendActions,
.socialProfileOwnActions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:12px;
}
.socialProfileRoundAction{
  min-width:62px;
  min-height:62px;
  border-radius:50%;
  border:1px solid rgba(129,71,153,.18);
  background:rgba(255,255,255,.82);
  color:var(--ink);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:2px;
  font-size:18px;
  font-weight:950;
  box-shadow:0 7px 18px rgba(92,48,111,.10);
}
.socialProfileRoundAction span{
  font-size:8px;
}
.socialProfileRoundAction.friend{
  background:linear-gradient(145deg,#ffe3f1,#eee0ff);
}
.socialProfileRoundAction.active{
  background:linear-gradient(145deg,#e5f8ed,#e8f6ff);
}
.socialProfileRoundAction.pending{
  opacity:.75;
}
.socialRenameInline{
  flex:1 1 100%;
  display:grid;
  grid-template-columns:minmax(140px,280px) auto auto;
  gap:7px;
  align-items:center;
  padding:9px;
  border-radius:15px;
  background:rgba(255,255,255,.72);
  border:1px solid var(--line);
}
.socialRenameInline input{
  width:100%;
  border:1px solid var(--line);
  border-radius:999px;
  padding:9px 12px;
  color:var(--ink);
  background:#fff;
}
.socialRenameInline small{
  grid-column:1/-1;
  color:var(--muted);
}

#homeActivity .activityRow{
  align-items:center;
}
#homeActivity .activityRow>.socialCircleBtn{
  justify-self:end;
}

@media(max-width:700px){
  .bottom{
    padding-left:3px!important;
    padding-right:3px!important;
    gap:0!important;
  }
  .bottom button{
    padding-left:0!important;
    padding-right:0!important;
  }
  .bottom button i{
    font-size:17px!important;
  }
  .bottom button span{
    font-size:7.5px;
  }
}


/* =========================================================
   MELODIAS V23.3 — Comunidad compacta + perfil social real
   ========================================================= */

#homeActivityBlock{
  display:block;
}

#homeActivityBlock > .sectionHead{
  margin-top:14px!important;
  margin-bottom:6px!important;
}

#homeActivityBlock > .sectionHead + #homeActivity{
  margin-top:4px!important;
}

#socialHomeStories{
  margin:0!important;
  padding:0!important;
}

#socialCommunityComposerHost{
  margin:4px 0 8px!important;
}

#socialCommunityComposerHost .socialComposer{
  margin:0!important;
}

#homeCommunityPosts{
  margin-top:6px!important;
}

.socialCommunityStories{
  margin:0 0 7px!important;
  padding:4px 2px 2px!important;
}

.socialComposer{
  padding:12px!important;
  margin-bottom:8px!important;
}

.socialComposerLivePreview{
  margin:8px 0 4px!important;
}

.socialComposerPreviewCard{
  min-height:90px!important;
}

.socialIntensityControl{
  min-width:220px;
}

.socialIntensityControl input[type="range"]{
  flex:1 1 120px;
  min-width:120px;
  accent-color:#b95ad0;
}


#profileTabContent > .profileComposer,
#profileTabContent #profilePostComposer:not(.socialComposer){
  /* El compositor antiguo solo se usa como fallback si el módulo social falla. */
}



/* V23.4 — solo una campana: la del sistema social real */
#notificationBellBtn,
#notificationDrawer,
#notificationBubbles{
  display:none!important;
  pointer-events:none!important;
}

#socialNotificationHeaderBtn{
  position:relative;
  pointer-events:auto!important;
  cursor:pointer!important;
}

#socialNotificationHeaderBtn .socialNotificationBadge{
  pointer-events:none;
}

#planToggleBtn.red{
  background:linear-gradient(135deg,#ff9cb9,#e85c82);
  color:#fff;
}


/* ========================= MELODIAS V23.7 ========================= */

/* Panel de notificaciones: no cambia de página y no parpadea */
.socialNotificationPanelV237{
  position:fixed;
  top:76px;
  right:18px;
  z-index:100000;
  width:min(420px,calc(100vw - 28px));
  max-height:min(70vh,650px);
  overflow:auto;
  border:1px solid rgba(126,70,146,.20);
  border-radius:22px;
  background:rgba(255,250,255,.97);
  box-shadow:0 18px 60px rgba(79,35,95,.22);
  backdrop-filter:blur(18px);
  padding:12px;
}

.socialNotificationPanelV237.hidden{
  display:none!important;
}

.socialNotificationPanelTop{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 8px 12px;
  background:rgba(255,250,255,.96);
}

.socialNotificationPanelV237 .socialNotification{
  border-radius:16px;
  margin:6px 0;
}

.socialNotificationPanelV237 .socialNotification.unread{
  background:rgba(255,198,231,.35);
}

/* Historias siempre arriba de Comunidad, sin cabecera/estrella separada */
.socialCommunityStoriesV237{
  margin:8px 0 12px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

.socialCommunityStoriesV237 .socialCommunityStoriesHead{
  display:none!important;
}

.socialStoryCarouselV237{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  gap:8px;
  width:100%;
  padding:8px 6px;
  border-radius:22px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(150,90,165,.12);
  backdrop-filter:blur(10px);
}

.socialStoryScrollerV237{
  display:flex;
  align-items:flex-start;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  padding:3px 2px 5px;
}

.socialStoryScrollerV237::-webkit-scrollbar{
  display:none;
}

.socialStoryPersonV237{
  position:relative;
  flex:0 0 76px;
  width:76px;
  text-align:center;
}

.socialStoryPersonV237 small{
  display:block;
  margin-top:4px;
  max-width:76px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:11px;
  color:var(--ink);
}

.socialStoryBubbleV237{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  width:64px;
  height:64px;
  border-radius:50%;
}

.socialStoryRingV237{
  width:64px;
  height:64px;
  border-radius:50%;
  padding:3px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ff70be,#a964ef,#ffd18e);
  box-shadow:0 6px 18px rgba(128,64,149,.18);
}

.socialStoryRingV237 > *{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#fff;
}

.socialStoryRingV237.empty{
  position:relative;
  background:rgba(164,90,197,.20);
}

.socialStoryOwnWrapV237{
  position:relative;
  width:64px;
  margin:auto;
}

.socialStoryPlusV237,
.socialStoryPlusInsideV237{
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#a45ac5;
  color:#fff;
  font-weight:900;
  border:2px solid #fff;
}

.socialStoryPlusV237{
  position:absolute;
  right:-2px;
  bottom:0;
  width:24px;
  height:24px;
  cursor:pointer;
  z-index:3;
}

.socialStoryPlusInsideV237{
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
}

.socialStoryArrowV237{
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(145,84,167,.18);
  background:rgba(255,255,255,.92);
  color:#6f347d;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(91,46,107,.10);
}

.socialStoryArrowV237:hover{
  transform:translateY(-1px);
}

/* Visor de historias tipo Instagram */
.socialStoryInstagramV237{
  max-width:620px;
  margin:auto;
}

.socialStoryInstagramTopV237{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

.socialStoryAuthorV237{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  border:0;
  background:transparent;
  color:var(--ink);
  text-align:left;
  cursor:pointer;
}

.socialStoryAuthorV237 span:last-child{
  display:grid;
}

.socialStoryAuthorV237 small{
  color:var(--muted);
}

.socialStoryAuthorAvatarV237{
  width:46px;
  height:46px;
  border-radius:50%;
  padding:2px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ff70be,#a964ef,#ffd18e);
}

.socialStoryAuthorAvatarV237 > *{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:50%!important;
  overflow:hidden!important;
}

.socialStoryCanvasV237{
  min-height:min(66vh,680px);
  border-radius:26px;
  overflow:hidden;
  position:relative;
}

.socialStoryCanvasV237 > img{
  width:100%;
  height:100%;
  min-height:min(66vh,680px);
  object-fit:cover;
}

/* Evita sensación de "recarga" en botones sociales */
.socialAction,
.socialCircleBtn,
.socialMiniRound,
.socialStoryBubbleV237,
.socialStoryArrowV237{
  -webkit-tap-highlight-color:transparent;
}

@media (max-width:700px){
  .socialNotificationPanelV237{
    top:68px;
    right:8px;
    width:calc(100vw - 16px);
  }

  .socialStoryCarouselV237{
    grid-template-columns:36px minmax(0,1fr) 36px;
    gap:4px;
  }

  .socialStoryArrowV237{
    width:34px;
    height:34px;
    font-size:24px;
  }

  .socialStoryPersonV237{
    flex-basis:70px;
    width:70px;
  }
}


/* ========================= MELODIAS V23.8 ========================= */

/* Campana NUEVA: círculo real, tamaño fijo y sin aspecto ovalado */
#socialNotificationHeaderBtn.socialNotificationCircleV238{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;

  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  flex:0 0 46px!important;
  aspect-ratio:1 / 1!important;

  display:inline-grid!important;
  place-items:center!important;

  margin:0!important;
  padding:0!important;

  border-radius:50%!important;
  border:1px solid rgba(139,82,158,.18)!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(250,232,252,.95)
    )!important;

  color:#6f347d!important;
  font:inherit!important;
  line-height:1!important;

  box-shadow:
    0 6px 18px rgba(104,48,126,.12)!important;

  cursor:pointer!important;
  position:relative!important;
  overflow:visible!important;

  outline:none!important;
  transform:none!important;
  transition:
    transform .15s ease,
    box-shadow .15s ease,
    background .15s ease!important;

  -webkit-tap-highlight-color:transparent!important;
}

#socialNotificationHeaderBtn.socialNotificationCircleV238:hover{
  transform:translateY(-1px)!important;
  box-shadow:
    0 9px 22px rgba(104,48,126,.17)!important;
}

#socialNotificationHeaderBtn.socialNotificationCircleV238:active{
  transform:scale(.97)!important;
}

#socialNotificationHeaderBtn.socialNotificationCircleV238:focus{
  outline:none!important;
}

#socialNotificationHeaderBtn.socialNotificationCircleV238:focus-visible{
  outline:3px solid rgba(181,102,221,.28)!important;
  outline-offset:2px!important;
}

.socialNotificationBellV238{
  display:block;
  font-size:21px;
  line-height:1;
  transform:translateY(1px);
  pointer-events:none;
}

/* Contador circular, nunca pastilla/óvalo */
.socialNotificationBadgeV238{
  box-sizing:border-box;
  position:absolute;
  top:-5px;
  right:-5px;

  width:22px;
  height:22px;
  min-width:22px;
  max-width:22px;

  padding:0;

  border-radius:50%;
  border:2px solid #fff;

  background:#d94478;
  color:#fff;

  display:grid;
  place-items:center;

  font-size:9px;
  line-height:1;
  font-weight:1000;

  box-shadow:0 3px 9px rgba(149,42,88,.22);
  pointer-events:none;
}

.socialNotificationBadgeV238.hidden{
  display:none!important;
}


/* El panel queda bajo la campana y no provoca saltos visuales */
.socialNotificationPanelV237{
  right:auto!important;
  margin:0!important;
  overscroll-behavior:contain;
}

.socialNotificationEmptyV238{
  min-height:150px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:6px;
  text-align:center;
  color:var(--muted);
}

.socialNotificationEmptyV238 > span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(196,139,224,.16);
  font-size:20px;
}

.socialNotificationEmptyV238 b{
  color:var(--ink);
}


/* Por si quedase algún nodo antiguo cacheado: jamás se muestra */
#notificationBellBtn,
#notificationDrawer,
#notificationBubbles,
.notificationBell,
.notificationDrawer,
.notificationBubbles{
  display:none!important;
  pointer-events:none!important;
}


/* En pantallas pequeñas sigue siendo círculo, no se comprime */
@media(max-width:900px){
  #socialNotificationHeaderBtn.socialNotificationCircleV238{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    flex-basis:44px!important;
  }
}


/* ========================= MELODIAS V23.9 ========================= */

/* Quitar DEFINITIVAMENTE la cabecera antigua ⭐ Historias */
.socialCommunityStoriesHead{
  display:none!important;
}

#socialHomeStories{
  margin:6px 0 14px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}


/* ---------- BOTONES DE PUBLICACIONES MÁS GRANDES ---------- */

.socialPostActions{
  gap:10px!important;
  padding:12px 0!important;
}

.socialAction{
  min-height:46px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  font-size:15px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}

.socialAction b{
  font-size:13px!important;
  margin-left:0!important;
}

.socialAction span{
  font-size:14px!important;
}


/* Botones redondos normales */
.socialCircleBtn,
.socialCircleLabel{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  font-size:17px!important;
}


/* Antes "small" era 34px: demasiado pequeño */
.socialCircleBtn.small{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  font-size:15px!important;
}


/* Miniacciones de comentarios */
.socialMiniRound{
  min-width:40px!important;
  min-height:40px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  font-size:13px!important;
}


/* Eliminar post/comentario: círculo bien visible */
.socialMiniRound.danger{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:17px!important;
  background:rgba(255,239,246,.96)!important;
  border:1px solid rgba(179,53,96,.16)!important;
  color:#a52f5a!important;
}

.socialMiniRound.danger:hover{
  background:#ffe1ec!important;
  transform:translateY(-1px);
}


/* ---------- HISTORIAS: SOLO FILA DE BURBUJAS ---------- */

.socialCommunityStoriesV239{
  width:100%;
}

/* V23.16 — altura reservada para Historias.
   El carrusel vacío medía ~74 px y con burbujas ~116 px, y el bloque
   valía 0 px hasta que respondía la API. Eran dos saltos verticales en
   cada carga que empujaban el feed. Con un min-height igual a la altura
   con burbujas, el hueco es el mismo siempre y nada se mueve. */
.socialStoryShelfHostV2316{
  width:100%;
}

.socialStoryShelfV239{
  min-height:116px;
}

.socialStoryShelfLoadingV2316{
  opacity:1;
}

@media(max-width:620px){
  .socialStoryShelfV239{
    min-height:108px;
  }
}

/* V23.16 — durante la carga el body lleva overflow:hidden, así que no hay
   barra de scroll; al revelar la página aparece, el viewport se estrecha
   ~15 px y TODO se recoloca de golpe hacia los lados. Reservando el hueco
   de la barra desde el principio, ese salto desaparece. */
html{
  scrollbar-gutter:stable;
}

.socialStoryShelfV239{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 48px;
  gap:8px;
  align-items:center;
  width:100%;
  padding:10px 8px;
  border-radius:24px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(142,83,165,.10);
  backdrop-filter:blur(9px);
}

.socialStoryScrollerV239{
  display:flex;
  gap:14px;
  align-items:flex-start;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding:4px 2px 7px;
}

.socialStoryScrollerV239::-webkit-scrollbar{
  display:none;
}

.socialStoryPersonV239{
  flex:0 0 82px;
  width:82px;
  text-align:center;
}

.socialStoryPersonV239 small{
  display:block;
  width:82px;
  margin-top:5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:12px;
  color:var(--ink);
}

.socialStoryBubbleV239{
  appearance:none;
  width:72px;
  height:72px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
}

.socialStoryRingV239{
  position:relative;
  width:72px;
  height:72px;
  padding:4px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    linear-gradient(
      135deg,
      #ff78bd,
      #a96cec,
      #ffd59a
    );
  box-shadow:0 7px 20px rgba(108,52,132,.15);
}

.socialStoryRingV239 > *{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#fff;
}

.socialStoryOwnWrapV239{
  position:relative;
  width:72px;
  height:72px;
  margin:auto;
}

.socialStoryPlusV239,
.socialStoryPlusInsideV239{
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#a45ac5;
  color:#fff;
  border:2px solid #fff;
  font-weight:1000;
}

.socialStoryPlusV239{
  position:absolute;
  right:-1px;
  bottom:-2px;
  width:27px;
  height:27px;
  cursor:pointer;
}

.socialStoryPlusInsideV239{
  position:absolute;
  right:-2px;
  bottom:-2px;
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
}

.socialStoryShelfArrowV239{
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(139,82,158,.16);
  background:rgba(255,255,255,.94);
  color:#713785;
  font-size:30px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 5px 15px rgba(92,47,111,.10);
}

.socialStoryShelfArrowV239:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(92,47,111,.14);
}

.socialStoriesEmptyV239{
  padding:18px 8px;
  color:var(--muted);
}


/* Ocultar visualmente los componentes de historias antiguos si sobreviven */
.socialStoryButtonRow{
  display:none!important;
}

@media(max-width:700px){
  .socialAction{
    min-height:44px!important;
    padding:0 13px!important;
    font-size:14px!important;
  }

  .socialStoryShelfV239{
    grid-template-columns:40px minmax(0,1fr) 40px;
    gap:4px;
    padding-left:4px;
    padding-right:4px;
  }

  .socialStoryShelfArrowV239{
    width:38px;
    height:38px;
    font-size:26px;
  }

  .socialStoryPersonV239{
    flex-basis:76px;
    width:76px;
  }

  .socialStoryPersonV239 small{
    width:76px;
  }

  .socialStoryBubbleV239,
  .socialStoryRingV239,
  .socialStoryOwnWrapV239{
    width:68px;
    height:68px;
  }

  .socialStoryRingV239 > *{
    width:60px!important;
    height:60px!important;
    min-width:60px!important;
    min-height:60px!important;
  }
}


/* MELODIAS V23.10A */
.socialProfileRoundAction.friend.pending{
  cursor:pointer!important;
}

.socialOutgoingRequestsV2310A{
  margin-top:12px;
}

.socialOutgoingRequestsV2310A .socialRequestRow{
  margin:6px 0;
}



/* ========================= MELODIAS V23.11 ========================= */

.shell{
  width:min(100%,1500px)!important;
}

.socialHeaderFormatsV2311{
  display:flex;
  gap:6px;
  align-items:center;
}

.socialHeaderFormatsV2311 button{
  min-height:42px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#6c347d;
  font-weight:950;
  cursor:pointer;
}

.socialHeaderCircleV2311{
  position:relative;
  width:46px;
  height:46px;
  min-width:46px;
  max-width:46px;
  border-radius:50%;
  border:1px solid rgba(139,82,158,.18);
  background:rgba(255,255,255,.92);
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:19px;
  box-shadow:0 6px 18px rgba(104,48,126,.10);
}

.socialHeaderBadgeV2311,
.socialLeftBadgeV2311{
  position:absolute;
  top:-5px;
  right:-5px;
  min-width:22px;
  height:22px;
  padding:0 4px;
  border-radius:999px;
  border:2px solid #fff;
  background:#d94478;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:9px;
  font-style:normal;
  font-weight:1000;
  line-height:1;
}

.socialHeaderBadgeV2311.hidden,
.socialLeftBadgeV2311.hidden{
  display:none!important;
}

.socialHeroLegacyV2311{
  display:none!important;
}

.socialHomeLayoutV2311{
  display:grid;
  grid-template-columns:220px minmax(0,1fr) 300px;
  gap:18px;
  align-items:start;
  margin-top:10px;
}

.socialHomeLeftV2311,
.socialHomeRightV2311{
  position:sticky;
  top:90px;
  display:grid;
  gap:12px;
}

.socialHomeCenterV2311{
  min-width:0;
}

.socialHomeNavV2311{
  display:grid;
  gap:5px;
  padding:10px;
  border-radius:20px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(144,86,163,.12);
  backdrop-filter:blur(12px);
}

.socialHomeNavV2311 button{
  position:relative;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:#653474;
  font-weight:950;
  text-align:left;
  cursor:pointer;
  padding:0 10px;
}

.socialHomeNavV2311 button:hover{
  background:rgba(245,218,255,.65);
}

.socialHomeLeftDividerV2311{
  height:1px;
  background:rgba(117,65,136,.16);
  margin:0 10px;
}

.socialHomeNavBottomV2311 button em{
  margin-left:auto;
}

#homeCategoriesBlock{
  margin:0!important;
  padding:12px!important;
  border-radius:20px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(144,86,163,.12);
  backdrop-filter:blur(12px);
}

#homeCategoriesBlock .sectionHead{
  margin:0 0 8px!important;
}

#homeCategoriesBlock .sectionHead h2{
  font-size:12px!important;
  letter-spacing:.12em;
  color:#9b719e;
}

#publicCategories.panel{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  gap:5px!important;
}

#publicCategories .categoryPill{
  width:100%;
  justify-content:flex-start;
  min-height:40px;
  border-radius:12px;
  background:transparent;
  border:0;
  text-align:left;
  padding:0 10px;
}

#publicCategories .categoryPill:hover{
  background:rgba(245,218,255,.65);
}

#homeActivityBlock{
  margin:0!important;
}

#homeActivityBlock > .sectionHead{
  margin:0 0 8px!important;
}

#homeActivityBlock > .sectionHead h2{
  font-size:25px!important;
}

#socialHomeStories{
  margin:0 0 12px!important;
}

#socialCommunityComposerHost .socialComposer{
  margin:0 0 12px!important;
}

#homeCommunityPosts{
  margin-top:0!important;
}

.socialHomeRightV2311 > #homeTransmissionsBlock,
.socialHomeRightV2311 > #homeSubscriptionsBlock,
.socialHomeRightV2311 > #homeClipsBlock,
.socialRailBlockV2311{
  margin:0!important;
  padding:12px!important;
  border-radius:20px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(144,86,163,.12);
  backdrop-filter:blur(12px);
}

.socialHomeRightV2311 .sectionHead{
  margin:0 0 8px!important;
}

.socialHomeRightV2311 .sectionHead h2{
  font-size:16px!important;
}

.socialHomeRightV2311 .sectionHead small{
  display:none!important;
}

.socialHomeRightV2311 .grid3{
  grid-template-columns:1fr!important;
}

.socialHomeRightV2311 .productionEmpty{
  padding:0!important;
  min-height:0!important;
  border:0!important;
  background:transparent!important;
}

.socialCompactEmptyV2311{
  display:grid;
  gap:7px;
  padding:5px 0 2px;
  color:var(--muted);
  font-size:12px;
}

.socialCompactEmptyV2311 b{
  color:#633574;
  font-size:13px;
}

.socialCompactEmptyV2311 button{
  justify-self:start;
  min-height:34px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#ff73b5,#a46ee9);
  color:#fff;
  padding:0 11px;
  font-weight:950;
  cursor:pointer;
}

.socialRailHiddenV2311{
  display:none!important;
}

.socialRailBlockV2311 #homeActivity{
  margin:0!important;
}

.socialRailBlockV2311 .activityRow{
  grid-template-columns:30px minmax(0,1fr) 34px!important;
  gap:7px!important;
  padding:8px 4px!important;
}

.socialRailBlockV2311 .activityThumb > *{
  width:30px!important;
  height:30px!important;
}

.socialUpcomingCardV2311{
  width:100%;
  display:grid;
  grid-template-columns:34px 1fr 20px;
  align-items:center;
  gap:8px;
  padding:12px;
  border-radius:20px;
  border:1px solid rgba(144,86,163,.12);
  background:rgba(255,255,255,.72);
  color:#653474;
  text-align:left;
  cursor:pointer;
  backdrop-filter:blur(12px);
}

.socialUpcomingCardV2311 > span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(211,168,234,.22);
}

.socialUpcomingCardV2311 div{
  display:grid;
}

.socialUpcomingCardV2311 small{
  color:var(--muted);
}

.pinCommentV2311{
  min-width:42px!important;
  min-height:42px!important;
  font-size:16px!important;
}

@media(max-width:1180px){
  .socialHomeLayoutV2311{
    grid-template-columns:190px minmax(0,1fr);
  }

  .socialHomeRightV2311{
    position:static;
    grid-column:1 / -1;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .socialUpcomingCardV2311{
    min-height:100%;
  }
}

@media(max-width:900px){
  .socialHeaderFormatsV2311{
    display:none!important;
  }

  .socialHomeLayoutV2311{
    display:block;
  }

  .socialHomeLeftV2311{
    position:static;
    display:flex;
    overflow-x:auto;
    gap:8px;
    margin-bottom:12px;
  }

  .socialHomeLeftV2311 > *{
    flex:0 0 auto;
  }

  #homeCategoriesBlock{
    min-width:280px;
  }

  .socialHomeNavV2311{
    display:flex;
  }

  .socialHomeNavV2311 button span{
    display:none;
  }

  .socialHomeLeftDividerV2311{
    display:none;
  }

  .socialHomeRightV2311{
    display:grid;
    grid-template-columns:1fr;
    position:static;
    margin-top:14px;
  }
}


@media(min-width:901px){
  nav.bottom{
    display:none!important;
  }

  body{
    padding-bottom:24px!important;
  }
}


/* =====================================================================
   MELODIAS V23.12 — AJUSTE VISUAL
   Solo CSS: no toca login, API, publicaciones ni datos.
   ===================================================================== */

/* ---------- CABECERA: BUSCADOR GRANDE Y TODO ORDENADO ---------- */

.top{
  display:grid!important;
  grid-template-columns:minmax(205px,245px) minmax(440px,1fr) auto!important;
  grid-template-areas:
    "brand search formats"
    "account account account"!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:7px!important;
  padding:8px 14px!important;
}

.top > .brandButton{
  grid-area:brand!important;
  min-width:0!important;
}

.top > .searchWrap{
  grid-area:search!important;
  width:100%!important;
  min-width:440px!important;
  max-width:none!important;
  margin:0!important;
  gap:7px!important;
}

.top > .searchWrap input{
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  padding:0 16px!important;
  border-radius:16px!important;
  font-size:15px!important;
  background:rgba(255,255,255,.94)!important;
}

.top > .searchWrap button{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  padding:0!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  font-size:17px!important;
}

.top > .socialHeaderFormatsV2311{
  grid-area:formats!important;
  justify-self:end!important;
  flex-wrap:nowrap!important;
}

.top > .headerAccountActions{
  grid-area:account!important;
  width:100%!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-width:0!important;
}

.top .brandButton img{
  width:48px!important;
  height:48px!important;
}

.top .brandButton span{
  font-size:20px!important;
  line-height:1.05!important;
}

.top .brandButton small{
  margin-top:3px!important;
}


/* ---------- INICIO: TRES COLUMNAS MÁS EQUILIBRADAS ---------- */

.shell{
  width:min(100%,1500px)!important;
  max-width:1500px!important;
}

main{
  padding:14px 18px!important;
}

.socialHomeLayoutV2311{
  grid-template-columns:230px minmax(600px,1fr) 320px!important;
  gap:16px!important;
  align-items:start!important;
}

.socialHomeLeftV2311,
.socialHomeRightV2311{
  top:126px!important;
}

.socialHomeCenterV2311{
  min-width:0!important;
  width:100%!important;
}

.socialHomeCenterV2311 #homeActivityBlock{
  width:100%!important;
}

#socialCommunityComposerHost,
#homeCommunityPosts,
#socialHomeStories{
  width:100%!important;
}


/* ---------- RAIL DERECHO: ACTIVIDAD SIN SOLAPES ---------- */

.socialRailBlockV2311 .activityRow{
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:9px!important;
  min-height:62px!important;
  padding:8px!important;
  overflow:hidden!important;
}

.socialRailBlockV2311 .activityThumb{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:50%!important;
  background:transparent!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
}

.socialRailBlockV2311 .activityThumb .avatar,
.socialRailBlockV2311 .activityThumb > *{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  border-radius:50%!important;
  overflow:hidden!important;
}

.socialRailBlockV2311 .activityRow > div:nth-child(2){
  min-width:0!important;
  overflow:hidden!important;
}

.socialRailBlockV2311 .activityRow .socialInlineName{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:left!important;
  font-size:13px!important;
}

.socialRailBlockV2311 .activityRow > div:nth-child(2) > div{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
}

.socialRailBlockV2311 .activityRow .socialCircleBtn.small{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  padding:0!important;
}


/* ---------- TARJETAS: ALINEACIÓN Y ESPACIADO ---------- */

.socialHomeCenterV2311 .socialPost{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

.socialHomeCenterV2311 .socialComposer{
  width:100%!important;
}

.socialHomeRightV2311{
  min-width:0!important;
}

.socialHomeRightV2311 > *{
  width:100%!important;
  min-width:0!important;
}


/* ---------- TABLET ---------- */

@media(max-width:1250px){
  .top{
    grid-template-columns:minmax(190px,225px) minmax(330px,1fr) auto!important;
  }

  .top > .searchWrap{
    min-width:330px!important;
  }

  .socialHomeLayoutV2311{
    grid-template-columns:205px minmax(0,1fr)!important;
  }

  .socialHomeRightV2311{
    position:static!important;
    grid-column:1 / -1!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}


/* ---------- MÓVIL ---------- */

@media(max-width:900px){
  .top{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    padding:8px!important;
  }

  .top > .brandButton{
    flex:0 1 auto!important;
  }

  .top > .searchWrap{
    order:2!important;
    flex:1 1 100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .top > .headerAccountActions{
    order:3!important;
    width:100%!important;
    justify-content:flex-end!important;
  }

  .socialHomeLayoutV2311{
    display:block!important;
  }

  .socialHomeLeftV2311,
  .socialHomeRightV2311{
    position:static!important;
  }
}


/* =====================================================================
   MELODIAS V23.13 — REFERENCIA VISUAL
   ===================================================================== */

:root{
  --v2313-bg:#fff8fc;
  --v2313-card:rgba(255,255,255,.90);
  --v2313-border:rgba(111,66,127,.10);
  --v2313-text:#4d285d;
  --v2313-muted:#8b7992;
  --v2313-pink:#f44b9b;
  --v2313-purple:#ad63e2;
}

/* V23.15 — FONDO VISIBLE
   Antes: un velo blanco al 90% encima borraba el fondo, y `cover`
   recortaba ~16% por cada lado, que es justo donde están las dos chibis.
   Ahora: la imagen entra a lo ancho completo (100% auto), el velo baja a
   un 12% y debajo continúa un degradado tomado del borde inferior de la
   propia ilustración, para que no se vea corte. */
body{
  background-image:
    linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.06)),
    url("/background.webp?v=23310")!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center top,center top!important;
  background-size:cover,100% auto!important;
  background-attachment:fixed,fixed!important;
  background-color:#efc7ec!important;
  color:var(--v2313-text)!important;
}

/* V23.15 — en móvil, background-attachment:fixed va a tirones (o se
   escala mal) en iOS Safari; ahí el fondo se ancla al documento. */
@media(max-width:820px){
  body{
    background-attachment:scroll,scroll!important;
  }
}

.shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}


/* ============================= HEADER ============================= */

.top.socialReferenceHeaderV2313{
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
  width:100%!important;
  min-height:78px!important;
  padding:10px 28px!important;

  display:grid!important;
  grid-template-columns:250px minmax(340px,560px) auto auto!important;
  grid-template-areas:"brand search formats account"!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:18px!important;
  row-gap:0!important;

  background:rgba(255,253,255,.96)!important;
  border-bottom:1px solid rgba(91,42,107,.08)!important;
  box-shadow:0 4px 18px rgba(74,37,88,.04)!important;
  backdrop-filter:blur(18px)!important;
}

.top.socialReferenceHeaderV2313 .brandButton{
  grid-area:brand!important;
  justify-self:start!important;
  min-width:0!important;
}

.top.socialReferenceHeaderV2313 .brandButton img{
  width:52px!important;
  height:52px!important;
}

.top.socialReferenceHeaderV2313 .brandButton span{
  font-size:22px!important;
  letter-spacing:-.02em!important;
  color:#542562!important;
}

.top.socialReferenceHeaderV2313 .brandButton small{
  font-size:8px!important;
  letter-spacing:1.3px!important;
  margin-top:3px!important;
}

.top.socialReferenceHeaderV2313 .searchWrap{
  grid-area:search!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  display:flex!important;
  gap:0!important;
}

.top.socialReferenceHeaderV2313 .searchWrap input{
  width:100%!important;
  height:48px!important;
  padding:0 18px 0 20px!important;
  border-radius:20px 0 0 20px!important;
  border:1px solid rgba(105,58,123,.12)!important;
  border-right:0!important;
  background:#fff!important;
  font-size:14px!important;
  color:#573064!important;
  box-shadow:none!important;
}

.top.socialReferenceHeaderV2313 .searchWrap button{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  padding:0!important;
  border-radius:0 16px 16px 0!important;
  display:grid!important;
  place-items:center!important;
  font-size:17px!important;
}

.top.socialReferenceHeaderV2313 .socialHeaderFormatsV2311{
  grid-area:formats!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  justify-self:end!important;
}

.top.socialReferenceHeaderV2313 .socialHeaderFormatsV2311 button{
  height:48px!important;
  min-height:48px!important;
  padding:0 21px!important;
  border-radius:13px!important;
  font-size:14px!important;
  border:1px solid rgba(105,58,123,.11)!important;
  background:#fff!important;
  box-shadow:none!important;
}

.top.socialReferenceHeaderV2313 .socialHeaderFormatsV2311 button:first-child{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#f34b97,#c85bda)!important;
}

.top.socialReferenceHeaderV2313 .headerAccountActions{
  grid-area:account!important;
  width:auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}


/* Cuando hay sesión, ocultar los botones antiguos y usar avatar desplegable */
body.v22-authenticated
.headerAccountActions.socialAccountLoggedV2313
> *:not(#socialNotificationHeaderBtn):not(#socialChatHeaderBtnV2311):not(#socialAccountWrapV2313):not(#saldoHeaderBtn){
  display:none!important;
}

.socialHeaderIconV2313,
#socialNotificationHeaderBtn,
#socialChatHeaderBtnV2311{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  border:1px solid rgba(105,58,123,.11)!important;
  box-shadow:none!important;
  color:#5d306c!important;
  font-size:18px!important;
  position:relative!important;
}

#socialNotificationBadge,
#socialChatBadgeV2311{
  top:-5px!important;
  right:-4px!important;
  min-width:21px!important;
  height:21px!important;
  border-radius:999px!important;
  background:#ef4c86!important;
  border:2px solid #fff!important;
  color:#fff!important;
  font-size:9px!important;
  display:grid!important;
  place-items:center!important;
}

#socialNotificationBadge.hidden,
#socialChatBadgeV2311.hidden{
  display:none!important;
}


.socialAccountWrapV2313{
  position:relative;
  display:block;
}

.socialAccountButtonV2313{
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 2px 0 4px;
  color:#563065;
}

.socialAccountButtonV2313 .socialAvatar{
  border-radius:50%!important;
  border:2px solid #f2bddc;
  box-shadow:0 3px 10px rgba(97,46,111,.08);
}

.socialAccountChevronV2313{
  font-size:17px;
}

.socialAccountMenuV2313{
  position:absolute;
  top:54px;
  right:0;
  z-index:100001;
  width:250px;
  padding:10px 0;
  border-radius:12px;
  background:#fff;
  border:1px solid rgba(104,59,122,.10);
  box-shadow:0 18px 46px rgba(72,35,86,.16);
  overflow:hidden;
}

.socialAccountMenuV2313.hidden{
  display:none!important;
}

.socialAccountIdentityV2313{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:10px;
  align-items:center;
  padding:7px 14px 11px;
}

.socialAccountIdentityV2313 > div{
  min-width:0;
  display:grid;
  gap:4px;
}

.socialAccountIdentityV2313 b{
  font-size:14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.socialAccountIdentityV2313 span{
  width:max-content;
  max-width:100%;
  border-radius:999px;
  padding:4px 8px;
  background:#fff0c7;
  color:#a46a16;
  font-size:9px;
  font-weight:900;
}

.socialAccountIdentityV2313 small{
  color:#8c6b85;
}

.socialAccountMenuDividerV2313{
  height:1px;
  background:rgba(97,50,113,.08);
  margin:5px 0;
}

.socialAccountMenuV2313 > button{
  width:100%;
  min-height:42px;
  padding:0 15px;
  display:flex;
  align-items:center;
  gap:11px;
  border:0;
  background:transparent;
  color:#583064;
  text-align:left;
}

.socialAccountMenuV2313 > button:hover{
  background:#fff3fa;
}

.socialAccountMenuV2313 > button.danger{
  color:#7c4a62;
}


/* ============================= HOME ============================= */

main{
  padding:22px 24px 34px!important;
}

.socialHomeLayoutV2311{
  width:min(100%,1480px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:240px minmax(620px,1fr) 335px!important;
  gap:24px!important;
  align-items:start!important;
}

.socialHomeLeftV2311,
.socialHomeRightV2311{
  position:sticky!important;
  top:98px!important;
}

.socialHomeLeftV2311{
  display:grid!important;
  gap:14px!important;
}

.socialHomeCenterV2311{
  width:100%!important;
  min-width:0!important;
}

.socialHomeRightV2311{
  display:grid!important;
  gap:16px!important;
}


/* ============================= LEFT ============================= */

.socialReferenceNavV2313{
  display:grid!important;
  gap:2px!important;
  padding:8px 0!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid var(--v2313-border)!important;
  overflow:hidden!important;
}

.socialReferenceNavV2313 button{
  position:relative;
  width:100%;
  min-height:46px!important;
  padding:0 20px!important;
  border-radius:0!important;
  display:grid!important;
  grid-template-columns:28px 1fr auto!important;
  gap:8px!important;
  align-items:center!important;
  color:#553061!important;
  font-size:14px!important;
  font-weight:650!important;
}

.socialReferenceNavV2313 button.active{
  color:#ef4b90!important;
  background:linear-gradient(90deg,#fff0f8,rgba(255,248,252,.10))!important;
}

.socialReferenceNavV2313 button.active::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:#ed5ca4;
}

#homeCategoriesBlock{
  padding:15px 0 10px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid var(--v2313-border)!important;
}

#homeCategoriesBlock .sectionHead{
  padding:0 20px!important;
  margin-bottom:8px!important;
}

#homeCategoriesBlock .sectionHead h2{
  font-size:11px!important;
  letter-spacing:.09em!important;
  color:#df5a9d!important;
}

#publicCategories.panel{
  display:grid!important;
  gap:1px!important;
}

#publicCategories .categoryPill{
  min-height:44px!important;
  padding:0 20px!important;
  display:grid!important;
  grid-template-columns:28px 1fr!important;
  gap:8px!important;
  align-items:center!important;
  color:#50305c!important;
  font-size:13px!important;
}

#publicCategories .categoryPill span{
  width:24px;
  text-align:center;
}

#publicCategories .categoryPill b{
  font-weight:650;
}

.socialSubscriberPromoV2313{
  padding:17px 18px;
  border-radius:13px;
  background:rgba(255,255,255,.86);
  border:1px solid var(--v2313-border);
}

.socialSubscriberPromoV2313 > b{
  color:#552d63;
  font-size:14px;
}

.socialSubscriberPromoV2313 p{
  margin:9px 0 13px;
  font-size:12px;
  line-height:1.45;
}

.socialSubscriberPromoV2313 button{
  width:100%;
  min-height:38px;
  border:0;
  border-radius:7px;
  background:linear-gradient(90deg,#f54a96,#f56ab0);
  color:#fff;
  font-size:11px;
  font-weight:900;
}


/* ============================= CENTER ============================= */

#homeActivityBlock{
  margin:0!important;
}

.socialCommunityLegacyHeadV2313{
  display:none!important;
}


/* Historias */
/* V23.19: prevalece sobre el fondo transparente del antiguo selector por ID. */
#socialHomeStories.socialReferenceStoriesV2313{
  position:relative;
  margin:0 0 18px!important;
  padding:17px 18px 13px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid var(--v2313-border)!important;
}

.socialStoriesReferenceHeadV2313{
  margin:0 0 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.socialStoriesReferenceHeadV2313 > div{
  display:grid;
  gap:4px;
}

.socialStoriesReferenceHeadV2313 b{
  font-size:14px;
  color:#4d285d;
}

.socialStoriesReferenceHeadV2313 button{
  width:max-content;
  padding:0;
  border:0;
  background:transparent;
  color:#ee4d93;
  font-size:11px;
}

/* Ocultamos las flechas grandes de la maqueta previa y dejamos scroll natural */
.socialReferenceStoriesV2313 .socialStoryShelfV239{
  grid-template-columns:1fr!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

.socialReferenceStoriesV2313 .socialStoryShelfArrowV239{
  display:none!important;
}

.socialReferenceStoriesV2313 .socialStoryScrollerV239{
  gap:13px!important;
  padding:0 2px 4px!important;
}

.socialReferenceStoriesV2313 .socialStoryPersonV239{
  flex-basis:74px!important;
  width:74px!important;
}

.socialReferenceStoriesV2313 .socialStoryPersonV239 small{
  width:74px!important;
  font-size:10px!important;
  font-weight:700!important;
}

.socialReferenceStoriesV2313 .socialStoryBubbleV239,
.socialReferenceStoriesV2313 .socialStoryRingV239,
.socialReferenceStoriesV2313 .socialStoryOwnWrapV239{
  width:64px!important;
  height:64px!important;
}

.socialReferenceStoriesV2313 .socialStoryRingV239{
  padding:3px!important;
}

.socialReferenceStoriesV2313 .socialStoryRingV239 > *{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
}


/* Composer */
.socialReferenceComposerV2313{
  position:relative!important;
  margin:0 0 18px!important;
  padding:15px 16px 13px 74px!important;
  min-height:145px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid var(--v2313-border)!important;
  box-shadow:none!important;
}

.socialComposerAvatarV2313{
  position:absolute;
  left:17px;
  top:16px;
}

.socialComposerAvatarV2313 .socialAvatar{
  border-radius:50%!important;
}

.socialReferenceComposerV2313 .socialComposerTop{
  min-height:26px;
  display:flex!important;
  justify-content:flex-end!important;
  margin:0 0 4px!important;
}

.socialComposerLegacyTitleV2313{
  display:none!important;
}

.socialReferenceComposerV2313 .socialComposerTop .badge{
  font-size:10px!important;
  padding:5px 9px!important;
  background:#fff!important;
}

.socialReferenceComposerV2313 .socialComposerText{
  width:100%!important;
  min-height:62px!important;
  padding:4px 0!important;
  resize:none!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:15px!important;
  color:#593465!important;
}

.socialReferenceComposerV2313 .socialComposerLivePreview{
  margin:9px 0!important;
}

.socialReferenceComposerV2313 .socialComposerTools{
  min-height:45px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border-top:1px solid rgba(101,57,118,.08)!important;
  padding-top:10px!important;
}

.socialReferenceComposerV2313 .socialCircleLabel,
.socialComposerFakeToolsV2313 button{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border:0!important;
  border-radius:8px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:#543260!important;
  font-size:15px!important;
}

.socialComposerFakeToolsV2313{
  display:flex;
  gap:4px;
}

.socialReferenceComposerV2313 .socialPublishReferenceV2313{
  width:auto!important;
  min-width:124px!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  margin-left:auto!important;
  padding:0 22px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#f44b98,#cb5dde)!important;
  font-size:0!important;
}

.socialReferenceComposerV2313 .socialPublishReferenceV2313::before{
  content:"➤";
  font-size:14px;
}

.socialReferenceComposerV2313 .socialPublishReferenceV2313::after{
  content:"Publicar";
  font-size:12px;
  font-weight:900;
}


/* Tabs */
.socialFeedTabsV2313{
  width:100%;
  margin:0 0 10px;
  min-height:46px;
  padding:4px;
  display:flex;
  align-items:center;
  gap:2px;
  overflow-x:auto;
  border-radius:13px;
  background:rgba(255,255,255,.88);
  border:1px solid var(--v2313-border);
  scrollbar-width:none;
}

.socialFeedTabsV2313::-webkit-scrollbar{
  display:none;
}

.socialFeedTabsV2313 button{
  flex:0 0 auto;
  min-height:36px;
  padding:0 18px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#4f315b;
  font-size:11px;
  font-weight:800;
}

.socialFeedTabsV2313 button.active{
  color:#fff;
  background:linear-gradient(135deg,#f44d99,#e76aba);
}


/* Feed / publicaciones */
#homeCommunityPosts{
  display:grid!important;
  gap:10px!important;
}

#homeCommunityPosts .socialPost{
  margin:0!important;
  padding:16px!important;
  border-radius:13px!important;
  /* V23.20: sin !important para que el fondo personalizado inline de los
     suscriptores tenga prioridad al publicar. */
  background:rgba(255,255,255,.91);
  border:1px solid var(--v2313-border)!important;
  box-shadow:none;
}

#homeCommunityPosts .socialPostHeader{
  margin-bottom:12px!important;
}

#homeCommunityPosts .socialPostActions{
  gap:5px!important;
}

#homeCommunityPosts .socialAction{
  min-height:36px!important;
  padding:0 10px!important;
  background:transparent!important;
  border:0!important;
  font-size:12px!important;
}

#homeCommunityPosts .socialReactionBar{
  border-top:1px solid rgba(99,55,116,.07);
  border-bottom:1px solid rgba(99,55,116,.07);
  padding:8px 0;
}

#homeCommunityPosts .socialComment{
  border-radius:10px!important;
  background:#fff9fc!important;
}


/* ============================= RIGHT ============================= */

.socialReferenceRightV2313 > #homeTransmissionsBlock,
.socialReferenceRightV2313 > #homeSubscriptionsBlock,
.socialReferenceRightV2313 > #homeClipsBlock,
.socialReferenceRightV2313 .socialRailBlockV2311,
.socialReferenceRightV2313 .socialUpcomingCardV2311{
  border-radius:13px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid var(--v2313-border)!important;
  box-shadow:none!important;
}

.socialReferenceLiveV2313{
  padding:16px!important;
}

.socialReferenceLiveV2313 .sectionHead h2{
  font-size:16px!important;
}

.socialReferenceActivityV2313{
  padding:13px!important;
}

.socialReferenceActivityV2313 .sectionHead h2{
  font-size:14px!important;
}

.socialReferenceActivityV2313 .activityRow{
  min-height:54px!important;
  padding:7px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(103,57,120,.07)!important;
  border-radius:0!important;
  background:transparent!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
}

.socialReferenceActivityV2313 .activityThumb{
  width:38px!important;
  height:38px!important;
}

.socialReferenceActivityV2313 .activityThumb > *{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
}

.socialReferenceActivityV2313 .socialCircleBtn{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
}

.socialUpcomingCardV2311{
  min-height:72px!important;
  border-radius:13px!important;
}

.socialMusicPromoV2313{
  min-height:155px;
  padding:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  overflow:hidden;
  border-radius:13px;
  color:#fff;
  background:
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.25),transparent 28%),
    linear-gradient(135deg,#ba65df,#ef63ab);
  box-shadow:0 10px 26px rgba(120,63,143,.10);
}

.socialMusicPromoV2313 > div{
  display:grid;
  gap:7px;
}

.socialMusicPromoV2313 b{
  font-size:18px;
}

.socialMusicPromoV2313 span{
  font-size:12px;
  line-height:1.45;
  color:#fff;
}

.socialMusicPromoV2313 small{
  font-size:18px;
}

.socialMusicPromoV2313 strong{
  font-size:58px;
  filter:drop-shadow(0 8px 16px rgba(74,33,89,.18));
}


/* ============================= RESPONSIVE ============================= */

@media(max-width:1280px){
  .top.socialReferenceHeaderV2313{
    grid-template-columns:220px minmax(300px,1fr) auto auto!important;
    padding-left:16px!important;
    padding-right:16px!important;
    column-gap:10px!important;
  }

  .top.socialReferenceHeaderV2313 .socialHeaderFormatsV2311 button{
    padding:0 14px!important;
  }

  .socialHomeLayoutV2311{
    grid-template-columns:210px minmax(0,1fr) 300px!important;
    gap:14px!important;
  }
}

@media(max-width:1080px){
  .top.socialReferenceHeaderV2313{
    grid-template-columns:190px minmax(260px,1fr) auto!important;
    grid-template-areas:
      "brand search account"
      "formats formats formats"!important;
    row-gap:8px!important;
  }

  .top.socialReferenceHeaderV2313 .socialHeaderFormatsV2311{
    justify-self:start!important;
  }

  .socialHomeLayoutV2311{
    grid-template-columns:190px minmax(0,1fr)!important;
  }

  .socialHomeRightV2311{
    position:static!important;
    grid-column:1 / -1!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:820px){
  main{
    padding:12px!important;
  }

  .top.socialReferenceHeaderV2313{
    display:flex!important;
    flex-wrap:wrap!important;
    min-height:auto!important;
    padding:8px 10px!important;
  }

  .top.socialReferenceHeaderV2313 .brandButton{
    flex:1 1 auto!important;
  }

  .top.socialReferenceHeaderV2313 .searchWrap{
    order:3!important;
    flex:1 1 100%!important;
  }

  .top.socialReferenceHeaderV2313 .socialHeaderFormatsV2311{
    display:none!important;
  }

  .socialHomeLayoutV2311{
    display:block!important;
  }

  .socialHomeLeftV2311{
    position:static!important;
    display:flex!important;
    overflow-x:auto!important;
    margin-bottom:12px!important;
  }

  .socialReferenceNavV2313{
    display:flex!important;
    flex:0 0 auto!important;
  }

  .socialReferenceNavV2313 button{
    width:auto!important;
    grid-template-columns:24px auto!important;
    padding:0 12px!important;
  }

  #homeCategoriesBlock,
  .socialSubscriberPromoV2313{
    display:none!important;
  }

  .socialHomeRightV2311{
    display:grid!important;
    grid-template-columns:1fr!important;
    margin-top:14px!important;
  }

  .socialReferenceComposerV2313{
    padding-left:62px!important;
  }

  .socialComposerAvatarV2313{
    left:12px!important;
  }
}


/* =====================================================================
   MELODIAS V23.14 — REFERENCIA A TAMAÑO REAL
   Ajuste visual sobre V23.13. No toca API, sesiones, D1 ni publicaciones.
   ===================================================================== */

@media (min-width: 1081px){

  /* La referencia ocupa prácticamente todo el ancho útil de pantalla. */
  main{
    width:100%!important;
    padding:24px 24px 42px!important;
  }

  .socialHomeLayoutV2311{
    width:calc(100vw - 48px)!important;
    max-width:1820px!important;
    margin:0 auto!important;
    grid-template-columns:260px minmax(0,1fr) 375px!important;
    gap:24px!important;
  }

  .socialHomeLeftV2311,
  .socialHomeRightV2311{
    top:104px!important;
  }

  /* ---------------- CABECERA ---------------- */

  .top.socialReferenceHeaderV2313{
    min-height:88px!important;
    padding:11px max(26px,calc((100vw - 1820px)/2))!important;
    grid-template-columns:280px minmax(500px,700px) auto auto!important;
    column-gap:16px!important;
  }

  .top.socialReferenceHeaderV2313 .brandButton img{
    width:58px!important;
    height:58px!important;
  }

  .top.socialReferenceHeaderV2313 .brandButton span{
    font-size:26px!important;
  }

  .top.socialReferenceHeaderV2313 .brandButton small{
    font-size:9px!important;
    letter-spacing:1.45px!important;
  }

  .top.socialReferenceHeaderV2313 .searchWrap input{
    height:54px!important;
    font-size:16px!important;
    padding-left:20px!important;
  }

  .top.socialReferenceHeaderV2313 .searchWrap button{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
  }

  .top.socialReferenceHeaderV2313 .socialHeaderFormatsV2311 button{
    height:52px!important;
    min-height:52px!important;
    padding:0 22px!important;
    font-size:15px!important;
  }

  .socialHeaderIconV2313,
  #socialNotificationHeaderBtn,
  #socialChatHeaderBtnV2311{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    font-size:19px!important;
  }

  .socialAccountButtonV2313 .socialAvatar{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }

  /* ---------------- LATERAL IZQUIERDO ---------------- */

  .socialReferenceNavV2313,
  #homeCategoriesBlock,
  .socialSubscriberPromoV2313{
    border-radius:16px!important;
  }

  .socialReferenceNavV2313{
    padding:9px 0!important;
  }

  .socialReferenceNavV2313 button{
    min-height:54px!important;
    grid-template-columns:31px 1fr auto!important;
    padding:0 22px!important;
    font-size:16px!important;
  }

  #homeCategoriesBlock{
    padding:18px 0 13px!important;
  }

  #homeCategoriesBlock .sectionHead{
    padding:0 22px!important;
    margin-bottom:9px!important;
  }

  #homeCategoriesBlock .sectionHead h2{
    font-size:13px!important;
  }

  #publicCategories .categoryPill{
    min-height:51px!important;
    grid-template-columns:31px 1fr!important;
    padding:0 22px!important;
    font-size:15px!important;
  }

  #publicCategories .categoryPill::before{
    display:none!important;
    content:none!important;
  }

  .socialSubscriberPromoV2313{
    padding:20px!important;
  }

  .socialSubscriberPromoV2313 > b{
    font-size:16px!important;
  }

  .socialSubscriberPromoV2313 p{
    font-size:14px!important;
  }

  .socialSubscriberPromoV2313 button{
    min-height:43px!important;
    font-size:13px!important;
  }

  /* ---------------- CENTRO ---------------- */

  #socialHomeStories.socialReferenceStoriesV2313{
    margin-bottom:20px!important;
    padding:20px 22px 16px!important;
    border-radius:16px!important;
  }

  .socialStoriesReferenceHeadV2313 b{
    font-size:17px!important;
  }

  .socialStoriesReferenceHeadV2313 button{
    font-size:13px!important;
  }

  .socialReferenceStoriesV2313 .socialStoryPersonV239{
    flex-basis:88px!important;
    width:88px!important;
  }

  .socialReferenceStoriesV2313 .socialStoryPersonV239 small{
    width:88px!important;
    font-size:12px!important;
  }

  .socialReferenceStoriesV2313 .socialStoryBubbleV239,
  .socialReferenceStoriesV2313 .socialStoryRingV239,
  .socialReferenceStoriesV2313 .socialStoryOwnWrapV239{
    width:76px!important;
    height:76px!important;
  }

  .socialReferenceStoriesV2313 .socialStoryRingV239 > *{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
  }

  .socialReferenceComposerV2313{
    min-height:176px!important;
    margin-bottom:20px!important;
    padding:18px 20px 15px 82px!important;
    border-radius:16px!important;
  }

  .socialComposerAvatarV2313{
    left:20px!important;
    top:18px!important;
  }

  .socialComposerAvatarV2313 .socialAvatar{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }

  .socialReferenceComposerV2313 .socialComposerText{
    min-height:78px!important;
    font-size:17px!important;
  }

  .socialReferenceComposerV2313 .socialComposerTop .badge{
    font-size:12px!important;
  }

  .socialReferenceComposerV2313 .socialCircleLabel,
  .socialComposerFakeToolsV2313 button{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    font-size:17px!important;
  }

  .socialReferenceComposerV2313 .socialPublishReferenceV2313{
    min-width:145px!important;
    height:46px!important;
    min-height:46px!important;
  }

  .socialReferenceComposerV2313 .socialPublishReferenceV2313::before{
    font-size:16px!important;
  }

  .socialReferenceComposerV2313 .socialPublishReferenceV2313::after{
    font-size:14px!important;
  }

  .socialFeedTabsV2313{
    min-height:54px!important;
    padding:5px!important;
    border-radius:16px!important;
    margin-bottom:12px!important;
  }

  .socialFeedTabsV2313 button{
    min-height:42px!important;
    padding:0 20px!important;
    font-size:13px!important;
  }

  #homeCommunityPosts{
    gap:13px!important;
  }

  #homeCommunityPosts .socialPost{
    padding:20px!important;
    border-radius:16px!important;
  }

  #homeCommunityPosts .socialInlineName,
  #homeCommunityPosts .socialPostHeader b{
    font-size:16px!important;
  }

  #homeCommunityPosts .socialPostBody,
  #homeCommunityPosts .socialPostText{
    font-size:16px!important;
    line-height:1.55!important;
  }

  #homeCommunityPosts .socialAction{
    min-height:42px!important;
    padding:0 13px!important;
    font-size:14px!important;
  }

  #homeCommunityPosts .socialReactionBar{
    padding:10px 0!important;
  }

  #homeCommunityPosts .socialComment{
    padding:13px!important;
    font-size:14px!important;
  }

  #homeCommunityPosts textarea{
    font-size:15px!important;
  }

  /* ---------------- LATERAL DERECHO ---------------- */

  .socialReferenceRightV2313{
    gap:18px!important;
  }

  .socialReferenceRightV2313 > #homeTransmissionsBlock,
  .socialReferenceRightV2313 > #homeSubscriptionsBlock,
  .socialReferenceRightV2313 > #homeClipsBlock,
  .socialReferenceRightV2313 .socialRailBlockV2311,
  .socialReferenceRightV2313 .socialUpcomingCardV2311{
    border-radius:16px!important;
  }

  .socialReferenceLiveV2313{
    padding:20px!important;
  }

  .socialReferenceLiveV2313 .sectionHead h2{
    font-size:20px!important;
  }

  .socialReferenceLiveV2313 .socialCompactEmptyV2311{
    font-size:14px!important;
  }

  .socialReferenceLiveV2313 .socialCompactEmptyV2311 b{
    font-size:15px!important;
  }

  .socialReferenceActivityV2313{
    padding:17px!important;
  }

  .socialReferenceActivityV2313 .sectionHead h2{
    font-size:17px!important;
  }

  .socialReferenceActivityV2313 .activityRow{
    min-height:65px!important;
    grid-template-columns:46px minmax(0,1fr) 38px!important;
    gap:10px!important;
    padding:8px 0!important;
  }

  .socialReferenceActivityV2313 .activityThumb,
  .socialReferenceActivityV2313 .activityThumb > *{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }

  .socialReferenceActivityV2313 .activityRow .socialInlineName{
    font-size:14px!important;
  }

  .socialReferenceActivityV2313 .activityRow > div:nth-child(2) > div{
    font-size:12px!important;
  }

  .socialUpcomingCardV2311{
    min-height:82px!important;
    padding:15px!important;
    font-size:15px!important;
  }

  .socialMusicPromoV2313{
    min-height:184px!important;
    padding:25px!important;
  }

  .socialMusicPromoV2313 b{
    font-size:22px!important;
  }

  .socialMusicPromoV2313 span{
    font-size:14px!important;
  }

  .socialMusicPromoV2313 strong{
    font-size:72px!important;
  }

  /* Cuenta desplegable */
  .socialAccountMenuV2313{
    width:285px!important;
    top:60px!important;
    font-size:14px!important;
  }

  .socialAccountMenuV2313 > button{
    min-height:48px!important;
    font-size:14px!important;
  }
}


/* En 1440–1600 también debe verse grande como la referencia,
   sin volver a la versión encogida. */
@media (min-width:1081px) and (max-width:1600px){
  .socialHomeLayoutV2311{
    width:calc(100vw - 32px)!important;
    grid-template-columns:235px minmax(0,1fr) 330px!important;
    gap:18px!important;
  }

  .top.socialReferenceHeaderV2313{
    padding-left:16px!important;
    padding-right:16px!important;
    grid-template-columns:245px minmax(420px,1fr) auto auto!important;
    column-gap:10px!important;
  }
}


/* =====================================================================
   MELODIAS V23.20 — ajustes quirúrgicos de Inicio
   Historias persistentes, carga estable, acceso invitado y navegación.
   ===================================================================== */

/* TEMAS desaparece de la interfaz sin destruir el nodo heredado. */
#homeCategoriesBlock{
  display:none!important;
}

/* Chats vive en la navegación lateral; evitamos duplicarlo en cabecera. */
#socialChatHeaderBtnV2311{
  display:none!important;
}

/* Navegación lateral agrupada y legible. */
.socialReferenceNavV2313 .socialNavGroupLabelV2320{
  display:block;
  padding:9px 15px 6px;
  color:#b84c91;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  pointer-events:none;
}

.socialReferenceNavV2313 .socialNavGroupSocialV2320{
  margin-top:7px;
  padding-top:12px;
  border-top:1px solid rgba(103,55,122,.09);
}

/* Acceso invitado: compacto, con jerarquía y sin el vacío de 176 px. */
.socialReferenceComposerV2313.socialLoginGate{
  min-height:96px!important;
  padding:16px 18px!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,246,252,.94))!important;
}

.socialLoginGateIcon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,#ff67ad,#bd63de);
  color:#fff;
  font-size:20px;
  font-weight:900;
  box-shadow:0 8px 20px rgba(184,72,148,.16);
}

.socialLoginGateCopy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
  color:#5a3265;
}

.socialLoginGateCopy b{
  font-size:15px;
  line-height:1.2;
}

.socialLoginGateCopy span{
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}

.socialLoginGateBtn{
  min-width:92px!important;
  min-height:38px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f44b98,#bf5edc)!important;
  color:#fff!important;
  border:0!important;
  font-weight:900!important;
}

/* Historias: el estado vacío conserva exactamente la geometría del avatar. */
.socialStoryQuestionBubbleV2320{
  display:inline-block;
  cursor:default!important;
}

.socialStoryQuestionV2320{
  display:grid!important;
  place-items:center!important;
  color:#7b3d8d!important;
  background:linear-gradient(145deg,#fff,#fff5fb)!important;
  font-size:28px!important;
  font-weight:900!important;
  line-height:1!important;
}

.socialStoryEmptyPersonV2320 small{
  white-space:normal!important;
  line-height:1.15!important;
  min-height:28px;
}

.socialStoryEmptyPersonV2320.loading .socialStoryQuestionV2320{
  opacity:.72;
}

.socialStoryRetryV2320{
  flex:0 0 auto;
  align-self:center;
  margin-left:6px;
}

/* El carrusel nunca colapsa mientras responde la API. */
.socialStoryShelfLoadingV2316,
.socialReferenceStoriesV2313 .socialStoryShelfV239{
  min-height:94px;
}

/* Feed: placeholders con la misma escala que una publicación real. */
.socialFeedSkeletonV2320{
  display:grid;
  gap:12px;
  min-height:500px;
}

.socialFeedSkeletonCardV2320{
  min-height:158px;
  padding:16px;
  border-radius:13px;
  border:1px solid var(--v2313-border);
  background:rgba(255,255,255,.86);
}

.socialSkeletonHeadV2320{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:17px;
}

.socialSkeletonHeadV2320 > span{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:50%;
  background:rgba(116,71,132,.09);
}

.socialSkeletonHeadV2320 > div{
  display:grid;
  gap:6px;
  width:min(180px,45%);
}

.socialSkeletonHeadV2320 i,
.socialSkeletonLineV2320,
.socialSkeletonActionsV2320 i{
  display:block;
  border-radius:999px;
  background:rgba(116,71,132,.08);
}

.socialSkeletonHeadV2320 i:first-child{height:10px;width:70%;}
.socialSkeletonHeadV2320 i:last-child{height:8px;width:48%;}
.socialSkeletonLineV2320{height:10px;width:66%;margin:8px 0;}
.socialSkeletonLineV2320.wide{width:86%;}
.socialSkeletonActionsV2320{display:flex;gap:18px;margin-top:22px;}
.socialSkeletonActionsV2320 i{width:54px;height:10px;}

.socialFeedRetryV2320{
  min-height:100px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

/* Actividad: reserva espacio y muestra claramente el tiempo transcurrido. */
.socialActivityCopyV2320{
  min-width:0;
}

.socialActivityAgoV2320{
  display:block;
  margin-top:3px;
  color:#ad7eb4;
  font-size:10px;
  font-weight:700;
}

.socialActivitySkeletonV2320{
  min-height:220px;
}

.socialActivitySkeletonRowV2320 > span{
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(116,71,132,.09);
}

.socialActivitySkeletonRowV2320 > div{
  display:grid;
  gap:6px;
}

.socialActivitySkeletonRowV2320 i{
  display:block;
  height:8px;
  border-radius:999px;
  background:rgba(116,71,132,.08);
}

.socialActivitySkeletonRowV2320 i:first-child{width:70%;}
.socialActivitySkeletonRowV2320 i:last-child{width:92%;}
.socialActivitySkeletonRowV2320 > b{
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(116,71,132,.06);
}

@media (min-width:1081px){
  .socialReferenceComposerV2313.socialLoginGate{
    min-height:102px!important;
    padding:17px 20px!important;
    border-radius:16px!important;
  }
}

@media (max-width:700px){
  .socialReferenceComposerV2313.socialLoginGate{
    grid-template-columns:42px minmax(0,1fr)!important;
    padding:14px!important;
    min-height:116px!important;
  }

  .socialLoginGateIcon{
    width:42px;
    height:42px;
    border-radius:13px;
  }

  .socialLoginGateBtn{
    grid-column:1 / -1;
    width:100%;
  }

  .socialFeedSkeletonV2320{
    min-height:430px;
  }
}


/* =====================================================================
   MELODIAS V23.21 — microajustes sin cambiar la arquitectura visual
   ===================================================================== */

/* El + pertenece al círculo: las reglas genéricas del avatar no pueden
   convertirlo en otro avatar de 58/68 px ni sacarlo fuera del borde. */
.socialReferenceStoriesV2313 .socialStoryPlusV239,
.socialReferenceStoriesV2313 .socialStoryRingV239 > .socialStoryPlusInsideV239{
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  right:2px!important;
  bottom:2px!important;
  border-width:2px!important;
  border-radius:50%!important;
  font-size:15px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  z-index:6!important;
  box-sizing:border-box!important;
  transform:none!important;
}

/* Misma altura y ritmo visual para todas las acciones de cabecera. */
.top.socialReferenceHeaderV2313 .socialHeaderFormatsV2311 button,
.top.socialReferenceHeaderV2313 .headerAccountActions > .topActionBtn,
.top.socialReferenceHeaderV2313 #loginHeaderBtn,
.top.socialReferenceHeaderV2313 #registerHeaderBtn,
.top.socialReferenceHeaderV2313 #saldoHeaderBtn,
.top.socialReferenceHeaderV2313 #planHeaderBtn,
.top.socialReferenceHeaderV2313 #giftHeaderBtn{
  height:48px!important;
  min-height:48px!important;
  padding:0 18px!important;
  border-radius:13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  line-height:1!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}

.top.socialReferenceHeaderV2313 #socialNotificationHeaderBtn,
.top.socialReferenceHeaderV2313 #socialChatHeaderBtnV2311{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:0!important;
}

.top.socialReferenceHeaderV2313 #socialNotificationBadge,
.top.socialReferenceHeaderV2313 #socialChatBadgeV2311{
  min-width:21px!important;
  width:auto!important;
  height:21px!important;
  padding:0 4px!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

/* =====================================================================
   MELODIAS V23.22 — ajustes solicitados de cabecera, historias y carga
   ===================================================================== */

/* El + de "Tu historia" queda completamente dentro del aro. */
.socialReferenceStoriesV2313 .socialStoryOwnWrapV239 .socialStoryPlusV239,
.socialReferenceStoriesV2313 .socialStoryRingV239 > .socialStoryPlusInsideV239{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  right:4px!important;
  bottom:4px!important;
  border:2px solid #fff!important;
  font-size:14px!important;
  line-height:1!important;
  z-index:7!important;
}

/* Todas las acciones superiores comparten exactamente altura, radio,
   tipografía y ritmo; la anchura solo cambia por el texto. */
.top.socialReferenceHeaderV2313 .socialHeaderFormatsV2311 button,
.top.socialReferenceHeaderV2313 .headerAccountActions > .topActionBtn,
.top.socialReferenceHeaderV2313 #loginHeaderBtn,
.top.socialReferenceHeaderV2313 #registerHeaderBtn,
.top.socialReferenceHeaderV2313 #saldoHeaderBtn,
.top.socialReferenceHeaderV2313 #planHeaderBtn,
.top.socialReferenceHeaderV2313 #giftHeaderBtn{
  height:46px!important;
  min-height:46px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}

.top.socialReferenceHeaderV2313 #socialNotificationHeaderBtn,
.top.socialReferenceHeaderV2313 #socialChatHeaderBtnV2311{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:0!important;
  border-radius:50%!important;
}

.top.socialReferenceHeaderV2313 .socialAccountButtonV2313{
  height:46px!important;
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
}

.top.socialReferenceHeaderV2313 .socialAccountButtonV2313 .socialAvatar{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
}

/* V23.23 — carga tipo red social: spinner mínimo, sin tarjetas fantasma
   ni bloques que parezcan contenido roto. El layout permanece estable. */
.socialFeedLoadingV2322,
.socialActivityLoadingV2322{
  width:100%;
  min-height:54px;
  border:0;
  border-radius:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#8a6d90;
  font-size:10px;
  font-weight:800;
}

.socialFeedLoadingV2322{
  min-height:64px;
}

.socialFeedLoadingV2322 > span,
.socialActivityLoadingV2322 > span{
  width:18px;
  height:18px;
  flex:0 0 18px;
  border-radius:50%;
  border:2px solid rgba(153,97,235,.16);
  border-top-color:#ff5fac;
  animation:socialV2322Spin .62s linear infinite;
}

@keyframes socialV2322Spin{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion:reduce){
  .socialFeedLoadingV2322 > span,
  .socialActivityLoadingV2322 > span{animation:none}
}

/* V23.24 — el arranque global se controla desde el CSS crítico inline de index.html.
   Los loaders internos quedan detrás de la pantalla de carga durante el primer boot,
   por lo que nunca aparecen de forma escalonada al usuario. */


/* =====================================================================
   MELODIAS V23.25 — estabilidad visual final
   ===================================================================== */

/* Las reglas de tamaño de la cabecera no pueden ganar a .hidden. Esto evita
   que al cerrar sesión sigan apareciendo Perfil/Admin/Cerrar sesión/Saldo. */
.top.socialReferenceHeaderV2313 .headerAccountActions > .topActionBtn.hidden,
.top.socialReferenceHeaderV2313 #loginHeaderBtn.hidden,
.top.socialReferenceHeaderV2313 #registerHeaderBtn.hidden,
.top.socialReferenceHeaderV2313 #saldoHeaderBtn.hidden,
.top.socialReferenceHeaderV2313 #planHeaderBtn.hidden,
.top.socialReferenceHeaderV2313 #giftHeaderBtn.hidden,
.top.socialReferenceHeaderV2313 #myProfileHeaderBtnV2220.hidden,
.top.socialReferenceHeaderV2313 #adminHeaderBtnV2220.hidden,
.top.socialReferenceHeaderV2313 #logoutHeaderBtnV2221.hidden{
  display:none!important;
}

/* En Comunidad las fotografías se muestran enteras. No se recortan ni se
   fuerzan a una caja con relación de aspecto distinta a la original. */
.socialPost .socialPostMedia,
.socialProfilePosts .socialPostMedia,
#homeCommunityPosts .socialPostMedia{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  margin:12px auto!important;
}

/* La vista previa sigue la misma regla visual que el resultado publicado. */
.socialComposerPreviewImage{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:420px!important;
  object-fit:contain!important;
  margin:12px auto 0!important;
}

/* =====================================================================
   MELODIAS V23.26 — fondo exacto, Saldo visible y perfil compacto
   ===================================================================== */

/* El fondo se usa tal cual está en /background.webp?v=23310: sin velos, degradados ni
   capas encima. Se conserva completo a lo ancho y no se repite. */
body{
  background-color:#efc7ec!important;
  background-image:url("/background.webp?v=23310")!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:100% auto!important;
  background-attachment:fixed!important;
}

@media (max-width:900px){
  body{background-attachment:scroll!important;}
}

/* Con sesión iniciada, Saldo sigue siendo una acción de primer nivel junto a
   Directos/Radio/campana/avatar. */
body.v22-authenticated
.headerAccountActions.socialAccountLoggedV2313
> #saldoHeaderBtn{
  display:inline-flex!important;
}

/* Amigos y Chat: acciones compactas, sin dos círculos gigantes ocupando medio
   perfil. */
.socialProfileFriendActions{
  gap:6px!important;
  margin-top:9px!important;
}
.socialProfileFriendActions .socialProfileRoundAction{
  min-width:44px!important;
  width:44px!important;
  min-height:44px!important;
  height:44px!important;
  border-radius:50%!important;
  gap:0!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1!important;
  box-shadow:0 4px 12px rgba(92,48,111,.08)!important;
}
.socialProfileFriendActions .socialProfileRoundAction span{
  font-size:6.5px!important;
  line-height:1!important;
  margin-top:2px!important;
}

/* Redes del perfil con icono de marca reconocible y enlace real. */
.socials.socialBrandLinksV2326{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.socials.socialBrandLinksV2326 .socialBrandLink{
  min-height:34px!important;
  padding:6px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border-radius:11px!important;
  border:1px solid rgba(105,52,125,.14)!important;
  background:rgba(255,255,255,.90)!important;
  color:#543060!important;
  font-size:11px!important;
  font-weight:900!important;
  transition:transform .14s ease,box-shadow .14s ease!important;
}
.socials.socialBrandLinksV2326 a.socialBrandLink:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 5px 14px rgba(92,48,111,.10)!important;
}
.socials.socialBrandLinksV2326 .socialBrandLink.disabled{
  opacity:.46!important;
  cursor:default!important;
}
.socials.socialBrandLinksV2326 .socialBrandLink svg{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.socials.socialBrandLinksV2326 .socialBrandLink svg .fill{
  fill:currentColor!important;
  stroke:none!important;
}
.socials.socialBrandLinksV2326 .socialBrand-tiktok{color:#111!important;}
.socials.socialBrandLinksV2326 .socialBrand-discord{color:#5865f2!important;}
.socials.socialBrandLinksV2326 .socialBrand-twitter{color:#111!important;}
.socials.socialBrandLinksV2326 .socialBrand-instagram{color:#c13584!important;}


/* =====================================================================
   MELODIAS V23.27 — estabilización visual y cabecera atómica
   ===================================================================== */

/* Fondo EXACTO suministrado para V23.27. El query fuerza a abandonar la
   imagen anterior almacenada en caché. No hay degradado ni velo de página. */
html:not(.v2313-loading):not(.v2327-loading) body{
  background-color:#efc7ec!important;
  background-image:url("/background.webp?v=23310")!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:100% auto!important;
  background-attachment:fixed!important;
}

/* El estado de la cuenta manda; no dependemos de que body conserve una clase
   que algunos módulos heredados sustituyen con body.className. */
.headerAccountActions.socialAccountLoggedV2313 > #saldoHeaderBtn{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.headerAccountActions.socialAccountLoggedV2313 > #socialNotificationHeaderBtn,
.headerAccountActions.socialAccountLoggedV2313 > #socialChatHeaderBtnV2311{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}
.headerAccountActions.socialAccountLoggedV2313 > #socialAccountWrapV2313{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.headerAccountActions.socialAccountLoggedV2313 > #loginHeaderBtn,
.headerAccountActions.socialAccountLoggedV2313 > #registerHeaderBtn{
  display:none!important;
}
.headerAccountActions:not(.socialAccountLoggedV2313) > #saldoHeaderBtn,
.headerAccountActions:not(.socialAccountLoggedV2313) > #socialNotificationHeaderBtn,
.headerAccountActions:not(.socialAccountLoggedV2313) > #socialChatHeaderBtnV2311,
.headerAccountActions:not(.socialAccountLoggedV2313) > #socialAccountWrapV2313{
  display:none!important;
}

/* Amigo y Chat vuelven a ser acciones visibles y cómodas. */
.socialProfileFriendActions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:12px!important;
}
.socialProfileFriendActions .socialProfileRoundAction{
  width:76px!important;
  min-width:76px!important;
  height:76px!important;
  min-height:76px!important;
  border-radius:50%!important;
  padding:8px 6px!important;
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-size:22px!important;
  line-height:1!important;
  box-shadow:0 8px 20px rgba(92,48,111,.12)!important;
}
.socialProfileFriendActions .socialProfileRoundAction span{
  display:block!important;
  font-size:10px!important;
  line-height:1.05!important;
  margin:0!important;
  font-weight:900!important;
}

@media (max-width:900px){
  html:not(.v2313-loading):not(.v2327-loading) body{
    background-attachment:scroll!important;
  }
  .socialProfileFriendActions .socialProfileRoundAction{
    width:68px!important;
    min-width:68px!important;
    height:68px!important;
    min-height:68px!important;
  }
}

/* =====================================================================
   MELODIAS V23.28 — fondo completo, perfil vivo y chat moderno
   ===================================================================== */
/* La ilustración se mantiene fija y completa en el viewport. Así nunca se
   corta a mitad de página ni desaparece al hacer scroll; se ven las dos
   muñecas en los extremos sin usar cover. */
html:not(.v2313-loading):not(.v2327-loading) body{
  background-color:#efc7ec!important;
  background-image:url("/background.webp?v=23310")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:100vw 100vh!important;
  background-attachment:fixed!important;
}

.socialPresenceV2328{display:inline-flex;align-items:center;gap:5px;margin:2px 0 5px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.72);font-size:10px;font-weight:900;color:#71517a;border:1px solid rgba(105,52,125,.10)}
.socialPresenceV2328 i{font-style:normal;font-size:12px;line-height:1}.socialPresenceV2328.online i{color:#43c777}.socialPresenceV2328.away i{color:#e3aa36}.socialPresenceV2328.dnd i{color:#e24c65}.socialPresenceV2328.invisible i,.socialPresenceV2328.offline i{color:#9d93a1}

.socialNowPlayingV2328{display:flex;align-items:center;gap:10px;margin:9px 0;padding:10px 12px;border:1px solid rgba(105,52,125,.12);border-radius:14px;background:rgba(255,255,255,.72)}
.socialNowPlayingV2328>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#9ce3c0,#b8a0ff);font-weight:1000}.socialNowPlayingV2328>div{min-width:0;display:grid;gap:2px}.socialNowPlayingV2328 small{color:var(--muted)}.socialNowPlayingV2328 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socialNowPlayingV2328 a{font-size:10px;font-weight:900;text-decoration:underline;margin-right:8px}

.socialProfileMediaActionsV2328{display:flex;gap:6px;flex-wrap:wrap;align-items:center;flex:1 1 100%;margin-top:8px}
.socialProfileSettingsV2328{margin:12px 0;padding:12px;border-radius:16px;background:rgba(250,242,255,.72);border:1px solid var(--line)}
.socialProfileSettingsV2328 h3{margin:8px 0}.socialProfileSettingsV2328>small{display:block;color:var(--muted);margin-top:6px}.socialSettingToggleV2328{display:flex;align-items:center;gap:7px;margin:8px 0;font-size:11px;font-weight:800}

/* Amigo/Chat/Bloquear grandes y legibles. */
.socialProfileFriendActions .socialProfileRoundAction{width:82px!important;min-width:82px!important;height:82px!important;min-height:82px!important;font-size:24px!important;gap:6px!important}.socialProfileFriendActions .socialProfileRoundAction span{font-size:10px!important}.socialProfileFriendActions .socialBlockProfileV2328{background:linear-gradient(145deg,#fff0f5,#f3e7ff)!important}.socialProfileFriendActions .socialBlockProfileV2328.active{background:#ffe1ea!important;color:#9c3156!important}

.socialChatTabsV2328{display:flex;gap:7px;margin:0 0 10px}.socialChatTabsV2328 button{border:1px solid var(--line);background:rgba(255,255,255,.78);color:var(--ink);padding:9px 14px;border-radius:999px;font-weight:950}.socialChatTabsV2328 button.active{background:linear-gradient(135deg,#ff75b7,#aa68e7);color:#fff;border-color:transparent}
.socialFriendsPaneV2328{display:grid;gap:8px}.socialFriendsPaneV2328 h3{margin:12px 0 4px}.socialFriendCardV2328{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.78)}.socialFriendNameV2328{border:0;background:transparent;text-align:left;color:inherit;display:grid;justify-items:start}.socialFriendActionsV2328{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.socialFriendActionsV2328 button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:6px 8px;font-size:9px;font-weight:900}
.socialDmClosedV2328{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.socialPinnedMessagesV2328{display:flex;align-items:center;gap:7px;overflow:auto;padding:7px 10px;border-bottom:1px solid var(--line);background:rgba(255,243,202,.58);font-size:10px}.socialPinnedMessagesV2328 span{white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;padding:4px 7px;background:#fff9;border-radius:999px}
.socialMessage.pinnedV2328 .socialMessageBubble{box-shadow:0 0 0 2px rgba(229,178,61,.22)}
.socialMessageReactionsV2328{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.socialMsgReactionV2328{border:1px solid var(--line);background:#fff9;border-radius:999px;padding:3px 6px;font-size:10px}.socialMsgReactionV2328.active{background:#f6d9f1}
.socialMessageReactionPickerV2328{position:absolute;z-index:20;display:flex;gap:3px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:var(--shadow);transform:translateY(28px)}.socialMessageReactionPickerV2328 button{border:0;background:transparent;font-size:17px;padding:2px}.socialMessageFoot{position:relative}

/* En Chats no aparece el lápiz flotante de publicar. */
body:has(#chatSection:not(.hidden)) #socialCreateDock{display:none!important}

@media(max-width:900px){
  html:not(.v2313-loading):not(.v2327-loading) body{background-size:100% auto!important;background-position:center top!important;background-attachment:scroll!important}
  .socialProfileFriendActions .socialProfileRoundAction{width:74px!important;min-width:74px!important;height:74px!important;min-height:74px!important}
  .socialFriendCardV2328{grid-template-columns:auto minmax(0,1fr)}.socialFriendActionsV2328{grid-column:1/-1;justify-content:flex-start}
}

/* =====================================================================
   MELODIAS V23.29 — correcciones visuales y UX social
   ===================================================================== */
html{background:#efc7ec!important;}
body{background:transparent!important;background-image:none!important;}
#melodiasBackgroundV2329{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-color:#efc7ec;
  background-image:url("/background.webp?v=23310");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:100% auto;
}
@media(max-width:900px){#melodiasBackgroundV2329{background-position:center top;background-size:100% auto;}}

/* Historias: un único + limpio, sin doble símbolo. */
.socialStoryPlusV239,.socialStoryPlusInsideV239{
  display:grid!important;place-items:center!important;width:23px!important;height:23px!important;
  min-width:23px!important;min-height:23px!important;border-radius:50%!important;
  font-family:Arial,sans-serif!important;font-size:18px!important;font-weight:900!important;line-height:1!important;
  color:#fff!important;background:#a755d1!important;border:2px solid #fff!important;
  box-shadow:0 2px 6px rgba(83,39,101,.16)!important;overflow:hidden!important;
}
.socialStoryPlusV239::before,.socialStoryPlusV239::after,.socialStoryPlusInsideV239::before,.socialStoryPlusInsideV239::after{content:none!important;display:none!important;}

/* Perfil: amigo/chat claramente visibles. */
.socialProfileFriendActions{gap:14px!important;align-items:center!important;flex-wrap:wrap!important;}
.socialProfileFriendActions .socialProfileRoundAction{
  width:88px!important;min-width:88px!important;height:88px!important;min-height:88px!important;
  font-size:27px!important;border-radius:50%!important;gap:6px!important;
  background:rgba(255,255,255,.9)!important;border:1px solid rgba(105,52,125,.14)!important;
}
.socialProfileFriendActions .socialProfileRoundAction span{font-size:11px!important;font-weight:950!important;}

/* Presencia y música. */
.socialPresenceV2328{font-size:11px!important;min-height:28px!important;padding:4px 9px!important;}
.socialNowPlayingV2328{position:relative;overflow:hidden;}
.socialNowPlayingV2328.favoriteV2329{background:linear-gradient(135deg,rgba(255,246,202,.92),rgba(255,237,249,.86));}
.socialNowPlayingV2328.currentV2329{background:linear-gradient(135deg,rgba(231,255,242,.88),rgba(243,236,255,.9));}
.socialMusicLinkV2329,.socialFeedLinkV2329{color:#8d3b9f!important;text-decoration:underline!important;text-underline-offset:2px!important;font-weight:900!important;overflow-wrap:anywhere!important;}

/* Amigos ocupa el espacio útil: sin el rectángulo blanco vacío de la derecha. */
.socialFriendsFullV2329{width:100%;padding:2px;}
.socialFriendSearchV2329{display:flex;gap:8px;align-items:center;margin-bottom:14px;max-width:520px;}
.socialFriendSearchV2329 input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:999px;background:#fffD;color:var(--ink);font-size:14px;}
.socialFriendGridV2329{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;}
.socialFriendCardV2329{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:17px;min-width:0;}
.socialFriendNameV2329{border:0;background:transparent;color:inherit;text-align:left;min-width:0;display:grid;justify-items:start;gap:3px;font-size:15px;}
.socialFriendNameV2329 b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.socialFriendActionsV2329{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;}
.socialFriendActionsV2329 button{min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:11px;font-weight:950;white-space:nowrap;}

/* Chat más ancho, iconos y tiempos legibles. */
.socialChatLayoutV2329{display:grid;grid-template-columns:minmax(290px,340px) minmax(0,1fr);gap:12px;min-height:610px;}
.socialChatSidebarV2329,.socialChatThread{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:18px;overflow:hidden;}
.socialChatSidebarV2329{padding:12px;overflow:auto;}
.socialChatListV2329{display:grid;gap:7px;}
.socialChatListV2329 .socialChatListItem{min-height:64px;padding:8px 10px;}
.socialChatHeaderV2329{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);}
.socialChatIdentityV2329{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:10px;text-align:left;min-width:0;}
.socialChatIdentityV2329>span{display:grid;gap:2px;min-width:0;}
.socialChatIdentityV2329 b{font-size:15px;}
#socialTypingV2329{min-height:15px;color:#b14391;font-size:11px;font-weight:900;}
.socialMessages{padding:14px!important;gap:10px!important;}
.socialMessage{display:flex!important;align-items:flex-end!important;gap:8px!important;}
.socialMessageAvatarBtnV2329{border:0;background:transparent;padding:0;cursor:pointer;flex:0 0 auto;}
.socialMessageBubble{max-width:min(72%,620px)!important;min-width:120px!important;padding:9px 11px!important;}
.socialMessageTop{display:flex!important;align-items:center!important;gap:8px!important;min-height:24px;}
.socialMessageTop button{font-size:11px!important;font-weight:950!important;}
.socialMessageTop small{font-size:12px!important;color:#89728f!important;margin-left:auto!important;white-space:nowrap;}
.socialMessageBodyV2329{font-size:13px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;}
.socialMessageMenuWrapV2329{position:relative;margin-left:2px;}
.socialMessageDotsV2329{border:0;background:transparent;color:#75517d;font-weight:1000;letter-spacing:1px;font-size:14px;line-height:1;padding:5px 4px;border-radius:8px;cursor:pointer;}
.socialMessageDotsV2329:hover{background:rgba(137,82,160,.09);}
.socialMessageMenuV2329{position:absolute;right:0;top:27px;z-index:35;min-width:155px;padding:5px;display:grid;gap:3px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(75,38,88,.18);}
.socialMessageMenuV2329.hidden{display:none!important;}
.socialMessageMenuV2329 button{border:0;background:transparent;color:#55305f;padding:8px 9px;border-radius:8px;text-align:left;font-size:11px;font-weight:850;}
.socialMessageMenuV2329 button:hover{background:#faefff;}
.socialMessageMenuWrapV2329 .socialMessageReactionPickerV2328{right:0;left:auto;top:28px;transform:none;}
.socialMessageFoot{display:flex;justify-content:flex-end;min-height:17px;margin-top:4px;}
.socialDeliveryV2329{font-size:12px;font-weight:900;color:#8d7992;}
.socialDeliveryV2329.read{color:#e348a0!important;text-shadow:0 0 0 transparent;}
.socialDeliveryV2329.delivered{color:#806789;}
.socialMessage.pendingV2329{opacity:.72;}
.socialMessage.flashV2329 .socialMessageBubble{animation:socialFlashV2329 1.4s ease;}
@keyframes socialFlashV2329{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 4px rgba(232,73,158,.28)}}

.socialPinnedMessagesV2329{display:flex;align-items:center;gap:7px;padding:7px 11px;overflow-x:auto;border-bottom:1px solid var(--line);background:rgba(255,246,214,.82);}
.socialPinnedMessagesV2329>b{font-size:10px;white-space:nowrap;}
.socialPinnedMessagesV2329 button{border:0;background:#fffB;color:#68436e;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850;white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.socialChatComposerV2329{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:end;padding:10px;border-top:1px solid var(--line);background:#fffE;}
.socialChatComposerV2329 textarea{width:100%;min-height:46px;max-height:130px;resize:vertical;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font:inherit;}
.socialPhotoBtnV2329,.socialChatSendV2329{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;font-size:20px!important;}
.socialChatFileName{padding:0 12px 8px;font-size:10px;color:var(--muted);}

/* Admin: lista real y gestión útil. */
.adminUsersGridV2329{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:9px;}
.adminUserCardV2329{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:11px;background:#fffB;border:1px solid var(--line);border-radius:15px;}
.adminUserCardV2329>div:nth-child(2){display:grid;align-content:center;gap:2px;min-width:0;}.adminUserCardV2329 small{color:var(--muted);}
.adminUserCardActionsV2329{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;}
.adminBalanceGridV2329{display:grid;gap:8px;margin-top:10px;}
.adminBalanceUserV2329{display:grid;grid-template-columns:auto minmax(0,1fr) 92px auto auto;align-items:center;gap:8px;padding:10px;background:#fffB;border:1px solid var(--line);border-radius:14px;}
.adminBalanceUserV2329 .grow{display:grid;gap:2px}.adminBalanceUserV2329 small{color:var(--muted)}.adminBalanceUserV2329 input{width:92px;padding:8px;border:1px solid var(--line);border-radius:10px;}
.socialAdminStarV2329{color:#f0b830;font-size:.9em;vertical-align:middle;}

/* Footer: iconos visibles y avatar real en navegación inferior. */
.socialFooterV2329 #footerDiscord,.socialFooterV2329 #footerTwitter{display:flex!important;align-items:center;gap:7px;font-weight:900;}
.bottom .socialBottomAvatarV2329{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;overflow:hidden;}
.bottom .socialBottomAvatarV2329 .avatar,.bottom .socialBottomAvatarV2329 img{width:28px!important;height:28px!important;border-radius:50%!important;}

/* Evita que la tarjeta lateral de eventos compita con el feed. */
.socialUpcomingCardV2311{display:none!important;}

@media(max-width:900px){
  #melodiasBackgroundV2329{background-size:auto 100%;background-position:center top;}
  .socialFriendGridV2329{grid-template-columns:1fr;}.socialFriendCardV2329{grid-template-columns:54px minmax(0,1fr);}.socialFriendActionsV2329{grid-column:1/-1;justify-content:flex-start;}
  .socialChatLayoutV2329{grid-template-columns:1fr;min-height:0}.socialChatSidebarV2329{max-height:330px}.socialMessageBubble{max-width:82%!important;}
  .adminBalanceUserV2329{grid-template-columns:auto minmax(0,1fr);}.adminBalanceUserV2329 input,.adminBalanceUserV2329 .btn{grid-column:auto;}
}

/* =====================================================================
   MELODIAS V23.30 — rutas profundas, fondo proporcional y Admin real
   ===================================================================== */
#melodiasBackgroundV2329.melodiasBackgroundV2330{
  background-color:#efc7ec!important;
  background-image:url("/background.webp?v=23310")!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:min(100vw,2048px) auto!important;
  background-attachment:fixed!important;
}
@media(max-width:900px){#melodiasBackgroundV2329.melodiasBackgroundV2330{background-size:100vw auto!important;background-position:center top!important;background-attachment:fixed!important;}}
.socialStoryPlusCleanV2330{font-family:Arial,Helvetica,sans-serif!important;font-variant:normal!important;font-size:17px!important;font-weight:700!important;line-height:20px!important;text-indent:0!important;letter-spacing:0!important;overflow:hidden!important;}
.socialStoryPlusCleanV2330::before,.socialStoryPlusCleanV2330::after{content:none!important;display:none!important;}
.socialHabboLinkV2330{color:#8e3f9f!important;text-decoration:underline!important;text-underline-offset:2px;font-weight:900!important;}
.socialAdminStarV2330{color:#f0b830!important;filter:drop-shadow(0 1px 1px rgba(106,72,0,.18));}

.adminShellV2330{display:grid;gap:14px;max-width:1180px;margin:0 auto;}
.adminHeroV2330{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,240,249,.94));border:1px solid var(--line);box-shadow:0 12px 30px rgba(91,43,109,.08);}
.adminHeroV2330 h2{margin:4px 0;font-size:25px}.adminHeroV2330 p{margin:0;color:var(--muted)}.adminEyebrowV2330{font-size:10px;font-weight:1000;letter-spacing:.9px;color:#bc3a87;}
.adminTabsV2330{display:flex;gap:8px;flex-wrap:wrap;padding:7px;background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:16px;}
.adminTabsV2330 button{border:0;background:transparent;color:var(--ink);font-weight:950;padding:10px 14px;border-radius:12px;}.adminTabsV2330 button.active{background:linear-gradient(135deg,#ff63ad,#a45ad8);color:#fff;}
.adminToolbarV2330{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.84);}.adminToolbarV2330 input{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;padding:11px 14px;background:#fff;color:var(--ink)}.adminToolbarV2330 span{font-size:11px;font-weight:900;color:var(--muted);white-space:nowrap;}
.adminUsersV2330{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;}
.adminUserV2330{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;padding:13px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:17px;align-items:start;}.adminUserInfoV2330{display:grid;gap:3px;min-width:0}.adminUserInfoV2330>button{border:0;background:transparent;color:inherit;text-align:left;padding:0;font-size:15px}.adminUserInfoV2330 small{color:var(--muted);font-weight:800}.adminUserInfoV2330 a{font-size:11px;color:#8e3f9f;text-decoration:underline;font-weight:850}.adminUserInfoV2330>span{font-size:11px;font-weight:850}.adminUserActionsV2330{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap;}
.adminBalanceGridV2330{display:grid;gap:9px}.adminBalanceUserV2330{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(330px,auto);gap:10px;align-items:center;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px}.adminBalanceUserV2330 .grow{display:grid;gap:3px}.adminBalanceUserV2330 small{color:var(--muted);font-weight:800}.adminBalanceControlsV2330{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.adminBalanceControlsV2330 input{width:100px;border:1px solid var(--line);border-radius:10px;padding:8px 9px;color:var(--ink)}
.socialSearchBlockV2330{display:grid;gap:10px;margin-bottom:16px}.socialSearchBlockV2330 h3{margin:0}.socialSearchPeopleV2330{display:flex;gap:8px;flex-wrap:wrap}.socialSearchPeopleV2330 .socialUserIdentity{background:rgba(255,255,255,.88);border:1px solid var(--line);padding:8px 10px;border-radius:14px;}
.socialAvatarSubscriberLockV2330{opacity:.9}
@media(max-width:760px){.adminHeroV2330{align-items:flex-start;flex-direction:column}.adminUsersV2330{grid-template-columns:1fr}.adminBalanceUserV2330{grid-template-columns:auto minmax(0,1fr)}.adminBalanceControlsV2330{grid-column:1/-1;justify-content:flex-start}.adminToolbarV2330{align-items:stretch;flex-direction:column}.adminToolbarV2330 span{white-space:normal}}


/* V23.30 PageSpeed: render only visible feed content and reserve geometry. */
#homeCommunityPosts > *,#homeActivity > *,#searchResults > *,#socialProfilePosts > *{content-visibility:auto;contain-intrinsic-size:1px 420px;}
img{max-width:100%;}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}

/* ===================== MELODIAS V23.32 ===================== */
/* Esqueletos de carga: siluetas con la forma del contenido real. */
@keyframes v2332Shimmer{0%{background-position:-420px 0}100%{background-position:420px 0}}
.socialSkelLineV2332,.socialSkelCircleV2332,.socialSkelBannerV2332,.socialSkelActionsV2332 i,.socialSkelDayV2332{background:linear-gradient(90deg,rgba(214,176,226,.30) 0%,rgba(255,255,255,.75) 50%,rgba(214,176,226,.30) 100%);background-size:840px 100%;animation:v2332Shimmer 1.25s linear infinite}
.socialSkelLineV2332{display:block;height:11px;border-radius:999px;margin:7px 0}
.socialSkelCircleV2332{display:block;flex:0 0 auto;width:34px;height:34px;border-radius:50%}
.socialSkelRowV2332{display:flex;align-items:center;gap:10px;padding:6px 0}
.socialSkelRowV2332>span{flex:1;min-width:0}
.socialSkelCardV2332{padding:16px 18px;margin:0 0 12px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid rgba(105,52,125,.10);min-height:168px;box-sizing:border-box}
.socialSkelActionsV2332{display:flex;gap:10px;margin-top:14px}.socialSkelActionsV2332 i{display:block;width:62px;height:30px;border-radius:999px}
.socialSkelBannerV2332{display:block;height:120px;border-radius:18px;margin-bottom:12px}
.socialSkelProfileV2332{margin-bottom:12px}
.socialSkelDayV2332{opacity:.55}
.socialActivityLoadingV2322.socialSkeletonV2332{display:block;padding:4px 2px}
@media(prefers-reduced-motion:reduce){.socialSkelLineV2332,.socialSkelCircleV2332,.socialSkelBannerV2332,.socialSkelActionsV2332 i,.socialSkelDayV2332{animation:none}}
/* Perfil cargando: se ve el esqueleto, nunca el perfil anterior ni un hueco. */
#socialProfileSkeletonV2332{display:none}
#profileSection.v2332-profile-loading>#socialProfileSkeletonV2332{display:block}
#profileSection.v2332-profile-loading>:not(#socialProfileSkeletonV2332){display:none!important}
/* Estrella Admin (solo cuentas con rol admin). */
.socialAdminStarV2330{display:inline-block;margin-left:4px;font-size:.92em;line-height:1;filter:drop-shadow(0 1px 1px rgba(160,90,0,.25))}
/* Hashtags y enlaces dentro de publicaciones y comentarios. */
.socialHashtagV2332{color:#b0268a;font-weight:800;text-decoration:none;border-radius:6px}
.socialHashtagV2332:hover,.socialHashtagV2332:focus-visible{text-decoration:underline}
.socialPostLinkV2332{color:#7a2fb0;font-weight:700;text-decoration:underline;word-break:break-word}
.socialPostText,.socialCommentText{white-space:pre-wrap;overflow-wrap:anywhere}
/* Imágenes: espacio reservado mientras descargan (sin saltos de texto). */
.socialPostMedia{display:block;max-width:100%;min-height:180px;border-radius:16px;background:linear-gradient(90deg,rgba(214,176,226,.30),rgba(255,255,255,.7),rgba(214,176,226,.30));background-size:840px 100%;animation:v2332Shimmer 1.25s linear infinite}
.socialPostMedia.socialMediaLoadedV2332{min-height:0;background:none;animation:none}
.socialPostMedia.socialMediaBrokenV2332{min-height:64px;animation:none;background:rgba(255,255,255,.6)}
.socialAvatar img{aspect-ratio:1/1;object-fit:cover}
/* Calendario. */
.calendarNavV2332{justify-content:flex-start}.calendarNavV2332 h3{flex:1;text-align:center}
.calDay.calTodayV2332{border:2px solid #ff5fac;box-shadow:0 0 0 3px rgba(255,95,172,.15)}
.calDay.calPastV2332{opacity:.62}
.calEvent{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scheduleCard.calEventFocusV2332{outline:3px solid #ff5fac;outline-offset:2px}
.socialProfileErrorV2332 .actions{display:flex;gap:8px;flex-wrap:wrap}
.socialActivityEmptyV2332 p{margin:6px 2px;color:var(--muted)}
#socialProfileScheduleV2332{margin-left:auto}
#calendarSection .calendarGrid{grid-template-columns:repeat(7,minmax(0,1fr))}
#calendarSection .calDay{min-width:0;overflow:hidden}
#calendarSection .calEvent{max-width:100%;box-sizing:border-box}
/* V23.33: responsive chats, controls and story close button */
.socialStoryClose{position:absolute!important;top:max(12px,env(safe-area-inset-top))!important;right:12px!important;z-index:10000!important;display:grid!important;place-items:center;background:#fff!important;color:#692d78!important;width:44px!important;height:44px!important;font-size:28px!important;box-shadow:0 2px 12px #0003}
.socialStoryModalCard{position:relative!important;max-height:92dvh;overflow:auto}
.messageMenuV2333{position:relative;margin-left:auto}.messageMenuV2333 summary{cursor:pointer;list-style:none;font-size:26px;line-height:1;padding:4px 10px}.messageMenuV2333>div{position:absolute;bottom:100%;right:0;display:flex;background:white;padding:8px;border:1px solid #ddc9e7;border-radius:12px;box-shadow:0 4px 18px #0002;z-index:20}
.socialMessageFoot>small{font-size:12px!important;white-space:nowrap;color:#714781}.socialMessageBubble{overflow-wrap:anywhere;min-width:0}.socialMessageFoot{align-items:center;gap:12px}
#typingV2333{font-weight:700;color:#ac3987}.adminBalanceControlsV2330{flex-wrap:wrap}.adminBalanceControlsV2330 input{max-width:110px}
@media(max-width:1024px){
 .socialChatLayout{grid-template-columns:minmax(180px,30%) minmax(0,1fr)!important}.socialChatThread,.socialChatSidebar{min-width:0!important}.socialChatComposer textarea{min-width:0!important}.socialChatThread{max-width:100%}.adminBalanceGridV2330{grid-template-columns:1fr!important}
}
@media(max-width:640px){
 html,body{max-width:100%;overflow-x:clip}main{min-width:0!important}.grid2,.calendarLayoutV2332{grid-template-columns:1fr!important}
 .socialChatLayout{display:flex!important;flex-direction:column;gap:10px}.socialChatSidebar{max-height:200px;overflow:auto;width:100%!important}.socialChatThread{width:100%!important;min-height:50dvh}.socialMessages{max-height:50dvh!important;min-height:25dvh}.socialChatComposer{gap:4px;padding:8px}.socialChatComposer textarea{font-size:16px}.socialChatHeader{flex-wrap:wrap}.socialMessage{max-width:100%}.socialMessageBubble{max-width:calc(100vw - 100px)}
 .adminUserV2330,.adminBalanceUserV2330{flex-wrap:wrap}.adminBalanceControlsV2330{width:100%}.adminTabsV2330{overflow-x:auto;max-width:100%}.adminToolbarV2330{flex-wrap:wrap}.modalCard{width:calc(100vw - 24px)!important;max-width:100%;max-height:90dvh;overflow:auto}.calDay{min-width:0!important;padding:3px!important}.calEvent{font-size:10px;overflow:hidden}.calendarGrid{min-width:0}.socialStoryClose{position:sticky!important;float:right;top:8px!important}
}
@media(max-width:640px){.socialStoryClose{position:fixed!important;top:max(18px,env(safe-area-inset-top))!important;right:18px!important}}

/* ===================== MELODIAS V23.34 ===================== */
.socialNavIconV2334{width:40px;height:40px;object-fit:contain;flex:0 0 40px;display:inline-block;vertical-align:middle;margin-right:2px;filter:drop-shadow(0 2px 3px rgba(91,43,109,.18));transition:transform .15s ease}
.socialReferenceNavV2313 button:hover .socialNavIconV2334,.socialReferenceNavV2313 button.active .socialNavIconV2334{transform:scale(1.08)}
.socialSubStarV2334{width:16px;height:16px;object-fit:contain;display:inline-block;vertical-align:-2px;margin-left:4px}
/* Chats V23.34 */
.socialChatStatusV2334{display:flex;flex-direction:column;gap:2px;min-width:0}
.socialTypingV2334{display:none;color:#c02b8c;font-weight:800;font-size:12px;align-items:center;gap:3px}
.socialTypingV2334 i{width:5px;height:5px;border-radius:50%;background:#e04aa6;display:inline-block;animation:v2334Dot 1s infinite ease-in-out}
.socialTypingV2334 i:nth-child(2){animation-delay:.15s}.socialTypingV2334 i:nth-child(3){animation-delay:.3s;margin-right:3px}
@keyframes v2334Dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
.socialChatStatusV2334.isTypingV2334 .socialTypingV2334{display:inline-flex}
.socialChatStatusV2334.isTypingV2334 .socialPresenceV2328{display:none}
#typingV2333{display:none!important}
.socialPinnedV2334{display:flex;flex-direction:column;gap:4px}
.socialPinnedItemV2334{display:flex;align-items:center;gap:6px}
.socialPinnedJumpV2334{flex:1;min-width:0;text-align:left;border:0;background:rgba(255,255,255,.75);border-radius:10px;padding:6px 10px;font:inherit;font-size:13px;color:#5b2b6d;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.socialPinnedJumpV2334:hover{background:#fff}
.socialPinnedOffV2334{border:0;background:transparent;color:#a0407f;font-size:18px;line-height:1;cursor:pointer;min-width:32px;min-height:32px;border-radius:50%}
.socialMessage.flashV2334 .socialMessageBubble{animation:v2334Flash 1.6s ease}
@keyframes v2334Flash{0%,60%{box-shadow:0 0 0 4px rgba(255,95,172,.55)}100%{box-shadow:none}}
.socialMutedIconV2334{font-size:12px;opacity:.8}
.socialNotifRowV2334{border-radius:14px}
.socialNotifRowV2334.unreadV2334{background:rgba(255,95,172,.10);box-shadow:inset 3px 0 0 #ff5fac}
.isMutedV2334{opacity:.75}
#notifMuteBtnV2334.active{background:#ffe3f1}
.socialPinnedV2334{align-items:stretch;text-align:left}
.socialPinnedV2334>b{align-self:flex-start}
.socialChatHeader .socialChatStatusV2334{align-items:flex-start;margin-right:auto;margin-left:6px}
/* Amigos V23.34 */
.socialFriendsPageV2334{background:rgba(255,255,255,.86);border-radius:24px;padding:18px;box-shadow:0 8px 24px rgba(91,43,109,.08);display:flex;flex-direction:column;gap:14px}
.socialFriendsToolbarV2334{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center}
.socialFriendsCountV2334{display:flex;align-items:center;gap:8px;padding:4px 14px 4px 6px;border-radius:999px;background:linear-gradient(135deg,#ffe3f3,#f3e1ff)}
.socialFriendsCountV2334 span{display:flex;flex-direction:column;line-height:1.05}.socialFriendsCountV2334 b{font-size:20px;color:#5b2b6d}.socialFriendsCountV2334 small{color:var(--muted);font-weight:700}
#socialFriendFilterV2334,.socialFriendAddV2334 input{width:100%;box-sizing:border-box;min-height:44px;border-radius:999px;border:1px solid rgba(105,52,125,.16);padding:0 16px;background:#fff;font:inherit}
.socialFriendAddV2334{display:flex;gap:8px;align-items:center}
.socialFriendsGroupV2334 h3{margin:4px 2px 8px;color:#5b2b6d;display:flex;align-items:center;gap:8px}
.socialFriendsGroupV2334 h3 em{font-style:normal;background:#ff5fac;color:#fff;border-radius:999px;padding:1px 8px;font-size:12px}
#socialFriendsListV2334,.socialFriendsGroupV2334{display:flex;flex-direction:column;gap:8px}
.socialFriendRowV2334{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;background:#fff;border:1px solid rgba(105,52,125,.08)}
.socialFriendRowV2334[hidden]{display:none}
.socialFriendMainV2334{display:flex;align-items:center;gap:12px;flex:1;min-width:0;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit;padding:0}
.socialFriendTextV2334{display:flex;flex-direction:column;gap:3px;min-width:0}.socialFriendTextV2334 b{font-size:15px;color:#4b2360}
.socialFriendMetaV2334{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.socialFriendMetaV2334 small{color:var(--muted)}
.socialFriendActionsV2334{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.socialFriendActionsV2334 .btn{min-height:36px}
@media(max-width:760px){.socialFriendsToolbarV2334{grid-template-columns:1fr}.socialFriendRowV2334{flex-wrap:wrap}.socialFriendActionsV2334{width:100%;justify-content:flex-start}}
/* Perfil V23.34 */
.socialProfileCountsV2334{display:flex;gap:18px;margin:8px 0 2px;flex-wrap:wrap}
.socialProfileCountsV2334>*{display:flex;align-items:baseline;gap:5px;border:0;background:transparent;padding:0;font:inherit;color:inherit;cursor:default}
.socialProfileCountsV2334>button{cursor:pointer}.socialProfileCountsV2334>button:hover b{text-decoration:underline}
.socialProfileCountsV2334 b{font-size:17px;color:#4b2360}.socialProfileCountsV2334 small{color:var(--muted);font-weight:700}
.socialPrivacyToggleV2334{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(214,176,226,.25);margin-top:8px}
.socialPrivacyToggleV2334 button{border:0;border-radius:999px;padding:8px 14px;min-height:36px;font:inherit;font-weight:800;font-size:13px;color:#6b3f80;background:transparent;cursor:pointer}
.socialPrivacyToggleV2334 button.active{background:#fff;color:#c02b8c;box-shadow:0 2px 8px rgba(91,43,109,.15)}
#profileSection .socialProfileBanner,#profileSection .profileCover,#profileSection .socialProfileHeaderV2328 .banner,#profileSection .profileBanner{min-height:230px}
.socialLockedProfileV2334{padding:0;overflow:hidden}
.socialLockedBannerV2334{height:220px;background:linear-gradient(135deg,#ff8fc8,#b98cf0);background-size:cover;background-position:center}
.socialLockedTopV2334{display:flex;gap:16px;align-items:flex-end;padding:0 22px;margin-top:-48px}
.socialLockedTopV2334 .socialAvatar{border:4px solid #fff;border-radius:50%;box-shadow:0 6px 18px rgba(91,43,109,.18);background:#fff}
.socialLockedTopV2334 h2{margin:52px 0 2px}
.socialLockedNoticeV2334{display:flex;align-items:center;gap:14px;margin:18px 22px 22px;padding:16px;border-radius:18px;background:rgba(214,176,226,.18)}
.socialLockedNoticeV2334>span{font-size:30px}.socialLockedNoticeV2334>div{flex:1}.socialLockedNoticeV2334 p{margin:2px 0 0;color:var(--muted)}
@media(max-width:640px){.socialLockedNoticeV2334{flex-wrap:wrap}.socialLockedBannerV2334{height:150px}}
/* Gestión V23.34 */
.adminSubTabsV2334{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.adminSubTabsV2334 button{border:1px solid rgba(105,52,125,.15);background:#fff;border-radius:999px;padding:9px 16px;font:inherit;font-weight:800;color:#6b3f80;cursor:pointer;min-height:40px}
.adminSubTabsV2334 button.active{background:linear-gradient(135deg,#ff5fac,#b16cf0);color:#fff;border-color:transparent}
.adminSubTabsV2334 em{font-style:normal;background:#ff2f7d;color:#fff;border-radius:999px;padding:0 7px;margin-left:4px;font-size:12px}
.adminSanctionV2334{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid rgba(105,52,125,.08);margin:8px 0}
.adminSanctionV2334 small{display:block;color:var(--muted);margin-top:3px}.adminSanctionV2334 p{margin:4px 0 0}
.adminStateV2334{font-size:12px;font-weight:800;margin-left:6px}
.adminSupportV2334{display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px}
@media(max-width:800px){.adminSupportV2334{grid-template-columns:1fr}}
.adminSupportItemV2334{display:flex;flex-wrap:wrap;gap:4px;align-items:center;width:100%;text-align:left;border:0;background:#fff;border-radius:14px;padding:10px 12px;margin:6px 0;font:inherit;cursor:pointer}
.adminSupportItemV2334.active{outline:2px solid #ff5fac}.adminSupportItemV2334 small{flex-basis:100%;color:var(--muted)}
.adminSupportItemV2334 em{font-style:normal;background:#ff2f7d;color:#fff;border-radius:999px;padding:0 7px;font-size:12px;margin-left:auto}
.supportMsgsV2334{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto;padding:6px 2px}
.supportMsgV2334{max-width:80%;align-self:flex-start;background:#fff;border-radius:16px;padding:8px 12px;box-shadow:0 2px 8px rgba(91,43,109,.08)}
.supportMsgV2334.mine{align-self:flex-end;background:linear-gradient(135deg,#ffe0f0,#efe0ff)}
.supportMsgV2334 p{margin:0;white-space:pre-wrap}.supportMsgV2334 small{color:var(--muted);font-size:11px}
.supportComposerV2334{display:flex;gap:8px;align-items:flex-end;margin-top:8px}.supportComposerV2334 textarea{flex:1;border-radius:16px;border:1px solid rgba(105,52,125,.16);padding:10px 12px;font:inherit;resize:vertical}
.v2334BanModal{position:fixed;inset:0;z-index:100000;background:rgba(60,20,70,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.v2334BanCard{background:#fff;border-radius:24px;max-width:520px;width:100%;padding:22px;max-height:92vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.25);text-align:center}
.v2334BanIcon{font-size:44px}.v2334BanCard h2{margin:6px 0;color:#5b2b6d}.v2334BanReason{background:#fff1f7;border-radius:12px;padding:8px}
.v2334SupportBox{text-align:left;margin:14px 0;padding:12px;border-radius:18px;background:#fbf2fb}
/* Recorte de imágenes */
.v2334CropModal{position:fixed;inset:0;z-index:100000;background:rgba(40,15,50,.6);display:flex;align-items:center;justify-content:center;padding:14px}
.v2334CropCard{background:#fff;border-radius:22px;padding:16px;width:min(680px,100%);max-height:94vh;overflow:auto}
.v2334CropStage{position:relative;margin:10px auto;overflow:hidden;background:#222;touch-action:none;cursor:grab;border-radius:14px}
.v2334CropStage.round{border-radius:50%}
.v2334CropStage img{position:absolute;left:0;top:0;user-select:none;-webkit-user-drag:none;max-width:none!important;transform-origin:0 0}
.v2334CropControls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.v2334CropControls input[type=range]{flex:1;min-width:160px;accent-color:#e04aa6}

/* ===================== MELODIAS V23.35 ===================== */
/* Emojis con el mismo diseño en Windows, Android e iPhone. */
body,button,input,textarea,select{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif,"Apple Color Emoji","Noto Color Emoji","Segoe UI Emoji"}
.socialIconImgV2335{width:28px;height:28px;object-fit:contain;display:inline-block;vertical-align:middle;flex:0 0 auto}
.socialIconImgV2335.big{width:32px;height:32px}
.socialPostActions .socialAction{min-height:42px;gap:6px;font-size:14px}
.socialPostActions .socialAction span,.socialPostActions .socialAction b{font-size:14px}
.socialComposerTools .socialCircleLabel,.socialComposerFakeToolsV2313 button{min-width:46px;min-height:46px;display:inline-flex;align-items:center;justify-content:center}
.socialChatComposer .socialCircleBtn,.socialChatComposer .socialCircleLabel{min-width:46px;min-height:46px}
.socialPostReactions button,.socialReactionsV2311 button{font-size:17px;min-height:38px}
/* Selector de emojis */
.v2335EmojiPanel{position:fixed;z-index:99999;background:#fff;border-radius:18px;box-shadow:0 18px 44px rgba(91,43,109,.28);padding:10px;width:340px;max-width:calc(100vw - 16px)}
.v2335EmojiPanel.hidden{display:none}
.v2335EmojiHead{display:flex;gap:8px;align-items:center;margin-bottom:8px}
#v2335EmojiSearch{flex:1;min-height:38px;border-radius:999px;border:1px solid rgba(105,52,125,.16);padding:0 12px;font:inherit}
.v2335EmojiTabs{display:flex;gap:2px;overflow-x:auto;padding-bottom:6px}
.v2335EmojiTabs button{border:0;background:transparent;font-size:19px;min-width:38px;min-height:38px;border-radius:12px;cursor:pointer}
.v2335EmojiTabs button.active{background:#ffe3f1}
.v2335EmojiGrid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:236px;overflow:auto}
.v2335EmojiGrid button{border:0;background:transparent;font-size:22px;min-height:38px;border-radius:10px;cursor:pointer;line-height:1}
.v2335EmojiGrid button:hover{background:#ffeaf5}
.v2335EmojiBtn{margin-left:4px}
/* La sección Radio muestra las publicaciones #radio (V23.35). */
.v2335RadioFeed{margin-bottom:14px}
.v2335RadioFeed .row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
#v2335RadioPosts{display:flex;flex-direction:column;gap:12px}
@keyframes v2335Pulse{0%{transform:scale(1)}40%{transform:scale(1.18);color:#c02b8c}100%{transform:scale(1)}}
.v2335Pulse{display:inline-block;animation:v2335Pulse .6s ease}

/* ===================== MELODIAS V23.36 ===================== */
.v2336Menu{position:fixed;z-index:99999;background:#fff;border-radius:16px;box-shadow:0 14px 40px rgba(91,43,109,.25);padding:6px;display:flex;flex-direction:column;min-width:210px}
.v2336Menu button{border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:12px;font:inherit;cursor:pointer;min-height:42px}
.v2336Menu button:hover,.v2336Menu button.active{background:#ffeaf5}
.v2336Menu small{color:var(--muted);padding:6px 12px;font-size:11px}
.v2336ChatMenuBtn{margin-left:auto}
.v2336DeletedMsg{font-style:italic;color:var(--muted)}
.v2336ColorCard{text-align:left}
.v2336ColorPreview{height:74px;border-radius:16px;margin:10px 0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
#v2336ColorInput{width:100%;height:46px;border:0;background:transparent;cursor:pointer}
/* Foto de perfil redonda y cabecera compacta */
#profileHeader .socialAvatar,#profileHeader .avatar,.socialLockedTopV2334 .socialAvatar{border-radius:50%!important;overflow:hidden}
#profileHeader .socialAvatar img,#profileHeader .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
#profileHeader .profileTop{gap:14px;align-items:flex-end;padding-bottom:6px}
#profileHeader .profileTop h2{margin:0 0 2px}
#profileHeader .profileTop>div{min-width:0}
#profileHeader .profileTop .btn,#profileHeader .profileTop .socialProfileRoundAction{min-height:42px;font-size:14px;padding:9px 16px}
#profileHeader img.profileHeaderImage,#profileHeader .profileCover img,#profileHeader .socialProfileHeaderImgV2328{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.v2336OwnTools{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
#chatSection .sectionHead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#v2336BlockedFromChats{margin-left:auto}
/* Avatar del perfil siempre redondo y pegado al nombre (V23.36) */
#profileHeader .profileAvatarLarge{border-radius:50%!important;overflow:hidden;width:104px;height:104px;flex:0 0 104px}
#profileHeader .profileAvatarLarge>*,#profileHeader .profileAvatarLarge img{width:100%;height:100%;border-radius:50%!important;object-fit:cover;display:block}
#profileHeader .profileTop{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center}
#profileHeader .profileTop>div:not(.profileAvatarLarge):not(.profileActions):not(.v2336OwnTools){flex:1 1 260px;min-width:0;margin:0}
.v2336ChatRow{position:relative;display:block}
.v2336ChatRow .socialChatListItem{width:100%;padding-right:42px}
.v2336ChatMenuBtn{position:absolute;right:6px;top:50%;transform:translateY(-50%);z-index:2}