.elementor-28 .elementor-element.elementor-element-174e541f{--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-28 .elementor-element.elementor-element-174e541f:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-174e541f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F1E9;}.elementor-28 .elementor-element.elementor-element-48e34a3a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-28 .elementor-element.elementor-element-1ea7f4a{--display:flex;}.elementor-28 .elementor-element.elementor-element-484449bc{--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-28 .elementor-element.elementor-element-7676919f{--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-28 .elementor-element.elementor-element-9b013bd img{width:38%;}.elementor-28 .elementor-element.elementor-element-4406a7e8{--display:flex;}.elementor-28 .elementor-element.elementor-element-a5c2898{--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-28 .elementor-element.elementor-element-a5c2898:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-a5c2898 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F1E9;}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-48e34a3a{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-48e34a3a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-28 .elementor-element.elementor-element-1ea7f4a{--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap: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-28 .elementor-element.elementor-element-9b013bd{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-28 .elementor-element.elementor-element-6488f73c{margin:58px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-28 .elementor-element.elementor-element-6488f73c.elementor-element{--align-self:center;}.elementor-28 .elementor-element.elementor-element-a5c2898{--min-height:350px;}}/* Start custom CSS for html, class: .elementor-element-6488f73c */.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 */