/* Contenedor fijo al lateral derecho */
            .lse-fixed {
                position: fixed;
                top: calc(50dvh + 20px);
                right: 0;
                display: flex;
                align-items: stretch;
                z-index: 999;
            }

            /* Div de letras L S E */
            .lse-label {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                background: #222;
                color: #fff;
                font-weight: 700;
                font-size: 18px;
                padding: 0 10px;
                letter-spacing: 1px;
            }

            .lse-label span {
                line-height: 1.2;
            }

            .lse-fixed:hover {
                right: 0;
                transition: right 0.3s ease;
            }

            /* botón */
            .icon-btnlse {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                border: none;
                border-radius: 10px 0 0 10px;
                cursor: pointer;
                padding: 0;
            }

            .lse-fixed .icon-btnlse {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

            .icon-btnlse svg {
                width: 40px;
                height: 40px;
                border: 1px solid white;
            }

            .icon-btnlse svg path {
                fill: #ffffff;
                stroke: #ffffff;
                stroke-width: 6;
                stroke-linecap: round;
                stroke-linejoin: round;
            }

            .icon-btnlse:hover {
                background: #333;
            }

            .icon-btnlse:active {
                transform: scale(0.96);
            }

            /* OVERLAY DE VIDEO */
            .video-overlay {
                position: fixed;
                inset: 0;
                background: rgba(0, 0, 0, 0.85);
                display: none;
                align-items: center;
                justify-content: center;
                z-index: 998;
            }

            .video-overlay.active {
                display: flex;
            }

            .video-container {
                /* border: 2px solid red; */
                position: relative;
                width: 100vmin;
                height: 100vmin;
                max-width: 100vw;
                max-height: 100vh;
                background: #000;
                border-radius: 12px;
                overflow: hidden;
                box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
            }

            .video-container video {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

            .video-close {
                position: absolute;
                top: 10px;
                right: 10px;
                z-index: 2;
                background: rgba(0, 0, 0, 0.6);
                color: #fff;
                border: none;
                font-size: 20px;
                width: 36px;
                height: 36px;
                border-radius: 50%;
                cursor: pointer;
            }

            .video-close:hover {
                background: rgba(255, 255, 255, 0.2);
            }

            /* Menú LSE en modo pestaña (cuando hay video) */
            .lse-fixed.lse-tab {
                right: -20px;
                /* deja solo una parte visible */
                transition: right 0.3s ease;
            }