.elementor-671 .elementor-element.elementor-element-38637fd{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-671 .elementor-element.elementor-element-00c588b .elementor-wrapper{--video-aspect-ratio:2.33333;}.elementor-671 .elementor-element.elementor-element-7668cbc.elementor-element{--align-self:stretch;}body:not(.rtl) .elementor-671 .elementor-element.elementor-element-7668cbc{right:10px;}body.rtl .elementor-671 .elementor-element.elementor-element-7668cbc{left:10px;}.elementor-671 .elementor-element.elementor-element-7668cbc{bottom:20px;}/* Start custom CSS for video, class: .elementor-element-00c588b */.elementor-671 .elementor-element.elementor-element-00c588b {
  position: relative;
}/* End custom CSS */
/* Start custom CSS *//* Asegura posicionamiento relativo del contenedor
   (usar body.elementor-page-671 en sección o .mi-video si no hay Pro) */
body.elementor-page-671 {
    position: relative;
}

/* Botón flotante */
.mute-floating {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgba(0,0,0,0.5);
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9999;
    transition: 0.25s ease;
}

.mute-floating:hover {
    transform: scale(1.15);
}

/* Permite que el clic pase al div aunque el SVG esté encima */
.mute-floating svg {
    pointer-events: none;
}/* End custom CSS */