.elementor-22316 .elementor-element.elementor-element-6b4434c{--display:flex;--position:fixed;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:40vh;--z-index:999;}.elementor-22316 .elementor-element.elementor-element-6b4434c:not(.elementor-motion-effects-element-type-background), .elementor-22316 .elementor-element.elementor-element-6b4434c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFE6;}.elementor-22316 .elementor-element.elementor-element-6b4434c.e-con{--align-self:center;}body:not(.rtl) .elementor-22316 .elementor-element.elementor-element-6b4434c{right:5px;}body.rtl .elementor-22316 .elementor-element.elementor-element-6b4434c{left:5px;}.elementor-22316 .elementor-element.elementor-element-522aa239 .elementor-repeater-item-4cd57a5{left:50%;--hotspot-translate-x:50%;top:50%;--hotspot-translate-y:50%;}.elementor-22316 .elementor-element.elementor-element-522aa239 .e-hotspot--tooltip-position{right:calc(100% + 5px );bottom:initial;left:initial;top:initial;}.elementor-22316 .elementor-element.elementor-element-522aa239:hover .elementor-widget-container{background-color:#00000080;}.elementor-22316 .elementor-element.elementor-element-522aa239 > .elementor-widget-container{padding:6px 6px 6px 6px;transition:background 1s;border-radius:50px 50px 50px 50px;}.elementor-22316 .elementor-element.elementor-element-522aa239{--hotspot-padding:20px;--tooltip-text-color:#000000;--tooltip-color:#FFFFFFE6;--tooltip-border-radius:30px 30px 30px 30px;}
					.elementor-22316 .elementor-element.elementor-element-522aa239 .e-hotspot:not(.e-hotspot--circle) .e-hotspot__button,
					.elementor-22316 .elementor-element.elementor-element-522aa239 .e-hotspot.e-hotspot--circle .e-hotspot__button .e-hotspot__outer-circle
				{box-shadow:0px 0px 10px 0px rgba(0, 159.99999999999994, 221, 0.8) inset;}.elementor-22316 .elementor-element.elementor-element-522aa239 .e-hotspot__tooltip{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-22316 .elementor-element.elementor-element-17f2ec95 .elementor-repeater-item-4cd57a5{left:50%;--hotspot-translate-x:50%;top:50%;--hotspot-translate-y:50%;}.elementor-22316 .elementor-element.elementor-element-17f2ec95 .e-hotspot--tooltip-position{right:calc(100% + 5px );bottom:initial;left:initial;top:initial;}.elementor-22316 .elementor-element.elementor-element-17f2ec95:hover .elementor-widget-container{background-color:#00000080;}.elementor-22316 .elementor-element.elementor-element-17f2ec95 > .elementor-widget-container{padding:6px 6px 6px 6px;transition:background 1s;border-radius:50px 50px 50px 50px;}.elementor-22316 .elementor-element.elementor-element-17f2ec95{--hotspot-padding:20px;--tooltip-text-color:#000000;--tooltip-color:#FFFFFF;--tooltip-border-radius:30px 30px 30px 30px;}.elementor-22316 .elementor-element.elementor-element-17f2ec95 .e-hotspot__tooltip{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-22316 .elementor-element.elementor-element-17f141dc .elementor-repeater-item-4cd57a5{left:50%;--hotspot-translate-x:50%;top:50%;--hotspot-translate-y:50%;}.elementor-22316 .elementor-element.elementor-element-17f141dc .e-hotspot--tooltip-position{right:calc(100% + 5px );bottom:initial;left:initial;top:initial;}.elementor-22316 .elementor-element.elementor-element-17f141dc:hover .elementor-widget-container{background-color:#00000080;}.elementor-22316 .elementor-element.elementor-element-17f141dc > .elementor-widget-container{padding:6px 6px 6px 6px;transition:background 1s;border-radius:50px 50px 50px 50px;}.elementor-22316 .elementor-element.elementor-element-17f141dc{--hotspot-padding:20px;--tooltip-text-color:#000000;--tooltip-color:#FFFFFF;--tooltip-border-radius:30px 30px 30px 30px;}.elementor-22316 .elementor-element.elementor-element-17f141dc .e-hotspot__tooltip{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(max-width:767px){.elementor-22316 .elementor-element.elementor-element-6b4434c{--width:8%;}.elementor-22316 .elementor-element.elementor-element-522aa239 > .elementor-widget-container{padding:3px 3px 3px 3px;}.elementor-22316 .elementor-element.elementor-element-17f2ec95 > .elementor-widget-container{padding:3px 3px 3px 3px;}.elementor-22316 .elementor-element.elementor-element-17f141dc > .elementor-widget-container{padding:3px 3px 3px 3px;}}@media(min-width:768px){.elementor-22316 .elementor-element.elementor-element-6b4434c{--width:3%;}}/* Start custom CSS for hotspot, class: .elementor-element-17f2ec95 *//* =========================================
   BARRA LATERAL HOTSPOT
   ========================================= */

.barra-lateral-hotspot {
    position: fixed !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 55px !important;
    height: auto !important;

    z-index: 9999 !important;

    /* El contenedor NO bloquea el contenido */
    pointer-events: none !important;
}


/* =========================================
   CONTENEDOR DEL HOTSPOT
   ========================================= */

.barra-lateral-hotspot .elementor-widget-container {
    width: 55px !important;
    height: auto !important;
    pointer-events: none !important;
}


/* =========================================
   CADA BOTÓN HOTSPOT
   ========================================= */

.barra-lateral-hotspot .elementor-hotspot {
    pointer-events: auto !important;
}


/* Botón visible del Hotspot */
.barra-lateral-hotspot .elementor-hotspot__button {
    pointer-events: auto !important;
    cursor: pointer !important;
}


/* =========================================
   EVITA QUE EL ÁREA INVISIBLE DEL HOTSPOT
   BLOQUEE EL CONTENIDO
   ========================================= */

.barra-lateral-hotspot .elementor-hotspot__tooltip {
    pointer-events: auto !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .barra-lateral-hotspot {
        width: 45px !important;
        left: 0 !important;
    }

    .barra-lateral-hotspot .elementor-widget-container {
        width: 45px !important;
    }
}/* End custom CSS */
/* Start custom CSS for hotspot, class: .elementor-element-17f141dc */.elementor-22316 .elementor-element.elementor-element-17f141dc img {
    transition: filter 0.3s ease;
}

.elementor-22316 .elementor-element.elementor-element-17f141dc:hover img {
    filter: brightness(0) invert(1);
}/* End custom CSS */