.MainLayout{box-sizing:border-box;flex-flow:column wrap;align-items:flex-start;width:100%;padding-top:10px;padding-bottom:20px;padding-left:25px;display:flex;position:relative}.RecAndPLsWrapper{box-sizing:border-box;border-radius:8px;width:32%;min-height:1000px;padding:5px;position:absolute;top:10px;right:30px}.VideoPlayerContainer-reproductor,.VideoSection,.video-error-state{width:63.5%}@media (max-width:1300px){.MainLayout{padding-left:5px}.RecAndPLsWrapper{box-sizing:border-box;border-radius:8px;width:37%;padding:5px;position:absolute;right:5px}.VideoPlayerContainer-reproductor,.VideoSection,.video-error-state{width:60%}}@media (max-width:961px){.RecAndPLsWrapper{position:unset;width:100%}.video-error-state{width:100%}}@media (max-width:605px){.RecAndPLsWrapper{padding:0}}.VideoTitle{width:98%;color:var(--text-primary);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;border-bottom:.5px solid #0000;border-image:linear-gradient(90deg, var(--accent-primary), transparent) 1;font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;justify-content:space-between;align-items:center;margin:16px 0 0 1%;padding-bottom:12px;line-height:1.3;transition:all .3s;display:flex;position:relative}.VideoTitle:hover{transform:translate(4px)}.VideoMetadata{box-sizing:border-box;background:linear-gradient(135deg, var(--bg-secondary), #ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff0d;border-radius:16px;flex-direction:row;justify-content:space-between;width:98%;margin-top:12px;padding:16px 1%;display:flex}.Views,.UploadedDate{font-size:var(--fs-sm);color:var(--text-primary);letter-spacing:.1px;line-height:1.4;font-weight:var(--fw-medium);transition:color .3s}.Views:hover,.UploadedDate:hover{color:var(--accent-primary)}.tags{flex-wrap:wrap;align-items:center;margin-top:3px;display:flex}.tags span{color:var(--text-secondary);font-weight:var(--fw-medium);cursor:pointer;text-transform:capitalize;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 10px;transition:background-color .15s,color .15s;display:inline-flex;font-size:var(--fs-xs)!important}.tags span:before{content:"#";opacity:.6;margin-right:3px}.tags span:hover{color:var(--accent-primary);background:#c084ff1a}.VideoPlayerContainer-reproductor{aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a1a,#000);border-radius:16px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.VideoPlayerContainer-reproductor:hover{box-shadow:0 25px 50px #0006}.VideoMetadata{box-sizing:border-box;flex-direction:row;justify-content:space-between;width:100%;padding:10px;display:flex;position:relative}.Video-info-Section{width:100%}.Video-info-Section strong{font-weight:var(--fw-bold)}.personal-data-more-options{justify-content:space-between;display:flex}.Views,.UploadedDate{align-items:center;gap:1px;margin-top:2px;margin-bottom:2px;display:flex}.other-actions-container{gap:10px;margin-top:1%;margin-bottom:3px;position:relative}.like-dislike-container{align-items:center;gap:10px;margin-bottom:5px;display:flex}.LikeDislikeContainer{gap:10px;display:flex}.LikeButton,.DislikeButton{font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:.2px;cursor:pointer;border:1px solid var(--border-color);background:0 0;border-radius:20px;align-items:center;gap:5px;padding:10px 16px;transition:all .3s;display:flex;position:relative;overflow:hidden;color:var(--text-primary)!important}.LikeButton:hover,.DislikeButton:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);scale:1.05;color:var(--accent-primary)!important}.LikeButton:hover svg,.DislikeButton:hover svg{color:var(--accent-primary)!important}.LikeButton.liked,.DislikeButton.disliked{background-color:var(--bg-tertiary);border-color:var(--accent-secondary);animation:.3s ease-in-out pulse;color:var(--accent-secondary)!important}.LikeButton.liked svg,.DislikeButton.disliked svg{color:var(--accent-secondary)!important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1.1)}}.LikeButton svg,.DislikeButton svg{color:var(--text-primary);will-change:transform, filter;transition:transform .2s ease-in-out}.LikeButton:hover svg,.DislikeButton:hover svg{filter:drop-shadow(0 0 4px var(--accent-primary));animation:.5s ease-in-out rotate}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-8px)scale(1.1)}60%{transform:translateY(-4px)scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.CommentsSeccion{border-top:2px solid #0000;border-image:linear-gradient(90deg, var(--accent-primary), transparent) 1;margin-top:24px;padding-top:20px;animation:.5s ease-out slideInComments}@keyframes slideInComments{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.CommentsSeccion .Comment{background:linear-gradient(135deg, var(--bg-secondary), #ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff0d;border-radius:16px;align-items:flex-start;margin-bottom:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.Comment:before{content:"";background:linear-gradient(180deg, var(--accent-primary), var(--accent-secondary));width:3px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.Comment:hover{border-color:var(--accent-primary);transform:translate(4px);box-shadow:0 8px 24px #00000026}.Comment:hover:before{transform:scaleY(1)}.CommentAvatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:48px;height:48px;margin-right:14px;transition:all .3s}.Comment:hover .CommentAvatar{transform:scale(1.1)rotate(5deg);box-shadow:0 8px 20px #0003}.CommentContent p{color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-medium);margin:0;line-height:1.5;transition:color .3s}.CommentContent p:hover{color:var(--accent-primary)}.CommentContent span{color:var(--accent-secondary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.3px;text-transform:uppercase;opacity:.8;margin-top:6px;transition:all .3s;display:block}.Comment:hover .CommentContent span{color:var(--accent-primary);opacity:1}@media (max-width:1366px){.VideoTitle{font-size:var(--fs-lg)}}@media (max-width:961px){.other-actions-container{align-items:center;display:flex}.like-dislike-container{margin-bottom:0}.MainLayout{margin-top:5px;padding:0}.VideoMetadata{padding:5px}.VideoPlayerContainer-reproductor,.VideoSection{width:100%}.VideoTitle{font-size:var(--fs-base)}}@media (max-width:768px){.Video-info-Section p{margin:3px 0 0}.VideoPlayerContainer-reproductor{border-radius:0}}@media (max-width:600px){.VideoPlayerContainer-reproductor{z-index:20;position:sticky;top:0}}.LikeButton:after,.DislikeButton:after{content:"";opacity:0;transform-origin:50%;background:#fff;border-radius:100%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:scale(1)translate(-50%)}.LikeButton:active:after,.DislikeButton:active:after{animation:.4s ease-out ripple}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.hidden{display:none}