/* PHSP Music → Piano Player: ponte de produto leve, sem iframe ou áudio próprio. */
.top .piano-entry-mobile{display:grid;width:44px;height:44px;padding:9px;place-items:center;flex:0 0 44px;color:#F7EBD1}
.piano-entry-mobile svg{display:block;width:25px;height:25px}

@media(min-width:1024px){
  .snav.piano-nav{color:#F7EBD1}
  .snav.piano-nav:hover,.snav.piano-nav:focus-visible{color:#FFF8E8;background:rgba(224,183,108,.1)}
  .piano-nav .piano-mark{width:26px;height:26px;display:block;filter:drop-shadow(0 4px 9px rgba(224,183,108,.22))}
}
.piano-badge{margin-left:auto;border:1px solid rgba(224,183,108,.3);border-radius:999px;padding:4px 6px;color:#F3D79B;background:rgba(224,183,108,.08);font-size:.5rem;font-weight:850;letter-spacing:.08em}

.trk .piano-track-link{display:grid;width:34px;height:34px;padding:7px;place-items:center;flex:0 0 34px;border:0;border-radius:10px;color:#E7C77E;background:rgba(224,183,108,.08);cursor:pointer;opacity:.9;transition:transform .15s,background .18s,color .18s}
.trk .piano-track-link svg{display:block;width:21px;height:21px}
.trk .piano-track-link:hover,.trk .piano-track-link:focus-visible{color:#FFF3D4;background:rgba(224,183,108,.19);outline:2px solid rgba(240,215,123,.45);outline-offset:1px}
.trk .piano-track-link:active{transform:scale(1.12)}
#mini .piano-current-mini{border-color:rgba(224,183,108,.3);color:#F4D998;background:rgba(224,183,108,.09)}
#mini .piano-current-mini:hover,#mini .piano-current-mini:focus-visible{border-color:rgba(240,215,123,.72);background:rgba(224,183,108,.18)}
#mini .piano-current-mini svg{display:block;width:27px;height:27px}
.sh-acts .piano-current-sheet{display:grid;place-items:center;color:#E7C77E!important;opacity:1!important}
.sh-acts .piano-current-sheet svg{display:block;width:31px;height:31px;filter:drop-shadow(0 5px 12px rgba(224,183,108,.25))}
.piano-track-link[hidden],.piano-current-mini[hidden],.piano-current-sheet[hidden]{display:none!important}

.piano-showcase{
  width:min(980px,calc(100% - 28px))!important;max-height:min(90vh,760px)!important;
  background:#0C111D!important;border-color:rgba(224,183,108,.25)!important;
  box-shadow:0 40px 120px rgba(0,0,0,.72),0 0 0 1px rgba(255,247,229,.04)!important;
}
.piano-showcase .bh{position:absolute;right:0;top:0;z-index:4;border:0;padding:14px}
.piano-showcase .bh h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.piano-showcase .bh button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#2B251C;background:rgba(255,250,239,.86);border:1px solid rgba(77,58,25,.15);backdrop-filter:blur(12px)}
.piano-showcase .bb{padding:0;overflow:auto}
.piano-showcase-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(370px,.98fr);min-height:540px}
.piano-showcase-copy{position:relative;padding:52px 44px 40px;overflow:hidden;background:radial-gradient(circle at 15% 0,rgba(224,183,108,.18),transparent 38%),linear-gradient(155deg,#182235,#090E18 70%)}
.piano-showcase-copy::after{content:'';position:absolute;width:290px;height:290px;border:1px solid rgba(240,215,123,.12);border-radius:50%;right:-160px;bottom:-160px;box-shadow:0 0 0 34px rgba(240,215,123,.025),0 0 0 74px rgba(240,215,123,.018)}
.piano-kicker{display:flex;align-items:center;gap:10px;color:#E9C77F;font-size:.67rem;font-weight:850;letter-spacing:.19em;text-transform:uppercase}
.piano-kicker::before{content:'';width:32px;height:1px;background:#D6A94F}
.piano-showcase-copy h2{max-width:490px;margin:22px 0 14px;font-family:'Fraunces',serif;font-size:clamp(2.35rem,5vw,4.55rem);font-weight:600;line-height:.88;letter-spacing:-.055em;text-wrap:balance}
.piano-showcase-copy h2 em{display:block;color:#E4C17A;font-style:italic;font-weight:400}
.piano-showcase-copy>p{max-width:520px;color:#B8C0D0;font-size:.91rem;font-weight:350;line-height:1.62;text-wrap:pretty}
.piano-feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0}
.piano-feature-list span{min-height:86px;padding:13px 11px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.035)}
.piano-feature-list b{display:block;color:#F6E8CA;font-size:.73rem;margin-bottom:5px}
.piano-feature-list small{display:block;color:#8F9AAF;font-size:.62rem;line-height:1.35}
.piano-showcase-actions{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.piano-showcase-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;text-decoration:none;font-size:.78rem;font-weight:800;transition:transform .18s,box-shadow .18s}
.piano-showcase-actions a:hover{transform:translateY(-2px)}
.piano-open-primary{color:#20170B;background:linear-gradient(135deg,#FAE8B3,#D9A84E);box-shadow:0 12px 28px rgba(201,148,53,.2)}
.piano-open-featured{color:#F8ECD4;border:1px solid rgba(240,215,123,.24);background:rgba(255,255,255,.04)}
.piano-tab-note{display:block;margin-top:13px;color:#6F7A90;font-size:.62rem}
.piano-showcase-visual{position:relative;display:grid;place-items:center;overflow:hidden;padding:64px 34px 42px;color:#2D251A;background:linear-gradient(155deg,#FFFDF7,#ECE2D2)}
.piano-showcase-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(112,84,43,.045) 1px,transparent 1px),linear-gradient(rgba(112,84,43,.045) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 76%)}
.piano-demo{position:relative;width:min(100%,400px);aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:linear-gradient(#F9F4E8 0 68%,#1B1712 68%);box-shadow:0 30px 70px rgba(52,39,20,.22),inset 0 0 0 1px rgba(92,67,28,.12)}
.piano-demo-brand{position:absolute;left:24px;top:22px;z-index:2;color:#6E5732;font-size:.58rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.piano-demo-mode{position:absolute;right:20px;top:19px;z-index:2;border:1px solid rgba(102,75,35,.22);border-radius:999px;padding:5px 8px;font-size:.5rem;font-weight:850;letter-spacing:.08em}
.piano-bars{position:absolute;inset:54px 16px 31%;display:flex;align-items:flex-end;justify-content:center;gap:8px;overflow:hidden}
.piano-bars i{display:block;width:9%;max-width:27px;border-radius:999px 999px 5px 5px;background:linear-gradient(to bottom,#C97187,#A63452);box-shadow:0 7px 16px rgba(169,52,82,.25)}
.piano-bars i:nth-child(2n){background:linear-gradient(to bottom,#D8B46A,#9E6F1C);box-shadow:0 7px 16px rgba(158,111,28,.22)}
.piano-bars i:nth-child(1){height:38%}.piano-bars i:nth-child(2){height:62%}.piano-bars i:nth-child(3){height:26%}.piano-bars i:nth-child(4){height:80%}.piano-bars i:nth-child(5){height:52%}.piano-bars i:nth-child(6){height:92%}.piano-bars i:nth-child(7){height:43%}.piano-bars i:nth-child(8){height:69%}
.piano-keybed{position:absolute;left:0;right:0;bottom:0;height:32%;display:grid;grid-template-columns:repeat(14,1fr);gap:2px;padding:2px;background:#211D18}
.piano-keybed span{position:relative;background:linear-gradient(to bottom,#FFFEF9,#D8D0C3);border-radius:0 0 3px 3px}
.piano-keybed span:nth-child(2)::after,.piano-keybed span:nth-child(3)::after,.piano-keybed span:nth-child(5)::after,.piano-keybed span:nth-child(6)::after,.piano-keybed span:nth-child(7)::after,.piano-keybed span:nth-child(9)::after,.piano-keybed span:nth-child(10)::after,.piano-keybed span:nth-child(12)::after,.piano-keybed span:nth-child(13)::after{content:'';position:absolute;z-index:2;right:-34%;top:0;width:68%;height:61%;border-radius:0 0 4px 4px;background:linear-gradient(#27231E,#080706)}
.piano-visual-caption{position:relative;margin-top:20px;text-align:center}
.piano-visual-caption strong{display:block;font-family:'Fraunces',serif;font-size:1.2rem}.piano-visual-caption small{display:block;margin-top:4px;color:#7A6B55;font-size:.66rem}

@media(max-width:760px){
  .trk .piano-track-link{width:44px;height:44px;flex-basis:44px;padding:10px}
  .piano-showcase{width:100%!important;max-height:94vh!important}
  .piano-showcase-grid{grid-template-columns:1fr;min-height:0}
  .piano-showcase-copy{padding:44px 22px 28px}
  .piano-showcase-copy h2{font-size:clamp(2.35rem,14vw,3.65rem)}
  .piano-feature-list{grid-template-columns:repeat(3,1fr)}
  .piano-feature-list span{min-height:76px;padding:10px 8px}
  .piano-feature-list small{font-size:.58rem}
  .piano-showcase-actions{display:grid;grid-template-columns:1fr}
  .piano-showcase-actions a{width:100%}
  .piano-showcase-visual{padding:30px 28px 34px}
  .piano-demo{width:min(100%,310px);aspect-ratio:5/4}
}
@media(prefers-reduced-motion:reduce){.piano-showcase-actions a,.piano-track-link{transition:none}}