.elementor-9 .elementor-element.elementor-element-8ea66ae{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--background-transition:0.3s;top:0px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-8ea66ae{left:0px;}body.rtl .elementor-9 .elementor-element.elementor-element-8ea66ae{right:0px;}.elementor-9 .elementor-element.elementor-element-80a17a3{width:var( --container-widget-width, 11.444% );max-width:11.444%;--container-widget-width:11.444%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-80a17a3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-e11a2ba{width:var( --container-widget-width, 11.743% );max-width:11.743%;--container-widget-width:11.743%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-e11a2ba.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-737c8a3 .elementor-menu-toggle{margin:0 auto;}/* Start custom CSS for html, class: .elementor-element-e11a2ba */.contenedor {
    /*position: fixed;*/
    display: flex;
    align-items: flex-end;
    width: 300px;
    height: 60px;
    overflow: hidden;
    background-color: #3498db; 
    clip-path: polygon(100% 0, 100% 100%, 90% 65%, 75% 42%, 58% 31%, 42% 31%, 25% 42%, 10% 65%, 0 100%, 0 0);
    webkit-clip-path: polygon(100% 0, 100% 100%, 90% 65%, 75% 42%, 58% 31%, 42% 31%, 25% 42%, 10% 65%, 0 100%, 0 0);
    
}

#mascara {
  display: flex;
  width: 100%;
  height: 100%;
  background: red;
  overflow: hidden;
  clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
  webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);
}

.green-zone {
  width: 60px;
  height: 100%;
  background-color: green;
}
.yellow-zone {
  width: 180px;
  height: 100%;
  background-color: yellow;
}
.red-zone {
  width: 60px;
  height: 100%;
  background-color: red;
}/* End custom CSS */