/* Os Catetos radio mini player */
:root{--catetos-player-bg:rgba(5,5,5,.78);--catetos-player-line:rgba(255,236,3,.34);--catetos-player-yellow:#ffec03;--catetos-player-black:#050505;--catetos-player-white:#fff;--catetos-player-lilac:rgba(236,168,255,.35)}
#sq-player{position:fixed!important;right:clamp(16px,2.4vw,28px)!important;bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;left:auto!important;z-index:9998!important;width:min(520px,calc(100vw - 32px))!important;max-width:520px!important;min-height:0!important;padding:0!important;margin:0!important;color:var(--catetos-player-white)!important;background:transparent!important;border:0!important;font-family:inherit!important}
#sq-player .sq-player-container{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:center!important;width:100%!important;min-height:76px!important;padding:10px 12px!important;overflow:hidden!important;border:1px solid var(--catetos-player-line)!important;border-radius:22px!important;background:radial-gradient(circle at 14% 20%,rgba(255,236,3,.13),transparent 34%),linear-gradient(135deg,rgba(17,17,17,.88),rgba(5,5,5,.82))!important;-webkit-backdrop-filter:blur(12px) saturate(1.18)!important;backdrop-filter:blur(12px) saturate(1.18)!important;box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 22px rgba(255,236,3,.10)!important}
#sq-player .sq-player-container:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.10),transparent 36%,rgba(236,168,255,.08));opacity:.54}
#sq-player .sq-left{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 58px!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important}
#sq-player .sq-social{display:none!important}
#sq-player #fp-cover.sq-cover-img,#sq-player .sq-cover-img{position:relative!important;display:block!important;width:52px!important;height:52px!important;min-width:52px!important;overflow:hidden!important;border-radius:16px!important;border:1px solid rgba(255,236,3,.30)!important;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.65) 0 3px,rgba(100,100,100,.95) 4px 7px,transparent 8px),repeating-radial-gradient(circle,rgba(255,255,255,.08) 0 1px,rgba(0,0,0,.08) 2px 4px,transparent 5px 8px),radial-gradient(circle,#262626 0 44%,#070707 45% 100%)!important;box-shadow:inset 0 0 18px rgba(255,236,3,.08),0 10px 22px rgba(0,0,0,.35)!important}
#sq-player #fp-cover.sq-cover-img:before{content:""!important;position:absolute!important;inset:6px!important;border-radius:999px!important;background-image:url('https://oscatetos.perui.be/wp-content/uploads/2026/05/ChatGPT-Image-26-de-mai.-de-2026-11_13_03-1-150x150.png')!important;background-size:cover!important;background-position:center!important;animation:catetosVinylSpin 4.2s linear infinite!important;box-shadow:inset 0 0 0 2px rgba(255,236,3,.22),inset 0 0 14px rgba(0,0,0,.42)!important;will-change:transform}
#sq-player #fp-cover.sq-cover-img:after{content:""!important;position:absolute!important;top:50%!important;left:50%!important;z-index:2!important;display:block!important;width:13px!important;height:13px!important;margin:0!important;transform:translate(-50%,-50%)!important;border-radius:999px!important;background:radial-gradient(circle,#fff 0 2px,#888 3px 6px,rgba(0,0,0,.45) 7px)!important;box-shadow:0 0 0 2px rgba(255,255,255,.13)!important}
#sq-player .sq-track-info{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;min-width:0!important;overflow:hidden!important}
#sq-player .sq-track-info:before{content:"AO VIVO"!important;width:max-content!important;max-width:100%!important;padding:4px 9px 3px!important;color:var(--catetos-player-black)!important;font-size:10px!important;font-weight:900!important;line-height:1!important;letter-spacing:.08em!important;text-transform:uppercase!important;border-radius:999px!important;background:linear-gradient(90deg,var(--catetos-player-yellow),#fff96b)!important;box-shadow:0 0 0 0 rgba(255,236,3,.45)!important;animation:catetosLivePulse 2.2s ease-in-out infinite!important}
#sq-player #fp-song,#sq-player .sq-song{max-width:100%!important;color:var(--catetos-player-white)!important;font-size:15px!important;font-weight:850!important;line-height:1.12!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:0 1px 10px rgba(0,0,0,.45)!important}
#sq-player #fp-artist,#sq-player .sq-artist{max-width:100%!important;color:rgba(255,255,255,.72)!important;font-size:12px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#sq-player #fp-playbtn,#sq-player .sq-playbtn{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:56px!important;height:56px!important;min-width:56px!important;padding:0!important;border:0!important;border-radius:18px!important;cursor:pointer!important;color:var(--catetos-player-black)!important;background:linear-gradient(145deg,#fffba0,var(--catetos-player-yellow) 55%,#d7c900)!important;box-shadow:0 14px 30px rgba(255,236,3,.22),inset 0 1px 0 rgba(255,255,255,.74)!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;-webkit-tap-highlight-color:transparent}
#sq-player #fp-playbtn i{display:none!important}
#sq-player #fp-playbtn:before{content:""!important;width:0!important;height:0!important;margin-left:4px!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;border-left:15px solid var(--catetos-player-black)!important}
#sq-player #fp-playbtn.is-playing:before{width:16px!important;height:20px!important;margin-left:0!important;border:0!important;background:linear-gradient(90deg,var(--catetos-player-black) 0 6px,transparent 6px 10px,var(--catetos-player-black) 10px 16px)!important}
#sq-player #fp-playbtn:hover{transform:translateY(-2px) scale(1.02)!important;filter:saturate(1.08)!important}
#sq-player #fp-playbtn:focus-visible{outline:2px solid var(--catetos-player-yellow)!important;outline-offset:4px!important}
#sq-player.is-playing .sq-player-container{box-shadow:0 18px 42px rgba(0,0,0,.45),0 0 30px rgba(255,236,3,.16)!important}
@keyframes catetosVinylSpin{to{transform:rotate(360deg)}}@keyframes catetosLivePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,236,3,.34)}50%{box-shadow:0 0 0 5px rgba(255,236,3,0)}}
@media(max-width:767px){html.catetos-radio-active body{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}#sq-player{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important}#sq-player .sq-player-container{min-height:72px!important;padding:9px max(12px,env(safe-area-inset-left,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-right,0px))!important;border-right:0!important;border-left:0!important;border-bottom:0!important;border-radius:18px 18px 0 0!important}#sq-player .sq-left{grid-template-columns:48px minmax(0,1fr) 54px!important;gap:10px!important}#sq-player #fp-cover.sq-cover-img{width:48px!important;height:48px!important;min-width:48px!important;border-radius:15px!important}#sq-player #fp-playbtn{width:54px!important;height:54px!important;min-width:54px!important;border-radius:17px!important}#sq-player #fp-song{font-size:14px!important}#sq-player #fp-artist{font-size:12px!important}}
@media(max-width:390px){#sq-player .sq-left{grid-template-columns:minmax(0,1fr) 52px!important}#sq-player #fp-cover.sq-cover-img{display:none!important}}
@media(prefers-reduced-motion:reduce){#sq-player #fp-cover.sq-cover-img:before,#sq-player .sq-track-info:before{animation:none!important}#sq-player #fp-playbtn{transition:none!important}}

/* Ajuste fino desktop: player mais compacto */
@media (min-width: 769px) {
  #sq-player {
    width: min(460px, calc(100vw - 32px)) !important;
    max-width: 460px !important;
  }

  #sq-player .sq-player-container {
    gap: 10px !important;
    padding: 12px 14px !important;
  }

  #sq-player .sq-left {
    gap: 10px !important;
    grid-template-columns: 52px minmax(0, 1fr) 52px !important;
  }

  #sq-player .sq-track-info {
    margin-right: 0 !important;
  }

  #sq-player #fp-playbtn {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    flex-basis: 52px !important;
    margin-left: 0 !important;
  }
}