#valluno-timecast-container *{margin:0;padding:0;box-sizing:border-box}#valluno-timecast-container{font-family:'Arial',sans-serif;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border-radius:15px;margin:20px auto;max-width:100%;box-shadow:0 15px 35px rgb(0 0 0 / .3);overflow:hidden}.timecast-layout{display:flex;flex-direction:column;min-height:500px}.timecast-sidebar{background:rgb(255 255 255 / .1);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);padding:25px;transition:all 0.3s ease}.timecast-main{flex:1;position:relative;background:rgb(0 0 0 / .3);display:flex;flex-direction:column}.timecast-toggle-sidebar{display:none;position:absolute;top:20px;left:20px;z-index:100;background:rgb(76 175 80 / .9);border:2px solid rgb(255 255 255 / .3);color:#fff;width:45px;height:45px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(0 0 0 / .3)}.timecast-toggle-sidebar:hover{background:rgb(76 175 80);transform:scale(1.1);box-shadow:0 6px 20px rgb(76 175 80 / .4)}.timecast-toggle-sidebar .toggle-icon{display:inline-block;transition:transform 0.3s ease}.timecast-header{text-align:center;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:15px}.timecast-logo{width:120px;height:120px;border-radius:50%;box-shadow:0 8px 20px rgb(0 0 0 / .3);border:3px solid rgb(255 255 255 / .3);transition:transform 0.3s ease;object-fit:cover}.timecast-logo:hover{transform:scale(1.05)}.timecast-title{font-size:2.2rem;font-weight:700;text-shadow:2px 2px 4px rgb(0 0 0 / .3);background:linear-gradient(45deg,#4CAF50,#2E7D32);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;margin-bottom:5px}.timecast-subtitle{font-size:.9rem;color:#81C784;font-weight:300;letter-spacing:1px}.timecast-status{display:flex;justify-content:space-between;align-items:center;background:rgb(0 0 0 / .3);padding:15px 20px;border-radius:12px;margin-bottom:20px;font-size:1rem;flex-wrap:wrap;gap:15px}.status-time{font-weight:700;color:#4CAF50;font-size:1.1rem}.status-program{font-weight:700;color:gold;font-size:1.1rem;text-align:center;flex:1}.status-program.commercial{color:#FF6B6B}.status-program.pelicula{color:#9C27B0}.status-program.musical{color:#00BCD4}.status-program.infantil{color:#FF9800}.status-auto{font-size:.9rem;color:#81C784}.status-mode{font-size:.85rem;color:gold;background:rgb(255 215 0 / .1);padding:5px 10px;border-radius:15px;width:100%;text-align:center;margin-top:5px}.timecast-video{position:relative;padding-top:56.25%;margin-bottom:20px;border-radius:15px;overflow:hidden;box-shadow:0 15px 30px rgb(0 0 0 / .5)}.timecast-video iframe,.timecast-video video{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:15px}.timecast-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.control-btn{background:linear-gradient(45deg,#4CAF50,#45a049);color:#fff;border:none;padding:14px 20px;border-radius:25px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(76 175 80 / .3);min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center}.control-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(76 175 80 / .4)}.control-btn:active{transform:translateY(0)}.control-btn.secondary{background:linear-gradient(45deg,#2196F3,#1976D2);box-shadow:0 4px 15px rgb(33 150 243 / .3)}.control-btn.secondary:hover{box-shadow:0 6px 20px rgb(33 150 243 / .4)}.control-btn.warning{background:linear-gradient(45deg,#FF9800,#F57C00);box-shadow:0 4px 15px rgb(255 152 0 / .3)}.control-btn.warning:hover{box-shadow:0 6px 20px rgb(255 152 0 / .4)}.btn-icon{margin-right:8px;font-size:1.1em}.timecast-navigation{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;padding:0 20px 20px}.timecast-navigation .control-btn{width:100%}.timecast-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .8);animation:fadeIn 0.3s ease}.timecast-modal.active{display:flex;align-items:center;justify-content:center}.modal-content{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;padding:30px;max-width:900px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgb(0 0 0 / .5);animation:slideUp 0.3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgb(255 255 255 / .2)}.modal-title{font-size:1.8rem;font-weight:700;color:#4CAF50}.modal-close{background:rgb(255 255 255 / .1);border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all 0.3s ease}.modal-close:hover{background:rgb(255 255 255 / .2);transform:rotate(90deg)}.program-tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.tab-btn{background:rgb(255 255 255 / .1);border:2px solid rgb(255 255 255 / .3);color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all 0.3s ease}.tab-btn:hover{background:rgb(255 255 255 / .2)}.tab-btn.active{background:linear-gradient(45deg,#4CAF50,#45a049);border-color:#4CAF50}.program-subtabs{margin-bottom:15px;padding:10px;background:rgb(0 0 0 / .2);border-radius:10px}.program-list{display:grid;gap:12px}.program-item{background:rgb(255 255 255 / .1);padding:15px;border-radius:12px;cursor:pointer;transition:all 0.3s ease;border:2px solid #fff0;display:flex;justify-content:space-between;align-items:center}.program-item:hover{background:rgb(255 255 255 / .2);border-color:#4CAF50;transform:translateX(5px)}.program-item.commercial{background:rgb(255 107 107 / .1)}.program-item.commercial:hover{border-color:#FF6B6B}.program-item.pelicula{background:rgb(156 39 176 / .1)}.program-item.pelicula:hover{border-color:#9C27B0}.program-item.musical{background:rgb(0 188 212 / .1)}.program-item.musical:hover{border-color:#00BCD4}.program-item.infantil{background:rgb(255 152 0 / .1)}.program-item.infantil:hover{border-color:#FF9800}.program-info{flex:1}.program-title{font-weight:700;font-size:1rem;margin-bottom:5px}.program-duration{font-size:.85rem;color:#B0BEC5}.program-play{background:linear-gradient(45deg,#4CAF50,#45a049);border:none;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all 0.3s ease}.program-play:hover{transform:scale(1.05);box-shadow:0 4px 15px rgb(76 175 80 / .4)}.program-search{position:relative;margin-bottom:20px}.search-input{width:100%;padding:12px 40px 12px 15px;background:rgb(255 255 255 / .1);border:2px solid rgb(255 255 255 / .2);border-radius:25px;color:#fff;font-size:.95rem;transition:all 0.3s ease}.search-input:focus{outline:none;background:rgb(255 255 255 / .15);border-color:#4CAF50;box-shadow:0 0 15px rgb(76 175 80 / .3)}.search-input::placeholder{color:rgb(255 255 255 / .5)}.search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:rgb(255 255 255 / .2);border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1rem;transition:all 0.3s ease}.search-clear:hover{background:rgb(255 255 255 / .3);transform:translateY(-50%) scale(1.1)}.program-info-bar{padding:10px 15px;background:rgb(76 175 80 / .2);border-radius:10px;margin-bottom:15px;text-align:center;font-size:.9rem;color:#4CAF50;font-weight:600}.program-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px;background:rgb(0 0 0 / .2);border-radius:12px}.pagination-btn{background:linear-gradient(45deg,#4CAF50,#45a049);border:none;color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all 0.3s ease}.pagination-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px rgb(76 175 80 / .4)}.pagination-btn:disabled{background:rgb(255 255 255 / .1);color:rgb(255 255 255 / .3);cursor:not-allowed}.pagination-info{color:#fff;font-weight:600;font-size:.95rem}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.timecast-layout{flex-direction:row;min-height:600px}.timecast-sidebar{width:320px;min-width:320px;display:flex;flex-direction:column;gap:20px;border-right:2px solid rgb(255 255 255 / .2);position:relative;z-index:60}.timecast-sidebar.collapsed{width:0;min-width:0;padding:0;border:none;overflow:hidden}.timecast-sidebar.collapsed~.timecast-main .timecast-toggle-sidebar .toggle-icon{transform:rotate(180deg)}.timecast-main{flex:1}.timecast-toggle-sidebar{display:flex;align-items:center;justify-content:center}.timecast-video{height:100%}.timecast-controls{grid-template-columns:1fr;gap:12px;margin-top:0}.timecast-navigation{display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;gap:20px;padding:20px;margin-top:0}.timecast-navigation .control-btn{justify-content:center;max-width:180px;flex:0 0 auto}.control-btn{width:100%;justify-content:flex-start;padding:14px 18px}.control-btn .btn-icon{margin-right:10px}.timecast-header{text-align:center;gap:12px}.timecast-logo{width:100px;height:100px}.timecast-title{font-size:1.6rem}.timecast-subtitle{font-size:.9rem}.timecast-status{flex-direction:column;gap:10px;padding:15px;text-align:left}.timecast-status>div{font-size:.9rem}}@media (min-width:1200px){.timecast-sidebar{width:380px;min-width:380px;padding:30px}.timecast-logo{width:120px;height:120px}.timecast-title{font-size:1.8rem}.control-btn{padding:16px 20px;font-size:1rem}.timecast-status>div{font-size:1rem}}@media (max-width:767px){.timecast-layout{display:flex;flex-direction:column}.timecast-sidebar{width:100%;border-bottom:2px solid rgb(255 255 255 / .2);display:flex;flex-direction:column}.timecast-header{order:1}.timecast-status{order:2}.timecast-controls{order:5}.timecast-main{flex:1;order:3;display:flex;flex-direction:column}.timecast-video{order:1}.timecast-navigation{order:2}.timecast-toggle-sidebar{display:none!important}.timecast-header{text-align:center;flex-direction:column;align-items:center;gap:15px}.timecast-logo{width:90px;height:90px}.timecast-title{font-size:1.8rem}.timecast-status{flex-direction:column;text-align:center;gap:10px;padding:15px}.timecast-navigation{display:flex;flex-direction:column;gap:10px;padding:0;margin-top:15px}.timecast-navigation .control-btn{width:100%}.timecast-controls{display:flex;flex-direction:column;gap:10px;margin-top:0}.control-btn{padding:12px 16px;font-size:.9rem;min-height:45px;justify-content:center}.control-btn .btn-text{display:inline}.modal-content{padding:20px;width:95%}.modal-title{font-size:1.4rem}.program-item{flex-direction:column;align-items:flex-start;gap:10px}.program-play{width:100%}}@media (max-width:480px){.timecast-sidebar{padding:15px}.timecast-logo{width:70px;height:70px}.timecast-title{font-size:1.5rem}.timecast-subtitle{font-size:.8rem}.timecast-controls{grid-template-columns:1fr 1fr}.control-btn{flex-direction:column;padding:10px 6px;gap:4px;min-height:56px;justify-content:center;align-items:center}.control-btn .btn-icon{font-size:1.5rem;margin-right:0;line-height:1}.control-btn .btn-text{display:block!important;font-size:.65rem;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}.control-btn.musical{background:linear-gradient(45deg,#E91E63,#C2185B);box-shadow:0 4px 15px rgb(233 30 99 / .3)}.control-btn.musical:hover{box-shadow:0 6px 20px rgb(233 30 99 / .4)}.timecast-subcat-overlay{display:none;position:fixed;z-index:9998;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / .75);animation:fadeIn 0.2s ease}.timecast-subcat-overlay.active{display:flex;align-items:center;justify-content:center}.timecast-subcat-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgb(233 30 99 / .4);border-radius:20px;padding:28px;max-width:480px;width:92%;box-shadow:0 20px 60px rgb(0 0 0 / .6);animation:slideUp 0.3s ease}.timecast-subcat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid rgb(233 30 99 / .3)}.timecast-subcat-title{font-size:1.4rem;font-weight:700;color:#E91E63}.timecast-subcat-close{background:rgb(255 255 255 / .1);border:none;color:#fff;font-size:1.3rem;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all 0.2s}.timecast-subcat-close:hover{background:rgb(233 30 99 / .3);transform:rotate(90deg)}.timecast-subcat-list{display:grid;gap:10px}.subcat-item-btn{background:rgb(233 30 99 / .1);border:2px solid rgb(233 30 99 / .3);color:#fff;padding:14px 20px;border-radius:14px;cursor:pointer;font-size:1rem;font-weight:600;text-align:left;transition:all 0.25s ease;display:flex;align-items:center;gap:12px}.subcat-item-btn:hover{background:rgb(233 30 99 / .25);border-color:#E91E63;transform:translateX(4px);box-shadow:0 4px 14px rgb(233 30 99 / .2)}.subcat-item-btn .subcat-icon{font-size:1.4rem}.subcat-item-btn .subcat-info{flex:1}.subcat-item-btn .subcat-name{font-size:1rem;font-weight:700}.subcat-item-btn .subcat-count{font-size:.78rem;color:#F48FB1;margin-top:2px}.subcat-empty{text-align:center;padding:20px;color:rgb(255 255 255 / .5);font-size:.95rem}.status-subcat{font-size:.82rem;color:#E91E63;background:rgb(233 30 99 / .1);padding:4px 10px;border-radius:12px;width:100%;text-align:center;margin-top:4px;display:none}.status-subcat.active{display:block}.status-mode{font-size:0.82rem!important;white-space:normal!important;word-break:break-word;line-height:1.3}.status-mode.musical-subcat-active{color:#E91E63!important;background:rgb(233 30 99 / .12)!important;border:1px solid rgb(233 30 99 / .3)}@media (max-width:767px){#musicalSubcatBtn{grid-column:1 / -1!important}}.tcv-yt-wrapper .vjs-tech{top:-50%!important;height:200%!important}.tcv-yt-wrapper .video-js{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important}.tcv-audio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:500;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(135deg,rgb(0 0 0 / .55) 0%,rgb(10 30 60 / .65) 100%)}.tcv-audio-overlay .tcv-play-icon{background:rgb(255 255 255 / .12);border:2px solid rgb(255 255 255 / .8);border-radius:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 0 28px rgb(255 255 255 / .25);transition:transform .2s,background .2s}.tcv-audio-overlay:hover .tcv-play-icon{background:rgb(255 255 255 / .25);transform:scale(1.08)}.tcv-audio-overlay .tcv-label{color:#fff;font-size:17px;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 6px rgb(0 0 0 / .8)}.tcv-audio-overlay .tcv-hint{color:rgb(255 255 255 / .65);font-size:12px;text-align:center;max-width:200px;text-shadow:0 1px 4px rgb(0 0 0 / .6);line-height:1.5}.status-program.scheduled{color:#FF6B35;font-weight:700;animation:tcv-scheduled-pulse 2s ease-in-out infinite}@keyframes tcv-scheduled-pulse{0%,100%{opacity:1}50%{opacity:.7}}.timecast-video .vjs-big-play-button{display:none!important}.timecast-video .video-js.vjs-paused:not(.vjs-has-started) .vjs-big-play-button{display:flex!important}.tcv-audio-overlay{z-index:600!important}.tcv-audio-overlay .tcv-play-icon{font-size:28px;font-family:inherit;line-height:1;user-select:none}