.gui-media-stage{padding:100px 0;background:#fffaf2;color:#1733c4}
.gui-download-stage{padding:100px 0 120px;background:#fff0d3;color:#1733c4}
.gui-media-intro{max-width:920px;margin-bottom:48px}
.gui-media-intro h2{font-size:clamp(3.2rem,7vw,7.2rem);font-weight:1000;line-height:.82;letter-spacing:-.075em;margin:18px 0 20px;color:#1733c4}
.gui-media-intro p{font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:700;max-width:720px;color:#5265b9}
.gui-jingle-list{display:grid;gap:14px}
.gui-track{position:relative;display:grid;grid-template-columns:116px minmax(0,1fr) 150px;gap:22px;align-items:center;padding:16px;background:#1733c4;color:#fff;box-shadow:0 18px 45px rgba(23,51,196,.12);overflow:hidden}
.gui-track:before{content:"";position:absolute;right:80px;top:-100px;width:270px;height:270px;border-radius:50%;border:46px solid rgba(255,255,255,.055);pointer-events:none}
.gui-track-cover{position:relative;width:116px;height:116px;background:#f35c1b;overflow:hidden;z-index:2}
.gui-track-cover img{width:100%;height:100%;object-fit:cover}
.gui-track-cover-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#f35c1b,#ffb516);color:#fff;line-height:.7}
.gui-track-cover-fallback span{font-size:3.4rem;font-weight:1000;font-style:italic;letter-spacing:-.12em}
.gui-track-cover-fallback b{font-size:1.2rem}
.gui-track-play{position:absolute;right:8px;bottom:8px;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:#ffb516;color:#1733c4;font-size:1.5rem;box-shadow:0 8px 22px rgba(0,0,0,.2);transition:.2s}
.gui-track-play:hover{transform:scale(1.08);background:#fff}
.gui-track-main{position:relative;z-index:2;min-width:0}
.gui-track-meta small{font-weight:1000;letter-spacing:.12em;color:#ffb516}
.gui-track-meta h3{font-size:clamp(1.5rem,2.5vw,2.65rem);font-weight:1000;letter-spacing:-.045em;line-height:.95;margin:7px 0 8px;color:#fff}
.gui-track-meta p{margin:0;color:rgba(255,255,255,.72);font-weight:600}
.gui-track-progress-wrap{display:grid;grid-template-columns:42px 1fr 42px;gap:10px;align-items:center;margin-top:17px;font-size:.72rem;font-weight:800;color:rgba(255,255,255,.7)}
.gui-track-progress-wrap input{width:100%;accent-color:#ffb516;cursor:pointer}
.gui-track-actions{position:relative;z-index:2;height:100%;display:flex;align-items:stretch}
.gui-download-jingle{width:100%;min-height:92px;display:flex;align-items:center;justify-content:center;gap:10px;background:#f35c1b;color:#fff!important;text-align:left;font-size:.74rem;font-weight:1000;letter-spacing:.06em;line-height:1.05;transition:.2s}
.gui-download-jingle i{font-size:1.75rem}
.gui-download-jingle:hover{background:#ffb516;color:#1733c4!important;transform:translateY(-2px)}
.gui-download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gui-download-card{display:flex;flex-direction:column;background:#fff;min-height:410px;box-shadow:0 16px 50px rgba(23,51,196,.10);overflow:hidden;transition:.25s}
.gui-download-card:hover{transform:translateY(-7px);box-shadow:0 24px 65px rgba(23,51,196,.16)}
.gui-download-preview{height:220px;background:#15bed0;display:grid;place-items:center;overflow:hidden}
.gui-download-preview img{width:100%;height:100%;object-fit:contain;padding:18px}
.gui-download-preview i{font-size:5.5rem;color:#fff}
.gui-download-card:nth-child(3n+2) .gui-download-preview{background:#f35c1b}
.gui-download-card:nth-child(3n+3) .gui-download-preview{background:#1733c4}
.gui-download-copy{display:flex;flex-direction:column;flex:1;padding:24px}
.gui-download-copy small{font-size:.7rem;font-weight:1000;text-transform:uppercase;letter-spacing:.13em;color:#f35c1b}
.gui-download-copy h3{font-size:1.75rem;font-weight:1000;letter-spacing:-.04em;line-height:1;margin:8px 0 10px;color:#1733c4}
.gui-download-copy p{color:#5265b9;font-weight:600;line-height:1.45}
.gui-download-copy a{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:2px solid #1733c4;padding-top:15px;color:#1733c4;font-size:.75rem;font-weight:1000;letter-spacing:.06em}
.gui-download-copy a i{font-size:1.5rem;color:#f35c1b}
.gui-download-copy a:hover{color:#f35c1b}
.gui-media-empty{display:flex;align-items:center;gap:18px;padding:34px;border:3px dashed rgba(23,51,196,.18);background:#fff;color:#1733c4}
.gui-media-empty i{font-size:2.4rem;color:#f35c1b}
.gui-media-empty b{font-size:1.05rem}
@media(max-width:991.98px){.gui-track{grid-template-columns:96px minmax(0,1fr) 125px}.gui-track-cover{width:96px;height:96px}.gui-download-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.gui-media-stage,.gui-download-stage{padding:70px 0}.gui-media-intro{margin-bottom:32px}.gui-media-intro h2{font-size:3.5rem}.gui-track{grid-template-columns:76px 1fr;gap:14px;padding:13px}.gui-track-cover{width:76px;height:76px}.gui-track-main{align-self:center}.gui-track-meta h3{font-size:1.35rem}.gui-track-meta p{display:none}.gui-track-progress-wrap{grid-column:1/-1;margin-top:11px}.gui-track-actions{grid-column:1/-1;height:auto}.gui-download-jingle{min-height:50px;justify-content:center;text-align:center}.gui-download-jingle br{display:none}.gui-download-grid{grid-template-columns:1fr}.gui-download-card{min-height:0}.gui-download-preview{height:190px}}
@media(max-width:430px){.gui-media-intro h2{font-size:3rem}.gui-track{grid-template-columns:66px 1fr}.gui-track-cover{width:66px;height:66px}.gui-track-cover-fallback span{font-size:2.5rem}.gui-track-meta small{font-size:.58rem}.gui-track-meta h3{font-size:1.15rem}.gui-track-progress-wrap{grid-template-columns:34px 1fr 34px;gap:7px}}

/* =========================================================
   CONTROLES DO PLAYER — REPETIR / PLAY / PAUSE
   ========================================================= */

.gui-player-controls{
 display:flex;
 align-items:center;
 gap:8px;
 margin-top:15px;
 flex-wrap:wrap;
}

.gui-player-btn{
 appearance:none;
 border:2px solid rgba(255,255,255,.28);
 background:rgba(255,255,255,.08);
 color:#fff;
 min-height:42px;
 padding:8px 12px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:7px;
 font-size:.72rem;
 font-weight:1000;
 text-transform:uppercase;
 letter-spacing:.055em;
 cursor:pointer;
 transition:.18s ease;
}

.gui-player-btn i{
 font-size:1.15rem;
 line-height:1;
}

.gui-player-btn:hover{
 background:#fff;
 color:#1733c4;
 border-color:#fff;
 transform:translateY(-1px);
}

.gui-player-btn.active{
 background:#ffb516;
 color:#1733c4;
 border-color:#ffb516;
}

.gui-repeat-btn.active{
 background:#f35c1b;
 color:#fff;
 border-color:#f35c1b;
}

.gui-play-btn{
 min-width:88px;
}

.gui-pause-btn{
 min-width:88px;
}

@media(max-width:767.98px){
 .gui-player-controls{
  margin-top:10px;
  gap:6px;
 }

 .gui-player-btn{
  flex:1 1 0;
  min-width:0;
  min-height:44px;
  padding:8px 6px;
  font-size:.65rem;
 }

 .gui-player-btn i{
  font-size:1.2rem;
 }
}

@media(max-width:430px){
 .gui-player-btn span{
  display:none;
 }

 .gui-player-btn{
  min-height:46px;
  padding:8px;
 }

 .gui-player-btn i{
  font-size:1.35rem;
 }
}

.gui-sticker-stage{padding:100px 0 110px;background:#1733c4;color:#fff;overflow:hidden}
.gui-sticker-stage .gui-media-intro h2{color:#fff}
.gui-sticker-stage .gui-media-intro p{color:rgba(255,255,255,.75)}
.gui-sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gui-sticker-card{background:#fff;color:#1733c4;display:flex;flex-direction:column;min-width:0;box-shadow:0 18px 50px rgba(0,0,0,.16);overflow:hidden;transition:.22s ease}
.gui-sticker-card:hover{transform:translateY(-5px)}
.gui-sticker-preview{position:relative;display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;background-color:#edf1f7;background-image:linear-gradient(45deg,#dce2ec 25%,transparent 25%),linear-gradient(-45deg,#dce2ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dce2ec 75%),linear-gradient(-45deg,transparent 75%,#dce2ec 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}
.gui-sticker-preview img{width:100%;height:100%;object-fit:contain;padding:18px;transition:.22s ease}
.gui-sticker-preview:hover img{transform:scale(1.035)}
.gui-sticker-number{position:absolute;top:10px;left:10px;z-index:2;display:grid;place-items:center;min-width:38px;height:30px;padding:0 8px;background:#f35c1b;color:#fff;font-size:.72rem;font-weight:1000;letter-spacing:.08em}
.gui-sticker-copy{display:flex;flex-direction:column;flex:1;padding:18px}
.gui-sticker-copy small{font-size:.65rem;font-weight:1000;letter-spacing:.12em;color:#f35c1b}
.gui-sticker-copy h3{font-size:1.2rem;font-weight:1000;line-height:1.05;letter-spacing:-.025em;margin:7px 0 15px;color:#1733c4}
.gui-sticker-actions{margin-top:auto;display:grid;grid-template-columns:1fr;gap:8px}
.gui-sticker-download,.gui-sticker-share{min-height:46px;border:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;font-size:.74rem;font-weight:1000;letter-spacing:.045em;text-transform:uppercase;cursor:pointer;transition:.18s ease}
.gui-sticker-download{background:#1733c4;color:#fff!important}
.gui-sticker-download:hover{background:#f35c1b;color:#fff!important}
.gui-sticker-share{background:#25d366;color:#073f21}
.gui-sticker-share:hover{background:#fff0d3;color:#1733c4}
.gui-sticker-help{margin-top:28px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:center;padding:22px 24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.gui-sticker-help-icon{width:64px;height:64px;display:grid;place-items:center;background:#25d366;color:#fff;font-size:2rem;border-radius:50%}
.gui-sticker-help strong{display:block;font-size:1.08rem;color:#fff;margin-bottom:4px}
.gui-sticker-help p{margin:0;color:rgba(255,255,255,.82);font-weight:650;line-height:1.45}
.gui-sticker-help small{display:block;margin-top:7px;color:rgba(255,255,255,.58)}
.gui-sticker-toast{position:relative;margin:18px 0 0;padding:12px 14px;background:#fff0d3;color:#1733c4;font-weight:800;display:none}
.gui-sticker-toast.show{display:block}

@media(max-width:991.98px){
 .gui-sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:767.98px){
 .gui-sticker-stage{padding:70px 0}
 .gui-sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .gui-sticker-preview img{padding:12px}
 .gui-sticker-copy{padding:13px}
 .gui-sticker-copy h3{font-size:1rem;margin-bottom:11px}
 .gui-sticker-download,.gui-sticker-share{min-height:44px;font-size:.66rem;padding:8px}
 .gui-sticker-help{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px}
 .gui-sticker-help-icon{width:48px;height:48px;font-size:1.45rem}
}

@media(max-width:430px){
 .gui-sticker-grid{grid-template-columns:1fr 1fr}
 .gui-sticker-copy small{font-size:.56rem}
 .gui-sticker-copy h3{font-size:.92rem}
 .gui-sticker-download span,.gui-sticker-share span{font-size:.61rem}
}