.container,body{height:100vh}body,header{background-color:#fff}.separator,footer{background-color:#282828}.container,.live-section,h2{position:relative}body{overflow-x:hidden;font-family:"Poppins, Arial",sans-serif;width:100%;margin:0;padding:0}.live-button:after,.separator h1,h2{font-family:Karla,sans-serif}.htmlLiveVideo,.live-section,.logo-container,.separator,h2{display:flex;justify-content:center}.htmlLiveVideo,.live-section,h2{align-items:center}.logo{max-width:9%;min-width:20px;padding-bottom:10px}.separator h1{text-align:center;white-space:nowrap;color:#fff;letter-spacing:4px;padding:4px 0;font-size:1.3em}footer{color:#fff;width:100%;font-size:1em;margin-top:5px;float:inline-end}footer p{padding-bottom:20px;padding-top:20px;text-align:center}h2{justify-content:center;color:#000;font-size:1.5em;letter-spacing:3px;padding-bottom:8px}h2:after{content:"";position:absolute;align-self:center;top:90%;left:50%;transform:translate(-50%,-50%);width:80%;height:1px;background-color:#000}.htmlLiveVideo{margin-top:2%;margin-left:auto;margin-right:auto}.live-section{min-width:50%}.desktop .live-video{width:90%;min-width:60%;aspect-ratio:16/9;border-radius:10px;margin:4px 0;height:40%}.live-label{position:absolute;top:3%;left:7%;background-color:red;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8em;z-index:2;animation:5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.htmlSections{display:block;align-content:center;margin:0 0% 20px}.video-section{margin-inline:5%}.video-container{display:grid;gap:19px;grid-auto-flow:column;grid-auto-columns:23%;padding:25px;overflow-x:auto;overscroll-behavior-inline:contain;justify-items:center;align-items:center}.video-thumbnail{display:grid;inline-size:100%;overflow:hidden;border-radius:16px;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 20px #0006;align-self:center;transform-origin:center center;position:relative}.video-thumbnail:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:5px solid transparent;border-radius:16px;box-sizing:border-box;transition:border-color .3s}.video-thumbnail:hover:before{border-color:#000;border-width:5px;box-shadow:0 8px #000c}.video-thumbnail:hover{transform:scale(1.1)}.video-thumbnail img{aspect-ratio:16/9;object-fit:cover;width:100%;box-sizing:border-box;min-width:100px}.snaps-inline{scroll-snap-type:inline mandatory;scroll-padding-inline:0em}.snaps-inline>*{scroll-snap-align:start}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background-color:#fff;max-width:90%;width:80vw;height:auto;border-radius:10px;padding:0 10px 10px;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}.modal-content iframe{width:100%;height:auto;aspect-ratio:16/9}.modal-close{align-self:flex-end;font-size:25px;background:0 0;border:none;cursor:pointer;color:#e10101;font-weight:700;transform:scaleX(1.3)}.modal-close-live{position:absolute;top:10px;right:10px;font-size:25px;background:0 0;border:none;cursor:pointer;color:#e10101;font-weight:700;transform:scaleX(1.3)}.live-button,.live-button:after{position:absolute;border-radius:5px}.modal-close:hover{color:#f7abab}.live-button:before{content:"";background:conic-gradient(red 0deg 70deg,transparent 100deg 360deg);height:150%;width:150%;position:absolute;left:-25%;top:-25%;animation:2s linear infinite rotate}.live-button:after{display:none;content:"IR A DIRECTO";height:92%;width:98%;background-color:#282828;top:4%;left:1%;color:#fff;display:grid;place-items:center;font-size:26px;letter-spacing:6px;text-align:center}.mobile .modal-overlay{width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center}.mobile .modal-content{width:100vw;height:100vh;border-radius:0;padding:0;max-width:100%}.mobile .modal-content iframe{width:100%;height:100%;aspect-ratio:auto}@media (orientation: landscape){.mobile .modal-content{width:100vw;height:100vh}}.live-video{cursor:pointer}.live-section{position:relative}.live-video{width:100%;height:200px;z-index:1}.click-overlay{position:absolute;top:0;left:0;width:100%;height:140px;z-index:2;cursor:pointer}.mobile .click-overlay{position:absolute;top:0;left:0;width:100%;height:100px;z-index:2;cursor:pointer}.modal-content-live{background-color:#fff;width:100vw;height:100vw;border-radius:10px;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}#directo-modal{width:100vw;height:100vw}.mobile .modal-close{top:10px;right:10px}.mobile .live-label{display:none}#adblock-detect{display:none;visibility:hidden}.live-button{height:100px;position:relative;margin:auto;width:100%;box-shadow:0 20px 35px #0000004d;border-radius:5px;overflow:hidden;background-color:#1c1b29}.live-button:before{content:"";background:conic-gradient(red 0deg 70deg,transparent 100deg 360deg);height:150%;width:150%;position:absolute;left:-25%;top:-25%;animation:rotate 2s infinite linear}@keyframes rotate{to{transform:rotate(-360deg)}}.live-button:after{display:none;content:"IR A DIRECTO";font-family:Karla,sans-serif;height:92%;width:98%;position:absolute;background-color:#282828;border-radius:5px;top:4%;left:1%;color:#fff;display:grid;place-items:center;font-size:20px;letter-spacing:5px;text-align:center}.adblock-warning{background-color:#fcc;color:#900;padding:15px;text-align:center;border:1px solid #900;margin-top:20px;border-radius:5px}@media (max-width:2600px){@media (max-width:1400px){.video-container{grid-auto-columns:30%}@media (max-width:1110px){.video-container{grid-auto-columns:40%}.live-button:after{font-size:22px}.video-thumbnail{min-width:20%;inline-size:auto}@media (max-width:900px) and (min-height:900px){.mobile footer{position:relative}}@media (max-width:900px) and (max-height:750px){.mobile footer{position:relative}.video-container{gap:10px}}@media (max-width:800px){.live-button:after{font-size:18px}.video-section{margin-inline:0%}h2{font-size:1.3em}@media (max-width:750px){.desktop footer{position:absolute;bottom:0}@media (max-width:700px){img.logo{min-width:70px}@media (max-width:600px){.mobile h2:after{top:70%}.mobile footer{display:none}.separator h1{white-space:wrap;font-size:1.1em}.video-container{grid-auto-columns:min-content;grid-auto-columns:50%}h2{font-size:.9em}p{font-size:.8em}.htmlSections{height:50%}@media (max-width:420px) and (max-height:800px){.mobile footer{display:none}.mobile .live-button:after{font-size:15px;letter-spacing:4px}}@media (max-width:400px){.video-container{grid-auto-columns:52%;gap:10px}.mobile .live-button{height:100px}.live-button:after{font-size:14px}.mobile footer{display:none}p{font-size:.7em}.mobile .htmlLiveVideo{height:30%}@media (max-width:300px){.live-button:after{font-size:10px}.mobile .video-container{gap:20px}.mobile .htmlLiveVideo{height:40%}}}}}}}}}}