.concejo-page{background:#f5f5f5;min-height:100vh;padding-top:90px}@media(max-width:1280px){.concejo-page{padding-top:40px}}.concejo-page__header{background:#0a4952;color:#fff;padding:2rem 3rem}.concejo-page__header,.concejo-page__header-top{align-items:center;display:flex;justify-content:center}.concejo-page__header-top{gap:2rem}.concejo-page__logo{max-width:140px}.concejo-page__titulo h1{color:#fff;font-size:2.5rem;font-weight:800;margin:0 0 .5rem}.concejo-page__titulo p{color:#fff;font-size:1.1rem;margin:0;opacity:.9}.concejo-page__content{margin:0 auto;max-width:1600px;padding:2rem}.concejo-page__live-banner{align-items:center;animation:liveGlow-95822f6c 2s ease-in-out infinite;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;box-shadow:0 4px 20px #dc26264d;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;position:relative}@keyframes liveGlow-95822f6c{0%,to{box-shadow:0 4px 20px #dc26264d}50%{box-shadow:0 4px 30px #dc262699}}.concejo-page__live-indicator{align-items:center;display:flex;gap:.5rem}.concejo-page__live-dot{animation:livePulse-95822f6c 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:12px;width:12px}@keyframes livePulse-95822f6c{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.concejo-page__live-text{color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.5px}.concejo-page__live-message{color:#fff;flex:1;font-weight:600;opacity:.95}.concejo-page__refresh-btn{align-items:center;background:#fff3;border:2px solid hsla(0,0%,100%,.3);border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s;width:36px}.concejo-page__refresh-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:rotate(90deg)}.concejo-page__refresh-btn svg{color:#fff;height:20px;width:20px}.concejo-page__video-id{font-size:.75rem;font-weight:500;margin-left:.5rem;opacity:.8}.concejo-page__playback-banner{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;box-shadow:0 4px 20px #1e293b33;color:#fff;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:.875rem 1.5rem}.concejo-page__playback-banner--no-live{background:linear-gradient(135deg,#0a4952,#0d5963)}.concejo-page__playback-info{align-items:center;display:flex;flex:1;gap:.75rem;min-width:0}.concejo-page__playback-info svg{flex-shrink:0;height:22px;opacity:.8;width:22px}.concejo-page__playback-info span{font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.concejo-page__go-live-btn{align-items:center;animation:liveButtonPulse-95822f6c 2s ease-in-out infinite;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;padding:.6rem 1.25rem;transition:all .3s;white-space:nowrap}.concejo-page__go-live-btn:hover{background:#b91c1c;transform:scale(1.03)}@keyframes liveButtonPulse-95822f6c{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.concejo-page__go-live-btn--latest{animation:none;background:#ffffff26;border:1px solid hsla(0,0%,100%,.3)}.concejo-page__go-live-btn--latest:hover{background:#ffffff40}.concejo-page__info-banner{align-items:center;background:linear-gradient(135deg,#0a4952,#0d5963);border-radius:12px;box-shadow:0 4px 20px #0a495233;color:#fff;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;position:relative}.concejo-page__info-banner svg{flex-shrink:0;height:24px;opacity:.9;width:24px}.concejo-page__info-banner span{flex:1;font-size:.9rem;line-height:1.5}.concejo-page__refresh-btn--info{background:#ffffff26;border-color:#ffffff40}.concejo-page__refresh-btn--info:hover{background:#ffffff40;border-color:#fff6}.concejo-page__toggle{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.concejo-page__toggle-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;position:relative;transition:all .3s}.concejo-page__toggle-btn svg{height:24px;width:24px}.concejo-page__toggle-btn:hover{border-color:#0a4952;color:#0a4952}.concejo-page__toggle-btn--youtube.concejo-page__toggle-btn--active{background:#dc2626;border-color:#dc2626;color:#fff}.concejo-page__toggle-btn--youtube.concejo-page__toggle-btn--active:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}.concejo-page__toggle-btn--facebook.concejo-page__toggle-btn--active{background:#1877f2;border-color:#1877f2;color:#fff}.concejo-page__toggle-btn--facebook.concejo-page__toggle-btn--active:hover{background:#0d65d9;border-color:#0d65d9;color:#fff}.concejo-page__live-badge{animation:badgePulse-95822f6c 1.5s ease-in-out infinite;background:#fff;border-radius:4px;color:#dc2626;font-size:.65rem;font-weight:800;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}@keyframes badgePulse-95822f6c{0%,to{opacity:1}50%{opacity:.7}}.concejo-page__channel-link{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#666;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s}.concejo-page__channel-link:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.concejo-page__channel-link svg{height:18px;width:18px}.concejo-page__toggle-btn--disabled{cursor:not-allowed;opacity:.6;position:relative}.concejo-page__toggle-btn--disabled:hover{border-color:#ddd;color:#666}.concejo-page__toggle-soon{background:#f59e0b;border-radius:8px;color:#fff;font-size:.6rem;font-weight:600;padding:2px 6px;position:absolute;right:-8px;text-transform:uppercase;top:-8px}.concejo-page__stream-wrapper{display:grid;gap:1.5rem;grid-template-columns:1fr 380px;min-height:600px}.concejo-page__video-container{background:#000;border:4px solid transparent;border-radius:16px;box-shadow:0 10px 40px #0003;overflow:hidden;padding-bottom:56.25%;position:relative;transition:border-color .3s;width:100%}.concejo-page__loading{align-items:center;background:#1a1a1a;color:#fff;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.concejo-page__loading-spinner{animation:spin-95822f6c 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-radius:50%;border-top-color:#dc2626;height:50px;width:50px}@keyframes spin-95822f6c{to{transform:rotate(1turn)}}.concejo-page__loading p{font-size:.9rem;margin:0;opacity:.8}.concejo-page__video-container--youtube{border-color:#dc2626}.concejo-page__video-container--facebook{border-color:#1877f2}.concejo-page__video{height:100%;left:0;position:absolute;top:0;width:100%}.concejo-page__chat-container{background:#fff;border:4px solid transparent;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:border-color .3s}.concejo-page__chat-container--youtube{border-color:#dc2626}.concejo-page__chat-container--facebook{border-color:#1877f2}.concejo-page__chat-header{align-items:center;background:#0a4952;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:1rem 1.25rem;transition:background-color .3s}.concejo-page__chat-container--youtube .concejo-page__chat-header{background:#dc2626}.concejo-page__chat-container--facebook .concejo-page__chat-header{background:#1877f2}.concejo-page__chat-header svg{height:20px;width:20px}.concejo-page__chat-body{display:flex;flex:1;flex-direction:column}.concejo-page__chat{border:none;flex:1;min-height:500px;width:100%}.concejo-page__chat-placeholder{align-items:center;color:#999;display:flex;flex:1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.concejo-page__chat-placeholder svg{height:60px;margin-bottom:1rem;opacity:.5;width:60px}.concejo-page__chat-placeholder p{font-size:.9rem;line-height:1.5;margin:0}@media(max-width:1200px){.concejo-page__stream-wrapper{grid-template-columns:1fr}.concejo-page__chat-container{min-height:400px}.concejo-page__chat{min-height:350px}}@media(max-width:1024px){.concejo-page__toggle-btn{font-size:.9rem;padding:.75rem 1.5rem}.concejo-page__toggle-btn svg{height:20px;width:20px}}@media(max-width:768px){.concejo-page__header{padding:1.25rem 1rem}.concejo-page__header-top{align-items:center;flex-direction:row;gap:1rem;justify-content:flex-start}.concejo-page__logo{flex-shrink:0;max-width:60px}.concejo-page__titulo{text-align:left}.concejo-page__titulo h1{font-size:1.1rem;margin-bottom:.25rem}.concejo-page__titulo p{font-size:.75rem;line-height:1.3}.concejo-page__content{padding:1.5rem}.concejo-page__info-banner,.concejo-page__live-banner,.concejo-page__playback-banner{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.concejo-page__go-live-btn{justify-content:center;width:100%}.concejo-page__info-banner span,.concejo-page__live-message{font-size:.85rem}.concejo-page__video-id{display:block;margin-left:0;margin-top:.25rem}.concejo-page__refresh-btn{position:absolute;right:1rem;top:1rem}.concejo-page__toggle{flex-direction:column;gap:.75rem;width:100%}.concejo-page__toggle-btn{font-size:.9rem;justify-content:center;padding:.75rem 1rem;width:100%}.concejo-page__toggle-btn svg{height:20px;width:20px}.concejo-page__live-badge{position:absolute;right:-8px;top:-8px}.concejo-page__channel-link{font-size:.85rem;justify-content:center;padding:.75rem 1rem;width:100%}.concejo-page__playlist-header{align-items:flex-start;flex-direction:column;gap:.75rem}.concejo-page__playlist-card{min-width:260px}}.concejo-page__playlist{margin-top:2rem}.concejo-page__playlist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.concejo-page__playlist-header h2{color:#0a4952;font-size:1.4rem;font-weight:700;margin:0}.concejo-page__playlist-controls{display:flex;gap:.5rem}.concejo-page__playlist-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.concejo-page__playlist-btn:hover{background:#0a4952;border-color:#0a4952;color:#fff}.concejo-page__playlist-btn svg{height:20px;width:20px}.concejo-page__playlist-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem}.concejo-page__playlist-track::-webkit-scrollbar{display:none}.concejo-page__playlist-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;cursor:pointer;flex-shrink:0;max-width:300px;min-width:300px;overflow:hidden;scroll-snap-align:start;transition:all .3s}.concejo-page__playlist-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.concejo-page__playlist-thumb{aspect-ratio:16/9;overflow:hidden;position:relative;width:100%}.concejo-page__playlist-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.concejo-page__playlist-card:hover .concejo-page__playlist-thumb img{transform:scale(1.05)}.concejo-page__playlist-play{align-items:center;background:#dc2626e6;border-radius:50%;display:flex;height:50px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;width:50px}.concejo-page__playlist-card:hover .concejo-page__playlist-play{opacity:1}.concejo-page__playlist-play svg{height:24px;margin-left:2px;width:24px}.concejo-page__playlist-info{padding:.75rem 1rem}.concejo-page__playlist-title{color:#333;display:-webkit-box;font-size:.85rem;font-weight:600;-webkit-line-clamp:2;line-height:1.3;margin:0 0 .35rem;-webkit-box-orient:vertical;overflow:hidden}.concejo-page__playlist-date{color:#999;font-size:.75rem}