/* So Flashback: Mural de Recados integrado ao player Neon.
   Mesmo posicionamento e acabamento do painel de letras, espelhado à esquerda.
   ATENÇÃO: o mural só é visível acima de 1060px. Mobile e outros efeitos são preservados. */
.sf-mural-box{display:none;box-sizing:border-box;position:absolute;z-index:16;
 top:clamp(130px,15.5vh,165px);left:clamp(14px,2.5vw,44px);
 bottom:clamp(205px,23vh,270px);width:clamp(325px,26vw,470px);
 flex-direction:column;min-width:0;min-height:0;overflow:hidden;
 padding:14px 14px 9px;border-radius:18px;
 border:1px solid rgba(132,123,209,.48);border-top-color:rgba(47,187,255,.8);
 background:linear-gradient(140deg,rgba(10,12,24,.53),rgba(14,11,27,.35));
 box-shadow:0 8px 36px rgba(0,0,0,.18),0 0 19px rgba(73,139,255,.08);
 backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);color:#f3f6ff;
 font-family:Inter,Arial,sans-serif}
.sf-mural-box *, .sf-mural-box *::before, .sf-mural-box *::after{box-sizing:border-box}
.sf-mural-box .sf-mural-header{display:flex;align-items:center;justify-content:space-between;gap:6px;
 min-height:33px;flex:0 0 auto;margin:0 0 9px}
.sf-mural-box .sf-mural-heading{display:flex;align-items:center;gap:8px;min-width:0;
 white-space:nowrap;font:700 clamp(19px,1.5vw,24px)/1 'Barlow Condensed',Inter,sans-serif;letter-spacing:.6px}
.sf-mural-box .sf-mural-heading svg{height:23px;width:23px;stroke:#a9d8ff;fill:none;
 stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #4cbcff)}
.sf-mural-box .sf-mural-options{display:flex;gap:6px;align-items:center}
.sf-mural-box .sf-mural-options a,.sf-mural-box .sf-mural-options button{
 display:grid;place-items:center;cursor:pointer;width:28px;height:28px;border-radius:8px;
 border:1px solid rgba(108,113,158,.45);background:rgba(25,26,44,.55);
 color:#d7ddf5;text-decoration:none;font:700 15px/1 Inter,Arial,sans-serif}
.sf-mural-box .sf-mural-options a:hover,.sf-mural-box .sf-mural-options button:hover{
 border-color:rgba(26,204,255,.82);background:rgba(10,115,160,.32);color:#fff}
.sf-mural-box .sf-mural-iframe{display:block;width:100%;height:100%;border:0;
 flex:1 1 auto;min-height:0;background:transparent;color-scheme:dark}
.sf-mural-box .sf-mural-note{margin-top:7px;flex:0 0 auto;color:#bcc2da;
 font:11px/1.3 Inter,Arial,sans-serif;min-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-mural-back{display:none;position:absolute;z-index:16;
 left:clamp(14px,2.5vw,44px);top:clamp(130px,15.5vh,165px);
 padding:8px 11px;border-radius:10px;border:1px solid #4ac4ff;
 background:rgba(8,16,34,.89);color:#effaff;cursor:pointer;
 box-shadow:0 0 16px #159fff35;font:700 12px/1.2 Inter,Arial,sans-serif}
@media(min-width:1061px){
 .site-shell.sf-mural-enabled:not(.sf-mural-show-info) #sfInfoBox{display:none!important}
 .site-shell.sf-mural-enabled:not(.sf-mural-show-info) .sf-mural-box{display:flex}
 .site-shell.sf-mural-enabled.sf-mural-show-info .sf-mural-back{display:block}
}
@media(min-width:1061px) and (max-width:1280px){
 .sf-mural-box{width:clamp(280px,28vw,380px);top:140px;left:12px;bottom:25vh}
 .sf-mural-back{left:12px;top:140px}
}
@media(max-width:1060px){.sf-mural-box,.sf-mural-back{display:none!important}}
