/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./inc/blocks/block-general-calculadora/style.scss ***!
  \**********************************************************************************************************************************************************************/
:root {
  --color-primary: #548B26;
  --color-secondary: rgba(0, 0, 0, 1);
  --color-white: #FFF;
  --color-black: #000;
  --color-footer-title: #71828C;
  --color-gray: #2E2E2E;
  --color-gray-10: #F9F9F9;
  --color-gray-20: #F4F4F4;
  --color-gray-30: #ADADAD;
  --color-gray-50: #6E6E6E;
  --color-blue-30: rgba(159, 188, 204, 0.30);
  --color-blue-50: #9fbccc;
  --swiper-navigation-size: 16px;
  --swiper-navigation-sides-offset: 49px;
  --search-border-color: rgb(224, 224, 224);
  --search-primary-hover: rgb(192, 57, 43);
  --search-text-color: rgb(51, 51, 51);
  --search-placeholder-color: rgb(153, 153, 153);
  --search-overlay-bg: rgba(255, 255, 255, 0.75);
  --search-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  --search-transition: 0.3s ease;
  --jvm-background-primary:#80BE56;
  --jvm-color-text-primary: #2E2E2E;
  --jvm-green-primary: #80BE56;
  --color-green-dark: #2D6400;
}

.bio-calc__container {
  max-width: 79.5rem;
  margin: 0 auto;
  padding: 2.625rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .bio-calc__container {
    flex-direction: row;
    align-items: flex-start;
    gap: 8.75rem;
  }
}
@media (min-width: 1200px) {
  .bio-calc__container {
    padding-inline: 0;
  }
}
.bio-calc__content {
  width: 100%;
}
@media (min-width: 768px) {
  .bio-calc__content {
    flex-grow: 621;
    flex-shrink: 1;
    flex-basis: 0;
    max-width: 38.8125rem;
  }
}
.bio-calc__section + .bio-calc__section {
  margin-top: 1.125rem;
}
.bio-calc__section-title {
  margin: 0;
  color: #091725;
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.75rem;
  letter-spacing: -0.011rem;
}
.bio-calc__section-subtitle {
  margin: 0.25rem 0 0.75rem;
  color: #091725;
  font-size: 1.125rem;
  font-weight: 450;
  line-height: 1.5rem;
}
.bio-calc__options {
  display: grid;
  flex-wrap: wrap;
  gap: 1.0625rem;
}
@media (min-width: 768px) {
  .bio-calc__options {
    gap: 1.875rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.bio-calc__option {
  flex: 1 1 0;
  min-width: 5.625rem;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.bio-calc__option--disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed;
}
.bio-calc__option-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.bio-calc__option-image {
  width: 100%;
  height: 5.625rem;
  overflow: hidden;
  display: block;
  border-bottom: 0.25rem solid transparent;
  margin-bottom: 0.75rem;
}
.bio-calc__option-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.bio-calc__option-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bio-calc__radio {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 0;
}
.bio-calc__radio svg {
  width: 1.5rem;
  height: 1.5rem;
}
.bio-calc__radio-on {
  display: none;
}
.bio-calc__option-title {
  color: #091725;
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.75rem;
  letter-spacing: -0.011rem;
}
.bio-calc__option-desc {
  color: #4A5466;
  font-size: 0.8125rem;
  font-weight: 450;
  line-height: 1.125rem;
  margin-top: 0.25rem;
}
.bio-calc__option-input:checked ~ .bio-calc__option-row .bio-calc__radio-off {
  display: none;
}
.bio-calc__option-input:checked ~ .bio-calc__option-row .bio-calc__radio-on {
  display: block;
}
.bio-calc__option-input:checked ~ .bio-calc__option-row .bio-calc__option-title {
  color: #006EDA;
}
.bio-calc__option-input:checked ~ .bio-calc__option-image {
  border-bottom-color: #AFC808;
}
.bio-calc__field {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  flex: 1;
}
.bio-calc__field_row {
  gap: 1.875rem;
  display: flex;
  margin-top: 0.75rem;
  flex-direction: column;
}
@media (min-width: 768px) {
  .bio-calc__field_row {
    flex-direction: row;
  }
}
.bio-calc__label {
  padding-left: 0.75rem;
  color: #091725;
  font-size: 0.8125rem;
  font-weight: 450;
  line-height: 1.125rem;
}
.bio-calc__input, .bio-calc__select {
  width: 100%;
  background-color: #fff;
  border: 1px solid #BAC9E8;
  border-radius: 0.75rem;
  padding: 0.75rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #4A4F54;
}
.bio-calc__select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27 fill=%27none%27%3E%3Cpath d=%27M4.5358 5.95079L0.295798 1.71079C0.20207 1.61783 0.127675 1.50723 0.0769067 1.38537C0.026138 1.26351 0 1.1328 0 1.00079C0 0.868781 0.026138 0.738075 0.0769067 0.616216C0.127675 0.494356 0.20207 0.383755 0.295798 0.290792C0.483161 0.104542 0.736612 0 1.0008 0C1.26498 0 1.51844 0.104542 1.7058 0.290792L5.2458 3.83079L8.7858 0.290792C8.97316 0.104542 9.22661 0 9.4908 0C9.75498 0 10.0084 0.104542 10.1958 0.290792C10.2885 0.384233 10.3618 0.495049 10.4116 0.616886C10.4613 0.738724 10.4866 0.869186 10.4858 1.00079C10.4866 1.1324 10.4613 1.26286 10.4116 1.3847C10.3618 1.50654 10.2885 1.61735 10.1958 1.71079L5.9558 5.95079C5.86283 6.04452 5.75223 6.11891 5.63037 6.16968C5.50852 6.22045 5.37781 6.24659 5.2458 6.24659C5.11379 6.24659 4.98308 6.22045 4.86122 6.16968C4.73936 6.11891 4.62876 6.04452 4.5358 5.95079Z%27 fill=%27%2300B9FF%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  cursor: pointer;
}
@media (min-width: 768px) {
  .bio-calc__biofuel {
    display: flex;
    align-items: center;
    gap: 1.875rem;
  }
}
@media (min-width: 768px) {
  .bio-calc__biofuel-info {
    flex: 1 1 0;
    min-width: 0;
  }
}
.bio-calc__range {
  margin-top: 0.75rem;
}
@media (min-width: 768px) {
  .bio-calc__range {
    margin-top: 0;
    flex: 0 0 25rem;
    max-width: 25rem;
  }
}
.bio-calc__range-labels {
  display: flex;
  justify-content: space-between;
  color: #091725;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.bio-calc__range-track {
  position: relative;
  padding-bottom: 1.75rem;
  margin-top: -0.625rem;
}
.bio-calc__range-current {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
  white-space: nowrap;
  font-weight: 700;
  color: #091725;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.bio-calc__range-input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 0.125rem;
  border-radius: 0.125rem;
  background: #BAC9E8;
  outline: none;
  cursor: pointer;
}
.bio-calc__range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: #006EDA;
  cursor: pointer;
  border: none;
}
.bio-calc__range-input::-moz-range-thumb {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: #006EDA;
  cursor: pointer;
  border: none;
}
.bio-calc__back {
  margin-top: 1.875rem;
}
.bio-calc__results {
  width: 100%;
  background-color: #5DC000;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .bio-calc__results {
    flex-grow: 511;
    flex-shrink: 1;
    flex-basis: 0;
    max-width: 31.9375rem;
  }
}
.bio-calc__calculate {
  margin-top: 1.125rem;
}
.bio-calc__results-placeholder {
  margin: 0;
  color: #091725;
  font-size: 1.5rem;
  font-weight: 450;
  line-height: 1.8125rem;
  letter-spacing: -0.012rem;
}
.bio-calc__results-error {
  margin: 0;
  padding: 1rem 1.25rem;
  border-radius: 0.5rem;
  background-color: #FDECEA;
  color: #B71C1C;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  letter-spacing: -0.01rem;
}
.bio-calc__results-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.bio-calc__results-content.is-animating {
  animation: bio-calc-fade-in-up 0.4s ease both;
}
.bio-calc__results-content.is-animating > * {
  animation: bio-calc-fade-in-up 0.45s ease both;
}
.bio-calc__results-content.is-animating > *:nth-child(1) {
  animation-delay: 0.07s;
}
.bio-calc__results-content.is-animating > *:nth-child(2) {
  animation-delay: 0.14s;
}
.bio-calc__results-content.is-animating > *:nth-child(3) {
  animation-delay: 0.21s;
}
.bio-calc__results-content.is-animating > *:nth-child(4) {
  animation-delay: 0.28s;
}
.bio-calc__results-content.is-animating > *:nth-child(5) {
  animation-delay: 0.35s;
}
.bio-calc__results-content.is-animating > *:nth-child(6) {
  animation-delay: 0.42s;
}
.bio-calc__results-content.is-animating > *:nth-child(7) {
  animation-delay: 0.49s;
}
.bio-calc__results-content.is-animating > *:nth-child(8) {
  animation-delay: 0.56s;
}
.bio-calc__results-title {
  margin: 0;
  color: #091725;
  font-size: 2.75rem;
  font-weight: 800;
  line-height: 3.125rem;
  letter-spacing: -0.022rem;
}
.bio-calc__result {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #FFFFFF;
}
.bio-calc__result--last {
  padding-bottom: 0;
  border-bottom: none;
}
.bio-calc__result-text {
  margin: 0;
  color: #091725;
  font-size: 1.5rem;
  font-weight: 450;
  line-height: 1.8125rem;
  letter-spacing: -0.00075rem;
}
.bio-calc__result-value {
  margin: 0;
  color: #091725;
  font-size: 1.875rem;
  font-weight: 800;
  line-height: 2.25rem;
  letter-spacing: -0.015rem;
}
.bio-calc__result-note {
  margin-top: -0.25rem;
  display: block;
  color: #091725;
  font-size: 0.8125rem;
  font-weight: 450;
  line-height: 1.125rem;
}
.bio-calc__reset {
  margin-top: 0.5rem;
}

@keyframes bio-calc-fade-in-up {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .bio-calc__results-content.is-animating,
  .bio-calc__results-content.is-animating > * {
    animation: none;
  }
}