.elementor-48 .elementor-element.elementor-element-690f5fe6{--display:flex;--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;}.elementor-48 .elementor-element.elementor-element-690f5fe6:not(.elementor-motion-effects-element-type-background), .elementor-48 .elementor-element.elementor-element-690f5fe6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E9ED;}.elementor-48 .elementor-element.elementor-element-1cd21063{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-48 .elementor-element.elementor-element-5f7462{--display:flex;}.elementor-48 .elementor-element.elementor-element-95c473b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-6f463fe1{--spacer-size:3px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-48 .elementor-element.elementor-element-264c0634 img{width:65%;}.elementor-48 .elementor-element.elementor-element-6bd0f655{--display:flex;}.elementor-48 .elementor-element.elementor-element-228f45d0{--display:flex;--min-height:350px;--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;}.elementor-48 .elementor-element.elementor-element-228f45d0:not(.elementor-motion-effects-element-type-background), .elementor-48 .elementor-element.elementor-element-228f45d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E9ED;}@media(max-width:1024px){.elementor-48 .elementor-element.elementor-element-1cd21063{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-48 .elementor-element.elementor-element-1cd21063{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-48 .elementor-element.elementor-element-5f7462{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-d34d92f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-d34d92f.elementor-element{--align-self:center;}.elementor-48 .elementor-element.elementor-element-228f45d0{--min-height:350px;}}/* Start custom CSS for html, class: .elementor-element-d34d92f */.calculator {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    width: 100%;
  }

  h2 {
    font-size: 24px;
    margin-bottom: 10px;
    text-align: center;
  }

  label {
    display: block;
    margin-bottom: 15px;
  }

  input,
  button,
  select {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }

  input[type="number"] {
    width: calc(100%);
  }

  input::placeholder {
    opacity: 0.6;
  }

  button {
    background-color: #ffa500; /* Laranja */
    color: white;
    font-weight: 700;
    cursor: pointer;
    width: 100% important;
  }

  button:hover {
    background-color: #ff8c00; /* Laranja mais escuro ao passar o mouse */
  }

  select {
    width: 100%;
  }

  #progress-bar-container {
    display: none;
    margin-top: 20px;
    text-align: center;
  }

  #progress-bar {
    width: 100%;
    height: 20px;
    background-color: #eee;
    border-radius: 10px;
    overflow: hidden;
  }

  #inner-progress-bar {
    width: 0;
    height: 100%;
    background-color: #0889e2; /* Laranja */
    border-radius: 10px;
  }

  #recipe-btn {
    background-color: #fff; /* Verde */
    font-size: 18px;
    padding: 10px 20px;
  }

  #recipe-btn:hover {
    background-color: #0889e2; /* Verde mais escuro ao passar o mouse */
  }/* End custom CSS */