.elementor-85042 .elementor-element.elementor-element-1b21a351{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:98px 0px 10px 0px rgba(0,0,0,0.5);bottom:0px;}.elementor-85042 .elementor-element.elementor-element-1b21a351:not(.elementor-motion-effects-element-type-background), .elementor-85042 .elementor-element.elementor-element-1b21a351 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6565ad1 );}body:not(.rtl) .elementor-85042 .elementor-element.elementor-element-1b21a351{left:0px;}body.rtl .elementor-85042 .elementor-element.elementor-element-1b21a351{right:0px;}/* Start custom CSS for container, class: .elementor-element-1b21a351 *//* Oculta por defecto */
#compare-bar {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9999;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}

/* Cuando tiene la clase .active, se muestra */
#compare-bar.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}/* End custom CSS */