:root{--cover-radius:2rem;--color-primary:var(--color-marca-rgb,255,107,0);--color-dark-bg:20,22,30;--color-white:255,255,255;--size-mobile:clamp(240px,58vw,280px);--size-desktop:238px;--border-mobile:3px;--border-desktop:clamp(3px,0.8vw,8px);--transition-fast:.3s ease;--transition-medium:.6s ease;--transition-slow:.9s cubic-bezier(0.23,1,0.32,1);--blur-glass:28px;--glow-radius:40px}.area-reproductor{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible;padding:10px;z-index:5;margin-bottom:10px;flex-shrink:0;perspective:1200px}.pulse-wrapper{position:relative;width:var(--size-mobile);height:var(--size-mobile);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.live-circle{position:relative;width:100%;aspect-ratio:1 / 1;--shadow-dynamic:var(--shadow-color,rgba(var(--color-primary),0.5));border-radius:var(--cover-radius);overflow:hidden;background:#0a0c12;border:0;box-shadow:0 0 0 var(--border-mobile) rgba(var(--color-primary),0.75),0 0 var(--glow-radius) var(--shadow-dynamic),0 24px 64px rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;transition:box-shadow .5s ease,transform .3s ease}.live-circle:hover{transform:scale(1.012)}.live-circle.playing{box-shadow:0 0 0 var(--border-mobile) rgba(var(--color-primary),1),0 0 60px var(--shadow-dynamic),0 30px 80px rgba(0,0,0,0.6)}.cover-image,#cover,.live-circle img:not(#locutor-overlay):not(.play-glass-btn){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.01);width:100%;height:100%;border-radius:var(--cover-radius);object-fit:cover;z-index:1;margin:0;padding:0}.live-circle::after{content:"";position:absolute;inset:0;border-radius:var(--cover-radius);pointer-events:none;z-index:20;background:linear-gradient(135deg,rgba(255,255,255,0.07) 0,transparent 45%);box-shadow:none}#locutor-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.005);z-index:5;pointer-events:none;opacity:0;transition:opacity .8s ease;border-radius:var(--cover-radius)}#locutor-overlay.visible{opacity:1}.play-glass-btn{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:25;pointer-events:none;background:transparent;border:0;box-shadow:none;overflow:visible}.play-glass-btn i{font-size:4.5rem;color:rgba(255,255,255,0.6);filter:drop-shadow(0 2px 14px rgba(0,0,0,0.8));transition:opacity .3s ease,transform .3s ease;line-height:1;opacity:0;display:block;flex-shrink:0}@media(min-width:600px){.play-glass-btn i{font-size:4.5rem}}@media(min-width:1000px){.play-glass-btn i{font-size:4.5rem}}@media(min-width:1400px){.play-glass-btn i{font-size:4.5rem}}@media(max-height:600px) and (orientation:landscape){.play-glass-btn i{font-size:4.5rem}}@media(orientation:landscape) and (max-width:991.98px){:root{--glow-radius:28px;--border-mobile:2px}.pulse-wrapper,.live-circle,#locutor-overlay{width:clamp(180px,44vw,235px);height:clamp(180px,44vw,235px)}.live-circle{border-radius:1.4rem}.cover-image,#cover,.live-circle img:not(#locutor-overlay):not(.play-glass-btn),.live-circle::after,#locutor-overlay{border-radius:1.4rem}.area-reproductor{padding:5px;margin-bottom:0}.play-glass-btn i{font-size:4.5rem}}.oro-icon-play{margin-left:4px}.oro-icon-pause{margin-left:0;display:none !important}body.playing .oro-icon-play{display:none !important}body.playing .oro-icon-pause{display:flex !important}.live-circle.estado-pausado .play-glass-btn i{opacity:1}.live-circle:not(.estado-pausado):hover .play-glass-btn i,.live-circle:not(.estado-pausado):active .play-glass-btn i,.live-circle:not(.estado-pausado).touch-active .play-glass-btn i{opacity:1}.control-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:30;cursor:pointer;background:rgba(0,0,0,0);border-radius:var(--cover-radius);transition:background .4s ease}.control-overlay i{display:none}#play-pause-btn,.btn-control-principal{width:60px;height:60px;min-width:60px;border-radius:50%;background:rgb(var(--color-primary));border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px rgba(var(--color-primary),0.4);transition:all .2s ease}#play-pause-btn i,.btn-control-principal i{font-size:1.4rem;color:white}@media(max-width:575.98px){:root{--size-mobile:250px;--glow-radius:40px;--border-mobile:3px}.area-reproductor{padding:5px;margin-bottom:0}}@media(min-width:768px){.area-reproductor{padding:20px;margin-bottom:20px}.pulse-wrapper,.live-circle,#locutor-overlay{width:var(--size-desktop);height:var(--size-desktop)}.live-circle,.live-circle.playing{box-shadow:0 0 0 var(--border-desktop) rgba(var(--color-primary),0.8),0 0 var(--glow-radius) var(--shadow-dynamic),0 30px 80px rgba(0,0,0,0.5)}}@media(min-width:1400px){.pulse-wrapper,.live-circle,#locutor-overlay{width:322px;height:322px}}@media(min-width:992px){.area-reproductor{padding:32px;margin-bottom:0}}.live-circle.loading{opacity:.7;cursor:wait}.live-circle.error{box-shadow:inset 0 0 16px rgba(239,68,68,0.4),0 0 var(--glow-radius) rgba(239,68,68,0.3)}@media(prefers-reduced-motion:reduce){.live-circle,.live-circle.playing,body.playing .play-glass-btn{animation:none}.live-circle{transition:box-shadow var(--transition-fast)}}@media(prefers-color-scheme:dark){.live-circle{background:rgba(10,12,18,0.85)}}@media(orientation:portrait) and (max-height:680px){:root{--size-mobile:clamp(200px,40vh,250px)}}@media(orientation:portrait) and (max-height:600px){:root{--size-mobile:clamp(165px,32vh,205px)}}@media(min-width:992px) and (max-height:760px){.pulse-wrapper,.live-circle,#locutor-overlay{width:clamp(210px,40vh,300px);height:clamp(210px,40vh,300px)}.area-reproductor{padding:10px;margin-bottom:0}}@media(min-width:992px) and (max-height:620px){.pulse-wrapper,.live-circle,#locutor-overlay{width:clamp(180px,36vh,250px);height:clamp(180px,36vh,250px)}}@media(min-width:992px) and (max-height:520px){.pulse-wrapper,.live-circle,#locutor-overlay{width:clamp(150px,32vh,200px);height:clamp(150px,32vh,200px)}}